@charset "UTF-8";
/* CSS Document */

@import "common.css";
#header {
	height:80px;
	background:#efefef;
}
.wrapper {
	width:950px;
	margin:0 auto;
	text-align:left;
}
h1 {
	float:left;
	margin:7px 0 0;
}
.catch {
	float:left;
	margin:37px 0 0 20px;
}
.tel_header {
	float:right;
	margin:18px 5px 0 0;
}
#nav {
	clear:both;
	height:51px;
	background:url(../images/nav_side.jpg) repeat-x;
}
#nav li {
	float:left;
	height:40px;
}

.menu02 a {
	width:158px;
	height:51px;
	display:block;
	background:url(../images/nav_menu02_ov.jpg) no-repeat;
}
.menu03 a {
	width:158px;
	height:51px;
	display:block;
	background:url(../images/nav_menu03_ov.jpg) no-repeat;
}
.menu04 a {
	width:158px;
	height:51px;
	display:block;
	background:url(../images/nav_menu04_ov.jpg) no-repeat;
}
.menu05 a {
	width:158px;
	height:51px;
	display:block;
	background:url(../images/nav_menu05_ov.jpg) no-repeat;
}
.menu06 a {
	width:158px;
	height:51px;
	display:block;
	background:url(../images/nav_menu06_ov.jpg) no-repeat;
}
.menu02:hover > a {
	text-indent:-9999px;
}
.menu03:hover > a {
	text-indent:-9999px;
}
.menu04:hover > a {
	text-indent:-9999px;
}
.menu05:hover > a {
	text-indent:-9999px;
}
.menu06:hover > a {
	text-indent:-9999px;
}
.menu02 ul,.menu03 ul,.menu04 ul,.menu05 ul {
	display:none;
	position:absolute;
	z-index: 10;
}
#nav li.menu02 ul li,#nav li.menu03 ul li,#nav li.menu04 ul li,#nav li.menu05 ul li {
	float:none;
}
#nav li.menu02:hover > ul,#nav li.menu03:hover > ul,#nav li.menu04:hover > ul,#nav li.menu05:hover > ul {
	display:block;
}
.menu02 ul,.menu03 ul,.menu04 ul,.menu05 ul {
	border:1px #000 solid;
	margin:-1px 0 0 -1px;
	width:156px;
}
.menu02 ul li,.menu03 ul li,.menu04 ul li,.menu05 ul li {
	background-color:#232425;
	width:156px;
	height:41px;
	background-image:url(../images/nav_menu_li_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.menu02 ul li a,.menu03 ul li a,.menu04 ul li a,.menu05 ul li a {
	background-image:none;
	color:#fff;
	width:136px;
	padding:10px 10px;
	height:41px;
}
.menu02 ul li a:hover,.menu03 ul li a:hover,.menu04 ul li a:hover,.menu05 ul li a:hover {
	background-image:url(../images/bg_nav_menu_li.jpg);
	color:#fff;
	width:136px;
	padding:10px 10px;
	text-indent:0px;
	text-decoration:none;
}
#mainimage {
	height:208px;
	background:url(../images/bg_mainimage.jpg) repeat-x;
}
#splsh {
	width: 950px;
	height: 208px;
	overflow: hidden;
	position:relative;
	z-index:5;
	margin: 0 auto;
}
#splsh img {
	position: absolute;
	top: 0;
	left:0;
}
.contents {
	background-color:#efefef;
	background-image:url(../images/bg_content_bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-top:1px #fff solid;
}
.shadow {
	background-image:url(../images/bg_content_bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#main {
	float:left;
	width:660px;
	margin:20px 0 0;
}
#side {
	float:right;
	width:255px;
	margin:20px 0 0;
}
h2 {
	width:660px;
	height:30px;
	border-bottom:4px #071f38 solid;
}
.services {
	margin:0 -6px 20px -7px;
}
.services a:hover {
	text-decoration:none;
}
.services li {
	float:left;
}
.service01 {
	background:url(../images/bg_service01.jpg) no-repeat;
	width:227px;
	height:193px;
	position:relative;
}
.service01:hover {
	background:url(../images/bg_service01_ov.jpg) no-repeat;
	width:227px;
	height:193px;
}
.service02 {
	background:url(../images/bg_service02.jpg) no-repeat;
	width:221px;
	height:193px;
	position:relative;
}
.service02:hover {
	background:url(../images/bg_service02_ov.jpg) no-repeat;
	width:221px;
	height:193px;
}
.service03 {
	background:url(../images/bg_service03.jpg) no-repeat;
	width:225px;
	height:193px;
	position:relative;
}
.service03:hover {
	background:url(../images/bg_service03_ov.jpg) no-repeat;
	width:225px;
	height:193px;
}
.service01 h3 {
	margin-left:20px;
}
h3 {
	margin:18px 0 0 10px;
}
.services p {
	margin:5px 0 0 16px;
	width:190px;
	color:#333;
}
.service01 p {
	margin:23px 0 0 20px;
}
.bt_service01{
	position:absolute;
	bottom:12px;
	left:11px;
}

.bt_service02{
	position:absolute;
	bottom:12px;
	left:6px;
}
.bt_service03{
	position:absolute;
	bottom:12px;
	left:8px;
}
.news {
	margin:4px 0 25px;
	width:660px;
	font-size:12px;
}
.news li{
	margin-bottom:10px;
	clear:both;
}
.date {
	border-bottom: 1px dotted #0981BC;
    color: #003F70;
    font-weight: bold;
    padding: 10px;
	
}
.news_contents {
	
border-bottom: 1px dotted #B6BBBE;
    border-left: 1px solid #EFEFEF;
    padding: 10px;
    width: 540px;
}
.contact {
	clear:both;
	width:674px;
	height:113px;
	margin:0 -7px 0 -7px;
	background:url(../images/bg_contact.jpg) no-repeat;
	background-position:right;
	position:relative;
}
.bt_contact {
	position:absolute;
	top:29px;
	right:26px;
	display:block;
	width:220px;
	height:61px;
}
.bt_contact:hover {
	text-indent:-9999px;
	background:url(../images/bt_contact_ov.jpg) no-repeat;
}
#side a img{
	margin-bottom:5px;
}
#side a img:hover {
	filter: alpha(opacity=60);
	opacity:0.85;
}
#side p {
	margin:10px 0 10px;
}
.fb {
	width:255px;
	height:288px;
	margin-bottom:60px;
	background:#fff;
}
#pagetop {
	clear:both;
	float:right;
	margin-top: 20px;
	
}
#footer {
	background:#eaeaea;
	height:52px;
	padding-top:10px;
	clear:both;
}
#footer img {
	
	width:218px;
	height:23px;
	float:left;
}
.addless {
	clear:both;
	float:left;
}
.sitemap {
	float:right;
	color:#aeaeae;
	
}
.sitemap a {
	color:#222;
}
.sitemap a:hover {
	color:#222;
}
#footer2 {
	clear:both;
	background:#071f38;
	height:21px;
	line-height: 21px;
}
#footer2 li {
	float:left;
	background:url(../images/icon_arrow.gif) no-repeat;
	background-position:left;
	padding-left:10px;
	margin-right:10px;
}
#footer2 img {
	margin-top:4px;
	margin-bottom:-4px;
}
#footer2 p {
	float:right;
	color:#b5bcc4;
	font-size:10px;
	letter-spacing:0.05em;
}