@charset "UTF-8";

/* separate(clearfix)
====================================================== */
.separate:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.separate{
	_height:1px;
	min-height:1px;
	/*￥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* リンク設定
====================================================== */
a{
	color:#0000cc;
	text-decoration:none;
}
a:hover{
	color:#ff0000;
}

/* recommend
====================================================== */
div#recommend img{
	border:none;
}
div#recommend{
	margin:0 auto;
	padding:0;
	width:960px;
}

div#recommend h1{
	margin:0 0 7px 0;
	padding:7px 0 0 66px;
	width:894px;
	height:37px;
	background:url("/images/recommend/title_bg.gif") no-repeat;
	font-size:22px;
	font-weight:bold;
	color:#333;
}

div#recommend ul#localNav{
	margin:0;
	padding:0 0 15px 0;
	font-size:12px;
	list-style:none;
}
div#recommend ul#localNav li{
	float:left;
	margin:6px 25px 0 0;
	padding:0 0 0 20px;
	background:url("/images/recommend/arrow1.gif") no-repeat 0% 50%;
}

div#recommend div#contentsBody{
	margin:0;
	padding:0;
	width:960px;
}
div#recommend div#contentsBody div#main{
	float:left;
	margin:0;
	padding:0;
	width:670px;
}
div#recommend div#contentsBody div#sidebar{
	float:right;
	margin:0;
	padding:0;
	width:270px;
}

div#recommend div#contentsBody div#main h2.headText{
	margin:0 0 13px 0;
	padding:6px 6px 6px 12px;
	border:1px solid #d0d0d0;
	font-size:16px;
	font-weight:bold;
	color:#333;
	background:url("/images/recommend/h2_bg1.gif") repeat-y;
}
div#recommend div#contentsBody div#main h2.headImg{
	margin:0 0 13px 0;
	padding:0;
}

/* hotelItemRank
====================================================== */
div.hotelItemRank{
	margin:0 0 15px 0;
	padding:0;
}
div.hotelItemRank p.rankIcon{
	margin:0 0 4px 0;
	padding:3px 0 0 26px;
	height:18px;
	font-size:14px;
	font-weight:bold;
	color:#333;
}
div.hotelItemRank p#rank1{
	background:url("/images/recommend/rank_icon1.gif") no-repeat 0% 50%;
}
div.hotelItemRank p#rank2{
	background:url("/images/recommend/rank_icon2.gif") no-repeat 0% 50%;
}
div.hotelItemRank p#rank3{
	background:url("/images/recommend/rank_icon3.gif") no-repeat 0% 50%;
}
div.hotelItemRank p#rank4{
	background:url("/images/recommend/rank_icon4.gif") no-repeat 0% 50%;
}
div.hotelItemRank p#rank5{
	background:url("/images/recommend/rank_icon5.gif") no-repeat 0% 50%;
}
div.hotelItemRank div.h3Wrapper{
	margin:0;
	padding:0;
	border:1px solid #b20101;
}
div.hotelItemRank div.h3Wrapper h3{
	margin:0;
	padding:5px 8px;
	border:1px solid #fcd613;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:url("/images/recommend/h3_bg1.gif");
}
div.hotelItemRank div.h3Wrapper h3 span{
	font-size:12px;
	font-weight:normal;
}
div.hotelItemRank div.contentWrapper{
	margin:0;
	padding:10px;
	background:#fff9e8;
	border-bottom:1px solid #f0e5c4;
}
div.hotelItemRank div.contentWrapper div.photo{
	float:left;
	margin:0;
	padding:0;
	width:222px;
}
div.hotelItemRank div.contentWrapper div.photo p.leftPhoto{
	float:left;
	margin:0;
	padding:2px;
	border:1px solid #bbb49e;
	background:#fff;
}
div.hotelItemRank div.contentWrapper div.photo p.rightPhoto{
	float:right;
	margin:0;
	padding:2px;
	border:1px solid #bbb49e;
	background:#fff;
}
div.hotelItemRank div.contentWrapper div.body{
	float:right;
	margin:0;
	padding:0;
	width:413px;
}
div.hotelItemRank div.contentWrapper div.body div.hotelRank{
	margin:0;
	padding:0 0 8px 0;
}
div.hotelItemRank div.contentWrapper div.body div.hotelRank ul.star{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
div.hotelItemRank div.contentWrapper div.body div.hotelRank ul.star li{
	float:left;
	margin:0;
	padding:0 2px 0 0;
}
div.hotelItemRank div.contentWrapper div.body div.hotelRank p.price{
	float:right;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
div.hotelItemRank div.contentWrapper div.body div.hotelRank p.price span{
	font-size:16px;
	color:#e00;
}
div.hotelItemRank div.contentWrapper div.body .hotelInfo{
	margin:0;
	padding:0 0 8px 0;
	font-size:12px;
	color:#333;
	line-height:1.5;
}
div.hotelItemRank div.contentWrapper div.body p.btnDetail{
	margin:0;
	padding:0;
	text-align:right;
}

/* hotelItemNormal
====================================================== */
div.hotelItemNormal{
	margin:0 0 15px 0;
	padding:5px 0 0 0;
}
div.hotelItemNormal div.h3Wrapper{
	margin:0;
	padding:0;
	border:1px solid #d0d0d0;
}
div.hotelItemNormal div.h3Wrapper h3{
	margin:0;
	padding:5px 8px;
	border:1px solid #fff;
	font-size:14px;
	font-weight:bold;
	color:#333;
	background:url("/images/recommend/h3_bg2.gif");
}
div.hotelItemNormal div.h3Wrapper h3 span{
	font-size:12px;
	font-weight:normal;
}
div.hotelItemNormal div.contentWrapper{
	margin:0;
	padding:10px 0 0 0;
}
div.hotelItemNormal div.contentWrapper p.photo{
	float:left;
	margin:0;
	padding:2px;
	border:1px solid #bbb49e;
	background:#fff;
}
div.hotelItemNormal div.contentWrapper div.body{
	float:right;
	margin:0;
	padding:0;
	width:549px;
}
div.hotelItemNormal div.contentWrapper div.body div.hotelRank{
	margin:0;
	padding:0 0 8px 0;
}
div.hotelItemNormal div.contentWrapper div.body div.hotelRank ul.star{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
div.hotelItemNormal div.contentWrapper div.body div.hotelRank ul.star li{
	float:left;
	margin:0;
	padding:0 2px 0 0;
}
div.hotelItemNormal div.contentWrapper div.body div.hotelRank p.price{
	float:right;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
div.hotelItemNormal div.contentWrapper div.body div.hotelRank p.price span{
	font-size:16px;
	color:#e00;
}
div.hotelItemNormal div.contentWrapper div.body .hotelInfo{
	margin:0;
	padding:0 0 8px 0;
	font-size:12px;
	color:#333;
	line-height:1.5;
}
div.hotelItemNormal div.contentWrapper div.body p.btnDetail{
	margin:0;
	padding:0;
	text-align:right;
}

/* sidebar
====================================================== */
div#recommend div#contentsBody div#sidebar h2{
	margin:0;
	padding:6px 6px 6px 12px;
	border:1px solid #d0d0d0;
	font-size:14px;
	font-weight:bold;
	color:#333;
	line-height:1.4;
	background:url("/images/recommend/h2_bg2.gif") repeat-y;
}
div#recommend div#contentsBody div#sidebar div#searchArea{
	margin:0 0 20px 0;
	padding:4px;
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	background:#fff;
}
div#recommend div#contentsBody div#sidebar div#searchArea div#searchAreaBg{
	margin:0;
	padding:10px;
	background:#ecf1f5;
}
div#searchArea dl{
	margin:0;
	padding:0 0 5px 0;
}
div#searchArea dl dt{
	margin:0;
	padding:0 0 3px 0;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
div#searchArea dl dt span{
	color:#0864bb
}
div#searchArea dl dd{
	margin:0;
	padding:0 0 10px 0;
}
div#searchArea p.btnSearch{
	margin:0;
	padding:0;
	text-align:center;
}
div.hotelRank p.star{
	float:left;
	margin:0;
	padding:0;
}
div#sidebar ul.recommendList{
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}
div#sidebar ul.recommendList li a{
	display:block;
	margin:0;
	padding:6px 0 0 21px;
	width:249px;
	height:19px;
	background:url("/images/recommend/recommend_list_btn.gif") no-repeat;
	font-size:12px;
	color:#333;
}
div#sidebar ul.recommendList li a:hover{
	background:url("/images/recommend/recommend_list_btn_o.gif") no-repeat;
	color:#f00;
}

p.remarks-info {
  font-size: 12px;
  padding: 10px;
  background-color: #fff9e8;
  border: 1px solid #999;
}