@charset "shift-jis";


/*-------------------------------------------------------
*
*  航空券付き宿泊プラン
*
*-------------------------------------------------------*/

#sky_ticket{}



/**/
#mv{}
#mv h1{
	display:none;
}


/**/
#map{
	position: relative;
	height: 410px;
	/*overflow: hidden;*/
	background: url(mv.jpg) no-repeat;
}


/**/
ul#hotels{
	list-style:none;
	position: absolute;
	left:0;
	top:0;
}
ul#hotels li{
	position: absolute;
	width: 15px;
	overflow: hidden;
}
ul#hotels li a{
	display:block;
}
ul#hotels li a:hover{
	margin-left: -15px;
}
ul#hotels li#hotel-hokkaido{
	left: 571px;
	top: 71px;
}
ul#hotels li#hotel-tohoku{
	left: 507px;
	top: 183px;
}
ul#hotels li#hotel-kanto{
	left:428px;
	top:276px;
}
ul#hotels li#hotel-koshinetsu{
	left:432px;
	top:218px;
}
ul#hotels li#hotel-okinawa{
	left: 117px;
	top: 337px;
}

ul#hotels li#hotel-kyushu{
	left: 186px;
	top: 246px;
}
ul#hotels li#hotel-shikoku{
	left: 261px;
	top: 267px;
}
ul#hotels li#hotel-chugoku{
	left: 251px;
	top: 227px;
}
ul#hotels li#hotel-kinki{
	left: 321px;
	top: 252px;
}
ul#hotels li#hotel-hokuriku{
	left: 379px;
	top: 230px;
}


/**/
#map div.window{
	display:none;
	
	position: absolute;
	left:150px;
	/*top:67px;*/
	top:20px;
	
	padding: 15px;
	width: 450px;
	
	color: #fff;
	background: #000;
	border: 4px solid #fff;
}
* html #map div.window{
	width: 500px;
}
#map div.window a{
	color: #fff;
	text-decoration:underline;
}
#map div.window a:hover{
	text-decoration:none;
}
#map div.window div.hrgp{
	position: relative;
	padding: 5px;
	background: #333;
	margin: -15px -15px 15px -15px;
}
#map div.window div.hrgp div.bt-close{
	position: absolute;
	right: 5px;
	top: 5px;
	height: 22px;
	overflow: hidden;
}
#map div.window div.hrgp div.bt-close a{
	display:block;
}
#map div.window div.hrgp div.bt-close a:hover{
	margin-top: -22px;
}
#map div.window h2{
	font-size:18px;
	font-weight:bold;
}
#map div.window h3{
	font-size:12px;
	font-weight:bold;
}
#map div.window h4{
	
}

/**/
#map div.window div.section{
	margin-bottom: 10px;
}
#map div.window div.article{
	letter-spacing: 0;
	margin-bottom: 5px;
}
#map div.window div.article h4{
	float: left;
	min-width: 220px;
}
* html #map div.window div.article h4{width: 220px;}
#map div.window ul{
	list-style:none;
	float: left;
	margin-left: 10px;
}
#map div.window ul li{
	float: left;
	margin-right: 5px;
}
#map div.window ul li a{
	padding: 2px 10px 2px 15px;
	background: #333;
	display:inline-block;
}
* html #map div.window ul li a{display:inline; zoom:1;}
*+html #map div.window ul li a{display:inline; zoom:1;}
#map div.window ul li a:hover{
	background-image: url(arw.gif);
	background-position:  6px center;
	background-repeat: no-repeat;
}
#map div.window ul li.bt-reserve{}
#map div.window ul li.bt-detail{}







/**/

table.target-hotels{
	width: 800px;
}
table.target-hotels caption{
	width: 800px;
	font-weight:bold;
	background: #efefef;
	text-align:left;
	padding:3px 10px;
	margin-bottom: 2px;
}
table.target-hotels td{
	padding-bottom: 20px;
}
table.target-hotels h3{
	margin-bottom: 10px;
}
table.target-hotels h3 a{
	padding-bottom: 0;
}
table.target-hotels div.bt-reserve{}
table.target-hotels div.bt-reserve a{
	color: #FF6600;
	background: #F5F5F5;
	display:inline-block;
	padding: 2px 10px 2px 20px;
	background-image: url(arw_orange.gif);
	background-position: 8px center;
	background-repeat: no-repeat;
	
}
* html table.target-hotels div.bt-reserve a{display:inline;zoom:1;}
*+html table.target-hotels div.bt-reserve a{display:inline;zoom:1;}
table.target-hotels div.bt-reserve a:hover{
	text-decoration:underline;
	border: 0 none;
	margin: 0;
	background-position: 10px center;
}