@charset "utf-8";

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

	hotel_resort

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

#mainBlock{
	background:#FFFFFF;
}
.hotelServBox {
	border-top:#C7C4A1 solid 1px;
}
.hotelServBox ul li a{
	display:block;
	width:223px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	border-right:#C7C4A1 solid 1px;
	border-left:#C7C4A1 solid 1px;
	border-bottom:#C7C4A1 solid 1px;
}

.hotelInfoBox{
	background:url(../img/bg_infobox.gif) repeat-x top;
	border-right:#C7C4A1 solid 1px;
	border-left:#C7C4A1 solid 1px;
	border-bottom:#C7C4A1 solid 1px;
	margin-bottom:10px;
}

.hotelServBox ul li ul.hotelServBoxUl01 li{
	background:#F3F3F3;
	border-right:#C7C4A1 solid 1px;
	border-left:#C7C4A1 solid 1px;
	line-height:1;
}

.hotelServBox ul li ul.hotelServBoxUl01 li a{
	border:none;
	text-indent:0;
	padding-bottom:4px;
	border-top:#C7C4A1 dotted 1px;
}

.hotelServBox ul li ul.hotelServBoxUl01 li.hotelServBoxUl01On{
	background:#D7D7D7;
}

.hotelServBox ul li ul.hotelServBoxUl01{
	border-bottom:#C7C4A1 solid 1px;
}

.hotelServBox ul li ul.hotelServBoxUl01 li img{
	padding: 8px 12px 8px 20px;
}

.hotelServBox ul li ul.hotelServBoxUl02{
	padding: 0;
	border-top:#C7C4A1 dotted 1px;
}

.hotelServBox ul li ul.hotelServBoxUl02 li{
	border:none;
	padding: 8px 10px 8px 20px;
	zoom:1;
}

.hotelServBox ul li ul.hotelServBoxUl02 li.hotelServBoxUl02On{
	background:#D7D7D7;
}

.hotelServBox ul li ul.hotelServBoxUl02 li a{
	display:inline;
	border:none;
	text-indent:0;
	width:193px;
}

#sideBlock .noshow{
	display:none;
}

/*------------------------------------------
 @ flavContBox
------------------------------------------*/

.flavTripBox H3{
	display:block;
	width:223px;
	height:25px;
	background:url(../img/ttl_infotrip.gif) no-repeat;
	text-indent:-9999px;
}

/*------------------------------------------
 @ mobInfoBoxHotel
------------------------------------------*/

.mobInfoBoxHotel{
	background:#FFF;
	border:#C7C4A1 solid 1px;
	padding:0 8px 6px 13px;
	margin:0 0 8px 0;
}

.mobInfoBoxHotel dl{
	float:left;
	width:150px;
	padding:9px 0 0 0;
}

.mobInfoBoxHotel dl dt{
	margin:0 0 5px 0;
}

.mobInfoBoxHotel p{
	float:right;
	padding:8px 0 0 0;
}

#TB_ajaxContent .hiddenHotelQr{
	margin:10px 0 20px;
	text-align:center;
}

#TB_ajaxContent .layerPageBtn p{
	text-align:center;
}

/*------------------------------------------
 @ recommendBox
------------------------------------------*/

.recommendBox{
	background:#F8F6EF;
	margin:0 0 1px 0;
	padding:15px 0 15px 0;
}

.recommendBox ul{
	float:left;
}

.recommendBox ul li{
	width:110px;
	float:left;
	margin:0 10px 0 0;
}

.recommendBox ul li img{
	margin:0 0 10px 0;
}

.recommendBox ul li dl dt img{
	padding:4px;
	border:1px solid #999999;
}

.nearbyArea{
	width:478px;
	float:left;
	border-right:#FFF solid 1px;
}

.nearbyAreaTtl{
	width:75px;
	float:left;
	border:#C7C4A1 solid 1px;
	text-align:center;
	background:url(../img/bg_nearby.gif) repeat-x;
	margin:0 15px;
	_margin:0 10px;
}

.nearbyAreaTtl img{
	padding-top:50px;
}

.sameCate{
	width:470px;
	float:left;
	border-left:#D8CCAB solid 1px;
}

/*------------------------------------------
 @ booking tab
------------------------------------------*/

.bookingList {
	background:url(../../../common/img/common/btn_spriteTab.jpg) no-repeat;
	overflow: hidden;
}
.bookingList {
	clear: both;
	display: block;
	padding: 0 10px 0 10px;
	background-position: 0 bottom;
}
.bookingList dd a  {
	display: block;
}
#newsUpdate .bookingList {
	display: none;
}
#newsUpdate .bookingList.active {
	display: block;
}
.bookingList form{
	padding-top:10px;
}
#newsUpdate .bookingList {
	display: none;
}
#newsUpdate .bookingList.active {
	display: block;
}
#newsUpdate .bookingList.active {
	display: block;
}
.bookingList dl.first {
	background: none;
}

/*------------------------------------------
 @ booking tab
------------------------------------------*/
.bookingBox{
	background:url(../../../common/img/common/btn_spriteTab.jpg) no-repeat;
}

.bookingSimple {
	border-right: 1px solid #C7C4A3;
	border-left: 1px solid #C7C4A3;
	background-color: #FFF;
}

.bookingSimple ul li {
	text-align: center;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #C7C4A3;
}

.bookingSimple ul,
.bookingSimple ul li img {
	margin: 0;
	padding: 0;
	text-align: center;
}


.news,
.newsMenu .update1 a,
.newsMenu .update2 a,
.newsMenu .update3 a,
.newsMenu .update4 a {
	background:url(../img/btn_spriteTab.jpg) no-repeat;
	overflow: hidden;
}

/* display */
.newsMenu .update1 a,
.newsMenu .update2 a,
.newsMenu .update3 a,
.newsMenu .update4 a,
.newsMenu .page a,
.newsList dd a  {
	display: block;
}

.newsMenu .update1 a span,
.newsMenu .update2 a span,
.newsMenu .update3 a span,
.newsMenu .update4 a span,
.newsMenu .page a span {
	display: none;
}

#newsUpdate .newsList {
	display: none;
}

#newsUpdate .newsList.active {
	display: block;
}

.news {
	position: relative;
	background-position: 0 -111px;
}

.bookingBox{
	width: 225px;
	background-position: 0 -111px;
}

ul.newsMenu {
	width:625px;
	margin:4px auto 0 auto !important;
	float:none !important;
}

.newsMenu .update1 {
	width: 157px;
	float:left;
}
.newsMenu .update2,
.newsMenu .update3,
.newsMenu .update4 {
	width: 156px;
	float:left;
}
.newsMenu .update1 a,
.newsMenu .update2 a,
.newsMenu .update3 a,
.newsMenu .update4 a{
	height: 30px;
}

.newsMenu .update1 a {
	background-position: 0 0;
}
.newsMenu .update2 a {
	background-position: -157px 0;
}
.newsMenu .update3 a {
	background-position: -313px 0;
}
.newsMenu .update4 a {
	background-position: -469px 0;
}

.newsMenu .update1 a:hover {
	background-position: 0 -30px;
}
.newsMenu .update2 a:hover {
	background-position: -157px -30px;
}
.newsMenu .update3 a:hover {
	background-position: -313px -30px;
}
.newsMenu .update4 a:hover {
	background-position: -469px -30px;
}

.newsMenu .update1 a.active,
.newsMenu .update1 a.active:hover {
	background-position: 0 -60px;
}
.newsMenu .update2 a.active,
.newsMenu .update2 a.active:hover {
	background-position: -157px -60px;
}
.newsMenu .update3 a.active,
.newsMenu .update3 a.active:hover {
	background-position: -313px -60px;
}
.newsMenu .update4 a.active,
.newsMenu .update4 a.active:hover {
	background-position: -469px -60px;
}

.newsList {
	clear: both;
	display: block;
	padding: 10px 10px 0 10px;
	background-position: 0 bottom;
}
#newsUpdate .newsList {
	display: none;
}
#newsUpdate .newsList.active {
	display: block;
}
#newsUpdate .newsList.active {
	display: block;
}
.newsList dl.first {
	background: none;
}

/*--- booking ---*/
#tabBody1,
#tabBody2,
#tabBody3,
#tabBody4{
	background:#FFFFFF;
	width:605px;
	margin:0 auto 5px auto;
}

#tabBody1,
#tabBody5{
	position:relative;
}

#tabBody2,
#tabBody6{
	padding: 10px 10px 0 10px  !important;
	text-align: left !important;
}

#tabBody1 dl,
#tabBody2 dl,
#tabBody3 dl,
#tabBody4 dl,
#tabBodyHotel dl{
	padding:0 0 8px 0;
}

#tabBody1 p,
#tabBody2 p,
#tabBody3 p,
#tabBody4 p,
#tabBody5 p,
#tabBodyHotel p{
	padding:0 0 10px 0;
	_padding:0 10px 10px 0;
}

.dLine{
	position:absolute;
	top:12px;
	right:5px;
}

dl.bookCheckBox dt span{
	display:block;
	margin:0 0 0 0 !important;
	padding:0 0 5px 0 !important;
}
dl.bookCheckBox dt span.floL{
	display:block;
	padding:3px 0 5px 0 !important;
}

dl.bookCheckBox dd{
	float:left;
	margin:0 1px 0 0;
}

.mobInfoBox{
	background:#FFF;
	border-left:#C7C4A1 solid 1px;
	border-right:#C7C4A1 solid 1px;
	border-bottom:#C7C4A1 solid 1px;
	padding:0 8px 8px 13px;
}

.mobInfoBox dl{
	float:left;
	width:150px;
	padding:13px 0 0 0;
}

.mobInfoBox dl dt{
	margin:0 0 5px 0;
}

.mobInfoBox p{
	float:right;
	padding:12px 0 0 0;
}

.bnnInfoBox{
	margin:0 0 15px 0;
}
.bnnInfoBox ul li{
	font-size:0;
	line-height:0;
}

.exclusiveBox,
.featBox{
	margin:0 0 10px 0;
}
.exclusiveBox ul li,
.serviceBox ul li{
	font-size:0;
	line-height:0;
	margin:0 0 8px 0;
}

.bookCheckBox{
	padding:10px 0 0 0;
}

.hhdGroupBox ul li{
	padding:4px 0 0 12px;
}

.topComPlanBox{
	border:#C7C4A0 solid 1px;
	background:#F1EEE7 url(../img/bg_planBox.gif) repeat-x;
	width:635px;
	margin:0 0 20px 0;
}

#tabBodyHotel .btnConfcan a{
	background-position:0 center;
	display:block;
}

/*------------------------------------------
 @ restTimeRecital
------------------------------------------*/
.timeRecital{
	width:430px;
	clear:both;
	float:right;
	margin:-10px 0 25px 0;
}

/*------------------------------------------
 @ topComPlanBox
------------------------------------------*/

#tabBody1 h3,
#tabBody2 h3,
#tabBody3 h3,
#tabBody4 h3{
	margin:0 0 15px 0;
}

.topComPlanBox #tabBody1 ul li,
.topComPlanBox #tabBody2 ul li,
.topComPlanBox #tabBody3 ul li,
.topComPlanBox #tabBody4 ul li{
	display:block;
	clear:both;
	padding:0 0 15px 0;
}

.topComPlanBox #tabBody1 ul li img,
.topComPlanBox #tabBody2 ul li img,
.topComPlanBox #tabBody3 ul li img,
.topComPlanBox #tabBody4 ul li img{
	float:left;
}

.topComPlanBox #tabBody1 ul li dl,
.topComPlanBox #tabBody2 ul li dl,
.topComPlanBox #tabBody3 ul li dl,
.topComPlanBox #tabBody4 ul li dl{
	float:right;
	width:485px;
}

.topComPlanBox #tabBody1 ul li dl dt,
.topComPlanBox #tabBody2 ul li dl dt,
.topComPlanBox #tabBody3 ul li dl dt,
.topComPlanBox #tabBody4 ul li dl dt{
	margin-bottom:5px;
}

.topComPlanBox #tabBody1 ul li a img,
.topComPlanBox #tabBody2 ul li a img,
.topComPlanBox #tabBody3 ul li a img,
.topComPlanBox #tabBody4 ul li a img{
	border:#CCCCCC solid 1px;
	padding:5px;
}

.topComPlanBox #tabBody1 ul li dl dt a img,
.topComPlanBox #tabBody2 ul li dl dt a img,
.topComPlanBox #tabBody3 ul li dl dt a img,
.topComPlanBox #tabBody4 ul li dl dt a img{
	float:none;
	margin-left:5px;
	padding:0;
	border:none;
	vertical-align:top;
}

#wrapper .topComPlanBox #tabBody1 ul li dl dt a:hover img,
#wrapper .topComPlanBox #tabBody2 ul li dl dt a:hover img,
#wrapper .topComPlanBox #tabBody3 ul li dl dt a:hover img,
#wrapper .topComPlanBox #tabBody4 ul li dl dt a:hover img{
	padding:0;
	border:none;
}

.ttlComPlan{
	position:relative;
}

.ttlComPlan p{
	position:absolute;
	right:0;
	top:0;
}

/* RSS */

.ttlComPlan p.rss{
	position:absolute;
	left:155px;
	top:0;
}

/*------------------------------------------
 @ #importantMesBox
------------------------------------------*/

.importantMesBox dl dt{
	margin:0 0 0 0px;
	width:7.7em;
	white-space:nowrap;
	padding-bottom:4px;
	float:left;
}
.importantMesBox dl dd{
	margin:0 0 0 10px;
	width:7.7em;
	white-space:nowrap;
	padding-bottom:4px;
	float:left;
}
.importantMesBox dl dd.infoTxt{
	width:500px;
	white-space:normal;
}

.importantMesBox dl dd a{
	padding-left:10px;
	display:block;
}
.importantMesBox dl dd a span{
	color:#666666;
}



/*------------------------------------------
 @ booking tab
------------------------------------------*/
#hotelbooking {
	width:225px;
}
#hotelbooking .bookingBox{
	background: url(../../../common/img/common/btn_spriteTab.jpg) no-repeat;
}
#hotelbooking #newsUpdate_hotel h2 a,
#hotelbooking .newsMenu_hotel .update6 a{
	background: url(../../../common/img/common/btn_spriteTab.jpg) no-repeat;
	overflow: hidden;
}
#hotelbooking select,
#hotelbooking input[type="text"] {
	font-size: 12px !important;
}

/* display */
#hotelbooking #newsUpdate_hotel h2 a,
#hotelbooking .newsMenu_hotel .update6 a {
	display: block;
}
#hotelbooking .newsMenu_hotel .update6 a span {
	display: none;
}

#hotelbooking #newsUpdate_hotel {
	width:225px;
	margin:0 0 10px;
	float: right;
	overflow:hidden;
	background: url(../../../common/img/common/btn_spriteTab.jpg) no-repeat 0 bottom;
}

#hotelbooking #newsUpdate_hotel h2 {
	width: 113px;
}

#hotelbooking #newsUpdate_hotel h2 a {
	height: 38px;
	background-position: 0 0;
}

#hotelbooking #newsUpdate_hotel h2 a:hover { 
	background-position: 0 -38px;
}

#hotelbooking #newsUpdate_hotel h2 a.active,
#hotelbooking #newsUpdate_hotel h2 a.active:hover { background-position: 0 -76px; }

#hotelbooking #newsUpdate_hotel .newsList_hotel.active {
	display: block;
}

#hotelbooking .news {
	position: relative;
	background-position: 0 -111px;
}

#hotelbooking .bookingBox{
	width: 225px;
	background-position: 0 -111px;
}

#hotelbooking .bookingBox h2,
#hotelbooking .news h2 {
	height: 38px;
	float: left;
}
#hotelbooking ul.newsMenu_hotel {
	line-height:0;
	margin:0;
	padding:0;
}
*:first-child+html #hotelbooking ul.newsMenu_hotel {
	width: 112px;
	line-height:0;
	margin:0;
	padding:0;
}
#hotelbooking .newsMenu_hotel {
	float: left;
}

#hotelbooking .newsMenu_hotel .update6 {
	width: 112px;
}
#hotelbooking .newsMenu_hotel .update6 a{
	height: 38px;
}
#hotelbooking .newsMenu_hotel .update6 a { background-position: -113px 0; }
#hotelbooking .newsMenu_hotel .update6 a:hover { background-position: -113px -38px; }
#hotelbooking .newsMenu_hotel .update6 a.active,
#hotelbooking .newsMenu_hotel .update6 a.active:hover { background-position: -113px -76px; }

#hotelbooking .newsList_hotel {
	clear: both;
	display: block;
	padding: 10px 10px 0 10px;
	background-position: 0 bottom;
	height:335px;
}
#hotelbooking #newsUpdate_hotel .newsList_hotel {
	display: none;
}
#hotelbooking #newsUpdate_hotel .newsList_hotel.active {
	display: block;
}
#hotelbooking #newsUpdate_hotel .newsList_hotel.active {
	display: block;
}
#hotelbooking .newsList_hotel dl.first {
	background: none;
}

/*--- booking ---*/
#hotelbooking #tabBody5{
	position:relative;
	margin:0;
	padding:10px 10px 0 10px;
}

#hotelbooking #tabBody5 form{
	width:205px;
	overflow:hidden;
}

#hotelbooking #tabBody5 dl,
#hotelbooking #tabBodyHotel dl{
	padding:0 0 8px 0;
}

#hotelbooking #tabBody1 dl dt{
	margin:0 0 3px 0;
}

#hotelbooking #tabBody5 p,
#hotelbooking #tabBodyHotel p{
	padding:0 0 10px 0;
}

#hotelbooking #tabBody5 p input{
	width:190px;
	margin:0 7px 0 8px !important;
	text-align:center !important;
}

#hotelbooking .dLine{
	position:absolute;
	top:12px;
	right:5px;
}

#hotelbooking #tabBody6{
	padding:0 !important;
	margin:0 !important;
	width:224px;
	height:345px;
	zoom:1;
}
#hotelbooking #tabBody6 h3{
	margin:0 !important;
	padding:5px 10px;
	background:#801428 !important;
	color:#FFF;
	border:none;
}
#hotelbooking #tabBody6 .loginbox{
	padding:10px;
}
#hotelbooking #tabBody6 .loginbox .ttl{
	font-size:1.1em;
	font-weight:bold;
}

#hotelbooking #tabBody6 .loginbox a{
	padding-left:8px;
	padding-right:6px;
	background:url(../../../common/img/ico/ico_arrow.jpg) 0 2px no-repeat;
	font-size:0.8em;
}

#hotelbooking #tabBody6 .loginbox .btnlogin{
	margin:10px 0;
	text-align:center;
}

#hotelbooking .mapPosBox{
	position:relative;
}


#hotelbooking ul#mapBlock{
	font-size:0;
	line-height:0;
	margin:0 !important;
	padding:0 !important;
}
#hotelbooking ul#mapBlock li{
	font-size:0;
	line-height:0;
	margin:0 !important;
	padding:0 !important;
}

.tripadvisor{
	width:223px;
	margin:0;
	padding: 0;
	background-color: #FFF;
	border-left: #C7C4A1 solid 1px;
	border-right: #C7C4A1 solid 1px;
	border-bottom: #C7C4A1 solid 1px;
	margin-bottom: 10px;
}

.tripadvisor iframe{
	width:203px;
	height:190px;
	margin:0;
	padding:0 9px;
}

.tripadvisor H3 {
	display: block;
	width: 223px;
	height: 0;
	padding:25px 0 0 0;
	background: url(../img/ttl_tripadvisor.gif) no-repeat -1px 0;
	overflow:hidden;
}

.tripadvisor p{
	margin:0;
	padding:0 10px 10px;
	font-size:0.9em;
	line-height: 1.2;
}


/*------------------------------------------
 @ 共起語
------------------------------------------*/
.cooccurarea{
	width:675px;
	margin: 30px 19px 10px;
	color:#6B3906;
	font-size:0.9em;
	line-height:1.4;
	float:right;
	display:block;
}