﻿@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 */
	}

/* layout
--------- --------- --------- --------- --------- */
/* #header
--------- --------- --------- --------- --------- */
/* #main
--------- --------- --------- --------- --------- */
	
.main_top {
	background: url(../images/top/top_message_box.jpg) no-repeat;
	width: 900px;
	height: 0;
	margin:5px 0 0 0;
	padding:250px 0 0 0;
	overflow: hidden;
	display: block;
	}


.middle_left_service {
	background: url(../images/top/service_feature.jpg) no-repeat;
	width:650px;
	height:0;
	margin:0 0 10px 0;
	padding:27px 0 0 0;
	overflow: hidden;
	display: block;
	}
	
.left_bunner {
	background: url(../images/top/middle_bunner.jpg) no-repeat;
	width:111px;
	margin:0 0 20px 0;
	padding:150px 215px 20px 325px;
	float:left;
	}
	
.left_bunner_coment {
	background: url(../images/top/middle_bunner.jpg) no-repeat;
	width:649px;
	height:172px;
	padding:0 0 10px 0;
	float:left;
	}
	
.left_bunner a{
	background: url(../images/top/btn_06.jpg) no-repeat;
	width: 110px;
	margin: 0;
	padding: 18px 0 0 0;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:18px;/* for ie5.x */
	}
	
.left_bunner a:hover{
	background-position: 0 -18px;
	}
	
.left_bunnertxt {
	font-size:1.2em;
	font-weight:bold;
	padding:117px 0 0 31px;
	letter-spacing:-0.05em;
	}
	
.left_service_area {
	width:649px;
	height:419px;
	margin:0 0 15px 0;
	border:1px solid #000;
	}
	
.top_service3_area {
	margin:0;
	padding:0 5px 5px 5px;
	}
	
.top_service_webtitle {
	background: url(../images/top/service_web_top.jpg) no-repeat;
	padding:44px 8px 0 89px;
	}
	
.top_service_webtitle a{
	background: url(../images/top/btn_06.jpg) no-repeat;
	padding: 18px 0 0 0;
	width: 111px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:18px;/* for ie5.x */
	}
	
.top_service_webtitle a:hover{
	background-position:0 -18px;
	}
	
.top_service_nettitle {
	background: url(../images/top/service_net_top.jpg) no-repeat;
	padding:44px 8px 0 89px;
	}
	
.top_service_nettitle a{
	background: url(../images/top/btn_06.jpg) no-repeat;
	padding: 18px 0 0 0;
	width: 111px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:18px;/* for ie5.x */
	}
	
.top_service_nettitle a:hover{
	background-position:0 -18px;
	}
	
.top_service_oatitle {
	background: url(../images/top/service_oa_top.jpg) no-repeat;
	padding:44px 8px 0 89px;
	}
	
.top_service_oatitle a{
	background: url(../images/top/btn_06.jpg) no-repeat;
	padding: 18px 0 0 0;
	width: 111px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:18px;/* for ie5.x */
	}
	
.top_service_oatitle a:hover{
	background-position:0 -18px;
	}
	
.top_service_coment {
	padding:0 5px 0 0;
	float:left;
	position:relative;
	}

.top_service_itembox {	
	background: url(../images/top/service_web_under.jpg) no-repeat;
	width:205px;
	height:0;
	font-size:1.2em;
	color:#5D5A58;
	padding:5px 0 155px 5px;
	position:absolute;
	left:0;
	}
	
.top_service_itemtxt {
	width:190px;
	padding:0 0 0 6px;
	}

/* #side
--------- --------- --------- --------- --------- */
.news_bar {
	background: url(../images/top/topic_box.jpg) no-repeat;
	height:0px;
	width:228px;
	padding:27px 0 0 0;
	overflow: hidden;
	display: block;
	}
	
.newsbox {
	padding:10px;
	width:198px;
	font-size:1.2em;
	color:#000;
	border-left:5px solid #009834;
	border-right:5px solid #009834;
	border-bottom:5px solid #009834;
	}
	
.newsday {
	color:#999999;
	}
	
/* #footer
--------- --------- --------- --------- --------- */
