@charset "utf-8";



/*** head ***/

.head_wrap {

	width:100%;

	height:80px;

	background:url(../images/head_bg.gif) repeat-x;

	float:left;

	clear:both;

}

.head {

	width:850px;

	height:80px;

	margin:0 auto;

	padding:0 9px;

	background:url(../images/head.gif) no-repeat;

}

.logo {

	width:380px;

	height:69px;

	float:left;

	padding:6px 0 0 0;

}

.head_r {

	width:400px;

	float:right;

	padding:20px 20px 0 0;

}

.head_name {

	width:296px;

	height:14px;

	padding:0 0 3px 0;

	float:right;

	border-bottom:solid #222 1px;

}

.head_r ul {

	width:190px;

	list-style:none;

	clear:both;

	float:right;

	padding:7px 0 0 0;

}

.head_r li {

	float:left;

	padding:0 0 0 20px;

}



/*** foot ***/

.foot_wrap {

	width:100%;

	height:80px;

	background:url(../images/foot_bg.gif) repeat-x;

	float:left;

	clear:both;

}

.foot {

	width:850px;

	height:80px;

	margin:0 auto;

	padding:0 9px;
	
	font-size:12px;

	background:url(../images/foot.gif) no-repeat;

}

.foot ul {

	width:460px;
	

	float:left;

	list-style:url(../images/s_bullet.gif) inside;

	padding:45px 0 0 20px;

}

.foot li {

	float:left;

	padding:0 10px 0 0;

}

.foot a:link, .foot a:visited, .foot a:hover, .foot a:active {

	color:#fff;

}

.copyright {

	width:250px;

	float:right;

	padding:45px 20px 0 0;

	color:#fff;

	text-align:right;

}



/*** home ***/

.visual {

	width:850px;

	margin:0 auto;

	padding:20px 9px;

	background:url(../images/c_shadow.gif) repeat-y;

	clear:both;

	text-align:center;

}

.h_content {

	width:850px;

	margin:0 auto;

	padding:20px 9px 0 9px;

	background:url(../images/c_shadow.gif) repeat-y;

	clear:both;

	overflow:auto;

}

.h_l {

	width:475px;

	float:left;

	padding:0 0 10px 20px;

}

.h_l h2, .h_r h2, .content h2, h3 {

	margin:0 0 10px 0;

	border-bottom:solid #9b968c 1px;

}

.h_r {

	width:315px;

	float:left;

	padding:0 0 10px 20px;

}

.h_news {

	width:465px;

	float:left;

	margin:0 0 15px 5px;

	padding:0 0 5px 0;

	border-bottom:dotted #ccc 1px;

	clear:both;

}

.h_port {

	width:146px;

	float:left;

	padding:0 18px 0 0;

}

.h_port img {

	border:solid #ccc 1px;

	margin:0 0 10px 0;

}

.h_port_title {

	width:146px;

	line-height:22px;

	margin:0 0 5px 0;

	background:url(../images/h_port_title.gif) repeat;

	color:#fff;

	text-align:center;

}

.h_port_url {

	padding:0 0 0 15px;

	background:url(../images/h_bullet.gif) no-repeat left 4px;

	clear:both;

}

.h_port_url a {

	line-height:20px;

	font-size:80%;

}

.h_r ul {

	list-style:none;

}

.h_r li {

	padding:0 0 5px 0;

}

.h_r li img {

	border:solid #ebebeb 10px;

}



/*** menu ***/

.menu_wrap {

	width:100%;

	float:left;

	background:url(../images/m_line.gif) repeat-x bottom;

}

.menu_wrap ul {

	width:850px;

	height:32px;

	margin:0 auto;

	padding:0 8px;

	list-style:none;

	background:url(../images/m_bg.gif) no-repeat;

	clear:both;

}

.menu_wrap li {

	height:32px;

	float:left;

	text-indent:-9999px;

	padding:0 4px 0 0;

}

.m_contact {

	padding:0;

}

.menu_wrap a {

	display:block;

	height:32px;

	float:left;

}

.m_home {

	width:162px;

}

.m_service, .m_mission, .m_about, .m_contact, .m_service a, .m_mission a, .m_about a, .m_contact a {

	width:167px;

}

.m_home a {

	width:162px;

	background:url(../images/menu.gif) 0 0;

}

.m_home a:hover {

	background:url(../images/menu.gif) 0 32px;

}

.m_service a {

	background:url(../images/menu.gif) -162px 0;

}

.m_service a:hover {

	background:url(../images/menu.gif) -162px 32px;

}

.m_mission a {

	background:url(../images/menu.gif) -329px 0;

}

.m_mission a:hover {

	background:url(../images/menu.gif) -329px 32px;

}

.m_about a {

	background:url(../images/menu.gif) -496px 0;

}

.m_about a:hover {

	background:url(../images/menu.gif) -496px 32px;

}

.m_contact a {

	background:url(../images/menu.gif) -663px 0;

}

.m_contact a:hover {

	background:url(../images/menu.gif) -663px 32px;

}



/*** contents ***/

.content {

	width:810px;

	margin:0 auto;

	padding:20px 28px 0 28px;

	background:url(../images/c_shadow.gif) repeat-y;

	clear:both;

	overflow:auto;

}

.c_middle {

	width:810px;

	float:left;

	padding:10px 0 10px 0;

	clear:both;

}

.c_left {

	width:390px;

	float:left;

	padding:0 30px 0 0;

}

.c_right {

	width:390px;

	float:left;

}



/*** about ***/

.about_table {

	width:390px;

	margin:0 0 10px 0;

}

.about_table th {

	width:125px;

	padding:2px;

	background:#000;

}

.about_table td {

	padding:2px 0 2px 10px;

}

.about_table ul {

	list-style:inside;

	margin:0 0 0 10px;

}

.history {

	list-style:none;

	width:380px;

	padding:0 0 10px 5px;

}

.history li {

	margin:0 0 15px 0;

	padding:0 0 5px 0;

	border-bottom:dotted #ccc 1px;

}

.about_flash {

	width:394px;

	height:74px;

	float:right;

	padding:0 0 0 20px;

}



/*** mission ***/

.mission_logo {

	width:370px;

	margin:0 auto;

}

.mission_logo img {

	margin:0 0 10px 0;

}



/*** contact ***/

.contact {

	width:600px;

	margin:0 auto;

	padding:0 0 20px 0;

}

.contact_table {

	width:600px;

}

.contact_table th {

	width:200px;

	padding:2px;

	background:#000;

}

.contact_table td {

	padding:2px 10px;

}

.contact_field {

	width:350px;

}

.contact_area {

	width:350px;

	height:200px;

}

.contact_button {

	padding:5px 20px;

	border:solid #000 1px;

	background:#fff;

}

.gohome {

	clear:both;

	padding:20px 0;

	text-align:center;

}

.gohome a {

	display:block;

	width:150px;

	padding:5px 20px;

	border:solid #000 1px;

	text-align:center;

	color:#000;

	text-decoration:none;

}



/*** privacy ***/

.privacy {

	width:600px;

	margin:0 auto;

}

.privacy h4 {

	font-size:120%;

	font-weight:bold;

	padding:0 0 10px 0;

}

.privacy ul {

	padding:0 0 10px 20px;

}



/*** service ***/

.service {

	width:390px;

	clear:both;

	padding:0 0 20px 0;

}

.service_logo {

	width:390px;

	padding:10px 0 10px 0;

	float:left;
	line-height:110%;

	clear:both;
	border-bottom: 1px dashed #CCCCCC;

}

.service_logo img {

	float:left;

	margin:0 20px 0 0;

}

.service_logo2 {

	width:810px;

	padding:0 0 10px 0;

	float:left;

	clear:both;

}

.service_logo2 img {

	float:left;

	margin:0 20px 0 0;

}

.service2 {

	width:810px;

	clear:both;

	padding:0 0 20px 0;

}

.to_port {
	clear:both;
	text-align:right;
	padding:5px 0;
}
.h_new_title {
	clear:both;
	border-bottom:solid #9b968c 1px;
	height:27px;
}
.h_new_title h2 {
	width:139px;
	float:left;
	margin:0;
	padding:0;
}
.h_new_title div {
	width:200px;
	float:right;
	text-align:right;
	padding:6px 10px 0 0;
}

.recruit_table {

	width:390px;

	margin:0 0 10px 0;

}

.recruit_table th {

	width:115px;
	padding:3px 0 3px 10px;
	background:#000;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:1px dashed #eee;
}

.recruit_table td {

	padding:3px 0 3px 10px;
	border-bottom:1px dashed #ddd;

}