/* ranking detail*/

/* =========================================================== */
/* ランキングサイドメニュー */
/* =========================================================== */

#conRankinglist a{
	text-decoration:none;
}
#conRankinglist a:hover{
	text-decoration:underline;
}

#conArealist dl{
	background-position:left top;
	background-repeat:no-repeat;
	width:238px;
	height:118px;
	padding:13px 0px 0px 13px;
}

#conArealist #areaAsia{
	background-image:url(/images/contents/recommend/bg_rankinglist_asia.jpg) ;
}
#conArealist #areaAmerica{
	background-image:url(/images/contents/recommend/bg_rankinglist_america.jpg) ;
}
#conArealist #areaEurope{
	background-image:url(/images/contents/recommend/bg_rankinglist_europe.jpg) ;
}
#conArealist #areaHawaii{
	background-image:url(/images/contents/recommend/bg_rankinglist_hawaii.jpg) ;
}
#conArealist dl dt{
	background:url(/images/contents/recommend/wd_otherarea.gif) left top no-repeat;
	width:90px;
	height:16px;
	margin:0px 0px 5px 0px;
}
#conArealist dl dd{
	margin:13px 0px 10px 0px;
}
#conArealist dl dd a{
	height:14px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	font-size:5px;
	text-indent:-10000em;
	text-decoration:none;
}
#conArealist dl dd a:hover{
	background-position:left bottom;
}
#otherAmerica a{
	background-image:url(/images/contents/recommend/ranking_area_america.gif) ;
	width:191px;
}
#otherEurope a{
	background-image:url(/images/contents/recommend/ranking_area_europe.gif) ;
	width:148px;
}
#otherHawaii a{
	background-image:url(/images/contents/recommend/ranking_area_hawaii.gif) ;
	width:191px;
}
#otherAsia a{
	background-image:url(/images/contents/recommend/ranking_area_asia.gif) ;
	width:137px;
}


/* その他の都市設定 ===================== */

#conOthercities{
	background:url(/images/contents/recommend/bg_sparea_bottom.gif) left bottom no-repeat;
	background-color:#E5E5E5;
	margin-bottom:2px;
}
#conOthercities ul{
	margin-left:16px;
	padding-bottom:28px;
}
#conOthercities ul li{
	background-color:#FFFFFF;
	width:233px;
	margin-bottom:1px;
	padding:1px;
}
#conOthercities ul li a{
	background:url(/images/contents/recommend/btn_bgothercities.gif) ;
	background-color:#E7E7E7;
	background-repeat:no-repeat;
	background-position:left top;
	width:201px;
	color:#378a2e;
	display:block;
	line-height:120%;
	text-decoration:none;
	padding:2px 0px 3px 32px;
}
#conOthercities ul li a:hover{
	background-position:right top;
	text-decoration:underline;
	background-color:#FEFEFE;
}

/* その他の地域と都市設定 ===================== */

#conOtherarea{
	background:url(/images/contents/recommend/bg_bottom_white.gif) left bottom no-repeat;
	background-color:#FFFFFF;
	width:250px;
	margin-top:7px;
	padding-bottom:15px;
}
#conOtherarea dt{
	width:250px;
	height:21px;
	display:block;
	font-size:5px;
	text-indent:-10000em;
	text-decoration:none;
	margin-top:5px;
}
#conOtherarea dt#areaAmerica{
	background:url(/images/contents/recommend/title_otherAmerica.gif) left top no-repeat;
}
#conOtherarea dt#areaEurope{
	background:url(/images/contents/recommend/title_otherEurope.gif) left top no-repeat;
}
#conOtherarea dt#areaHawaii{
	background:url(/images/contents/recommend/title_otherHawaii.gif) left top no-repeat;
}
#conOtherarea dl dd{
	background: url(/images/contents/recommend/icon_square_green.gif) left top no-repeat;
	margin-left:16px;
	padding-left:20px;
	line-height:170%;
}
#conOtherarea dl dd a{
	color:#61872b;
	text-decoration:none;
}
#conOtherarea dl dd a:hover{
	text-decoration:underline;
}

/* =========================================================== */
/* ランキング、おすすめホテル一覧設定  */
/* =========================================================== */

/* 枠 ========================= */

#conRankinglist {
	background:url(/images/contents/recommend/bg_sphotel_head.gif) left top no-repeat;
	background-color:#E5E5E5;
	margin-top:7px;
}
#conRankinglist ul{
	background:url(/images/contents/recommend/bg_sphotel_foot.gif) left bottom no-repeat;
	width:699px;
	padding:13px 13px 13px 13px;
}
#conRankinglist li{
	background:url(/images/contents/recommend/bg_ranking_list.gif) left top repeat-x;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	width:671px;
	margin-bottom:13px;
	padding:10px 13px 13px 13px;
	line-height:140%;
}
#conRankinglist dt,#conRankinglist table th {
	/*display:block;*/
	font-size:5px;
	text-indent:-10000em;
	text-decoration:none;
}
#conRankinglist dt{
	clear:both;
	float:left;
	width:62px;
}
#conRankinglist .left-area{
	float:right;
	width:360px;
}
#conRankinglist .top-ranking{
	float:left;
	width:302px;
}
#conRankinglist .middle-ranking{
	width:360px;
	border-bottom:1px solid #edecec;
	margin-bottom:10px;
	padding-bottom:5px;
}
#conRankinglist .bottom-ranking {
	width:100%;
}
#conRankinglist table th{
	width:62px;
	padding:3px 0px; 
}
#conRankinglist table td{
	padding:3px 0px; 
}

/* ランキングアイコン */

#conRankinglist dt{

}
#conRankinglist .rank01{
	background:url(/images/contents/recommend/icon_rank01.gif) left top no-repeat;
	height:32px;
}
#conRankinglist .rank02{
	background:url(/images/contents/recommend/icon_rank02.gif) left top no-repeat;
	height:32px;
}
#conRankinglist .rank03{
	background:url(/images/contents/recommend/icon_rank03.gif) left top no-repeat;
	height:32px;
}
#conRankinglist .rank04{
	background:url(/images/contents/recommend/icon_rank04.gif) left center no-repeat;
	height:20px;
}
#conRankinglist .rank05{
	background:url(/images/contents/recommend/icon_rank05.gif) left center no-repeat;
	height:20px;
}
.btn-list{
	float:right;
}

/* title */

#titie-ranking{
	text-indent:0px;
}
#conRankinglist  .hotel-area{
	padding-bottom:15px;
}
#conRankinglist  .hotel-area h3{
	float:left;
}
#conRankinglist .hotel-area h3 a{
	background:url(/images/contents/recommend/icon_ranking_list.gif) left 2px no-repeat;
	color:#308534;
	font-size:16px;
	font-weight:bold;
	padding-left:16px;
}

/* hotel-ph */

#conRankinglist .hotel-ph{
	float:left;
}
.top-ranking .hotel-ph{
	clear:both;
	width:108px;
	margin-top:12px;
}
.middle-ranking .hotel-ph{
	margin:0px 0px 5px 0px;
}
#conRankinglist .hotel-ph a img{
	border:1px solid #dedede;
}
#conRankinglist .hotel-ph a:hover img{
	border:1px solid #a9b5aa;
}
/* hotel-name */

#conRankinglist .hotel-name a{
	font-size:12px;
	color:#308534;
	font-weight:bold;
	display:block;
}
#conRankinglist .top-ranking .hotel-name a{
	font-size:14px;
}
#conRankinglist .middle-ranking .hotel-name a{
	margin-left:10px;
}
#conRankinglist .bottom-ranking .hotel-name a{
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.top-ranking .hotel-name{
	float:right;
	width:240px;
	display:block;
	padding-bottom:3px;
}
.middle-ranking .hotel-name{
	float:left;
	width:240px;
	padding-bottom:3px;
}
.bottom-ranking .hotel-name{
	width:220px;
}

/* price */

#conRankinglist .price{
	color:#c80000;
}
.top-ranking .price{
	float:right;
	width:240px;
	font-size:16px;
	font-weight:bold;
	display:inline;
}
.middle-ranking .price{
	float:right;
	font-size:14px;
	font-weight:bold;
}
.bottom-ranking .price{
	text-align:right;
	width:80px;
}
/* hotel-exp */

#conRankinglist .hotel-exp{
	float:right;
	width:187px;
	margin-top:10px;
}