@charset "utf-8";


/* ----------デフォルトリセット---------- */
h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,caption,th,td,img{
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

img { vertical-align: bottom; }

/* clearfix */
.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  
html .clearfix             { zoom: 1; } /* IE6 */  
first-child+html .clearfix { zoom: 1; } /* IE7 */  

/* ----------ホテル＆ホテルマップ---------- */

#about{
	width:727px;
	padding:10px 0;
	margin-bottom:10px;
	background-color:#ffffff;
	border-radius:10px;
	-webkit-border-radius:10px;	/* Safari、Google Chrome */
	-moz-border-radius:10px;	/* Firefox */
}
#about p{
	width:560px;
	float:left;
	margin-left:15px;
	display:inline;
}


/* 冬道楽バナー（札幌・小樽発のみ） */
#fuyudouraku #about		{width:500px; height:100px; margin-right:10px; overflow:hidden; float:left;}
#fuyudouraku #about p	{width:340px; line-height:1.4;}
#bnr-fuyudouraku		{float:left;}


#about img{
	width:120px;
	float:right;
	margin-right:15px;
}
.hotelblock p.area{
	margin-top:10px;
	margin-bottom:2px;
}
#hotel_map{
	width:708px;
	height:300px;
	border:0;
	margin:10px 0 10px 10px;
	padding:0;
}
#hotel_map_box{
	background-color:#ffffff;
	width:727px;
}
#hotel_more{
	background:#ffffff;
	text-align:right;
	padding-right:10px;
	padding-bottom:5px;
}
#hotel_more a{
	background:url("../img/icon-orange.gif") no-repeat scroll left 3px #ffffff;
	padding-left:10px;
}

/* おすすめエリア */
#osusume_t{
	margin-bottom:2px;
	margin-top:10px;
	background:url("../img/icon-hd_w.gif") no-repeat scroll left 3px transparent;
	clear:both;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka;
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 21px;
	position:relative;
}

/* エリアボックス */
.areabox{
	 width:338px;
	 border:1px solid #aabbcc;
	 background:url(../img/okinawa/area/bg-areabox.jpg) no-repeat left top;
	 padding:15px 13px 9px 17px;
	 float:left;
	 margin:0 15px 18px 0;
	 position:relative;
}
.mr0{margin-right:0;}
.areabox p{
	width:222px;
	font-family:"Myriad Web Pro","Helvetica",sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-left:2px;
}
.areabox p.copy{
	width:336px;
	line-height:18px;
	margin-bottom:8px;
	color:#1067c8;
	font-size:14px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
}
.areabox img.pict{
	float:right;
	margin:5px 0 15px 0;
}
.areabox h4{
	border-bottom:1px dotted #999;
	margin-bottom:8px;
}
.areabox p a{
	display:block;
	margin:7px 0 13px 126px;
}
/* エリアリンク_サムネイル */
#area_thumb{
	margin-bottom:10px;
	width:755px;
}
#area_thumb li{
	width:103px;
	margin-right:5px;
	margin-bottom:10px;
	float:left;
}
#area_thumb .r_box{
	width:103px;
	margin-right:0px;
	float:left;
}
#area_thumb li p{
	padding-left:8px;
	background:url(../img/p_areaspot.gif) no-repeat 3px 3px;
	font-size:10px;
	text-decoration:underline;
	line-height:1.2;
}
#area_txtlink{
	border:1px dashed #aaaaaa;
	padding:10px 0 10px 20px;
	margin-bottom:10px;
	width:735px;
}
#area_txtlink li{
	width:225px;
	float:left;
	margin-right:5px;
	margin-bottom:8px;
	padding-left:8px;
	background:url(../img/p_areaspot.gif) no-repeat 0px 6px;
	text-decoration:underline;
}