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

*{
	margin:0;
	padding:0;
	letter-spacing:1px;
	color: #333333;
}


.clear{
	width:100%;
	height:1px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}



#head{
	width:100%;
	height:63px;
	float:left;
	clear:both;
}
#head .header{
	width:900px;
	height:63px;
	float:none;
	clear:both;
	margin:0 auto;
}
#head .header h1{
	width:359px;
	height:63px;
	float:left;
	display:block;
	overflow:hidden;
}
#head .header h1 a{
	width:359px;
	height:0;
	padding-top:63px;
	float:left;
	display:block;
	overflow:hidden;
	background-image:url(../images/index-logo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:12px;
	line-height:1.6;
}



#main-menu{
	width:100%;
	height:55px;
	float:left;
	clear:both;
	background-image:url(../images/main-menu_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}
#main-menu .menu-col{
	width:900px;
	height:55px;
	float:none;
	clear:both;
	margin:0 auto;
}
#main-menu .menu-col ul{
	width:900px;
	height:55px;
	float:left;
	clear:both;
	list-style:inside;
	list-style-type:none;
}
#main-menu .menu-col li{
	float:left;
}
#main-menu .menu-col li.index{
	float:left;
	width:181px;
	height:55px;
	display:block;
	overflow:hidden;
}
#main-menu .menu-col li.index a{
	float:left;
	width:181px;
	height:0;
	padding-top:55px;
	display:block;
	overflow:hidden;
	background-image:url(../images/main-menu_top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#main-menu .menu-col li.index a:hover{
	background-image:url(../images/main-menu_top-on.jpg);
}


#main-menu .menu-col li.maron-web{
	float:left;
	width:179px;
	height:55px;
	display:block;
	overflow:hidden;
}
#main-menu .menu-col li.maron-web a{
	float:left;
	width:179px;
	height:0;
	padding-top:55px;
	display:block;
	overflow:hidden;
	background-image:url(../images/main-menu_web.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#main-menu .menu-col li.maron-web a:hover{
	background-image:url(../images/main-menu_web-on.jpg);
}



#main-menu .menu-col li.maron-marine{
	float:left;
	width:180px;
	height:55px;
	display:block;
	overflow:hidden;
}
#main-menu .menu-col li.maron-marine a{
	float:left;
	width:180px;
	height:0;
	padding-top:55px;
	display:block;
	overflow:hidden;
	background-image:url(../images/main-menu_marine.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#main-menu .menu-col li.maron-marine a:hover{
	background-image:url(../images/main-menu_marine-on.jpg);
}



#main-menu .menu-col li.company{
	float:left;
	width:179px;
	height:55px;
	display:block;
	overflow:hidden;
}
#main-menu .menu-col li.company a{
	float:left;
	width:179px;
	height:0;
	padding-top:55px;
	display:block;
	overflow:hidden;
	background-image:url(../images/main-menu_company.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#main-menu .menu-col li.company a:hover{
	background-image:url(../images/main-menu_company-on.jpg);
}



#main-menu .menu-col li.contact{
	float:left;
	width:181px;
	height:55px;
	display:block;
	overflow:hidden;
}
#main-menu .menu-col li.contact a{
	float:left;
	width:181px;
	height:0;
	padding-top:55px;
	display:block;
	overflow:hidden;
	background-image:url(../images/main-menu_contact.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#main-menu .menu-col li.contact a:hover{
	background-image:url(../images/main-menu_contact-on.jpg);
}



#contents{
	width:900px;
	height:100%;
	float:none;
	clear:both;
	margin:0 auto;
}
#contents .link-web{
	width:416px;
	height:326px;
	float:left;
	display:block;
	overflow:hidden;
	margin-top:30px;
}
#contents .link-web a{
	width:416px;
	height:0;
	padding-top:326px;
	float:left;
	clear:both;
	display:block;
	overflow:hidden;
	font-size:12px;
	line-height:1.6;
	background-image:url(../images/link-web.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#contents .link-marine{
	width:420px;
	height:423px;
	float:right;
	display:block;
	overflow:hidden;
	margin-top:30px;
}
#contents .link-marine a{
	width:420px;
	height:0;
	padding-top:423px;
	float:left;
	clear:both;
	display:block;
	overflow:hidden;
	font-size:12px;
	line-height:1.6;
	background-image:url(../images/link-marine.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#contents .link-repia{
	width:416px;
	height:145px;
	float:left;
	display:block;
	overflow:hidden;
	margin-top:30px;
}
#contents .link-repia a{
	width:416px;
	height:0;
	padding-top:145px;
	float:left;
	clear:both;
	display:block;
	overflow:hidden;
	font-size:12px;
	line-height:1.6;
	background-image:url(../images/link-repia.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#contents .link-area{
	width:420px;
	float:right;
	margin-top:30px;
}
#contents .link-area ul{
	width:420px;
	float:left;
	clear:both;
	list-style:inside;
	list-style-type:none;
}
#contents .link-area li{
	width:200px;
	float:left;
	display:block;
	padding:5px;
}
#contents .link-area li a img{
	border:none;
}


#contents .whatsnew{
	width:400px;
	float:left;
	clear:left;
	display:block;
	overflow:hidden;
	margin-top:30px;
}
#contents .whatsnew h3{
	width:400px;
	height:0;
	padding-top:31px;
	float:left;
	clear:both;
	display:block;
	overflow:hidden;
	font-size:12px;
	line-height:1.6;
	background-image:url(../images/whats-new.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#contents .whatsnew .whatnew-box{
	width:398px;
	float:left;
	clear:both;
	display:block;
	overflow:auto;
	border:#CCCCCC solid 1px;
}
#contents .whatsnew .whatnew-box dl{
	width:380px;
	float:left;
	clear:both;
	border-bottom:#CCCCCC solid 1px;
}
#contents .whatsnew .whatnew-box dt{
	width:90px;
	float:left;
	text-align:right;
	line-height:1.6;
	font-size:12px;
}
#contents .whatsnew .whatnew-box dd{
	width:270px;
	float:right;
	text-align:left;
	line-height:1.6;
	font-size:12px;
	border-left:#CCCCCC solid 1px;
	padding-left:10px;
}








#contents-sub{
	width:800px;
	height:100%;
	float:none;
	clear:both;
	margin:0 auto;
}
#contents-sub h3{
	width:800px;
	height:60px;
	float:left;
	clear:both;
	margin-top:20px;
}

#contents-sub .topics{
	width:800px;
	height:100%;
	float:left;
	clear:both;
}

#contents-sub .topics h5{
	width:750px;
	float:left;
	clear:both;
	margin-top:20px;
	border-bottom:#0066FF solid 1px;
	border-left:#0066FF solid 15px;
	line-height: 1.6;
	font-size: 14px;
	padding: 5px 0 5px 20px;
}
#contents-sub .topics p{
	width:750px;
	float:left;
	line-height:1.6;
	font-size:12px;
	padding:5px 0 5px 15px;
}



#contents-sub dl{
	width:800px;
	float:left;
	clear:both;
	margin:10px 0;
	border-bottom:#999999 solid 1px;
	border-left:#0099FF solid 3px;
}
#contents-sub dt{
	width:100px;
	float:left;
	font-size:14px;
	font-weight:700;
	color:#333333;
	padding:0 0 0 20px;
	line-height:2.0;
	
}
#contents-sub dd{
	width:630px;
	float:right;
	line-height:2.0;
	border-left:#0099FF solid 3px;
	padding-left:20px;
}





#footer{
	width:100%;
	height:63px;
	background-image:url(../images/footer-bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	float:left;
	margin-top:15px;
}

#footer .footer-innner{
	width:900px;
	height:63px;
	float:none;
	clear:both;
	margin:0 auto;
}

#footer .footer-innner p.copy{
	width:900px;
	text-align:center;
	padding:20px 0;
	font-size:12px;
}