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

h1 {background:#114190;color:#fff;font-size: 100%;height: 30px;line-height:30px;letter-spacing:0.15em;padding: 0px 5px;}

div#header {
	width: 800px;
	height:340px;
	overflow:hidden;
}

div.headin {
	width: 400px;
	height: 550px;
	float:left;
}

div#header01 {background:url(img/head_01.gif) no-repeat;}
div#header02 {background:url(img/head_02.gif) no-repeat;}

div#header01 p {
	width: 370px;
	height:auto;
	line-height:1.5em;
	margin: 190px 0px 0px 20px;
}

#photoslider {width: 300px;height: 250px;margin: 55px 0px 0px 62px;position:}

#photoslider .nivo-controlNav {position:absolute;right: 0px; top: 215px;height:auto;}

.nivo-controlNav a {display:block;width: 20px;height:20px;border:1px solid #ccc;float:left;margin-left: 5px;text-align:center;line-height:20px;}

.nivo-controlNav a:hover {background:#CCCCCC;}

h2 {width: 800px;height:70px;position:relative;font-weight:normal;color:#0652ab;font-size:100%;}
.mi01 {background:url(img/midashi01.gif) no-repeat;}
.mi02 {background:url(img/midashi02.gif) no-repeat;}
h2 span {position:absolute;display:block;width: 300px;top:25px;right:10px;text-align:right;}

.bg {
	width: 800px;
	height:auto;
	overflow:hidden;
}

.bg div.bgbox {
	width: 420px;
	height:auto;
	overflow:hidden;
	margin: 20px 0px 0px 15px;
	}

.bg p {
	width:380px;
	height:auto;
	line-height: 1.6em;
	color:#001953;
	margin-bottom: 15px;
}

#bg01 {background:url(img/bg01.gif) no-repeat;height: 360px;}
#bg02 {background: url(img/bg02.gif) no-repeat;height:420px;}

.bg h3 {
	width:408px;height: 32px;
	color:#fff;
	background:url(img/htitlebg.gif) no-repeat;
	position:relative;
	margin-bottom: 5px;
}

.bg h3 span {
	display:block;
	width: 380px;
	height:auto;
	position:absolute;
	left: 16px;
	top:7px;
}

.bg ul {
	width:220px;
	height:32px;
	padding-left:160px;
}

ul#diving {background:url(img/tour_01.gif) no-repeat;float:left;}
ul#free {background:url(img/tour_04.gif) no-repeat;float:right;}

.list {
	width: 780px;
	height:auto;
	overflow:hidden;
	margin:30px 10px 10px 10px;
}

.bg ul li {
	width: 110px;
	height:32px;
	float:left;
}

.bg div.bgbox2{
	width: 420px;
	height:auto;
	float:left;
	overflow:hidden;
	margin: 20px 0px 0px 15px;
	}

.movie{
	width:350px;
	height:263px;
	margin-top:20px;
	overflow:hidden;
}