@charset "utf-8";

/*===================================================
制作日：2008.10.08
製作者：松永
更新日：
更新者：

+top_mainimage
  -map
  
+explanation_mice

+contents_leftcol
  -topics
  -links

+contents_maincol
  -thumbnail_list
  
+hotels

==================================================== */

/* top_mainimage
---------------------------------------------------- */
#top_mainimage{
	width: 860px;
	margin-bottom: 5px;
}
#top_mainimage #map{
	float: left;
	position: relative;
	width: 283px;
	height: 277px;
	background: url("../images/map.gif") top left no-repeat;
}
#top_mainimage #map h2{
	text-indent: -9999px;
}
#top_mainimage #map li {
	position: absolute;
}
#top_mainimage #map li a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 52px;
	height: 20px;
}
#hokkaido{
	top: 36px ;
	right: 10px;
}
#tohoku{
	top: 101px;
	right: 28px; 
}
#kanto{
	top: 148px;
	right: 40px; 
}
#tokyo{
	top: 174px;
	right: 33px; 
}
#tokai{
	top: 192px;
	right: 90px; 
}
#top_mainimage #map li#koshinetsu a{
	width: 82px;
}
#koshinetsu{
	top: 121px;
	left: 90px;
}
#kinki{
	top: 165px;
	left: 95px;
}
#chugoku{
	top: 144px;
	left: 43px;
}
#shikoku{
	bottom: 54px;
	left: 75px;
}
#kyusyu{
	top: 180px;
	left: 15px;
}

#hokkaido a{
	width: 52px;
	height: 20px;
}

#top_mainimage #map select{
	position: absolute;
	bottom: 15px;
	left: 20px;
	width: 230px;
}
#top_mainimage #flash{
	float: right;
	width: 577px;
}

/* explanation_mice
---------------------------------------------------- */
#explanation_mice{
	margin-bottom: 15px;
}
#explanation_mice li{
	float: left;
	width: 182px;
	height: 59px;
	font-size: 11px;
	letter-spacing: -0.05em;
	margin-right: 3px;
	padding: 140px 15px 0 15px;
}
#explain_m{
	background: url("../images/explanation_m.jpg") top left no-repeat;
}
#explain_i{
	background: url("../images/explanation_i.jpg") top left no-repeat;
}
#explain_c{
	background: url("../images/explanation_c.jpg") top left no-repeat;
}
#explain_e{
	background: url("../images/explanation_e.jpg") top left no-repeat;
}


/* contents_maincol
---------------------------------------------------- */
#contents_maincol{
	float: right;
	width: 640px;
	background: url("../images/line.gif") top center repeat-y;
}
#contents_maincol #left{
	float: left;
	width: 300px;
}
#contents_maincol #right{
	float: right;
	width: 300px;
}
.thumbnail_list_title{
	width: 300px;
	height: 34px;
	text-indent: -9999px;
}
#contents_maincol #left h2{
	background: url("../images/contents_maincol_left_title.gif") top center no-repeat;
}
#contents_maincol #right h2{
	background: url("../images/contents_maincol_right_title.gif") top center no-repeat;
}
.thumbnail_list{
	float: left;
	width: 300px;
	border-bottom: 1px solid #CCC;
	padding: 13px 0px;
}
.thumbnail_list img{
	display: block;
}
.thumbnail_list dt{
	float: left;
	width: 95px;
}
.thumbnail_list dl{
	clear: both
}
.thumbnail_list dd{
	float: right;
	width: 195px;
}
.thumbnail_list li{
	width: 100%;
	line-height: 1.2;
	padding: 0.1em 0 0.1em 0;
}
.thumbnail_list li.hotelname{
}
.thumbnail_list li.copy{
}
.btn_ichiran{
	float: right;
	margin-top: 10px;
}

/* hotels
---------------------------------------------------- */
#hotels{
	clear: both;
	margin-top: 5px;
}
#hotels h2.title1{
	clear: both;
	text-indent: -9999px;
	background: url("../images/title_hotels.gif") top left no-repeat;
	height: 46px;
}
#hotels h2.title2{
	clear: both;
	text-indent: -9999px;
	background: url("../images/title_hotels_txt1.gif") top left no-repeat;
	height: 14px;
	margin-top: 20px;
	margin-bottom:10px;
}
#hotels h2.title3{
	clear: both;
	text-indent: -9999px;
	background: url("../images/title_hotels_txt2.gif") top left no-repeat;
	height: 14px;
	margin-top: 20px;
	margin-bottom:10px;
}
#hotels #boxes_wrapper{
	margin: 0 auto;
	width: 828px;
}
#hotels .boxes{
	float: left;
	width: 192px;
}
#hotels .boxes_margin{
	float: left;
	width: 192px;
	margin-left: 20px;
}
#hotels .boxes ul,#hotels .boxes_margin ul{
	margin-bottom: 15px;
}
.list_float li{
	display: inline;
	padding-right: 10px;
}