@charset "UTF-8";

/*==================================================================
	common
===================================================================*/
#main{
	width:750px;
	float:left;
	padding-top:4px;
}
.section{
	margin-bottom:5px;
}
h1{
	height:18px;
	padding:6px 0 0 15px;
	font-size:78%;
	margin-bottom:7px;
	font-weight:normal;
	background:url(/img/icon/home.gif) no-repeat 0 50%;
}
* html body h1{
	height:17px;
	padding:7px 0 0 15px;
	font-size:68%;
}
*+html h1{
	height:17px;
	padding:7px 0 0 15px;
	font-size:68%;
}
html>/**/body h1{  
	font-size /*\**/: 68%\9;  
	height:16px\9;
	padding:8px 0 0 15px\9;
}
 
/*==================================================================
	homeMap
===================================================================*/
#homeMap{
	background:url(/img/home/bg_map.gif) no-repeat 0 100%;
	margin-bottom:5px;
	height:426px;
	position:relative;
}
#homeMap h2{
	background:url(/img/home/h_map.gif) no-repeat 0 0;
	overflow:hidden;
	height:51px;
}
#homeMap h2 span{
	display:block;
	height:0;
	padding-top:51px;
}
#homeMap #mapJapan{
	position:absolute;
	top:52px;
	left:15px;
	z-index:0;
}
#homeMap #beach li{
	position:absolute;
	overflow:hidden;
	height:23px;
	display:block;
}
#homeMap #beach li a{
	background:url(/img/home/beach.gif) no-repeat;
	display:block;
	height:0;
	padding-top:23px;
}
#homeMap #beach li#beachOkuma{
	top:88px;
	left:350px;
	width:70px;
}
#homeMap #beach li#beachOkuma a{
	width:70px;
	background-position:-500px 0;
}
#homeMap #beach li#beachOkuma a:hover{
	background-position:-500px -23px;
}

#homeMap #beach li#beachUppama{
	top:82px;
	left:270px;
	width:79px;
}
#homeMap #beach li#beachUppama a{
	width:79px;
	background-position:-358px 0;
}
#homeMap #beach li#beachUppama a:hover{
	background-position:-358px -23px;
}
#homeMap #beach li#beachIe{
	top:70px;
	left:210px;
	width:63px;
}
#homeMap #beach li#beachIe a{
	width:63px;
	background-position:-150px 0;
}
#homeMap #beach li#beachIe a:hover{
	background-position:-150px -23px;
}

#homeMap #beach li#beachSezoko{
	top:134px;
	left:188px;
	width:64px;
}
#homeMap #beach li#beachSezoko a{
	width:64px;
	background-position:-213px 0;
}
#homeMap #beach li#beachSezoko a:hover{
	background-position:-213px -23px;
}

#homeMap #beach li#beachMission{
	top:173px;
	left:205px;
	width:81px;
}
#homeMap #beach li#beachMission a{
	width:81px;
	background-position:-277px 0;
}
#homeMap #beach li#beachMission a:hover{
	background-position:-277px -23px;
}

#homeMap #beach li#beachKanna{
	top:242px;
	left:290px;
	width:63px;
}
#homeMap #beach li#beachKanna a{
	width:63px;
	background-position:-437px 0;
}
#homeMap #beach li#beachKanna a:hover{
	background-position:-437px -23px;
}

#homeMap #beach li#beachZanpa{
	top:213px;
	left:113px;
	width:64px;
}
#homeMap #beach li#beachZanpa a{
	width:64px;
	background-position:0 0;
}
#homeMap #beach li#beachZanpa a:hover{
	background-position:0 -23px;
}

#homeMap #beach li#beachTropical{
	top:274px;
	left:85px;
	width:86px;
}
#homeMap #beach li#beachTropical a{
	width:86px;
	background-position:-64px 0;
}
#homeMap #beach li#beachTropical a:hover{
	background-position:-64px -23px;
}

#homeMap #mapArea{
	background:url(/img/home/bg_map_area.gif) no-repeat 0 0;
	width:176px;
	height:242px;
	position:absolute;
	top:52px;
	right:12px;
	z-index:1;
	font-size:86%;
}
* html #homeMap #mapArea{
	font-size:76%;
}
*+html #homeMap #mapArea{
	font-size:76%;
}
html>/**/body #homeMap #mapArea{  
	font-size /*\**/: 76%\9;  
}

#homeMap #mapArea .inner{
	padding:7px;
}
#homeMap #mapArea ul{
	margin-bottom:10px;
}
#homeMap #mapArea li{
	float:left;
	width:48%;
	padding-bottom:2px;
}
* html #homeMap #mapArea li{
	padding-bottom:4px;
}
*+html #homeMap #mapArea li{
	padding-bottom:4px;
}
html>/**/body #homeMap #mapArea li{  
	padding-bottom /*\**/: 4px\9;  
}

#homeMap #mapArea li.full{
	width:100%;
}
#homeMap #mapArea li a{
	background:url(/img/icon/arrow_small.gif) no-repeat 0 3px;
	padding-left:8px;
}
#homeMap #mapArea h3{
	font-weight:bold;
	clear:both;
	margin-bottom:5px;
	padding-bottom:1px;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
}
#linkRitou{
	font-size:82%;
}
#linkRitou li{
	position:absolute;
	top:329px;
}
*+html #linkRitou li{
	font-size:82% !important;
}
* html #linkRitou li{
	font-size:82% !important;
}
#linkRitou li a{
	background:url(/img/icon/arrow_small.gif) no-repeat 0 40%;
	padding-left:8px;
}
#linkRitou li#linkMiyako{
	left:414px;
}
#linkRitou li#linkIshigaki{
	left:513px;
}
#linkRitou li#linkIriomote{
	left:600px;
}

/*==================================================================
	searchBox
===================================================================*/
#searchBox{
	background:url(/img/home/bg_search.gif) no-repeat 0 100%;
	margin-bottom:5px;
}
#searchBox .inner{
	padding:0 13px 18px 13px;
}

/*	searchKeyword
-------------------------------------------------------------------*/
#searchKeyword{
	float:left;
	width:300px;
}
#searchKeyword h2{
	background:url(/img/home/h_search_keyword.gif) no-repeat 0 0;
	overflow:hidden;
	height:60px;
}
#searchKeyword h2 span{
	display:block;
	height:0;
	padding-top:60px;
}
#searchKeyword li{
	display:inline;
	margin-right:3px;
}
#searchKeyword li a{
	font-weight:bold;
	text-decoration:underline;
}
#searchKeyword form{
	margin-bottom:7px;
}
#searchKeyword form #inputArea{
	width:210px;
	height:18px;
	color:#999;
	vertical-align:middle;
}
#searchKeyword h3{
	background:url(/img/home/h_keyword.gif) no-repeat 0 0;
	overflow:hidden;
	width:94px;
	height:22px;
}
#searchKeyword h3 span{
	display:block;
	width:94px;
	height:0;
	padding-top:22px;
}

/*	searchDate
-------------------------------------------------------------------*/
#searchDate{
	float:right;
	width:440px;
}
#searchDate h2{
	background:#FFF url(/img/home/h_search_date.gif) no-repeat 0 0;
	overflow:hidden;
	height:60px;
}
#searchDate h2 span{
	display:block;
	height:0;
	padding-top:60px;
}
#searchDate .section{
	margin-bottom:5px;
}
#searchDate form .submit{
	background-color:#F0F0F0;
	text-align:center;
	padding:5px;
}
#searchDate table{
	margin-bottom:5px;
	width:100%;
}
#searchDate td li select{
	margin-right:2px;
}
#searchDate th{
	white-space:nowrap;
	padding:5px 5px 5px 0;
	font-weight:bold;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
	font-size:78%;
}
#searchDate td{
	padding:5px 0;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
}
#searchDate td li{
	display:inline;
	margin-right:5px;
}
#searchDate td li span{
	font-size:78%;
	_font-size:68%;
}
*+html #searchDate td li span{
	font-size:68%;
}
html>/**/body #searchDate td li span{  
	font-size /*\**/: 68%\9;  
}

/*==================================================================
	subBox
===================================================================*/
#subBox .leftBox{
	width:360px;
}
#subBox .rightBox{
	width:380px;
}

/*	ranking
-------------------------------------------------------------------*/
#ranking{
	background:url(/img/home/bg_ranking.gif) no-repeat 0 100%;
	position:relative;
}
#ranking .update{
	position:absolute;
	top:25px;
	right:10px;
	font-size:78%;
}
#ranking .inner{
	padding:0 10px;
}
#ranking h2{
	background:url(/img/home/h_home.gif) no-repeat 0 0;
	overflow:hidden;
	height:44px;
	margin-bottom:5px;
}
#ranking h2 span{
	display:block;
	height:0;
	padding-top:44px;
}
#ranking h3{
	background:url(/img/home/h_ranking.gif) no-repeat 0 0;
	overflow:hidden;
	height:28px;
}
#ranking h3#rankMotobu{
	background:url(/img/home/h_ranking.gif) no-repeat 0 0;
}
#ranking h3#rankKaigan{
	background:url(/img/home/h_ranking.gif) no-repeat 0 -28px;
}
#ranking h3#rankOkinawa{
	background:url(/img/home/h_ranking.gif) no-repeat 0 -56px;
}
#ranking h3#rankNaha{
	background:url(/img/home/h_ranking.gif) no-repeat 0 -84px;
}
#ranking h3#rankNanbu{
	background:url(/img/home/h_ranking.gif) no-repeat 0 -112px;
}
#ranking h3#rankRitou{
	background:url(/img/home/h_ranking.gif) no-repeat 0 -140px;
}
#ranking h3 a{
	display:block;
	height:0;
	padding-top:28px;
}
#ranking h4{
	font-weight:bold;
}
#ranking h4 a{
	background:url(/img/icon/arrow.gif) no-repeat 0 0.35em;
	*background-position: 0 0.2em;
	padding-left:13px;
}
html>/**/body #ranking h4 a{  
	background-position /*\**/:0 4px\9;
}
#ranking ol{
	margin-bottom:5px;
}
#ranking ol li{
	padding:5px 0;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
}
#ranking ol li p{
	font-size:78%;
}
* html body #ranking ol li p{
	font-size:68%;
}
*+html #ranking ol li p{
	font-size:68%;
}
html>/**/body #ranking ol li p{  
	font-size /*\**/: 68%\9;  
}

#ranking ol li p.evaluation{
	color:#53A20F;
}
#ranking ol li p.evaluation strong{
}
#ranking .rank1{
	background:url(/img/home/rank1.gif) no-repeat 5px 50%;
	padding-left:45px;
}
#ranking .rank1 .evaluation{
	margin-bottom:3px;
}

#ranking .rank2{
	background:url(/img/home/rank2.gif) no-repeat 8px 50%;
	padding-left:45px;
}
#ranking .rank3{
	background:url(/img/home/rank3.gif) no-repeat 8px 50%;
	padding-left:45px;
}
#ranking .rankText{
	float:right;
	width:165px;
}
#ranking .rankImg{
	float:left;
	width:120px;
}
#ranking .right{
	margin-bottom:10px;
	font-size:78%;
	_font-size:68%;
}
#ranking .right a{
	background:url(/img/icon/arrow_small.gif) no-repeat 0 40%;
	padding-left:8px;
}

/*	special
-------------------------------------------------------------------*/
#special{
	background:url(/img/home/bg_special.gif) no-repeat 0 100%;
	margin-bottom:10px;
}
#special h2{
	background:url(/img/home/h_home.gif) no-repeat 0 -44px;
	overflow:hidden;
	height:46px;
}
#special h2 span{
	display:block;
	height:0;
	padding-top:46px;
}
#special ol li{
	padding:7px 0;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
}
#special .inner{
	padding:0 10px 10px 10px;
}
#special h3{
	font-weight:bold;
	margin-bottom:5px;
}
#special h3 a{
	background:url(/img/icon/arrow.gif) no-repeat 0 2px;
	padding-left:13px;
}
html>/**/body #special h3 a{  
	background-position /*\**/:0 4px\9;
}
#special .specialText{
	float:right;
	width:230px;
}
#special .specialImg{
	float:left;
	width:120px;
}

/*	homeSec
-------------------------------------------------------------------*/
.homeSec{
	background:url(/img/home/bg_homesec.gif) no-repeat 0 100%;
	margin-bottom:10px;
}
.homeSec h3{
	font-weight:bold;
	color:#FFF;
	background:url(/img/home/h_home.gif) no-repeat 0 -90px;
	padding:3px 5px;
}
.homeSec .inner{
	margin:0 1px;
	padding:10px;
	background:url(/img/home/bg_homesec_inner.jpg) repeat-x 0 0;
}
.homeSec .inner li{
	float:left;
	width:50%;
}
.homeSec .inner li a{
	background:url(/img/icon/arrow_small.gif) no-repeat 0 5px;
	padding-left:8px;
}

.listLine{
	background:url(/img/common/line_dot_blue.gif) repeat-x 0 100%;
	padding-bottom:5px;
	margin-bottom:5px;
}

/*	infomation
-------------------------------------------------------------------*/
#infomation{
	border:1px solid #CCC;
}
#infomation .inner{
	margin:0 1px;
	padding:10px;
}
#infomation h3{
	border-bottom:1px solid #CCC;
	font-weight:bold;
	background:url(/img/home/h_infomation.gif) no-repeat 0 0;
	padding:3px 5px;
}
#infomation table{
	margin-bottom:5px;
	width:100%;
}  
#infomation th{  
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
	white-space:nowrap;
	padding:8px 10px 5px 0;
	font-size:78%;
	vertical-align:top;
}  
#infomation td{  
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
	padding:5px 0;
}
#infomation td a{  
	background:url(/img/icon/arrow_small.gif) no-repeat 0 5px;
	padding-left:8px;
}
#infomation ul{
	float:right;
}
#infomation ul li{
	display:inline;  
	font-size:78%;
	margin-left:5px;
}

.toolTip{
	position: relative;
}  
.toolTip:hover img{
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
	-khtml-opacity: 1.0 !important;
	opacity:1.0 !important;
}
.toolTip span{  
	display: block;  
	border:solid 1px #FE8923;
	background-color:#FFF;  
	color:#444;  
	text-decoration:none;  
	position:absolute;  
	top:20px;  
	left:0px;  
	padding:5px;  
	visibility:hidden;  
	width:140px;
	font-size:78%;
	_top:25px;  
	_font-size:68%;
}
*+html .toolTip span{
	font-size:68%;
	top:25px;  
}
html>/**/body .toolTip span{  
	font-size /*\**/: 68%\9;  
	top:22px\9;  
}

a.toolTip:hover,
a.toolTip:hover span{
	visibility: visible;
	z-index:100;
}
#btnMap li{
	position:absolute;
}
* html #btnMap li a {
	display: block;
	height: 26px;
}
#btnMap li#btnMotobu{
	top:192px;
	left:400px;
}
#btnMap li#btnKaigan{
	top:182px;
	left:80px;
}
#btnMap li#btnOkinawa{
	top:312px;
	left:230px;
}
#btnMap li#btnNaha{
	top:302px;
	left:15px;
}
#btnMap li#btnNanbu{
	top:372px;
	left:245px;
}
#btnMap li#btnRitou{
	top:294px;
	left:407px;
}

#sidebarBlog .rss{
	display:block;
	background:url(/img/icon/rss.gif) no-repeat 0 0.2em;
	letter-spacing:-1px;
}
#sidebarBlog .list{
	display:block;
	background:url(/img/icon/arrow_small.gif) no-repeat 8px 50%;
	letter-spacing:-1px;
}
#sidebarBlog .rss span,
#sidebarBlog .list span{
	line-height:1.5;
	font-size:85%;
}


/*==================================================================
	clearfix
===================================================================*/
#ranking .rank1:after,
#special ol li:after,
#mapArea ul:after,
.listLine:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#ranking .rank1,
#special ol li,
#mapArea ul,
.listLine{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #ranking .rank1,
* html #special ol li,
* html #mapArea ul,
* html .listLine{
	height: 1%;
	}
#ranking .rank1,
#special ol li,
#mapArea ul,
.listLine{
	display: block;
	}