@charset "utf-8";
/* CSS Document */

/*基本*/
body {
 color: #333333;
 background-color: #FFFFFF;
 background-image: url(../images/bk_img.gif);
 background-repeat: repeat-x;
 margin: 0px;
 padding: 0px;
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:12px;
 text-align: center;
}

img {border:0px; margin:0px; padding:0px;}

a {color:#333;}
a:hover {color:#FF0000;}

#wrapp {
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0px auto 0px auto;
	border-left:solid 1px #D2E7CF;
	border-right:solid 1px #D2E7CF;
	background-color:#FFFFFF;
	text-align:left;
	}

#head {
	width:750px;
	height:0px auto 0px auto;
	margin:0px;
	overflow:hidden;
	background-color:#FFFFFF;
	}

h1 {width:750px;
    height:105px;
	margin:0px auto 0px auto;
	background:url(../images/images/header.gif);
	text-indent:-9999px;
	}

div#headbg {width:750px;
    height:115px;
	margin:0px auto 0px auto;
	background:url(../images/images/header.gif) no-repeat bottom;
	}

div#headbg h1 {
	font-size: 93%;
	font-weight: normal;
	background:none;
	text-indent:0px;
	margin:0px;
}

div#headbg h1 a {text-decoration:none;}
	


div#content_wrapp {
	width:750px;
	height:auto;
	margin:0px;
	overflow:hidden;
	}
	   
div#side_bar {
	width:190px;
	height:auto;
	overflow:hidden;
	background:url(../images/domestic/side_syadou.gif) repeat-y;
	background-position:left;
	float:left;
	margin:0px;
	padding:5px;
	border-left:1px solid #D2E7CF;
	}

div#side_bar img.bar {margin:5px 0px;}

div#content {
	width:530px;
	height:auto;
	overflow:hidden;
	margin:0px;
	float:left;
	}

/*///////////////////////////////////navi/////////////////////////////*/
#menu,#menuimg {
	width:750px;
	height:38px;
	margin:0px;
	}
	
#menu ul,#menuimg ul {
	width:750px;
	height:38px;
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
#menu li,#menuimg li {
	display:block;
	height:38px;
	float:left;
	margin:0px;
	padding:0px;
	}

#menu li a {
	display:block;
	height:38px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	}

#menu li a.domestic {
	width:136px; background:url(../images/images/domestic.gif) no-repeat;
	}
#menu li a.study {
	width:132px; background:url(../images/images/study.gif) no-repeat;
	}
#menu li a.diving {
	width:143px; background:url(../images/images/diving.gif) no-repeat;
	}
#menu li a.map {
	width:167px; background:url(../images/images/map.gif) no-repeat;
	}
#menu li a.customercenter {
	width:171px; background:url(../images/images/customercenter.gif) no-repeat;
	}


#menu li a:hover.domestic {
	width:136px; background:url(../images/images/domestic_over.gif) no-repeat;
	}
#menu li a:hover.study {
	width:132px; background:url(../images/images/study_over.gif) no-repeat;
	}
#menu li a:hover.diving {
	width:143px; background:url(../images/images/diving_over.gif) no-repeat;
	}
#menu li a:hover.map {
	width:167px; background:url(../images/images/map_over.gif) no-repeat;
	}
#menu li a:hover.customercenter {
	width:171px; background:url(../images/images/customer_over.gif) no-repeat;
	}

/*///////////////////footer/////////////////////*/

#foot {
	width:750px;
	height:30px;
	margin:0px auto 0px auto;
	padding-top:10px;
	font-size:11px;
	color:#898989;
	border-top:1px solid #D2E7CF;
	}

#foot p {
	height:20px;
	display:block;
	margin:0px;
	padding-right:230px;
	text-align:right;
	background:url(../images/rogo.gif) no-repeat;
	background-position:right bottom;
	}

#foot p.link {background:none; padding:0px; margin:9px; display:block; float:right;}
#foot p.link a {font-size:9px; color:#ccc; text-decoration:none;}
#foot p.link a:hover {color:#66CCFF;}

/*お問い合わせ*/
div#toiawasebox {
	width: 730px;
	height: 200px;
	margin: 30px auto 10px;
	background:url(../images/public/toi_bg.gif) no-repeat;
	overflow: hidden;
	clear:both;
}

div#toiawasebox p {padding: 0px;margin: 0px;}

div#toiawasebox p a {
	display: block;
	width: 230px;
	height: 30px;
	text-indent: -9999px;
	background:url(../images/public/toi_mail.gif) no-repeat;	
}

div#toiawasebox p a:hover {background: url(../images/public/toi_mail_o.gif) no-repeat;}

div#toiawasebox p#tokyomail {margin: 96px 0px 0px 480px;}
div#toiawasebox p#osakamail {margin: 18px 0px 0px 480px;}

