@import "common_area.css";

/* エリアヘッダー */
#area-title{
	background: url(http://cdn.4travel.jp/img/dm_index/hdr_menu_title.gif) no-repeat top left;
}
#area-menu li.on,
#area-menu li.on a{
	color: #fff;
}
.area-menu-main{
	background: #ac0d2d;
}
#area-menu-left li,
#area-menu-left2 li{
	background: #f5f5f5;
}
#area-menu-right{
	background: #f5f5f5;
}
#area-menu li.on{
	background: #ac0d2d url(http://cdn.4travel.jp/img/dm_index/bg_hdr_menu_tx_over.gif) repeat-y top left;
}

.area-right-csl{
	background: #eeeeee url(http://cdn.4travel.jp/img/public/csl/csl_10_015486.gif) no-repeat 5px center;
	padding: 3px 0 3px 15px;
}

.dometic .area-button a{
	background: url(http://cdn.4travel.jp/img/public/csl/csl_10_cc0000.gif) no-repeat center left;
	padding-left: 10px;
}

/* テーブル */
.area-table th,
.area-table td{
	border: 1px solid #d96666;
}
.area-table th,
.area-album-table th,
.area-qa-table th{
	background: #f4b7b7;
}

/* 右部分　格安航空券 */
#area-air-form dt{
	font-weight: bold;
	color: #cc3300;
}
#area-air-form dd{
	padding-bottom: 5px;
}
#area-air-form dl{
	border-bottom: 1px dotted #ccc;
}

/* エリアトップ */
.area-top-box{
	border: 1px dotted #bf0000;
	padding: 5px 10px;	
	margin-top: 10px;
}
.area-top-box h4{
	font-size: 100%;
	margin-bottom: 5px;
	color: #bf0000;
}
.area-top-box li{
	float: left;
	width: 179px;
}
.area-top-box .end{
	margin-left: 10px;
}
#area-top-going li{
	background: url(http://cdn.4travel.jp/img/dm_index/icon_dm_going.gif) no-repeat center left;
}
.area-top-arealist li{
	background: url(http://cdn.4travel.jp/img/public/csl/csl_10_666666.gif) no-repeat left center;
	padding-left: 10px;
}
#area-d-left2{
	width: 368px;
}
#area-d-right2{
	width: 222px;
}
.area-d-wrap-l ul,
.area-d-wrap-r ul{
	width: 160px;
}

/* ホテル */
.area-hotel-icon img{
	margin-right: 2px;
}
.area-hotel-icon li{
	float: left;
}
.area-yoyaku-list{
	margin-bottom: 10px;
}
.area-yoyaku-list li{
	float: left;
	text-align: center;
}
.area-yoyaku-list li img{
	margin: 2px 15px;
}
.area-hotel-campaign{
	margin: 0 120px;
}

/* 旅行記 */
#area-album-search span{
	width: 100px;
}
#area-album-search li{
	border-bottom: 1px dotted #cccccc;
	padding: 5px 0;
}
.area-osusume-table{
	margin-bottom: 10px;
}
.area-osusume-table td{
	vertical-align: top;
}
.area-osusume-table p{
	font-size: 90%;
	color: #666666;
	margin-top: 5px;
}

/* トラックバック */
#area-trackback div.area-trackback-url{
	background: #e0ebf5;
}

/* 旅行会社 */
#area-shop-left{
	float: left;
	width: 49%;
}
#area-shop-right{
	float: right;
	width: 49%;
}
.area-shop-list li{
	background: url(http://cdn.4travel.jp/img/icon_board.gif) no-repeat left center;
	margin-bottom: 5px;
	padding-left: 15px;
}
.area-shop-select{
	font-weight: bold;
}
.area-jic-left{
	float: left;
	line-height: 140%;
	width: 152px;
}
.area-jic-right{
	float: right;
	text-align: right;
	width: 90px;
}
.area-jic-more{
	clear: both;
	text-align: right;
}
.area-jic-list{
	background: url(http://cdn.4travel.jp/img/dm_index/icon_red.gif) no-repeat left center;
	padding-left: 13px;
}
.area-jic-wrap1,
.area-jic-wrap2{
	margin-bottom: 10px;
}
.area-jic-wrap1 li,
.area-jic-wrap2 li{
	margin-bottom: 5px;
}
.area-jic-wrap1{
	float: left;
	width: 48%;
}
.area-jic-wrap2{
	float: right;
	width: 48%;
}
.area-jic-city{
	color: #6699CC;
	font-size: 120%;
	margin-bottom: 7px;
	font-weight: bold;
}
.area-jic-name{
	font-weight: bold;
	color: #003366;
	margin-bottom: 3px;
}
#area-jic-form{
	margin: 10px auto;
	text-align: left;
	width: 480px;
}
.area-jic-form1{
	float: left;
	width: 210px;
}
.area-jic-form2{
	float: left;
	width: 270px;
}
.area-jic-stext{
	margin-top: 5px;
}


/* ツアー　デフォルト */
#area-left2{
	float: left;
	width: 595px;
}
#area-right2{
	float: right;
	width: 175px;
	padding: 10px 0;
}
#area-tour-default-bg{
	background: url(http://cdn.4travel.jp/img/os_area_new/bg_tour_default.gif) repeat-y top right;
	margin-bottom: 20px;
}
#area-tour-default-left{
	float: left;
	width: 80px;
	margin-bottom: 20px;
}
#area-tour-default-right{
	float: right;
	width: 505px;
	margin-bottom: 20px;
}
.area-tour-default-list li{
	background: url(http://cdn.4travel.jp/img/abr/etc/csl_10_6699cc.gif) no-repeat center left;
	padding-left: 10px;
	margin: 0 10px 3px 0;
	float: left;
	white-space: nowrap;
}
#area-tour-default-table{
	margin-bottom: 20px;
}
#area-tour-default-table th{
	padding-right: 15px;
	text-align: left;
}
.area-right2-wrap{
	text-align: center;
	margin: 0 4px 10px 4px;
	background: #fff;
	padding: 3px 0;
}


/* 国内施設情報 */
#area-shisetsu-dl dd.area-shisetsu-dd{
	margin-bottom: 15px;
}
.area-shisetsu-fl{
	float: left;
	width: 50%;
	margin-top: 5px;
}

/* ホテルタブ */
#area-hotel-tab{
	border-bottom: 5px solid #c53e3b;
}
#area-hotel-tab li.on{
	background: #c53e3b;
}

/* 国内エリアタブ */
#area-tab{
	border-bottom: 2px solid #ac0022;
}
#area-tab li{
	border-right: 1px solid #ac0022;
	font-size: 13px;
	background: #ffecec url(http://cdn.4travel.jp/img/dm_area_v2/bg_tab_link.gif) repeat-x top left;
}
#area-tab li.on{
	background: #ffecec url(http://cdn.4travel.jp/img/dm_area_v2/bg_tab_grd.gif) repeat-x top left;
}
#area-tab li#area-tab-hotel div{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/tab_kuchikomi_hotel.gif) no-repeat top left;
}
#area-tab li#area-tab-restaurant div{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/tab_kuchikomi_rest.gif) no-repeat top left;
}
#area-tab li#area-tab-shopping div{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/tab_kuchikomi_shop.gif) no-repeat top left;
}
#area-tab li#area-tab-others div{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/tab_kuchikomi_other.gif) no-repeat top left;
}
#area-tab li#area-tab-all div{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/tab_kuchikomi_other.gif) no-repeat top left;
}
#area-tab li#area-tab-hotel div.on{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/tab_kuchikomi_hotel_sellect.gif) no-repeat top left;
}
#area-tab li#area-tab-restaurant div.on{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/tab_kuchikomi_rest_sellect.gif) no-repeat top left;
}
#area-tab li#area-tab-shopping div.on{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/tab_kuchikomi_shop_sellect.gif) no-repeat top left;
}
#area-tab li#area-tab-others div.on{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/tab_kuchikomi_other_sellect.gif) no-repeat top left;
}
#area-tab li#area-tab-all div.on{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/tab_kuchikomi_other_sellect.gif) no-repeat top left;
}

/* 海外用汎用ボックス（common_area.css => area-hanyou-box継承型） */
.area-hanyou-box{
	background: #93172f;
}
.area-hanyou-box2{
	border-left: 1px solid #93172f;
	border-right: 1px solid #93172f;
	border-bottom: 1px solid #93172f;
	text-align: left;
}
.area-hanyou-box3{
	border-left: 1px solid #93172f;
	border-right: 1px solid #93172f;
}


/* 汎用帯小（common-parts.css => hanyou-title継承型） */
.hanyou-dm-title{
	background: url(http://cdn.4travel.jp/img/dm_area_v2/bg_common_header.gif) repeat-x top left;
}
.hanyou-dm-title h3{
	border-bottom: 1px solid #b30024;
	border-right: 1px solid #b30024;
}

/* -------------------------------------------------------
クチコミの投稿
------------------------------------------------------- */
#area-tips-toko {
	border: 1px solid #ccc;
	padding: 7px 15px;
	font-weight: bold;
	margin-bottom: 20px;
	background: url(http://cdn.4travel.jp/img/dm_tips/bg_toko_tips.gif) no-repeat top center;
}


.link_tabelog {
	padding: 4px 0 0 65px;
	margin-top: 5px;
	border-top: 1px dotted #CCC;
	background: url(/img/dm_tips/icon_tabelog.gif) no-repeat left 5px;
	min-height: 18px;
	_height: 23px;
}






/* -------------------------------------------------------
フォーム
------------------------------------------------------- */

.dm-hotel-form-mini {
	background:url('/img/hotel_site/box_bg.gif') repeat-x 0 0;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
}

.dm-hotel-form-mini table{ margin: auto; }

.dm-hotel-form-mini th,
.dm-hotel-form-mini td{
	border-bottom: 1px dotted #bbb;
	padding: 5px;
	text-align: left;
}



/* -------------------------------------------------------
スクロールカレンダー
------------------------------------------------------- */
.htl-scroll-parent {
	/*border: 1px solid #ccc;*/
}


/* 左 ホテル名など */
.htl-scroll-left {
	overflow:hidden;
	float:left;
	width:200px;
}

.htl-scroll-left-inner {
	position:relative;
	top:0px;
	left:0px;
}

.htl-scroll-left-inner table{
	width:200px;
}

.htl-scroll-each-td {
	font-size:11px;
	line-height:12px;
	vertical-align: top;
}

.htl-scroll-each-td .title{
	font-weight:bold;
}

.htl-scroll-each-td .room{
	margin-top: 2px;
	color: #8B5C29;
}


.htl-scroll-each-td .btn-booking{
	margin: 2px 0 0;
	padding: 2px 0 0;
	border-top: 1px dotted #ccc;
}

.htl-scroll-each-td .btn-booking img{
	vertical-align: middle;
	margin-right: 5px;
}




/* 右 カレンダーと料金 */
.htl-scroll-right {
	overflow:hidden;
	float:left;
	width:349px;
}

.htl-scroll-right-inner { /*未使用 class指定するとJSが効くかないので、style指定している*/
	position:relative;
	top:0px;
	left:0px;
}

/* カレンダー背景 土日祝用 */
.htl-scroll-right .bg-sat {
	background: #eff7ff;
	color: #0000cc;
}

.htl-scroll-right .bg-sun {
	background: #ffebeb;
	color: #cc0000;
}

.htl-scroll-right .bg-brown {
	background: #f0ebe5;
}





/* スクロールボタン */
.cal-scroll {
	margin: 5px 0 5px 200px;
	width: 349px;
	color: #666;
}


/* このホテルを予約できるサイト ホテルアイコン */
.dm-shisetsu-reserve{
	border-top: 1px solid #ccc;
	padding: 10px;
	font-size: 12px;
	color: #666;
}
.dm-shisetsu-rsvright{
	float: right;
	width: 162px;
}

.dm-shisetsu-rsvleft{
	float: left;
	width: 350px;
}

.dm-shisetsu-facilityleft{
	float: left;
	width: 500px;
}

.dm-shisetsu-rsv-title{
	margin-bottom: 5px;
}


/* ホテルの特別広告枠 */
.dm-hotel-ad-sp{
	background: #f7f7f7 url(/img/dm_hotel/bg_ad_sp.gif) top repeat-x;
	font-weight: bold;
	padding: 5px 10px;
	margin: 10px 0;
	text-align: center;
	border: 1px solid #ddd;
}

.dm-hotel-ad-sp img{
	vertical-align: middle;
}


/* 検索結果の上 条件 */
.search-result-msg {
	border: 1px solid #ddd;
	text-align: center;
	padding: 10px;
	line-height: 140%;
}

.search-result-msg .rsv-price{
	color: #cc0000;
	font-weight: bold;
	font-size: 120%;
}


/* 注釈用 */
.dm-shisetsu-rsv-title span{
	font-size: 90%;
}

.dm-shisetsu-rsvicon{
	margin-top: 2px;
}
.dm-shisetsu-rsvicon li{
	display: inline;
}
.dm-shisetsu-rsvicon img{
	margin-right: 3px;
	vertical-align: middle;
}

/* 国内ホテル JALニュース */
.jal-news {
	border: 1px solid #ccc;
	background: #FFEBEB;
	padding: 5px 10px;
}

/* 一括空室検索 */
#area-hotelikkatsu{
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 20px;
	background: #eee;
}
#area-hotelikkatsu th,
#area-hotelikkatsu td{
	padding: 3px;
}
#area-hotelikkatsu p{
	font-size: 80%;
	color: #cc0000;
	margin-top: 5px;
}
#area-hotelikkatsu .button{
	vertical-align: middle;
	margin-left: 10px;
}