@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(images/bg_00.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
}
#titile {
	background-image: url(images/new_head_01.png);
	height: 246px;
	width: auto;
	background-position: 100% top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: -40px;
	margin-left: 0px;
}

#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#top .flame .bxslider {
	width: 960px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 8px;
}

#header img {
	vertical-align: bottom;
}
#footer {
	font-size: 14px;
	color: #FFF;
	background-color: #3CC;
	width: 960px;
	text-decoration: none;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
	padding-top: 12px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
	clear: both;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #669;
	font-weight: bold;
}
#container nav {
	display: block;
	background-color: #3CC;
	height: 50px;
	width: 100%;
	overflow: hidden;
}
#content {
	background-color: #FFF;
	padding-top: 4px;
}

#container nav ul {
	width: 960px;
	list-style-type: none;
	margin-left: auto;
	padding-left: 1px;
	padding-right: 0px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#container nav ul li {
	display: inline-block;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #daffef;
	text-align: center;
	height: 50px;
	width: 131px;
}
#container nav ul li:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #daffef;
}
#container nav ul li a {
	display: inline-block;
	line-height: 50px;
	width: 100%;
	color: #669;
	font-size: 16px;
	text-decoration: none;
}
#container nav ul li a:hover {
	background-color: #daffef;
	font-weight: bold;
}
#container nav ul li.select {
	line-height: 50px;
	background-color: #fff;
	color: #F60;
}










#header h2 {
	font-size: 16px;
	margin-bottom: 2px;
	margin-top: 8px;
	color: #669;
	text-align: center;
}
#top #season_msg {
	color: #06C;
	font-weight: bold;
	background-color: #FFF;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
	border-radius: 20px 20px 20px 20px
}
#top #season_msg h3 {
	text-align: center;
}


#container #content h3 {
	font-size: 22px;
	height: 40px;
	width: 720px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 30px;
	color: #F06;
	background-image: url(images/sub_title_L.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#container #content  h4 {
	color: #F60;
	background-image: url(images/sub_title_S.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 30px;
	width: 640px;
	padding-top: 3px;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#rest p {
	color: #006;
	padding-left: 20px;
}

#container #content h4 span {
	font-size: 12px;
}


#access {
	color: #006;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 12px;
}

#container #content h3 span {
	font-size: 14px;
}
label {
	display: block;
}
#namae, #email {
	width: 300px;
}
#comment {
	height: 180px;
	width: 720px;
}
#contact {
	color: #006;
	padding-left: 20px;
	padding-bottom: 20px;
}
#top .sale {
	float: left;
	height: 300px;
	width: 297px;
	margin-top: 20px;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFF;
	padding: 10px;
	border-radius: 20px 20px 20px 20px
}
#top #sale_1 p #s-1 {
	float: left;
	margin-right: 6px;
}
#top #sale_1 {
	color: #006;
	padding: 10px;
}
#top #sale_2 {
	color: #006;
	padding: 10px;
}
#top #sale_2 p #s-2 {
	float: left;
	margin-right: 6px;
}
#top #sale_3 {
	color: #006;
	padding: 10px;
}
#top #sale_3 p #s-3 {
	float: left;
	margin-right: 6px;
}
#bn {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}
#top h4 {
	color: #FFF;
	background-color: #F06;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 30px;
	clear: both;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 0px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width: auto;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#top #inf {
	color: #006;
	background-color: #FFF;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-right: 2px;
}
#top h4 #info {
	font-size: 12px;
}
#stay #hotel {
	float: left;
	margin-top: 8px;
	margin-right: 40px;
	margin-bottom: 20px;
	margin-left: 60px;
	display: block;
}

#stay p {
	color: #006;
	margin-top: 4px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-left: 20px;
}
#stay #front {
	position: relative;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;


}
#stay a .room {
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 1px;
	border: 1px none #999;
	float: left;
}
#stay .rooms {
	float: left;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 8px;
	border: 1px solid #CCC;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#stay .clear {
}


#stay #room_cap {
	display: block;
	text-align: center;
	width: 300px;
	clear: both;
	color: #006;
	font-size: 14px;
}
#stay .clear {
	clear: both;
}
#ss {
	color: #006;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#container #content  h5 {
	font-size: 18px;
	color: #FFF;
	background-color: #F60;
	height: 30px;
	width: 514px;
	padding-top: 6px;
	padding-bottom: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 20px;
	text-align: center;
}
#kerama5 table {
	width: 940px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#kerama5 table tr #time {
	width: 140px;
}
#kerama5 table tr #sch {
	width: 480px;
}
#gahi table tr #time {
	width: 120px;
}
#gahi table tr #min {
	width: 90px;
}
#gahi table tr #sche {
	width: 360px;
}



#kerama5 table tr th {
	color: #FFF;
	background-color: #66F;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#gahi table tr th {
	background-color: #66F;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#kerama5 table tr td {
	font-size: 14px;
	color: #006;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #66F;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-color: #66F;
}
#kerama5 p {
	color: #F00;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#ss .ss1 #ss_cap {
	clear: both;
	text-align: center;
	width: 300px;
	font-size: 14px;
	display: inline-block;
}
#ss #sstex {
	font-size: 12px;
	display: inline-block;
	clear: both;
}
#container #content h5 #h5_cap {
	font-size: 12px;
}


#ss .ss1 {
	float: left;
	width: 300px;
	margin-left: 4px;
	text-align: center;
}
#ss #clear {
	clear: both;
}


#ss .ss1 a .ssphoto {
	float: left;
}
#container #content  hr {
	margin-right: 20px;
	margin-left: 20px;
}
#rest #res {
	margin-left: 20px;
	margin-bottom: 20px;
}
#content h6 {
	font-size: 16px;
	color: #36F;
	padding: 6px;
	width: 500px;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	text-align: center;
	border-top-color: #36F;
	border-right-color: #36F;
	border-bottom-color: #36F;
	border-left-color: #36F;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	text-decoration: none;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#ss h6 a {
	text-decoration: none;
	color: #36F;
}
#ss h6 a:hover {
	color: #F60;
}
#ss #kerama3 {
	margin-right: auto;
	margin-left: auto;
	display: block;
	border-top-width: 1px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6CF;
	border-right-color: #69F;
	border-bottom-color: #69F;
	border-left-color: #6CF;
}
#gahi table tr td {
	font-size: 14px;
	color: #006;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-style: none;
	border-left-style: none;
	border-right-color: #66C;
	border-bottom-color: #66C;
}
#gahi table tr #remk {
	width: 320px;
}
#gahi {
}
#gahi table {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 940px;
	margin-bottom: 10px;
}
#taiken {
	font-size: 14px;
	width: 930px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#taiken tr th {
	color: #FFF;
	background-color: #66F;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#rental {
	background-color: #66F;
	color: #FFF;
	width: 200px;
}
#rprice {
	width: 200px;
}
#rental #pricec {
	font-size: 10px;
}



#dive01 {
	margin-left: 20px;
	font-weight: bold;
	color: #006;
}

#taiken tr td {
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #66F;
	border-bottom-color: #66F;
}
#dive00 {
	font-size: 14px;
	color: #006;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 4px;
}




#red {
	color: #F00;
	padding: 20px;
}
#marinesports h6 a:hover {
	color: #F60;
}
#marinesports h6 a {
	text-decoration: none;
	color: #36F;
}

#container #content h1 {
	font-size: 20px;
	color: #36F;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#parkinf a {
	text-decoration: none;
}


#marinesports #snokel_01 {
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
#park h6 a {
	text-decoration: none;
	color: #36F;
}
#park h6 a:hover {
	color: #F60;
}


#marinesports #snokel_02 {
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}


#marinesports p {
	color: #006;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#dive p {
	color: #006;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#park #parkmap {
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	border: 1px solid #006;
}


#dive #dive_01 {
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#container #content h5 span {
	font-size: 14px;
}
#dive p {
	margin-top: 4px;
	margin-bottom: 4px;
}
#dive h6 a {
	text-decoration: none;
	color: #66C;
}
#dive h6 a:hover {
	color: #F60;
}
#park p {
	color: #006;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#rest #yusyoku {
	float: right;
	margin-top: 4px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#top #topmsg {
	font-size: 12px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: center;
}
#topmsg h2 {
	text-align: right;
	margin-right: 30px;
}
#container #content #gahi {
	font-weight: bold;
	color: #F00;
	margin-top: 10px;
	margin-left: 20px;
}
#top #sale_1 {
	font-size: 14px;
}
#top #sale_2 {
	font-size: 14px;
}
#top #sale_3 {
	font-size: 14px;
}
#top #sale_3 h4 {
	text-align: center;
}
#top #sale_1 h4 {
	text-align: center;
}
#top #sale_2 h4 {
	text-align: center;
}
#dive .ss1 {
	float: left;
	width: 300px;
	margin-left: 4px;
	text-align: center;
}

#dive #clear {
	clear: both;
}
#dive #spot {
	margin-left: 20px;
}
#container #content #ss {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #006;
}