/* Base Weblog (base-weblog.css) */

/* basic elements */

html {
	margin: 0;
	padding: 0;
}

body {
	min-width: 800px;
	color: #333;
	background-color:#CCCCCC;
	padding: 0;
	margin: 0 auto;
	font-size: 10pt;
	text-align: center; } /* center on ie */
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

/* page layout */

#container {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background : #FFF;
	border-left:solid #999 2px;
	border-right:solid #999 2px;
}

a { color: #666; text-decoration: underline; }
a:hover { color: #333; }

#title {
	background : url("../img/title.gif") no-repeat;
	width:800px;
	height:35px;
	margin: 0;
	padding: 0;
}

#title h1 {
	margin: 0;
	padding: 0;
	width           : 800px;
	height          : 35px;
	font-size:1px;
	text-indent     : -9999px;
	display:block;
}

#menu {
	text-align:center;
	width: 800px;
	height: 200px;
	margin:0px auto;
	background : url("../img/head.jpg") no-repeat #FFF top center;
}

#menu h2 {
	margin:0;
	padding: 0;
	width: 800px;
	height: 170px;
	font-size:1px;
	text-indent     : -9999px;
	display:block;
}
#menu ul {
	margin:0;
	padding: 0;
	height: 30px;
}
#menu li {
	padding:0;
	margin:0;
	display:inline;
	list-style:none;
}

#menu li a {
        font-size:1px;
	text-indent     : -9999px;
}

#menu li.com a {
	width: 120px;
	height: 30px;
	float:left;
	margin:0;
	background: url(../img/link1_0.gif) no-repeat center top;
}

#menu li.com a:hover {
	background: url(../img/link1_1.gif) no-repeat center top;
}

#menu li.about a {
	width: 120px;
	height: 30px;
	float:left;
	margin:0 0 0 3px;
	background: url(../img/link2_0.gif) no-repeat center top;
}

#menu li.about a:hover {
	background: url(../img/link2_1.gif) no-repeat center top;
}

#menu li.recruit a {
	width: 120px;
	height: 30px;
	float:left;
	margin:0 0 0 3px;
	background: url(../img/link3_0.gif) no-repeat center top;
}

#menu li.recruit a:hover {
	background: url(../img/link3_1.gif) no-repeat center top;
}

#menu li.inquire a {
	width: 120px;
	height: 30px;
	float:left;
	margin:0 0 0 3px;
	background: url(../img/link4_0.gif) no-repeat center top;
}

#menu li.inquire a:hover {
	background: url(../img/link4_1.gif) no-repeat center top;
}

#mainbody {
	width: 770px;
	margin: 15px;
}
#mainbody .title0 {
	clear:both;
	width: 770px;
	height: 24px;
	margin: 0 auto;
	padding: 0;
	background : url("../img/title0.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .title-news {
	clear:both;
	display:block;
	width: 770px;
	height: 24px;
	margin: 10px 0 10px 0;
	padding: 0;
	background : url("../img/title_news.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .title1 {
	clear:both;
	display:block;
	width: 770px;
	height: 24px;
	margin: 10px 0 10px 0;
	padding: 0;
	background : url("../img/title1.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .title2 {
	clear:both;
	display:block;
	width: 770px;
	height: 24px;
	margin: 10px 0 10px 0;
	padding: 0;
	background : url("../img/title2.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .title2-1 {
	display:block;
	width: 770px;
	height: 16px;
	margin: 10px 0 0 0;
	padding: 0;
	background : url("../img/title2_1.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .title2-2 {
	display:block;
	width: 770px;
	height: 16px;
	margin: 10px 0 0 0;
	padding: 0;
	background : url("../img/title2_2.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .title2-3 {
	display:block;
	width: 770px;
	height: 16px;
	margin: 10px 0 0 0;
	padding: 0;
	background : url("../img/title2_3.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .title3 {
	clear:both;
	display:block;
	width: 770px;
	height: 24px;
	margin: 10px 0 10px 0;
	padding: 0;
	background : url("../img/title3.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .title3-1 {
	display:block;
	width: 770px;
	height: 16px;
	margin: 10px 0 0 0;
	padding: 0;
	background : url("../img/title3_1.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .title3-2 {
	display:block;
	width: 770px;
	height: 16px;
	margin: 10px 0 0 0;
	padding: 0;
	background : url("../img/title3_2.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .title4 {
	clear:both;
	display:block;
	width: 770px;
	height: 24px;
	margin: 10px 0 10px 0;
	padding: 0;
	background : url("../img/title4.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .bn1 {
	float:left;
	width: 252px;
	height: 60px;
	display:block;
	margin: 0;
	padding: 0;
	background : url("../img/bn1.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .bn1 a {
	width: 252px;
	height: 60px;
	display:block;
	margin: 0;
	padding: 0;
	background : url("../img/bn1.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .bn2 {
	float:left;
	width: 252px;
	height: 60px;
	display:block;
	margin: 0 0 0 7px;
	padding: 0;
	background : url("../img/bn2.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .bn2 a {
	width: 252px;
	height: 60px;
	display:block;
	margin: 0;
	padding: 0;
	background : url("../img/bn2.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .bn3 {
	float:left;
	width: 252px;
	height: 60px;
	display:block;
	margin: 0 0 0 7px;
	padding: 0;
	background : url("../img/bn3.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .bn3 a {
	width: 252px;
	height: 60px;
	display:block;
	margin: 0;
	padding: 0;
	background : url("../img/bn3.gif") no-repeat;
	text-indent     : -9999px;
	font-size: 1px;
}
#mainbody .text0 {
	clear:both;
	margin: 10px 0 0 0;
}
p {
	margin: 0 0 0 10px;
	line-height:1.5;
	padding : 3px;
}
h3 {
	font-size:10pt;
	color:#3399CC;
	margin: 5px 0;
}
#mainbody .to-top {
	text-align:right
}
#mainbody td {
	font-size:10pt;
	border-bottom:1px dotted #CCC;
}
.line {
	clear: both;
	border-bottom: 1px dotted #CCC;
	padding:0;
	margin:5px 0 5px 0 ;
	display:block;
	text-indent     : -9999px;
	font-size: 1px;
	display:block;
}

#footer {
	clear:both;
	width: 800px;
	height: 36px;
	margin: 0 auto;
	padding: 0;
	background : url("../img/foot.gif") no-repeat;
}
#footer .copyright {
	margin: 0;
	text-indent     : -9999px;
	font-size: 1px;
}