@charset "UTF-8";

* {		
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-style: normal;
	color: #333333;
	font-family: Verdana,"MS PGothic",Osaka,"'Hiragino Kaku Gothic Pro'";
	line-height: 1.3em;
}

a {		
	color: #003399;
	text-decoration: underline;
}

a:hover {		
	color: #3399FF;
}

ul,li {		
	list-style: none;
}

img {		
	border-style: none;
}

.off {		
	display: none;
}

.red {
	color: #f00;
}

.right {		
	text-align: right;
}

body {		
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-color: #fedf63;
	background-position: center top;
	text-align: center;
	font-size: 0.9em;
}

div#wrap {		
	background-color: #fff;
	width: 760px;
	margin: 0px auto;
	position: relative;
}

div#header ul.lang-menu {		
	width: 760px;
	height: 20px;
	text-align: right;
	position: relative;
	background-color: #075b00;
}

div#header ul.lang-menu li {		
	display: inline;
}

div#header ul.lang-menu li p {		
	display: inline;
	margin-right: 10px;
}

div#header ul.lang-menu li a {		
	background-image: url(../img/menu-lang.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	font-size: 13px;
	height: 13px;
	text-decoration: none;
	color: #ffffff;
}

div#header ul.lang-menu li a:hover {		
	text-decoration: underline;
	color: #ff6600;
}

div#header p.header a {		
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	width: 760px;
	height: 279px;
	text-decoration: none;
	position: relative;
	display: block;
}

div#header div.navi-menu {		
	width: 760px;
	position: relative;
}

div#header div.navi-menu p {		
	display: inline;
}

div#contents {		
	width: 700px;
	margin: 20px auto;
	text-align: left;
	position: relative;
}

div#contents h1 {		
	margin-bottom: 15px;
}

div#footer {		
	background-color: #ccc;
	padding: 15px 0px;
	width: 760px;
	font-size: 12px;
	line-height: 1.3em;
	position: relative;
}

div#footer div.navi-menu {		
	margin-bottom: 15px;
}

div#footer div.navi-menu p {		
	font-size: 10px;
	display: inline;
	margin: 0px 4px;
}

div#footer div.navi-menu p a:hover {		
	font-weight: bold;
}

div#footer a {		
	text-decoration: none;
}

div#footer address {		
	font-weight: bold;
}

div#footer address a {		
	color: #515151;
}

/*---all-start---------*/

div#contents div.reservation {		
	margin-bottom: 15px;
}

div#contents div.reservation a {		
	width: 700px;
	height: 58px;
	background-image: url(../img/index-reservation.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
}

div#contents div.rentacar p.rentacar-bg {		
	background-image: url(../img/rentacar-bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 130px;
	min-height: 97px;
	height: auto !important;
	height: 97px;
	margin-bottom: 20px;
}

div#contents h2.midashi-green {		
	background-color: #009900;
	border-style: solid;
	border-color: #003300;
	border-width: 1px 1px 1px 10px;
	color: white;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 15px;
	padding: 2px 10px;
}

div#contents div.text30 p {
	margin: 0px 30px 5px 30px;
}

div#contents ul.hana li p {		
	background-image: url(../img/hana-li.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	min-height: 21px;
	height: auto !important;
	height: 21px;
	line-height: 1.8em;
}

/*---all-end---------*/
/*---index-start---------*/

div.index ul.osusume {		
	width: 700px;
	height: 245px;
	text-align: left;
	background-image: url(../img/index-osusume-bg.gif);
	background-repeat: no-repeat;
	padding: 0px 5px;
	margin-bottom: 5px;
}

div.index ul.osusume li {		
	width: 220px;
	margin-top: 125px;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	font-size: 12px;
	line-height: 14px;
}

div.index div.price {		
	width: 700px;
	height: 200px;
	background-image: url(../img/index-price.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	position: relative;
}

div.index div.news h2,div.index div.setsubi h2,div.index div.rentacar h2 {		
	margin-bottom: 25px;
}

div.index div.news ul {		
	width: 646px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin: 10px 27px;
	background-image: url(../img/qr-fukidashi.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div.index div.news ul li p {		
	background-image: url(../img/index-news-li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-bottom: 5px;
}

div.index div.setsubi p {		
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 210px;
	min-height: 134px;
	height: auto !important;
	height: 134px;
	margin-bottom: 10px;
}

div.index div.setsubi p.muryo {		
	background-image: url(../img/index-muryo.jpg);
}

div.index div.setsubi p.yuryo {		
	background-image: url(../img/index-yuryo.jpg);
}

div.index div.banner p.center {		
	margin: 0px auto;
	width: 550px;
	position: relative;
} 

/*---index-end---------*/

/*---room-start---------*/

div.room div.syokai p,div.room div.man p,div.room div.woman p,div.room div.setsubi p {		
	margin: 15px 0px;

}

div.room div.setsubi ul {		
	background-image: url(../img/room-gaikan.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	min-height: 267px;
	height: 267px;
	margin-bottom: 25px;
}

div.room div.setsubi li {		
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
}

div.room div.setsubi li.muryo {		
	background-image: url(../img/room-muryo.gif);
}

div.room div.setsubi li.yuryo {		
	background-image: url(../img/room-yuryo.gif);
}

/*---room-end---------*/

/*---price-start---------*/

div.price p.welcome {		
	background-image: url(../img/price-welcome.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 345px;
	position: relative;
	margin-bottom: 20px;
} 

div.price div.hyo {		
	background-image: url(../img/price-bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 700px;
	min-height: 215px;
	height: auto !important;
	height: 215px;
	position: relative;
	margin-bottom: 20px;
}

div.price div.hyo table {		
	border-collapse: collapse;
	margin-top: 20px;
	margin-left: 320px;
}

div.price div.hyo td {		
	border-width: 1px;
	border-style: solid;
	border-color: #ff0000;
	padding: 5px 10px;
	line-height: 1.5em;
}

div.price div.hyo td.midashi {		
	color: #fff;
	background-color: #ff6600;
}

div.price div.hyo span.through {		
	text-decoration: line-through;
}

div.price div.hyo td strong {		
	color: #ff0000;
	font-size: 1.3em;
}

div.price div.hyo p {		
	margin-top: 5px;
	margin-left: 320px;
}

div.price div.cancel,div.price div.rentacar  {		
	margin-bottom: 25px;
}

div.price div.rentacar h2 {		
	margin-bottom: 10px;
}

div.price div.rentacar span.margin {		
	margin: 15px 0px;
	display: block;
}

div.price div.setsubi ul {		
	background-image: url(../img/price-setsubi.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	min-height: 268px;
	height: auto !important;
	height: 268px;
	margin: 0px 30px 20px 30px;
}

div.price div.setsubi p.faq {		
	background-image: url(../img/price-faq.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	padding-left: 80px;
}

/*---price-end---------*/

/*---map-start---------*/

div.map div.add {		
	text-align: center;
}

div.map div.add p {		
	margin: 15px 0px;
}

div.map div.text30 p {		
	background-repeat: no-repeat;
	background-position: right top;
	min-height: 118px;
	height: auto !important;
	height: 118px;
}

div.map div.yuirail p {		
	background-image: url(../img/map-yuirail.jpg);
}

div.map div.bus p {		
	background-image: url(../img/map-bus.jpg);
}

div.map div.taxi p {		
	background-image: url(../img/map-taxi.jpg);
}

div.map div.rentacar p {		
	background-image: url(../img/map-rentacar.jpg);
}

/*---map-end---------*/

/*---photo-start---------*/

div.photo div.album,div.photo div.inline {		
	position: relative;
	text-align: center;
}

div.photo div.album {		
	min-height: 18px;
	height: auto !important;
	height: 18px;
}

div.photo div.album a {		
	text-decoration: none;
}

div.photo div.album p.left {		
	position: absolute;
	top: 0px;
	left: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

div.photo div.album p.right {		
	position: absolute;
	top: 0px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

div.photo div.inline {		
	margin: 10px 0px;
}

div.photo div.inline p {		
	display: inline;
}

div.photo div.inline p img {		
	margin: 4px;
}

/*---photo-end---------*/

/*---reservation-start---------*/

div.reservation div.form {		
	width: 650px;
	margin-right: 25px;
	margin-left: 25px;
}

div.reservation div.form div.form-mail {		
	width: 610px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	font-size: 0.9em;
}

div.reservation div.form div.thanks {		
	text-align: center;
	position: relative;
	margin-top: 30px;
}

div.reservation div.form div.thanks p {		
	margin-bottom: 30px;
}

div.reservation div.form div.thanks p span {		
	font-size: 1.5em;
}

div.reservation div.form div.thanks p span strong {
	font-size: 1.2em;
	color: #c00;
}

div.reservation div.flow {		
	width: 650px;
	background-color: #ffffcc;
	font-size: 1em;
}

div.reservation div.flow h2 {		
	background-color: #9c9;
	font-size: 1em;
	margin-bottom: 15px;
	padding: 5px 15px;
}

div.reservation div.flow p strong {		
	color: #060;
	text-align: center;
	display: block;
	margin-bottom: 5px;
}

div.reservation div.flow ul {		
	width: 580px;
	margin: 0px 35px;
	font-size: 0.9em;
	padding: 10px 0px;
}


div.reservation div.flow ul li {		
	margin-bottom: 8px;
}

/*---reservation-end---------*/

/*---link-start---------*/

div.link p.banner {		
	color: #3d8300;
	font-size: 1.2em;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 35px;
}

div.link p.banner img {		
	margin-right: 20px;
}

div.link div.category h3 {		
	margin: 15px 0px;
	color: #3d8300;
}

div.link div.category ul.hana li {		
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	width: 660px;
	margin: 20px;
}

div.link div.category ul.hana li p {		
	margin: 10px 0px;
}

div.link div.category ul.hana li a {		
	margin: 10px 0px;
	font-weight: bold;
}

/*---link-end---------*/

/*---faq-start---------*/

div.faq div.text {		
	width: 650px;
	margin: 0px 30px;
}

div.faq div.text p strong {		
	margin-bottom: 10px;
	display: block;
}

div.faq div.text ul {		
	width: 620px;
	margin: 0px 20px;
}

div.faq div.text ul p.question {		
	color: #ff0000;
	margin-bottom: 20px;
	font-weight: bold;
}

div.faq div.text ul p.answer {		
	margin-left: 50px;
	margin-bottom: 30px;
}

/*---faq-end---------*/

/*---privacy-start---------*/

div.privacy div.text {		
	width: 650px;
	margin: 0px 30px;
}

div.privacy div.text p strong {		
	margin-bottom: 10px;
	display: block;
}

div.privacy div.text ul {		
	width: 620px;
	margin: 0px 20px;
}

div.privacy div.text ul li {		
	margin-bottom: 8px;
}

/*---privacy-end---------*/

/*---sitemap-start---------*/

div#contents div.map-list {		
	margin-left: 10px;
}

div#contents div.map-list ul {		
	font-weight: bold;
	text-decoration: none;
}

div#contents div.map-list ul li.float {		
	width: 340px;
	min-height: 420px;
	height: auto !important;
	height: 420px;
	float: left;
}

div#contents div.map-list ul h2 {		
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
}

div#contents div.map-list ul ul {		
	margin-left: 20px;
}

div#contents div.map-list ul p {		
	margin-left: 10px;
	margin-bottom: 10px;
}

div#contents div.map-list ul a {		
	text-decoration: none;
}

div#contents div.clear {		
	clear: both;
	margin-bottom: 0px !important;
}

/*---sitemap-end---------*/

/*---banner-start---------*/

div#contents div.banner {		
	width: 700px;
	margin: 40px 0px;
	position: relative;
	text-align: center;
} 

div#contents div.banner .space {		
	margin: 0px 20px;
}

/*---banner-end---------*/

/*---promotion-start---------*/

div.index div.index-promotion {		
	margin: 30px 0px;
	position: relative;
}

div.promotion p.camera {  
	width: 700px;
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
}

div.promotion div.plan {		
	background-repeat: no-repeat;
	background-position: left top;
	width: 700px;
	position: relative;
	margin-top: 50px;
}

div.promotion div h2 {		
	width: 700px;
	height: 85px;
	visibility: hidden;
}

div.promotion div.price h3  {		
	display: none;
}

div.promotion div.price h4 {		
	height: 60px;
	background-repeat: no-repeat;
	position: relative;
}

div.promotion div.price .red {
	color: #ff0000;
}

div.promotion div h3 {		
	margin-top: 25px;
	margin-bottom: 10px;
	color: #030;
}

div.promotion div h4 {		
	margin-bottom: 10px;
}

div.promotion div ul li {		
	margin-bottom: 10px;
}

div.promotion div ul li p strong {		
	font-size: 1.1em;
	color: #003300;
}

div.promotion div ul ul.inner li {		
	margin-bottom: 2px;
}

div.promotion div p.strong {		
	font-weight: bold;
	color: #030;
}

div.promotion div .small {		
	font-size: 0.75em;
}

div.promotion p.reservation {		
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 370px;
}

div.promotion p.reservation a {		
	background-repeat: no-repeat;
	background-position: right top;
	width: 330px;
	height: 30px;
	display: block;
}

div.promotion p.ex-promotion {		
	font-size: 1.4em;
	color: #ff0000;
	text-align: center;
	font-weight: bold;
}

div.promotion div.whale {		
	background-image: url(../img/promotion-whale.jpg);
}

div.promotion div.whale div.price h4 {		
	background-position: left top;
	background-image: url(../img/promotion-whale-h4.gif);
}

div.promotion div.whale object {		
	position: relative;
	margin-top: 330px;
	margin-left: 20px;
	float: right;
}

div.promotion div.whale p.reservation a{		
	background-image: url(../img/promotion-whale-reservation.gif);
}

div.promotion div.padi {		
	background-image: url(../img/promotion-padi.jpg);
}

div.promotion div.padi div.price h4 {		
	background-position: right top;
	background-image: url(../img/promotion-padi-h4.gif);
}

div.promotion div.padi object {		
	position: relative;
	margin-top: 315px;
	margin-right: 20px;
	float: left;
}

div.promotion div.padi p.reservation a{		
	background-image: url(../img/promotion-padi-reservation.gif);
}

div.promotion div.kerama div.taiken {		
	background-repeat: no-repeat;
	background-position: left top;
	width: 700px;
	background-image: url(../img/promotion-taiken.jpg);
}

div.promotion div.kerama div.taiken div.price h4 {		
	background-position: left top;
	background-image: url(../img/promotion-taiken-h4.gif);
}

div.promotion div.kerama div.taiken object {		
	position: relative;
	margin-top: 270px;
	margin-left: 20px;
	float: right;
}

div.promotion div.kerama div.snorkelling {		
	background-repeat: no-repeat;
	background-position: left top;
	width: 700px;
	margin-top: 50px;
	background-image: url(../img/promotion-snorkelling.jpg);
}

div.promotion div.kerama div.snorkelling div.price h4 {		
	background-position: right top;
	background-image: url(../img/promotion-snorkelling-h4.gif);
}

div.promotion div.kerama div.snorkelling object {		
	position: relative;
	margin-top: 440px;
	margin-right: 20px;
	float: left;
}

div.promotion div.kerama p.reservation a{		
	background-image: url(../img/promotion-kerama-reservation.gif);
}

div.ex-promotion div.whale {		
	background-image: url(../img/ex-promotion-whale.jpg);
}

div.ex-promotion div.padi {		
	background-image: url(../img/ex-promotion-padi.jpg);
}

div.ex-promotion p.reservation {		
	background-repeat: no-repeat;
	background-position: right top;
	width: 330px;
	height: 30px;
	background-image: url(../img/ex-promotion-reservation.gif);}

/*---promotion-end---------*/