* {
	margin: 0;
	padding: 0;
	}

/*==========  基本構造  ========== */
body {
	color : #666;
	font-size :12px;
	width: 770px;
	margin :0 auto;
	padding: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka-等幅;
	}
/*	
body div {
	text-align: left;
	margin: 0 auto;
	}*/

#wrap{
	width: 750px;
	padding: 0 10px;
	margin:10px 0;
	background: url(../img/chatan_dive/back_shadow.jpg) repeat-y;
	text-align: center;
	}


/*==========  テキスト・リンク  ========== */

h1{
	font-size: 16px;
	font-weight:bold;
	color:#FF3399;
	float:right;
	}
/*--------------------h2--------------------------*/
.w-cha{
height:52px;
background:url(../img/chatan_dive/h2.jpg) no-repeat;
	}
	
	
.i-mes{
height:58px;
background:url(../img/chatan_dive/h2_2.jpg) no-repeat;}

.mar-i-mes{
margin:10px 0 0 390px;}

.sea-htl{
height:58px;
background:url(../img/chatan_dive/h2_3.jpg) no-repeat;}


.sea-htl-img{
margin:10px 0 0 470px;}


.about-d{
margin-top:50px;
height:42px;
background:url(../img/chatan_dive/h2_4.jpg) no-repeat;}


.about-d-mes{
margin:5px 0 0 0;}
/*-----------------------h3-------------------------*/

h4{
clear:both;
color:#CC3399;
font-size:12px;
font-weight:bold;
margin-top:5px;}


/*---------------------------------------------------*/
p{
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 130%;
	margin: 0 15px;
	}


a:link{
	color:#0000FF;
	text-decoration:underline;
	}

a:visited{
	color:;
	text-decoration: none;
	}

a:hover{
	color: #FF53CD;
	text-decoration: none;
	}
	
.aka20{
font-size:20px;
font-weight:bold;
line-height:1.5em;
color:#FF0066;}

.ao{
font-size:18px;
font-weight:bold;
line-height:1.5em;
color:#0066FF;}

.gre15{
font-size:15px;
font-weight:bold;
line-height:1.5em;
color:#009999;}

.org{
font-size:15px;
font-weight:bold;
line-height:1.5em;
color:#FF9933;}

.aka{
font-size:10px;
color:#CC0000;s}

/*-------------------------------------------*/	
.clear{
clear:both;}

.flo-l{
	float:left;
	margin-left: 10px;
}
.flo-r{
	float:right;
	margin:0;
}


/*------------------box------------------*/

	
.header{
width:750px;
height:415px;
margin:0 0 10px;
background:url(../img/chatan_dive/head.jpg) no-repeat;}

.h-img{
	float:left;
	width:355px;
	margin-top: 10px;
}

.head-img1{
float:left;
margin:0 0 0 15px;}

.head-img2{
float:left;
margin:0;}


.head-mes{
width:220px;
height:180px;
color:#FFFFFF;
margin:150px auto 0 20px;
font-size:12px;
font-weight:normal;
float:left;
}


* html .head-mes{
width:225px;
height:180px;
color:#FFFFFF;
margin:150px auto 0 10px;
font-size:12px;
float:left;
line-height:1.2em;
text-align:left;
}

#footer{
	background-color:#009999;
	width: 750px;
}

#footer p{
color:#FFFFFF;
}

#footer ul{
	margin:10px auto 0;
	text-align:center;
	width: 580px;
}


#footer li{
display:block;
float:left;
margin-left:10px;
text-align:center;
list-style-type: none;
}



#left-side{
width:750px;
margin:0;
background:url(../img/chatan_dive/fun_div.jpg) repeat-y;
}


#main{
	width:680px;
	padding:0;
	margin:0 0 0 70px;
	text-align:left;
}
/*
* html #main{
	width:670px;
	padding:0;
	text-align:left;
	margin:0 0 0 70px;
}
*/
.mar-l10{
width:650px;
margin:10px 10px 0;
line-height:1.5em;}

.mar-l5{
margin-right:5px;}
.cha-img{
float:left;
margin-right:10px;}

.map{
	width:230px;
	float:right;
	margin: 10px;
}


.htl-box{
	width: 325px;
	float:left;
	margin-left:5px;
	border:#FF3366 1px solid;

}

.sea-line{
widows:325px;
height:34px;
background:url(../img/chatan_dive/back-line.gif) repeat-x;
margin:0;}

.sea-line img{
margin:5px 0 0 10px;
}

.htl-cont{
	margin:5px;
	height: 275px;
}


.htl-img{
float:right;
margin:15px 0 0 5px;}


.b-sel1{
	margin:5px 0 0 5px;
	padding:0;
	background:url(../img/chatan_dive/dom_fun.gif);
	width: 315px;
	height:58px;
	text-align:center;
}


.b-sel2{
	margin:5px 0 5px 5px;
	padding:0;
	background:url(../img/chatan_dive/dom_ccard.gif);
	width: 315px;
	height:58px;
	text-align:center;
}

.b-sel3{
	margin:5px 0 0 5px;
	padding:0;
	background:url(../img/chatan_dive/htl_fun.gif);
	width: 315px;
	height:58px;
	text-align:center;
}

.b-sel4{
	margin:5px 0 5px 5px;
	padding:0;
	background:url(../img/chatan_dive/htl_ccard.gif);
	width: 315px;
	height:58px;
	text-align:center;
}
/**/

.b-on a:link,.b-on a:visited{
width:80px;
height:18px;
display:block;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration: none;
margin:auto 0 auto 235px;
padding-top:2px;
}

.b-on a:hover{
color:#333333;
margin:auto 0 auto 235px;
text-decoration:underline;
}

* html .b-on a:link,* html .b-on a:visited{
width:80px;
height:20px;
display:block;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration: none;
margin:0 0 0 235px;
padding-top:2px;
}

* html .b-on a:hover{
color:#FF0000;
margin:0 0 0 235px;
padding-top:2px;
}



/*
* html .b-on a{
width:80px;
height:29px;
display:block;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
text-decoration: none;
margin-left:235px;
padding:5px auto;
}

* html .b-on a:hover{
width:80px;
height:29px;
display:block;
font-size:16px;
color:#FFCC00;
font-weight:bold;
text-decoration: none;
margin-left:235px;
padding:5px auto;
}
*/

/*



a:visited{
	color:;
	text-decoration: none;
	}

a:hover{
	color: #FF53CD;
	text-decoration: none;
	}


*/
* html .b-sel{
margin:0;
vertical-align:bottom;}

.b-sel1 img,.b-sel2 img,.b-sel3 img,.b-sel4 img{　　　　　/*バナー*/
margin-left:4px;
border:none;
}　 

#main #b-box{
width:660px;
margin-top:20px;
}

.l-box1{
width:320px;
margin:10px 0 0 10px;
float:left;
line-height:1.3em;
background:url(../img/chatan_dive/dive_b1.jpg) no-repeat;
}

.l-box2{
width:320px;
margin:10px 0 0 10px;
float:left;
line-height:1.3em;
background:url(../img/chatan_dive/dive_b2.jpg) no-repeat;
}


.l-box3{
width:320px;
margin:10px 0 0 10px;
float:left;
line-height:1.3em;
background:url(../img/chatan_dive/dive_b3.jpg) no-repeat;
}


.l-box4{
width:320px;
margin:10px 0 0 10px;
float:left;
line-height:1.3em;
background:url(../img/chatan_dive/dive_b4.jpg) no-repeat;
}



.l-cont{
margin:10px;}



.li1{
background:url(../img/chatan_dive/li1.jpg) no-repeat 2px 2px;
padding-left:18px;
list-style:none;
margin:0;}

.li2{
background:url(../img/chatan_dive/li2.jpg) no-repeat 2px 2px;
padding-left:18px;
list-style:none;
margin:0;}


.li3{
background:url(../img/chatan_dive/li3.jpg) no-repeat 2px 2px;
padding-left:18px;
list-style:none;
margin:0;}

.li4{
background:url(../img/chatan_dive/li4.jpg) no-repeat 2px 2px;
padding-left:18px;
list-style:none;
margin:0;}

.li5{
background:url(../img/chatan_dive/li5.jpg) no-repeat 2px 2px;
padding-left:18px;
list-style:none;
margin:0;}


.li6{
background:url(../img/chatan_dive/li6.jpg) no-repeat 2px 2px;
padding-left:18px;
list-style:none;
margin:0;}


/*------------footer be-frees link------------*/

#be-frees a{
color:#ffffff;
font-size:11px;
text-decoration:none;
}

/*---------------20090903追加----------------*/