@charset "utf-8";
/* ===================================================================
CSS information

 file name  :hotel_list.css
 author     :Ability Consultant
style info  :ホテルリスト設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */


/*---------------------------------------
	#header
----------------------------------------*/

/* .g_menu
------------------------------*/
#hotel_list #header .g_menu li.li_02 a{
	background: url(../images/btn_global_menu.gif) no-repeat -98px -27px;
}

/* h2
------------------------------*/
#hotel_list #header h2{
	background: url(../hotel_list/images/title.gif) no-repeat left top;
}


/*------------------------------------
	#main
-------------------------------------*/
#hotel_list #main h3{
	text-indent: -9999px;
	font-size: 0;
	height: 18px;
	margin-bottom: 30px;
}

#hotel_list #main h3.tl_siodome{
	background: url(../hotel_list/images/siodome/tl_siodome.gif) no-repeat left top;
}

#hotel_list #main h3.tl_sendai{
	background: url(../hotel_list/images/sendai/tl_sendai.gif) no-repeat left top;
}

#hotel_list #main h3.tl_royal{
	background: url(../hotel_list/images/royal/tl_royal.gif) no-repeat left top;
}

#hotel_list #main h3.tl_yokohama{
	background: url(../hotel_list/images/yokohama/tl_yokohama.gif) no-repeat left top;
}

#hotel_list #main h3.tl_nagoya{
	background: url(../hotel_list/images/nagoya/tl_nagoya.gif) no-repeat left top;
}

#hotel_list #main h3.tl_manhattan{
	background: url(../hotel_list/images/manhattan/tl_manhattan.gif) no-repeat left top;
}

/* .hotel_menu
-------------------------------*/
#hotel_list #main .hotel_menu ul{
	background: url(../hotel_list/images/btn_hotel_menu.gif) no-repeat left top;
	width: 717px;
	height: 39px;
	overflow: hidden;
}

#hotel_list #main .hotel_menu ul li{
	float: left;
	display: inline;
	margin-left: 1px;
}

#hotel_list #main .hotel_menu ul li a{
	display: block;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}

#hotel_list #main .hotel_menu ul li.li_01 a{
	width: 130px;
}

#hotel_list #main .hotel_menu ul li.li_02 a{
	width: 126px;
}

#hotel_list #main .hotel_menu ul li.li_03 a{
	width: 171px;
}

#hotel_list #main .hotel_menu ul li.li_04 a{
	width: 142px;
}

#hotel_list #main .hotel_menu ul li.li_05 a{
	width: 142px;
}

/* .hotel_menu(マンハッタンのみ下記指定)
-------------------------------*/
#hotel_list #main .hotel_menu_ma ul{
	background: url(../hotel_list/images/btn_hotel_menu_ma.gif) no-repeat left top;
	width: 717px;
	height: 39px;
	overflow: hidden;
}

#hotel_list #main .hotel_menu_ma ul li{
	float: left;
	display: inline;
	margin-left: 1px;
}

#hotel_list #main .hotel_menu_ma ul li a{
	display: block;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}

#hotel_list #main .hotel_menu_ma ul li.li_01 a{
	width: 180px;
}

#hotel_list #main .hotel_menu_ma ul li.li_02 a,
#hotel_list #main .hotel_menu_ma ul li.li_04 a,
#hotel_list #main .hotel_menu_ma ul li.li_05 a{
	width: 177px;
}

/* .hotel_img
-----------------------------------------*/
#hotel_list #main .hotel_img{
	margin-top: 24px;
	overflow: hidden;
}

#hotel_list #main .hotel_img .img_b{
	margin-bottom: 25px;
}

#hotel_list #main .hotel_img .left{
	width: 442px;
	float: left;
}

#hotel_list #main .hotel_img .right{
	width: 201px;
	float: right;
}

#hotel_list #main .hotel_img .right ul li{
	float: left;
	display: inline;
	margin: 0 0 10px 10px;
}

#hotel_list #main .hotel_img .right ul li a img{
	display: block;
	border: 5px solid #b4a478;
}

#hotel_list #main .hotel_img .right p{
	clear: both;
	background: url(../hotel_list/images/txt_chgImg.gif) no-repeat left top;
	height: 45px;
	margin-left: 10px;
	text-indent: -9999px;
	font-size: 0;
}

/* .member 会員特典
---------------------------------*/
#hotel_list #main .member{
	clear: both;
	margin-top: 60px;
	background: url(../hotel_list/images/bg_member.gif) no-repeat 5px bottom;
	padding-bottom: 20px;
	width: 726px;
	overflow: hidden;
}

#hotel_list #main .member .title{
	background: url(../hotel_list/images/tl_member.gif) no-repeat left top;
	height: 143px;
	text-indent: -9999px;
	font-size: 0;
}

#hotel_list #main .member .txt{
	position: relative;
	margin: -57px auto 25px auto;
	width: 670px;
}

#hotel_list #main .member .txt span{
	font-size: 90%;
}

#hotel_list #main .member .detail{
	width: 654px;
	margin: 0 auto;
	background: #dcd5b9;
	padding: 8px;
	overflow: hidden;
}

#hotel_list #main .member .detail .left{
	width: 164px;
	display: inline;
	padding:10px 0;
	margin: 0 0 0 50px;
	float: left;
}

#hotel_list #main .member .detail .left .btn_add{
	margin-bottom: 4px;
}

#hotel_list #main .member .detail .left .btn_add a img{
	display: block;
}

#hotel_list #main .member .detail .left .btn_txt{
	background: url(../hotel_list/images/txt_member.gif) no-repeat left top;
	width: 146px;
	height: 22px;
	margin: 0 auto 8px auto;
	text-indent: -9999px;
	font-size: 0;
}

#hotel_list #main .member .detail .left .btn_member a img{
	display: block;
}

#hotel_list #main .member .detail .right{
	width: 400px;
	float: right;
}

#hotel_list #main .member .detail .right iframe{
	width: 400px;
	height: 155px;
	overflow: auto;
	border: none;
}

/* 20110513_プラン呼び出しAPI変更 */
#hotel_list #main .member .detail .right .detail{
	width: 370px;
	padding:10px;
	overflow:hidden;
	background:#fff;
}
#hotel_list #main .member .detail .right .detail p.img {
	float:left;
	width:120px;
}
#hotel_list #main .member .detail .right .detail .right {
	float:left;
	width:250px;
	margin:0;
	padding:0;
}
#hotel_list #main .member .detail .right .detail .right h4 ,
#hotel_list #main .member .detail .right .detail .right h5 {
	font-weight:normal;
}
#hotel_list #main .member .detail .right .detail .right h4 {
	padding:3px 0;
}
#hotel_list #main .member .detail .right .detail .right p {
	font-size:85%;
}
#hotel_list #main .member .detail .right .detail .right p.link {
	text-align:right;
	font-size:100%;
	padding:5px 0 0 0;
}
#hotel_list #main .member .detail .right .detail .right p.link a {
	background: url(../hotel_list/images/arrow.gif) no-repeat left center;
	padding:0 0 0 20px;
}

/* .hotel_info ホテル情報
--------------------------------------*/
#hotel_list #main .hotel_info{
	margin-top: 80px;
	border-left: 1px solid #d9d9d9;
}

/* タブ */
#hotel_list #main .hotel_info .tabNav{
	background: url(../hotel_list/images/btn_tab_menu.gif) no-repeat left -38px;
	width: 717px;
	height: 38px;
	overflow: hidden;
	margin-left: -1px;
}

#hotel_list #main .hotel_info .tabNav li{
	float: left;
	margin-left: 1px;
	display: inline;
}

#hotel_list #main .hotel_info .tabNav li a{
	display: block;
	height: 38px;
	text-indent: -9999px;
	overflow: hidden;
}

#hotel_list #main .hotel_info .tabNav li a.active,
#hotel_list #main .hotel_info .tabNav li a:hover{
	background: url(../hotel_list/images/btn_tab_menu.gif);
}

#hotel_list #main .hotel_info .tabNav li.li_01 a{
	width: 135px;
}

#hotel_list #main .hotel_info .tabNav li.li_01 a.active,
#hotel_list #main .hotel_info .tabNav li.li_01 a:hover{
	background-position: -1px 0;
}

#hotel_list #main .hotel_info .tabNav li.li_02 a{
	width: 146px;
}

#hotel_list #main .hotel_info .tabNav li.li_02 a.active,
#hotel_list #main .hotel_info .tabNav li.li_02 a:hover{
	background-position: -137px 0;
}

/* テーブル */
#hotel_list #main .hotel_info table{
	width: 100%;
	border-collapse: collapse;
}

#hotel_list #main .hotel_info table th,
#hotel_list #main .hotel_info table td{
	padding: 5px 5px 10px 5px;
}

#hotel_list #main .hotel_info table th{
	font-weight: normal;
	vertical-align: top;
	border-top: 1px solid #a99764;
	width: 80px;
}

#hotel_list #main .hotel_info table td{
	border-top: 1px solid #d9d9d9;
}

#hotel_list #main .hotel_info table td p{
	margin-top: 10px;
	width: 96px;
}

#hotel_list #main .hotel_info table td p.left{
	margin-top: 0;
	width: 46%;
	float: left;
	display: inline;
	margin-right: 20px;
}

#hotel_list #main .hotel_info table td p a img{
	display: block;
}

#hotel_list #main .hotel_info #tab01,
#hotel_list #main .hotel_info #tab02{
	margin: 35px 0 30px 25px;
	
}

/* tab01 */
#hotel_list #main .hotel_info #tab01 .left{
	width: 330px;
	float: left;
}

#hotel_list #main .hotel_info #tab01 .left .site{
	margin: 20px auto 0 auto;
	width: 177px;
}

#hotel_list #main .hotel_info #tab01 .right{
	float: right;
	width: 340px;
	height: 365px;
}

/* .hotel_list
--------------------------------*/
#hotel_list #main .hotel_list h4{
	background: url(../images/tl_hotel_list.gif) no-repeat left top;
	height: 17px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 20px;
}

#hotel_list #main .hotel_list .hotel_list_area{
	background: #dcd5b9;
	padding: 15px;
}

#hotel_list #main .hotel_list .hotel_list_area .left{
	width: 162px;
	float: left;
}

#hotel_list #main .hotel_list .hotel_list_area .left h5{
	background: url(../hotel_list/images/tl_hotel_map.gif) no-repeat left top;
	height: 21px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 4px;
}

#hotel_list #main .hotel_list .hotel_list_area .left .flash{
	width: 162px;
	height: 204px;
}

#hotel_list #main .hotel_list .hotel_list_area .right{
	width: 507px;
	float: right;
}

#hotel_list #main .hotel_list .hotel_list_area .right h5{
	background: #45290f url(../hotel_list/images/tl_hotel_list.gif) no-repeat left top;
	height: 21px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 3px;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul{
	background: url(../hotel_list/images/btn_hotel_list.jpg) no-repeat left top;
	width: 507px;
	height: 209px;
	overflow: hidden;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li{
	float: left;
	display: inline;
	margin: 1px 0 0 1px;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li a{
	display: block;
	width: 252px;
	height: 51px;
	text-indent: -9999px;
	overflow: hidden;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li a:hover,
#hotel_list #main .hotel_list .hotel_list_area .right ul li a.hover{
	background: url(../hotel_list/images/btn_hotel_list.jpg);
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_01 a:hover,
#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_01 a.hover{
	background-position: -1px -210px;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_02 a:hover,
#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_02 a.hover{
	background-position: -254px -210px;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_03 a:hover,
#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_03 a.hover{
	background-position: -1px -262px;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_04 a:hover,
#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_04 a.hover{
	background-position: -254px -262px;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_05 a:hover,
#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_05 a.hover{
	background-position: -1px -314px;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_06 a:hover,
#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_06 a.hover{
	background-position: -254px -314px;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_07 a:hover,
#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_07 a.hover{
	background-position: -1px -366px;
}

#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_08 a:hover,
#hotel_list #main .hotel_list .hotel_list_area .right ul li.li_08 a.hover{
	background-position: -254px -366px;
}

/*------------------------------------------

	.top 以下index設定

-------------------------------------------*/
#hotel_list .top #main h3{
	background: url(../hotel_list/images/top/tl_hotel_list.gif) no-repeat left top;
	height: 18px;
	margin-bottom: 30px;
}

/* .area_menu エリアメニュー
--------------------------------------*/
#hotel_list .top #main .area_menu ul{
	background: url(../hotel_list/images/top/bg_area.gif) repeat-x left top;
	height: 39px;
	overflow: hidden;
	border-right: 1px solid #d9d9d9;
}

#hotel_list .top #main .area_menu ul li{
	float: left;
}

#hotel_list .top #main .area_menu ul li.li_end{
	border-right: 1px solid #d1cdc1;
}

#hotel_list .top #main .area_menu ul li a{
	display: block;
	background: url(../hotel_list/images/top/icn_area.gif) no-repeat left top;
	width: 118px;
	height: 29px;
	text-decoration: none;
	padding: 10px 0 0 20px;
	color: #5f5555;
}

/* h4 エリアタイトル
--------------------------------------------*/
#hotel_list .top #main h4{
	margin-top: 40px;
	margin-bottom: 15px;
	height: 33px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 15px;
}

/* 東北エリア */
#hotel_list .top #main h4#tohoku{
	background: url(../hotel_list/images/top/tl_tohoku.gif) left top no-repeat;
}

/* 関東エリア */
#hotel_list .top #main h4#kanto{
	background: url(../hotel_list/images/top/tl_kanto.gif) left top no-repeat;
}

/* 中部エリア */
#hotel_list .top #main h4#chubu{
	background: url(../hotel_list/images/top/tl_chubu.gif) left top no-repeat;
}

/* 関西エリア */
#hotel_list .top #main h4#kansai{
	background: url(../hotel_list/images/top/tl_kansai.gif) left top no-repeat;
}

/* 九州エリア */
#hotel_list .top #main h4#kyushu{
	background: url(../hotel_list/images/top/tl_kyushu.gif) left top no-repeat;
}


/* .hotel_detail ホテル詳細
---------------------------------------------*/
#hotel_list .top #main .hotel_detail{
	/*	border: 1px solid #ebe9cc;*/
	/*もともとの色border: 1px solid #dcdcdc;	*/
	padding: 22px 15px 10px 15px;
	margin-bottom: 20px;
	clear: both;
	background: #F6F4E6;
}

#hotel_list .top #main .hotel_detail h5 a{
	display: block;
	height: 17px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 16px;
}

#hotel_list .top #main .hotel_detail .left{
	width: 310px;
	float: left;
}

#hotel_list .top #main .hotel_detail .right{
	width: 346px;
	float: right;
	background: url(../hotel_list/images/top/bg_hotel_list_right.gif) no-repeat left top;
	padding: 10px 12px 0 12px;
}

#hotel_list .top #main .hotel_detail .right ul li{
	float: left;
	display: inline;
	margin: 0 1px 10px 0;
}

#hotel_list .top #main .hotel_detail .right ul li a img{
	display: block;
}

#hotel_list .top #main .hotel_detail .right dl{
	clear: both;
}

#hotel_list .top #main .hotel_detail .right dl dt{
	float: left;
	display: inline;
	margin: 2px 7px 9px 0;
}

#hotel_list .top #main .hotel_detail .right dl dd{
	float: left;
}

#hotel_list .top #main .hotel_detail .right table{
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

#hotel_list .top #main .hotel_detail .right table td{
	padding: 3px 5px;
}

#hotel_list .top #main .hotel_detail .right table th{
	width: 50px;
	padding: 10px 5px 0 5px;
	vertical-align: top;
}

#hotel_list .top #main .hotel_detail .right table th img{
	display: block;
}

#hotel_list .top #main .hotel_detail .right table th.table_top{
	border-top: 1px solid #a99764;
}

#hotel_list .top #main .hotel_detail .right table td.table_top{
	border-top: 1px solid #d9d9d9;
}

/* 仙台ロイヤルパークホテル */
#hotel_list .top #main .sendai{
	background: url(../hotel_list/images/top/bg_sendai.gif) no-repeat right top #F6F4E6;
}

#hotel_list .top #main .sendai h5 a{
	background: url(../hotel_list/images/top/tl_sendai.gif) no-repeat left top;
	width: 265px;
}

/* ホテル　ザ・マンハッタン */
#hotel_list .top #main .manhattan{
	background: url(../hotel_list/images/top/bg_manhattan.gif) no-repeat right top #F6F4E6;
}

#hotel_list .top #main .manhattan h5 a{
	background: url(../hotel_list/images/top/tl_manhattan.gif) no-repeat left top;
	width: 247px;
}

/* ロイヤルパークホテル */
#hotel_list .top #main .royal{
	background: url(../hotel_list/images/top/bg_royal.gif) no-repeat right top #F6F4E6;
}

#hotel_list .top #main .royal h5 a{
	background: url(../hotel_list/images/top/tl_royal.gif) no-repeat left top;
	width: 233px;
}

/* ロイヤルパーク汐留タワー */
#hotel_list .top #main .siodome{
	background: url(../hotel_list/images/top/bg_siodome.gif) no-repeat right top #F6F4E6;
}

#hotel_list .top #main .siodome h5 a{
	background: url(../hotel_list/images/top/tl_siodome.gif) no-repeat left top;
	width: 261px;
}

/* 横浜ロイヤルパークホテル */
#hotel_list .top #main .yokohama{
	background: url(../hotel_list/images/top/bg_yokohama.gif) no-repeat right top #F6F4E6;
}

#hotel_list .top #main .yokohama h5 a{
	background: url(../hotel_list/images/top/tl_yokohama.gif) no-repeat left top;
	width: 250px;
}

/* ロイヤルパークイン名古屋 */
#hotel_list .top #main .nagoya{
	background: url(../hotel_list/images/top/bg_nagoya.gif) no-repeat right top #F6F4E6;
}

#hotel_list .top #main .nagoya h5 a{
	background: url(../hotel_list/images/top/tl_nagoya.gif) no-repeat left top;
	width: 265px;
}


/* ロイヤルパークホテル ザ 福岡 */
#hotel_list .top #main .fukuoka{
	background: url(../hotel_list/images/top/bg_fukuoka.gif) no-repeat right top #F6F4E6;
}

#hotel_list .top #main .fukuoka h5 a{
	background: url(../hotel_list/images/top/tl_fukuoka.gif) no-repeat left top;
	width: 287px;
}

/* ロイヤルパークホテル ザ 京都 */
#hotel_list .top #main .kyoto{
	background: url(../hotel_list/images/top/bg_fukuoka.gif) no-repeat right top #F6F4E6;
}

#hotel_list .top #main .kyoto h5 a{
	background: url(../hotel_list/images/top/tl_kyoto.gif) no-repeat left top;
	width: 287px;
}


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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html #hotel_list .top #main .hotel_detail{
	padding-bottom: 5px;
}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #hotel_list .top #main .hotel_detail{
	padding-bottom: 5px;
}