@charset "utf-8";
/* ↓ ホテル画像 -------------------------------------------------------------------------↓ */

div#photo_wrap table#photo td {
	padding: 5px 5px 0px 0px;
}
/* ホテル一覧 */
.hotel_bg4 {
	width: 740px;
	padding: 10px;
}
.hotel_bg4 table {
	width: 740px;
}
.hotel_bg4 table td {
	width: 370px;
	vertical-align: top;
	text-align: left;
}
.hotel_list {
	margin: 0 0 7px;
	text-align: center;
}
.hotel_list a {
	width: 351px;
	padding: 3px;
	display: block;
	background: #FFF;
	border: 1px solid #d6d6d6;
}
#wrapper .hotel_list a:hover {
	background: #FFFFDA;
	color: #084F95;
}
.hotel_list img {
	float: left;
}
.hotel_list .h4 {
	display: block;
	float: left;
	width: 200px;
	background: url(../image/movie/title_bg.gif) no-repeat scroll 5px 9px;
	padding: 5px 5px 0px 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
}
*html .hotel_list .h4 {
	width: 225px;
}
.hotel_list .txt {
	display: block;
	float: left;
	width: 215px;
	padding: 5px;
	line-height: 1.8em;
	text-align: left;
	font-size: 12px;
	cursor: pointer;
}
*html .hotel_list .txt {
	width: 225px;
}

/* ↓ お宿レポート詳細------------------------------------------------------------------------↓ */
div#hotel_report {
	clear: both;
	width: 760px;
	height: auto;
	margin: 20px 0px 15px;
	background: url(../image/report/report2.gif) repeat-y left top;
}
div#hotel_report_bottom {
	width: 100%;
	background: url(../image/report/report3.gif) no-repeat left bottom;
}
div.report_txt {
	margin: 10px;
	width: 730px;
	}
div.report_box,div.report_box2 {
	width: 700px;
	padding: 10px;
	clear: both;
	border-bottom: 2px #CCC dotted;
	}
div.report_box img {
	float: left;
	}	
div.report_box2 img {
	float: right;
	}	
div.report_box p,div.report_box2 p {
	width: 430px;
	padding: 20px 0;
	line-height: 2em;
	font-size: 1.3em;
	}
div.report_box p {
	float: right;
	}
div.report_box2 p {
	float: left;
	}
div.report_box:after,div.report_box2:after {
	content: "";
	display: block;
	clear: both;
}
p.page_top {
	width: 100%;
	padding: 15px 0;	
	clear: both;
	text-align: right;
	font-size: 12px;
}
/* ↓ お宿レポート　利用プラン------------------------------------------------------------------------↓ */
div#hotel_plan2 {
	clear: both;
	width: 653px;
	height: auto;
	margin: 20px auto 15px;
	background: url(../image/hotel/plan2.gif) repeat-y left top;
}
div#hotel_plan3 {
	width: 100%;
	background: url(../image/hotel/plan3.gif) no-repeat left bottom;
}
div#hotel_plan1 {
	background: url(../image/hotel/plan1.gif) no-repeat left top;
	}
div#hotel_plan2 h4 {
	padding: 10px 0 0 40px;
	font-size: 20px;
	font-weight: bold;
	}
div#hotel_plan2 dl {
	padding: 10px;
	clear: both;
	}
div#hotel_plan2 dt {
	font-weight: bold;
	padding: 3px;
	font-size: 120%;
	}
div#hotel_plan2 dd {
	padding: 3px 0 2px 23px;
	background: url(../image/hotel/plan_dd.gif) no-repeat 10px 5px;
	}
ul.plan_bnr {
	padding: 0 10px 20px;
}
ul.plan_bnr li {
	width: 140px;
	padding: 0 5px 0 0;
	display: inline;
}
/* タブ↓ */
.tab_bg,.tab_bg2 {
	width: 760px;
	height: 50px;
	background: url(../image/report/tab_bg.gif) no-repeat 0 0;
}
.tab_bg2 {
	background: url(../image/report/tab_bg.gif) no-repeat 0 0;
}
.tab_bg li,.tab_bg2 li {
	float: left;
}
.tab_bg li a,.tab_bg2 li a {
	display: block;
	width: 128px;
	height: 50px;
	background: url(../image/report/tab_bg.gif) no-repeat;
}
.tab_bg2 li a {
	background: url(../image/report/tab_bg2.gif) no-repeat;
}
.tab_bg li a:hover,
.tab_bg li.tab1_on a,
.tab_bg li.tab2_on a,
.tab_bg li.tab3_on a,
.tab_bg li.tab4_on a,
.tab_bg li.tab5_on a,
.tab_bg li.tab6_on a,
.tab_bg2 li a:hover,
.tab_bg2 li.tab1_on a,
.tab_bg2 li.tab2_on a,
.tab_bg2 li.tab3_on a,
.tab_bg2 li.tab4_on a,
.tab_bg2 li.tab5_on a,
.tab_bg2 li.tab6_on a {
	background: url(../image/report/tab_bg_on.gif) no-repeat;
}
.tab_bg li.tab1 a,
.tab_bg li.tab1_on a,
.tab_bg li.tab1 a:hover,
.tab_bg li.tab1_on a:hover,
.tab_bg2 li.tab1 a,
.tab_bg2 li.tab1_on a,
.tab_bg2 li.tab1 a:hover,
.tab_bg2 li.tab1_on a:hover {
background-position: 0 0;
}
.tab_bg li.tab2 a,
.tab_bg li.tab2_on a,
.tab_bg li.tab2 a:hover,
.tab_bg li.tab2_on a:hover,
.tab_bg2 li.tab2 a,
.tab_bg2 li.tab2_on a,
.tab_bg2 li.tab2 a:hover,
.tab_bg2 li.tab2_on a:hover {
	background-position: -128px 0;
}
.tab_bg li.tab3 a,
.tab_bg li.tab3_on a,
.tab_bg li.tab3 a:hover,
.tab_bg li.tab3_on a:hover,
.tab_bg2 li.tab3 a,
.tab_bg2 li.tab3_on a,
.tab_bg2 li.tab3 a:hover,
.tab_bg2 li.tab3_on a:hover {
	background-position: -256px 0;
}
.tab_bg li.tab4 a,
.tab_bg li.tab4_on a,
.tab_bg li.tab4 a:hover,
.tab_bg li.tab4_on a:hover,
.tab_bg2 li.tab4 a,
.tab_bg2 li.tab4_on a,
.tab_bg2 li.tab4 a:hover,
.tab_bg2 li.tab4_on a:hover {
	background-position: -384px 0;
}
.tab_bg li.tab5 a,
.tab_bg li.tab5_on a,
.tab_bg li.tab5 a:hover,
.tab_bg li.tab5_on a:hover,
.tab_bg2 li.tab5 a,
.tab_bg2 li.tab5_on a,
.tab_bg2 li.tab5 a:hover,
.tab_bg2 li.tab5_on a:hover {
	background-position: -512px 0;
}
.tab_bg li.tab6 a,
.tab_bg li.tab6_on a,
.tab_bg li.tab6 a:hover,
.tab_bg li.tab6_on a:hover,
.tab_bg2 li.tab6 a,
.tab_bg2 li.tab6_on a,
.tab_bg2 li.tab6 a:hover,
.tab_bg2 li.tab6_on a:hover {
	width: 120px;
	background-position: -640px 0;
}
.tab_bg,.tab_bg2 {
	width: 760px;
	height: 50px;
	background: url(../image/report/tab_bg.gif) no-repeat 0 0;
}
.tab_bg2 {
	background: url(../image/report/tab_bg2.gif) no-repeat 0 0;
}
.tab_bg li,.tab_bg2 li {
	float: left;
}
.tab_bg li span,.tab_bg2 li span {
	display: none;
}
.tab_bg li a,.tab_bg2 li a {
	display: block;
	width: 128px;
	height: 50px;
	background: url(../image/report/tab_bg.gif) no-repeat;
}
.tab_bg2 li a {
	background: url(../image/report/tab_bg2.gif) no-repeat;
}
.tab_bg li.tab6 a,.tab_bg2 li.tab6 a {
	width: 120px;
}
.tab_bg li a:hover,
.tab_bg li.tab1_on a,
.tab_bg li.tab2_on a,
.tab_bg li.tab3_on a,
.tab_bg li.tab4_on a,
.tab_bg li.tab5_on a,
.tab_bg li.tab6_on a,
.tab_bg2 li a:hover,
.tab_bg2 li.tab1_on a,
.tab_bg2 li.tab2_on a,
.tab_bg2 li.tab3_on a,
.tab_bg2 li.tab4_on a,
.tab_bg2 li.tab5_on a,
.tab_bg2 li.tab6_on a {
	background: url(../image/report/tab_bg_on.gif) no-repeat;
}
.tab_bg2 li a:hover,
.tab_bg2 li.tab1_on a,
.tab_bg2 li.tab2_on a,
.tab_bg2 li.tab3_on a,
.tab_bg2 li.tab4_on a,
.tab_bg2 li.tab5_on a,
.tab_bg2 li.tab6_on a {
	background: url(../image/report/tab_bg2_on.gif) no-repeat;
}
.tab_bg li.tab1 a,
.tab_bg li.tab1_on a,
.tab_bg li.tab1 a:hover,
.tab_bg li.tab1_on a:hover,
.tab_bg2 li.tab1 a,
.tab_bg2 li.tab1_on a,
.tab_bg2 li.tab1 a:hover,
.tab_bg2 li.tab1_on a:hover {
	background-position: 0 0;
}
.tab_bg li.tab2 a,
.tab_bg li.tab2_on a,
.tab_bg li.tab2 a:hover,
.tab_bg li.tab2_on a:hover,
.tab_bg2 li.tab2 a,
.tab_bg2 li.tab2_on a,
.tab_bg2 li.tab2 a:hover,
.tab_bg2 li.tab2_on a:hover {
background-position: -128px 0;
}
.tab_bg li.tab3 a,
.tab_bg li.tab3_on a,
.tab_bg li.tab3 a:hover,
.tab_bg li.tab3_on a:hover,
.tab_bg2 li.tab3 a,
.tab_bg2 li.tab3_on a,
.tab_bg2 li.tab3 a:hover,
.tab_bg2 li.tab3_on a:hover {
	background-position: -256px 0;
}
.tab_bg li.tab4 a,
.tab_bg li.tab4_on a,
.tab_bg li.tab4 a:hover,
.tab_bg li.tab4_on a:hover,
.tab_bg2 li.tab4 a,
.tab_bg2 li.tab4_on a,
.tab_bg2 li.tab4 a:hover,
.tab_bg2 li.tab4_on a:hover {
	background-position: -384px 0;
}
.tab_bg li.tab5 a,
.tab_bg li.tab5_on a,
.tab_bg li.tab5 a:hover,
.tab_bg li.tab5_on a:hover,
.tab_bg2 li.tab5 a,
.tab_bg2 li.tab5_on a,
.tab_bg2 li.tab5 a:hover,
.tab_bg2 li.tab5_on a:hover {
	background-position: -512px 0;
}
.tab_bg li.tab6 a,
.tab_bg li.tab6_on a,
.tab_bg li.tab6 a:hover,
.tab_bg li.tab6_on a:hover,
.tab_bg2 li.tab6 a,
.tab_bg2 li.tab6_on a,
.tab_bg2 li.tab6 a:hover,
.tab_bg2 li.tab6_on a:hover {
	background-position: -640px 0;
}