﻿@charset "utf-8";
/* CSS Document */

html {
	margin-bottom:1px;
	height:100%;
}
/* ========== wrapper ========== */
.wrapper {
	width:1030px;
	margin:0 auto;
	background-color:#FFFFFF;
}
/* ========== header ========== */
.header {
	height:150px;
	background:#FFFFFF url(../images/head_bg.gif) repeat-x left top;
	padding:13px 25px 27px 25px;
	position:relative;
}
.header .headlogo {
	position:relative;
}
.header .head_title {
	position:absolute;
	top:35px;
	left:175px;
}
.header .topInfo {
	position:absolute;
	right:25px;
	top:25px;
	font-size:12px;
	font-weight:bold;
}
.header .topInfo ul.info {
	float:right;
	margin-top:10px;
}
.header .topInfo ul.info li {
	float:left;
	margin-right:20px;
}
.header .topInfo ul.info li a {
	color:#9FA0A0;
	background:url(../images/arrow.gif) no-repeat 0px 5px;
	padding:0 0 5px 15px;
	display:block;
}
.header .topInfo ul.info li a:hover, .header .topInfo ul.info li.on a {
	color:#1c50a1;
	border-bottom:4px solid #b7d100;
	background:url(../images/arrow_on.gif) no-repeat 0px 5px;
}
.topInfo .fontBox {
	border:1px solid #dddddd;
	padding:5px 10px;
	color:#1c50a1;
	float:right;
}
.topInfo .fontBox li {
	float:left;
	margin-left:6px;
	height:26px;
	line-height:26px;
}
.topInfo .fontBox li.f_size {
	margin:0 10px 0 3px;
	color:#000000
}
.fontBox li a {
	display:block;
	width:26px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
}
/* ========== header navs ========== */
.header .navs {
	position:absolute;
	right:25px;
	bottom:27px;
}
.header .navs ul li {
	float:left;
	margin-right:1px
}
.header .navs ul li a {
	display:block;
	float:left;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
.header .navs ul li#nav_top a {
	background:url(../images/nav_top.gif) no-repeat left top;
	width:165px;
}
.header .navs ul li#nav_message a {
	background:url(../images/nav_message.gif) no-repeat left top;
	width:165px;
}
.header .navs ul li#nav_service a {
	background:url(../images/nav_service.gif) no-repeat left top;
	width:165px;
}
.header .navs ul li#nav_company a {
	background:url(../images/nav_company.gif) no-repeat left top;
	width:165px;
}
.header .navs ul li#nav_recruit a {
	background:url(../images/nav_recruit.gif) no-repeat left top;
	width:165px;
}
.header .navs ul li#nav_top a:hover, .header .navs ul li#nav_top a.selected, .header .navs ul.mtop li#nav_top a {
	background:url(../images/nav_top_on.gif) no-repeat left top;
	width:165px;
}
.header .navs ul li#nav_message a:hover, .header .navs ul li#nav_message a.selected, .header .navs ul.mmessage li#nav_message a {
	background:url(../images/nav_message_on.gif) no-repeat left top;
	width:165px;
}
.header .navs ul li#nav_service a:hover, .header .navs ul li#nav_message a.selected, .header .navs ul.mservice li#nav_service a {
	background:url(../images/nav_service_on.gif) no-repeat left top;
	width:165px;
}
.header .navs ul li#nav_company a:hover, .header .navs ul li#nav_message a.selected, .header .navs ul.mcommany li#nav_company a {
	background:url(../images/nav_company_on.gif) no-repeat left top;
	width:165px;
}
.header .navs ul li#nav_recruit a:hover, .header .navs ul li#nav_message a.selected, .header .navs ul.mrecruit li#nav_recruit a {
	background:url(../images/nav_recruit_on.gif) no-repeat left top;
	width:165px;
}
/* ========== mainWrap ========== */
.mainWrap {
	padding:20px 25px 20px 25px;
}
/* ========== leftSide ========== */
.mainWrap .leftSide {
	width:176px;
	float:left;
	padding-top:10px;
	margin-right:22px;
	background:#dbdddc;
	padding-bottom:100px;
	font-family:"MS PGothic";
}
.mainWrap .leftSide h3 {
	margin-bottom:10px;
}
.mainWrap .leftSide ul li {
	margin-bottom:10px;
	_height:25px;
	color:#004f4d;
	font-size:14px;
}
.mainWrap .leftSide ul .bg a{
	background:url(../images/left/pint01.gif) 20px 12px no-repeat #ffffff;
	color:#004f4d;
}
.mainWrap .leftSide ul a {
	display:block;
	padding:10px 5px 10px 40px;
	background:url(../images/left/pint03.gif) 20px 12px no-repeat;
	color:#000000;
	font-weight:bold;
	
}
.mainWrap .leftSide ul a {
	background:url(../images/left/pint03.gif) 20px 12px no-repeat;	
}
.mainWrap .leftSide ul a:visited{}
.mainWrap .leftSide ul a:hover {
	color:#000;
	background:url(../images/left/pint02.gif) 20px 12px no-repeat #9ab8b6;
}
.mainWrap .leftSide ul a:active{}

/*.mainWrap .leftSide ul li a{
	background:url(../images/arrow.gif) no-repeat 10px 5px;
	padding:0px 2px 4px 25px;
	font-size:14px;
	color:#9fa0a0;
	display:block;
}
.mainWrap .leftSide ul li a:hover,.mainWrap .leftSide ul li.on a{
	color:#1c50a1;
	border-bottom:4px solid #b7d100;
	background:url(../images/arrow_on.gif) no-repeat 10px 5px;
}
.mainWrap .leftSide ul#sub_recruit span{
	letter-spacing:-2px;
	font-size:11px;
}*/
/* ========== content ========== */
.mainWrap .content {
	float:right;
	width:730px;
	padding:20px 0 0 48px;
}
/* ========== page up ========== */
.up {
	text-align:right;
	margin-top:50px;
}
/* ========== page footer ========== */
.footerWrap {
	background-color:#3e3a39;
	height:78px;
}
.footerWrap .footer {
	width:1030px;
	margin:0 auto;
	height:78px;
	background-color:#3e3a39;
	color:#ffffff;
}
.footer ul {
	padding:10px 0 0 0px;
	width:500px;
	height:20px;
}
.footer ul li {
	float:left;
	margin-right:15px;
}
.footer ul li a {
	background:url(../images/icon04.gif) no-repeat left 50%;
	padding-left:15px;
	margin-right:20px;
	color:#ffffff;
	font-size:12px;
}
.footer .copyright {
	width:400px
	font-size:9px;
	font-weight:bold;
}
/* ========== top footer ========== */
.top {
	text-align:right;
}
.top .copyright {
	font-size:9px;
	color:#1C50A1;
	font-weight:bold;
	margin-top:10px;/*letter-spacing:1px;*/
	
}
/* ========== top footer ========== */
.topFooter {
	background-color:#1C50A1;
	height:5px;
	overflow:hidden;
}
/* ========== height ========== */
.h_35 {
	height:35px;
	_height:32px;
}
