﻿@charset "utf-8";
@import url("main.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.top_area1 {
	background: url(../images/top/top_area1.gif) no-repeat;
	margin:0 0 25px 0;
	padding:0;
	height: 284px;
	}
	
.cnavi {
	margin:0;
	padding:0;
	list-style-type: none;
	}
	
.cnavi li {
	margin:0 4px 4px 0;
	padding:0;
	width:172px;
	height:94px;
	float:left;
	}
	
.cnavi li.cnavi4,
.cnavi li.cnavi7,
.cnavi li.cnavi11 {
	margin:0 0 4px 0;
	}
	
.cnavi li.cnavi5 {
	margin:0 180px 4px 0;
	}

.cnavi li a {
	margin: 0;
	padding: 94px 0 0 0;
	width: 172px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:94px;/* for ie5.x */
	}
	
.cnavi .cnavi1 a {
	background: url(../images/top/item1.jpg) no-repeat;
	}

.cnavi .cnavi2 a {
	background: url(../images/top/item2.jpg) no-repeat;
	}
	
.cnavi .cnavi3 a {
	background: url(../images/top/item3.jpg) no-repeat;
	}
	
.cnavi .cnavi4 a {
	background: url(../images/top/item4.jpg) no-repeat;
	}
	
.cnavi .cnavi5 a {
	background: url(../images/top/item5.jpg) no-repeat;
	}
	
.cnavi .cnavi6 a {
	background: url(../images/top/item6.jpg) no-repeat;
	}
	
.cnavi .cnavi7 a {
	background: url(../images/top/item7.jpg) no-repeat;
	}
	
.cnavi .cnavi8 a {
	background: url(../images/top/item8.jpg) no-repeat;
	}
	
.cnavi .cnavi9 a {
	background: url(../images/top/item9.jpg) no-repeat;
	}

.cnavi .cnavi10 a {
	background: url(../images/top/item10.jpg) no-repeat;
	}
	
.cnavi .cnavi11 a {
	background: url(../images/top/item11.jpg) no-repeat;
	}

.cnavi li a:hover {
	background-position: 0 -94px;
	}

.top_area2 {
	margin:0 0 30px 0;
	}
	
.area2left {
	margin:0;
	padding:0;
	width:346px;
	float:left;
	}
	
.area2right {
	margin:0;
	padding:0;
	width:346px;
	float:right;
	}
	
.top_area2_title1,
.top_area2_title2 {
	margin: 0;
	padding: 20px 0 0 0;
	width: 285x;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
	}
	
.top_area2_title1 {
	background: url(../images/top/top_area2_title1.jpg) no-repeat;
	}
	
.top_area2_title2 {
	background: url(../images/top/top_area2_title2.jpg) no-repeat;
	}


.servicebox1,
.servicebox2,
.servicebox3 {
	margin:0;
	padding:2px;
	border:1px solid #666;
	height:116px;
	}

.servicebox1 {
	height:245px;
	}	

.servicebox2 {
	margin:0 0 7px 0;
	}
	
.top_area2_stitle1,
.top_area2_stitle2,
.top_area2_stitle3 {
	margin: 0 0 6px 0;
	padding: 35px 0 0 0;
	width: 340px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}
	
.top_area2_stitle1 {
	background: url(../images/top/top_area2_stitle1.jpg) no-repeat;
	}
	
.top_area2_stitle2 {
	background: url(../images/top/top_area2_stitle2-1.jpg) no-repeat;
	}
	
.top_area2_stitle3 {
	background: url(../images/top/top_area2_stitle2-2.jpg) no-repeat;
	}	
	
.top_area2_lead1,
.top_area2_lead2 {
	margin: 0 0 5px 7px;
	padding: 38px 0 0 0;
	width: 325px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:38px;/* for ie5.x */
	}

.top_area2_lead1 {
	background: url(../images/top/top_area2_boxlead1.gif) no-repeat;
	}
	
.top_area2_lead2 {
	background: url(../images/top/top_area2_boxlead2.gif) no-repeat;
	}
	
.top_area2_ex {
	margin:0 7px 10px 7px;
	padding:0;
	font-size:1.2em;
	}
	
.top_area2_btn1,
.top_area2_btn2 {
	margin:0 0 2px 0;
	padding:0 3px 0 0;
	height:30px;
	}
	
.top_area2_btn1 a,
.top_area2_btn2 a {
	float:right;
	margin: 0;
	padding: 30px 0 0 0;
	width: 145px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:30px;/* for ie5.x */
	}
	
.top_area2_btn1 a {
	background: url(../images/top/top_btn2.jpg) no-repeat;
	}
	
.top_area2_btn2 a {
	background: url(../images/top/top_btn1.jpg) no-repeat;
	}
	
.top_area2_btn1 a:hover,
.top_area2_btn2 a:hover {
	background-position: 0 -30px;
	}
	
.top_area3 {
	margin:0 0 40px 0;
	}
	
.blog_info {
	background: url(../images/top/top_area3_blog.jpg) no-repeat;
	margin:0;
	padding:30px 0 0 180px;
	width:250px;
	height:152px;
	float:left;
	position: relative;
	}
	
.blog_info a.more {
	position: absolute;
	top:148px;
	left:90px;
	background: url(../images/top/read_more.gif) no-repeat;
	margin: 0;
	padding: 24px 0 0 0;
	width: 58px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:24px;/* for ie5.x */
	}
	


.b_data {
	margin:0;
	padding:0;
	color:#529A12;
	font-weight: bold;
	font-size:1.2em;
	}

.b_body {
	margin:0 0 10px 0;
	padding:0;
	font-size:1.2em;
	}






	
.top_banner1 {
	background: url(../images/top/top_staff.jpg) no-repeat;
	margin:0 0 2px 0;
	padding:0;
	width:260px;
	height:90px;
	float:right;
	position: relative;
	}
	
.top_banner1 a {
	position: absolute;
	top:65px;
	left:10px;
	background: url(../images/top/top_btn.jpg) no-repeat;
	margin: 0;
	padding: 21px 0 0 0;
	width: 85px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:21px;/* for ie5.x */
	}
	
.top_banner2 {
	margin:0;
	padding:0;
	width:260px;
	height:90px;
	float:right;
	}
	
.top_banner2 a {
	background: url(../images/top/top_area3_banner2.jpg) no-repeat;
	margin: 0;
	padding: 90px 0 0 0;
	width: 260px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:90px;/* for ie5.x */
	}