@charset "shift_jis";
/*施設ページ・宿泊プラン一覧、宿泊プラン詳細、プレゼント一覧：更新者－林大輔（2010.02.10）*/
/*Plan list on Hotel page (old ui) by shirato on 2014.06.24*/


/*現在の表示条件・表示条件変更*/
div#conditionArea{
	position: relative;
	width: 948px;
	margin: 10px 0 25px 0;
	padding: 4px 0;
	background-position: top;
}

div#conditionArea dl.conditionContent{/*現在の表示条件*/
	width: 926px;
	margin: 0 4px;
	padding: 7px;
	background-color: #FFFFFF;
	font-size: 82%;
}

div#conditionArea dl.conditionContent dt{
	float: left;
	width: 9em;
	margin: 0;
	font-weight: bold;
}

div#conditionArea dl.conditionContent dd{
	margin: 0 0 0 9em;
}
div#conditionArea dl.conditionContent dd ul li{
	display: inline;
	padding: 0 20px 0 0;
	list-style-type: none;
}
div#conditionArea dl.conditionContent dd ul li.conditionPeople{
	display: block;
}

div#conditionArea dl.conditionContent dd ul li.conditionPeople{/*2009.11.12*/
	width: 620px;
	margin-top: 6px;
}

div#conditionArea p.conditionBt{/*アコーディオンボタン*/
	position: absolute;
	top: 15px;
	right: 15px;
}

div#conditionArea div.conditionFocus{/*表示条件変更*/
	width: 940px;
	margin: 0 4px 0 4px;
	padding: 0;
	background-color: #FFFFFF;
}

div#conditionArea div.conditionFocus{/*2009.11.12*/
	padding-bottom: 16px;
}

div#conditionArea div.conditionFocus form.primary{
	margin: 0 6px;
	padding: 10px 0;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripe.gif);
	background-position: top;
	background-repeat: repeat-x;	
}

div#conditionArea div.conditionFocus form.primary{
	background-image: none;
}

div#conditionArea div.conditionFocus dl.conditionChange{
	clear: both;
	margin: 0 2px;
	font-size: 82%;
}
div#conditionArea div.conditionFocus dl.conditionChange dt{
	clear: left;
	float: left;
	width: 6.6em;
	margin: 0 0 1px 0;
	padding: 6px 1.4em 3px 0;
}
div#conditionArea div.conditionFocus dl.conditionChange dt.checkout{
	clear: none;
	width: 6em;
	margin: 0 0 0 15px;
}
div#conditionArea div.conditionFocus dl.conditionChange dd{
	margin: 0 0 1px 8em;
	padding: 3px 0 3px 10px;
	white-space: nowrap;
}

div#conditionArea div.conditionFocus dl.conditionChange dd.grpSetCstmNum{/*2009.11.17*/
	border-top: 1px solid #CCC;
	padding-top: 8px;
	/*width: 70%;*/
}

div#conditionArea div.conditionFocus dl.conditionChange dd.primary{
	float: left;
	margin: 0 0 1px 0;
	padding: 3px 15px 3px 10px;
}
*html div#conditionArea div.conditionFocus dl.conditionChange dd.primary{
	margin: 0 0 1px 0;
}
div#conditionArea div.conditionFocus dl.conditionChange dd img{
	vertical-align: -2px;
}

div#conditionArea div.conditionFocus dl.conditionChange dd ul.selectNumber li{
	float: left;
	margin: 0 30px 3px 0;
	list-style-type: none;
}

div#conditionArea div.conditionFocus dl.conditionChange dd ul.selectNumber li.groupRoomNum{/*2009.11.12*/
	float: none;
}

div#conditionArea div.conditionFocus dl.conditionChange dd ul li.selectLast{
	float: none;
}
div#conditionArea div.conditionFocus dl.conditionChange dd ul li span{
	display: inline;
	float: left;
	padding: 3px 0 0 0;
}
div#conditionArea div.conditionFocus dl.conditionChange dd ul li span.selectNumberRow1{ width: 8.5em;}
div#conditionArea div.conditionFocus dl.conditionChange dd ul li span.selectNumberRow2{ width: 8.5em;}
div#conditionArea div.conditionFocus dl.conditionChange dd ul li span.selectNumberRow3{ width: 11.5em;}



div#conditionArea div.conditionFocus p.conditionSubmit{
	position: absolute;
	bottom: 50px;
	right: 22px;
	width: 72px;
	height: 25px;
}

div#conditionArea div.conditionFocus p.conditionCancel{
	position: absolute;
	right: 10px;
	bottom: 18px;
	text-align: right;
	font-size: 82%;
	font-weight: bold;
}

div#conditionArea div.conditionFocus p.conditionCancel{/*2009.11.12*/
	bottom: 12px;
}

div#conditionArea div.conditionFocus p.conditionCancel a{
	padding: 0 0 0 12px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}
div#conditionArea div.conditionFocus p.conditionCancel a:link       { background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow01.gif);}
div#conditionArea div.conditionFocus p.conditionCancel a:visited    { background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow01_visited.gif);}
div#conditionArea div.conditionFocus p.conditionCancel a:visited:hover,
div#conditionArea div.conditionFocus p.conditionCancel a:link:hover { background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow01_hover.gif);}
div#conditionArea div.conditionFocus p.conditionCancel a:visited:active,
div#conditionArea div.conditionFocus p.conditionCancel a:link:active{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow01_active.gif);}

/*宿泊プラン絞込み*/
dl#squeezeArea{
	clear: both;
	width: 936px;
	margin: 0 7px 5px 7px;
	padding: 0 0 2px 0;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripe.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

dl#squeezeArea dt{
	float: left;
	width: 5em;
	margin: 2px 5px 0 5px;
	font-size: 65%;
}
*html dl#squeezeArea dt{
	margin: 5px 5px 0 5px;
}

dl#squeezeArea dd{
	float: left;
	width: 600px;
	font-size: 82%;
}
dl#squeezeArea dd ul{
	margin: 0;
	list-style-type: none;
}
dl#squeezeArea dd ul li{ /* 09.12.01 */
	float: left;
	margin: 0 7px 0 0; 
	padding: 0 0 3px 0;
}
dl#squeezeArea dd ul li input{
	margin: 0 2px 0 0;
}
dl#squeezeArea dd#squeezeSubmit{
	float: right;
	width: 72px;
	padding: 0 16px 0 0;
}

/* もっと絞り込む　09.12.01 */

dl#squeezeArea dd.focusMore {
	float:none;
	width:840px;
}
dl#squeezeArea dd.focusMore p{
	clear:left;
	float:left;
	margin:0 15px 5px 0;
}
dl#squeezeArea dd.focusMore p a {
	background-position:0 2px;
	background-repeat:no-repeat;
	padding:0 0 0 12px;
	margin-left:70px;
}
dl#squeezeArea dd.focusMore p a:link       { background-image:url(http://travel.rakuten.co.jp/share/themes/searchlist/images/icon_plus.gif);}
dl#squeezeArea dd.focusMore p a:visited    { background-image:url(http://travel.rakuten.co.jp/share/themes/searchlist/images/icon_plus_visited.gif);}
dl#squeezeArea dd.focusMore p a:visited:hover,
dl#squeezeArea dd.focusMore p a:link:hover { background-image:url(http://travel.rakuten.co.jp/share/themes/searchlist/images/icon_plus_hover.gif);}
dl#squeezeArea dd.focusMore p a:visited:active,
dl#squeezeArea dd.focusMore p a:link:active{ background-image:url(http://travel.rakuten.co.jp/share/themes/searchlist/images/icon_plus_active.gif);}

dl#squeezeArea dd.focusMore ul.focusMoreList{
	float: left;
	width: 585px;
	padding: 0 0 0 18px;
	background-image: url(http://travel.rakuten.co.jp/share/themes/searchlist/images/icon_arrow_adust.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

dl#squeezeArea dd.focusMore ul.focusMoreList li{
	padding: 0 15px 0 0;
}

/* ここまで　もっと絞り込む　09.12.01 */


/*並びかえ*/
dl#shuffleArea{
	clear: both;
	width: 936px;
	margin: 0 7px 15px 7px;
}

dl#shuffleArea dt{
	float: left;
	width: 5em;
	margin: 3px 5px 0 5px;
	font-size: 65%;
}

dl#shuffleArea dd{
	font-size: 82%;
}
dl#shuffleArea dd ul{
	margin: 0;
	list-style-type: none;
}
dl#shuffleArea dd ul li{
	float: left;
	margin: 0 7px 0 0; 
	padding: 2px 0 7px 0;
}
dl#shuffleArea dd ul li span.nonActive{
	color				: #3333CC;
	text-decoration		: underline;
	padding				: 2px 5px 7px 5px;
	background-position	: bottom;
	cursor				: pointer;
}
dl#shuffleArea dd ul li span.inActive{
	padding: 2px 5px 7px 5px;
	color: #FFFFFF;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/shuffle_ac.gif); 
	background-repeat: no-repeat;
	background-position: bottom;
}

/*注意事項*/
div.attentionArea{
	margin: 0 5px 10px 5px;
}
div.attentionArea p.attentionPet{
	font-size: 82%;
	font-weight: bold;
	color: #CC0000;
}

/*宿泊プラン*/
div.planArea{
	clear: both;
	width: 948px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

div.planArea h2,
div.planArea h3{/*プラン一覧ではh3、プラン詳細ではh2*/
	margin: 0;
	width: 936px;
	padding: 4px 6px 6px 6px;
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}
div.planArea h2 img,
div.planArea h3 img{
	margin: 0 0 0 5px;
	vertical-align: -1px;
}
div.planArea h3 a:link       { color : #FFFFFF;}
div.planArea h3 a:visited    { color : #FFFFFF;}
div.planArea h3 a:visited:hover,
div.planArea h3 a:link:hover { color : #ECE9D8;}
div.planArea h3 a:visited:active,
div.planArea h3 a:link:active{ color : #D8D1AF;}

div.planArea div.planDetail{
	float: left;
	width: 460px;
	margin: 7px 0 10px 0;
	padding: 0 0 0 18px;
}

div.planArea div.planDetail p.planTerm{
	float: left;
	width: auto;
	margin: 0 ;
	padding: 0;
	color: #66441E;
	font-size: 82%;
	white-space: nowrap;
}
div.planArea div.planDetail p.planFavorite{
	float: right;
	width: auto;
	margin: 0 0 0.6em 0;
	padding: 0 0 0 15px; 
	font-size: 82%;
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/bt_favorite.gif);
	background-position: 0;
	background-repeat: no-repeat;
	white-space: nowrap;
}
div.planArea p.planConsecutive{/*連泊*/
	clear: both;
	margin: 0 0 0.6em 0;
	padding: 0;
	font-size: 82%;
	line-height: 1.4;
	color: #CC0000;
}
div.planArea div.planDetail p.planExplain{
	clear: both;
	margin: 0;
	padding: 0 0 0 8px;
	font-size: 82%;
	line-height: 1.4;
}

div.planArea dl.planPhotos{
	float: right;
	width: 452px;
	margin: 7px 18px 10px 0;
	padding: 0;
}
*html div.planArea dl.planPhotos{/*for IE hack*/
	margin: 7px 9px 10px 0;
}

div.planArea dl.planPhotos dd{
	margin: 0;
}

div.planArea dl.planPhotos dd ul{
	margin: 0;
	padding: 0;
}

div.planArea dl.planPhotos dd ul li{
	float: left;
	list-style-type: none;
	margin: 0 0 6px 6px;
	padding: 4px;
	width: 210px;
	height: 210px;
	border: 1px solid #CCCCCC;
		text-align: center;
	vertical-align: middle;
	visibility: hidden;
}
*html div.planArea dl.planPhotos dd ul li{/*for IE6 hack*/
	margin: 0 0 4px 4px;
}

div.planArea dl.planPhotos dd ul li img{
	max-height: 210px;
	max-width: 210px;
}
/*
*html div.planArea dl.planPhotos dd ul li img{
	width: 0px;
	height: 210px;
}
*/
div.RthPresentArea dl.RthPresentPhotos dd ul li img{
	max-height: 210px;
	max-width: 210px;
}

*html div.RthPresentArea dl.RthPresentPhotos dd ul li img{
	width: 0px;
	height: 210px;
}

div.RthPresentArea dl.RthPresentPhotos dd ul li{
	max-height: 210px;
	max-width: 210px;
}

/* 楽パックレコメンド 10.02.10 */

div.planArea p.recPackage{
	margin-bottom: 5px;
	margin-left:6px;
	margin-top:5px;
	padding: 6px 0 0 0;
	font-size: 78%;
	background-repeat: no-repeat;
	background-position: 0 3px;
    background-image:
	url(http://img.travel.rakuten.co.jp/share/themes/searchlist/images/rec_bg2_head.gif);
	clear:both;
	display:inline-block;
	}
div.planArea p.recPackage a{
	display: block;
	width: 330px;
	margin: 0;
	padding: 0 0 3px 50px;
	text-indent: -48px;
	background-repeat: no-repeat;
	background-position: bottom left;
}
div.planArea p.recPackage a span{
	margin: 0;
	padding: 0 0 0 45px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/searchlist/images/rec_icon_ana.gif);
}

div.planArea p.recPackage a:link,
div.planArea p.recPackage a:visited    { background-image: url(http://img.travel.rakuten.co.jp/share/themes/searchlist/images/rec_bg2.gif); color:#073190;}
div.planArea p.recPackage a:visited:hover,
div.planArea p.recPackage a:link:hover,
div.planArea p.recPackage a:visited:active,
div.planArea p.recPackage a:link:active{ background-image: url(http://img.travel.rakuten.co.jp/share/themes/searchlist/images/rec_bg2_hover.gif); color:#073190;}

div.planArea dl.roomArea,
div.planArea div.roomArea{
	clear: both;
	width: 912px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	background-position: 0 0;
	background-repeat: repeat-x;
}

div.planArea dl.roomArea dt.roomName,
div.planArea div.roomArea h3.roomName{ /* 09.10.19 */
	clear: both;
	width: 904px;
	margin: 0;
	padding: 6px 0 0 8px;
	font-size: 90%;
	font-weight: bold;
	background-position: 0 0;
	background-repeat: no-repeat;
}

div.planArea div.roomDetail{
	width: 912px;
	margin: 0 auto;
}
div.planArea ul.roomFeatures{ /* 09.10.19 */
	color:#437617;
	list-style:none;
	font-size:82%;
}
div.planArea ul.roomFeatures li{ /* 09.10.19 */
	display:inline;
	margin-left:10px;
}

div.planArea ul.roomFeatures li img {
	margin-right:10px;
	vertical-align:text-bottom;
}

div.planArea dl.roomCondition{
	float: left;
	width: 450px;
	margin: 10px 10px 0 8px;
}
*html div.planArea dl.roomCondition{/*for IE6 hack*/
	margin: 10px 10px 0 4px;
}
div.planArea dl.roomCondition dt{
	float: left;
	width: 6em;
	font-size: 82%;
	margin: 0 0 3px 0;
}
div.planArea dl.roomCondition dd{
	font-size: 82%;
	margin: 0 0 3px 0;
}
div.planArea dl.roomCondition dd span.racco{/*一括精算*/
	color: #990000;
}
div.planArea dl.roomCondition dd.planConsecutive{/*連泊*/
	color: #000000;
}

div.planArea div.roomPrice{
	float: left;
	width: 432px;
	margin: 10px 0 10px 0;
	padding: 1px 0 0 0;
	background-repeat: repeat-x;
	background-position: top left;
}

div.planArea div.roomPrice ul{
	width: 432px;
	margin: 0;
	padding: 3px 0;
	list-style-type: none;
	background-repeat: repeat-x;
	background-position: bottom left;
}
div.planArea div.roomPrice ul li.roomNumber{
	float: left;
	width: 94px;
	padding: 0 0 0 5px;
	font-size: 82%;
	color : #375273;
}
div.planArea div.roomPrice ul li.roomPrice{
	float: left;
	width: 210px;
	margin: 0;
	font-size: 82%;
	color : #CC0000;
	white-space:nowrap;
}

div.planArea div.roomPrice ul li.roomPrice strong{
	font-size: 110%;
	font-weight: bold;
}
div.planArea div.roomPrice ul li.roomPrice span.incldTax{
font-size: 80%;
display: block;
color: #333;
}

div.planArea div.roomPrice ul li.roomBt{
	float: left;
	width: 58px;
}

div.planArea ul.roomTxt{/*宿泊プラン詳細*/
	margin: 0 0 10px 8px;
	list-style-type: none;
	font-size: 82%;
}
div.planArea ul.roomTxt li{
	line-height: 1.4;
}
div.planArea ul.roomTxt li span{
	float: left;
	display: block;
	width: 6em;
	line-height: 1.4;
}
div.planArea ul.roomTxt li span.racco{/*一括精算*/
	float: none;
	display: inline;
	color: #990000;
}
div.planArea ul.roomTxt li span.planConsecutive{/*連泊*/
	float: none;
	display: inline;
	color: #000000;
}

div.planArea div#roomCalendar{
	position: relative;
	float: left;
	width: 465px;
	padding: 10px 0 0 0;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/roomCalendar_bg.gif);
	background-repeat: no-repeat;
}

div.planArea div#roomCalendar table{
	margin: 0 auto ;
	border: 1px solid #BBBBBB;
	border-spacing: 1px;
}

div.planArea div#roomCalendar table caption{
	margin: 0 0 2px 15px;
	color: #385273;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
}

div.planArea div#roomCalendar table th{
	width: 60px;
	padding: 2px 0;
	background-color: #EBEBEB;
	text-align: center;
	font-size: 82%;
	font-weight: normal;
}
div.planArea div#roomCalendar table th.calHoliday { background-color: #FFCECE;}
div.planArea div#roomCalendar table th.calSat     { background-color: #B0D8FF;}

div.planArea div#roomCalendar table td{
	width: 60px;
	height: 75px;
	padding: 0;
	border-right : 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: center;
	vertical-align: top;
}
div.planArea div#roomCalendar table td.calHoliday { background-color: #FFEBEB;}
div.planArea div#roomCalendar table td.calSat     { background-color: #DBEDFF;}
div.planArea div#roomCalendar table td#calToday   { background-color: #FFD6AC;}

div.planArea div#roomCalendar table td a{
	display: block;
	width: 60px;
	height: 100%;
	margin: 0;
	text-decoration: none;
}
div.planArea div#roomCalendar table td .today1{/*当日限定*/
	height: 45px;
}
div.planArea div#roomCalendar table td .today2{/*当日限定*/
	padding-top: 2px;
	border-top: 1px solid #FFFFFF;
	height: 27px;
}

div.planArea div#roomCalendar table td a:hover{
	background-color: #E6752B;
}

div.planArea div#roomCalendar table td span{
	display: block;
	padding: 1px 0 2px 0;
	text-align: center;
	font-size: 82%;
}
div.planArea div#roomCalendar table td .today1 span,
div.planArea div#roomCalendar table td .today2 span{/*当日限定*/
	padding: 1px 0 0 0;
	line-height: 1.0;
}
div.planArea div#roomCalendar table td span.thisMonth{
	color: #385273;
	font-weight: bold;
}
div.planArea div#roomCalendar table td#calToday span.thisMonth{
	color: #CC0000;
	font-weight: bold;
}
div.planArea div#roomCalendar table td span.lastMonth,
div.planArea div#roomCalendar table td span.nextMonth{
	color: #385273;
	font-weight: normal;	
}
div.planArea div#roomCalendar table td span.past{
	color: #CC0000;
	font-weight: bold;
}
div.planArea div#roomCalendar table td span.full{
	color: #CC0000;
	font-weight: bold;
	font-size: 109%;
}
div.planArea div#roomCalendar table td span.vacant{
	text-decoration: underline;
	font-size: 90%;
	font-weight: bold;
}
div.planArea div#roomCalendar table td div span.vacant{
	color: #990000;
	text-decoration: none;
	font-weight: normal;
}
div.planArea div#roomCalendar table td .today1 span.vacant,
div.planArea div#roomCalendar table td .today2 span.vacant{/*当日限定*/
	font-size: 78%;
}
div.planArea div#roomCalendar table td span.price{
	padding-bottom: 0;
	color: #333333;
	line-height: 1.0;
}
div.planArea div#roomCalendar table td a:hover span,
div.planArea div#roomCalendar table td#calToday a:hover span.thisMonth{
	color: #FFFFFF;
	text-decoration: none;
}

div.planArea div#roomCalendar ul#calPaging{
	position: absolute;
	top: 10px;
	right: 15px;
}
div.planArea div#roomCalendar ul#calPaging li{
	float: left;
	margin: 0 0 0 10px;
	list-style-type: none;
	font-size: 82%;
}
div.planArea div#roomCalendar ul#calPaging li a{
	padding: 0 0 0 13px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}

li.lastMonth a:link       { background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow03.gif);}
li.lastMonth a:visited    { background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow03_visited.gif);}
li.lastMonth a:visited:hover,
li.lastMonth a:link:hover { background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow03_hover.gif);}
li.lastMonth a:visited:active,
li.lastMonth a:link:active{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow03_active.gif);}

li.nextMonth a:link       { background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow01.gif);}
li.nextMonth a:visited    { background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow01_visited.gif);}
li.nextMonth a:visited:hover,
li.nextMonth a:link:hover { background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow01_hover.gif);}
li.nextMonth a:visited:active,
li.nextMonth a:link:active{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/icon_arrow01_active.gif);}

div.planArea div#roomCalendar p#calNote{
	margin: 0;
	font-size: 82%;
	text-align: right;
	padding: 5px 20px 0px 0;
}

div.planArea div.roomArea div#roomNote{
	float: right;
	width: 436px;
	margin: 0;
}

div.planArea div.roomArea div#roomNote span{
	color: #CC0000;
}
div.planArea div.roomArea div#roomNote span.rider{
	/*国内・海外で色分けするため下記に記述*/
}

div.planArea div.roomArea div#roomNote ul{
	margin: 0 0 10px 0;
	list-style-type: none;
	font-size: 82%;
}
div.planArea div.roomArea div#roomNote ul li{
	margin: 0 0 3px 0;
	padding: 0 0 0 13px;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_mark.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

div.planArea div.roomArea div#roomNote dl{
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	font-size: 82%;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripe.gif);
	background-repeat: repeat-x;
	background-position: top;
}
div.planArea div.roomArea div#roomNote dl dt{
	margin: 0 0 3px 0;
}
div.planArea div.roomArea div#roomNote dl dd{
	margin: 0 0 0 1em;
}

div.planArea div.roomArea div#roomNote dl dd pre{
	font-size: 90%;
}

div.planArea div.secretLogin{/*シークレットプラン*/
	width: 700px;
	margin: 50px auto;
}
div.planArea div.secretLogin p.secretLead{
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 82%;
	font-weight: bold;
	color: #CC0000;
}
div.planArea div.secretLogin dl{
	width: 460px;
	height: 120px;
	margin: 0 0 0 120px;
	padding: 45px 20px 0 20px;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/secretLogin_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.planArea div.secretLogin dl dt{
	display: inline;
	font-size: 82%;
}
div.planArea div.secretLogin dl dd{
	display: inline;
}
div.planArea div.secretLogin dl dd input.secretForm{
	width: 240px;
	font-size: 15px;
}
div.planArea div.secretLogin dl dd input.secretSubmit{
	font-size: 84%;;
}


/*部屋タイプ*/
div.roomtypeArea{
	width: 948px;
	margin: 15px 0;
	padding: 0 0 10px 0;
}

div.roomtypeArea dl.roomArea{
	clear: both;
	width: 932px;
	margin: 10px auto 5px auto;
	padding: 0;
}

div.roomtypeArea dl.roomArea dt.roomName{
	padding: 2px 0 2px 8px;
	font-size: 90%;
	font-weight: bold;
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.roomtypeArea dl.roomArea dd.roomDetail dl.roomCondition{
	float: left;
	width: 460px;
	margin: 5px 0 0 8px;
}
*html div.roomtypeArea dl.roomArea dd.roomDetail dl.roomCondition{
	margin: 5px 0 0 4px;
}
div.roomtypeArea dl.roomArea dd.roomDetail dl.roomCondition dt{
	float: left;
	width: 6em;
	font-size: 82%;
	margin: 0 0 3px 0;
}
div.roomtypeArea dl.roomArea dd.roomDetail dl.roomCondition dd{
	font-size: 82%;
	margin: 0 0 3px 0;
}
div.roomtypeArea dl.roomArea dd.roomDetail dl.roomCondition dd.planConsecutive{/*連泊*/
	color: #000000;
}

div.roomtypeArea dl.roomArea dd.roomDetail div.roomPrice{
	float: right;
	width: 440px;
	margin: 5px 0 10px 0;
	padding: 0 0 0 0;
}

div.roomtypeArea dl.roomArea dd.roomDetail dl.roomPrice dd{
	float: left;
	width: 200px;
	font-size: 82%;
	color: #CC0000;
	margin: 0 0 5px 0;
}
div.roomtypeArea dl.roomArea dd.roomDetail dl.roomPrice dd span{
	font-size: 110%;
	font-weight: bold;
}
div.roomtypeArea dl.roomArea dd.roomDetail dl.roomPrice dd.btReserve{/*予約詳細ボタン*/
	width: 58px;
	margin: 0 0 0 10px;
}
*html div.roomtypeArea dl.roomArea dd.roomDetail dl.roomPrice dd.btReserve{/*for IE hack*/
	float: none;
}

div.roomtypeArea dl.roomArea dd.roomDetail p.attention,
div.planArea p.attention{
	clear: both;
	text-align: right;
	font-size: 65%;
	color: #555555;
}

/*こんな宿泊プランもあります！*/
h3#moreplanTitle{
	clear: both;
	margin: 0 0 5px 0;
}

div#moreplanArea{
	clear: both;
	margin: 0 0 15px 0;
	padding: 5px;
	background-position: 0 0;
}

div#moreplanArea div#moreplanList{
	width: 928px;
	margin: 0px;
	padding: 6px;
	background-color: #FFFFFF;
}

div#moreplanArea dl.moreplanDetail{
	clear: both;
	margin: 0 0 25px 0;
	padding: 0;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/moreplan_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

div#moreplanArea dl.moreplanDetail dt.moreplanName{
	margin: 0 0 5px 0;
	padding: 3px 0 5px 5px;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	background-position: bottom;
}
div#moreplanArea dl.moreplanDetail dd.moreplanContent{
}

div#moreplanArea dl.moreplanDetail dd.moreplanContent dl.moreplanRoom{
	position: relative;
}
div#moreplanArea dl.moreplanDetail dd.moreplanContent dl.moreplanRoom dt.moreplanRoomName{
	position: absolute;
	top: 3px;
	left: 8px;
	padding: 2px 0 2px 8px;
	font-size: 82%;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: top left;
}
*html div#moreplanArea dl.moreplanDetail dd.moreplanContent dl.moreplanRoom dt.moreplanRoomName{
	left: 0;
}
div#moreplanArea dl.moreplanDetail dd.moreplanRoomDetail{
	width: 907px;
	margin: 0 8px 0 8px;
	padding: 3px 5px 3px 0;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripe.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

div#moreplanArea dl.moreplanDetail dd.moreplanRoomDetail ul{
	width: 888px;
}
div#moreplanArea dl.moreplanDetail dd.moreplanRoomDetail ul li{
	list-style-type: none;
}
div#moreplanArea dl.moreplanDetail dd.moreplanRoomDetail ul li.moreplanNumber{
	float: left;
	width: 94px;
	margin: 0 0 0 472px;
	font-size: 82%;
	color : #375273;
}
*html div#moreplanArea dl.moreplanDetail dd.moreplanRoomDetail ul li.moreplanNumber{
	margin: 0 0 0 236px;
}
div#moreplanArea dl.moreplanDetail dd.moreplanRoomDetail ul li.moreplanPrice{
	float: left;
	width: 210px;
	font-size: 82%;
	color: #CC0000;
}
div#moreplanArea dl.moreplanDetail dd.moreplanRoomDetail ul li.moreplanPrice span{
	font-size: 110%;
	font-weight: bold;
}
div#moreplanArea dl.moreplanDetail dd.moreplanRoomDetail ul li.moreplanBt{
	float: left;
	width: 58px;
}

div#moreplanArea dl.moreplanDetail dd.moreplanAttention{
	margin: 0 12px 0 0;
	text-align: right;
	font-size: 65%;
	color: #555555;
}

/*備考*/
div#noteArea{
	margin: 0 0 15px 0;
}
div#noteArea dl dt{
	font-size: 82%;
}
div#noteArea dl dd{
	padding: 0 0 0 1em;
	font-size: 82%;
}

/*プレゼント一覧*/
div.RthPresentArea{
	clear: both;
	position: relative;
	width: 948px;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
}

div.RthPresentArea h3{
	margin: 0;
	width: 948px;
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}
div.RthPresentArea h3 span{
	display: block;
	padding: 3px 6px 5px 28px;
	background-position: 3px 1px;
	background-repeat: no-repeat;
}
div.RthPresentArea h3 span img{
	margin: 0 0 0 5px;
	vertical-align: -1px;
}

div.RthPresentArea dl.RthPresentPhotos{
	float: left;
	width: 230px;
	margin: 5px 8px 10px 0;
	padding: 0;
}
*html div.RthPresentArea dl.RthPresentPhotos{/*for IE hack*/
	margin: 5px 4px 10px 0;
}

div.RthPresentArea dl.RthPresentPhotos dd{
	margin: 0;
}

div.RthPresentArea dl.RthPresentPhotos dd ul{
	margin: 0;
	padding: 0;
}

div.RthPresentArea dl.RthPresentPhotos dd ul li{
	list-style-type: none;
	margin: 0 0 6px 6px;
	padding: 4px;
	width: 210px;
	max-height: 210px;
	border: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	visibility: hidden;
}

div.RthPresentArea dl.RthPresentOutline{
	float: left;
	width: 540px;
	margin: 10px 0 10px 0;
	padding: 0 0 0 5px;
	font-size: 82%;
}
div.RthPresentArea dl.RthPresentOutline dt{
	float: left;
	width: 7em;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-position: 0 5px;
}
div.RthPresentArea dl.RthPresentOutline dd{
	margin: 0 0 5px 0;
}
div.RthPresentArea dl.RthPresentOutline dd span{
	padding: 0 0 0 10px;
	font-size: 79%;
}

div.RthPresentArea p.RthPresentBt{
	float: right;
	width: 130px;
	margin: 15px 0 0 0;
}

div.RthPresentArea div.RthPresentDetail{
	float: left;
	width: 680px;
	margin: 0 0 10px 0;
	padding: 15px 0 0 15px;
	background-repeat: repeat-x;
	background-position: top;
	font-size: 82%;
}
div.RthPresentArea p.RthPresentDecide{
	clear: both;
	margin: 0 8px;
	padding: 8px;
	background-color: #FFEBEB;
	font-size: 82%;
}
div.RthPresentArea p.RthPresentDecide span{
	font-weight: bold;
	color: #CC0000;
}

/*国内・海外の色分け*/
div.RthDomestic div#conditionArea{
	border: 1px solid #70A230;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/condition_bgD.gif);
}
div.RthForeign div#conditionArea{
	border: 1px solid #64A0E6;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/condition_bgF.gif);
}

div.RthDomestic div#conditionArea dl.conditionContent dt{
	color: #437617;
}
div.RthForeign div#conditionArea dl.conditionContent dt{
	color: #3C69A4;
}

div.RthDomestic div.planArea,
div.RthDomestic div.RthPresentArea{
	border: 1px solid #70A230;
}
div.RthForeign div.planArea,
div.RthForeign div.RthPresentArea{
	border: 1px solid #5085C5;
}

div.RthDomestic div.planArea h2,
div.RthDomestic div.planArea h3,
div.RthDomestic div.RthPresentArea h3{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/planName_bgD.gif);
}
div.RthForeign div.planArea h2,
div.RthForeign div.planArea h3,
div.RthForeign div.RthPresentArea h3{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/planName_bgF.gif);
}

div.RthDomestic div.RthPresentArea h3 span{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/present_title_bgD.gif);
}
div.RthForeign div.RthPresentArea h3 span{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/present_title_bgF.gif);
}

div.RthDomestic div.RthPresentArea dl.RthPresentOutline dt{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_markD.gif);
}
div.RthForeign div.RthPresentArea dl.RthPresentOutline dt{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_markF.gif);
}

div.RthDomestic div.RthPresentArea div.RthPresentDetail{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripeD.gif);
}
div.RthForeign div.RthPresentArea div.RthPresentDetail{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripeF.gif);
}

div.RthDomestic div.planArea dl.roomArea dt.roomName,
div.RthDomestic div.planArea div.roomArea h3.roomName{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/roomName_beltD.gif);
	color: #437617;
}

div.RthForeign div.planArea dl.roomArea dt.roomName,
div.RthForeign div.planArea div.roomArea h3.roomName{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/roomName_beltF.gif);
	color: #3C69A4;
}

div.RthDomestic div.planArea div.roomArea div#roomNote span.rider{
	color: #437617;
}
div.RthForeign div.planArea div.roomArea div#roomNote span.rider{
	color: #3C69A4;
}

div.RthDomestic div.roomtypeArea{
	border: 1px solid #70A230;
}
div.RthForeign div.roomtypeArea{
	border: 1px solid #5085C5;
}

div.RthDomestic div.roomtypeArea dl.roomArea dt.roomName{
	color: #437617;
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/roomtypeName_beltD.gif);
}
div.RthForeign div.roomtypeArea dl.roomArea dt.roomName{
	color: #3C69A4;
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/roomtypeName_beltF.gif);
}

div.RthDomestic div.planArea div.roomPrice,
div.RthDomestic div.planArea div.roomPrice ul{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripeD.gif);}
div.RthForeign div.planArea div.roomPrice,
div.RthForeign div.planArea div.roomPrice ul { background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripeF.gif);}

div.RthDomestic div#moreplanArea{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/moreplan_bgD.gif);
}
div.RthForeign div#moreplanArea{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/moreplan_bgF.gif);
}

div.RthDomestic div#moreplanArea dl.moreplanDetail dt.moreplanName{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/planName_bgD.gif);
}
div.RthForeign div#moreplanArea dl.moreplanDetail dt.moreplanName{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/planName_bgF.gif);
}

div.RthDomestic div#moreplanArea dl.moreplanDetail dd.moreplanRoomDetail{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripeD.gif);
}
div.RthForeign div#moreplanArea dl.moreplanDetail dd.moreplanRoomDetail{
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripeF.gif);
}

div.RthDomestic div#moreplanArea dl.moreplanDetail dd.moreplanContent dl.moreplanRoom dt.moreplanRoomName{
	color: #437617;
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/moreroomName_beltD.gif);
}
div.RthForeign div#moreplanArea dl.moreplanDetail dd.moreplanContent dl.moreplanRoom dt.moreplanRoomName{
	color: #3C69A4;
	background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/moreroomName_beltF.gif);
}

/*2009.11.17*/

div#conditionArea div.conditionFocus dl.conditionChange{
	clear: both;
	margin: 0 2px;
	font-size: 82%;
	width: 100%;
}

div#conditionArea div.conditionFocus dl.conditionChange dd{
	margin-bottom: 6px;
}

dl#chngCndtnTtl{
	border-top: 1px solid #CCC;
	padding-top: 6px;
}

dl#chngCndtnTtl dt{
	float: left;
	width: 12.5%;
	font-size: 82%;
	padding-top: 6px;
}

dl#chngCndtnTtl dd#chngCndtnArea{
	float: left;
	width: 80%;
}

dl#chngCndtnTtl dd#chngCndtnArea dl.conditionChange dt{
	font-size: 100%;
}


div#conditionArea div.conditionFocus dl#roomType{
	clear: both;
}

div#roomTypeArea{
	clear: both;
	padding-bottom: 40px;
	margin-top: 12px;
}

* html div#roomTypeArea{
	padding-bottom: 50px;
}

dl#roomType{
	/*margin: 12px 0;*/
	padding: 6px 0 0 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

div#conditionArea div.conditionFocus dl#roomType dt{
	padding-top: 2px;
}

dl#roomType dd ul {
	list-style-type: none;
}

* html dl#roomType dd p{
	padding-left: 6px;
}

dl#roomType dd ul li {
	margin-right: 7px;
	padding: 0 0 7px;
	float: left;
}

dl#roomType dd ul li input {
	margin-right: 2px;
}

dl#roomType dt span{
	color: #C00;
	font-size: 80%;
}

dl#roomType dd p{
	color: #C00;
}

div#conditionArea div.conditionFocus p.conditionSubmit {
	bottom: 40px;
}


/*2009.11.19*/
div#conditionArea dl.conditionContent dd ul li.conditionPeople{
}

div#conditionArea dl.conditionContent dd ul li.conditionPeople dl{
	background: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/bg_conditonPeople.gif) no-repeat;

	
}

div#conditionArea dl.conditionContent dd ul li.conditionPeople dl dt{
	width: 25%;
	font-weight: normal;
	padding: 4px;
	/*background-color: #F1F1F1;*/
	display: inline;
	color: #333;
}

div#conditionArea dl.conditionContent dd ul li.conditionPeople dl dd{
	padding: 4px 4px 4px 6px;
	background-color: #FFF;
	width: 72%;
	float: left;
	margin-left: 0;
	display: inline;
}

dl#chngCndtnTtl dd#chngCndtnArea dl.conditionChange dt span{
	display:block;
	font-size:85%;
}

p#comentNewSqueezes {
	font-size:82%;
	line-height:1.1;
	margin:0 0 5px;
	padding:0 0 0 1em;
	text-indent:-1em;
}

.rmngMssg{
	font-size: 80%;
	color: #C00;
}

/* attention */

.attension{
	font-size: 80%;
	margin-bottom: 10px;
}

.attension strong,
.feeShwng strong{
	color: #BF0000;
}

/* fee showing */

.feeShwng{
	font-size: 80%;
	text-align: right;
	margin-bottom: 5px;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/roomCalendar_foot.gif);
	background-position: bottom;
	padding: 5px 20px 10px 0;
}