/* system_hotel.css
 VERSION: MAR/18/10
 Last Edit nta
 */

/* HOTEL MAIN IMG */

div#hotel_main_img{
	display:block;
	width:980px;
	height:160px;
	background:url(../img/hotel_main_img.png) no-repeat 0 0;
	margin: 0 auto;
	text-align:left;
}

	div#hotel_main_img h2{
		position:relative;
		top: 90px;
		color:#6B6155;
	}

/* TOP RIGHT TAB トップページ ホテルの検索用タブ */

div#hotel_search_header{
	margin: 12px 0 0 12px;
	overflow:hidden;
	height:30px;
	text-align:left;
	background-image:url(../img/fs/bg_hotel_search_header.gif);
	position:relative;
	text-align:right;
}

div#hotel_search_header p{
	font-size:10px;
	color:#565248;
	margin: 10px 6px 6px 178px;
}

div.air_search_outline #tab ul#hotel_tab{
	width:488px;
	height:36px;
	margin:0;
	background: #FFFFFF url(../img/fs/hotel_right_4tabs.png) no-repeat scroll 0 0;
	border-bottom: 1px solid #BAB5AB;
}


div.air_search_outline div#tab ul li.search_tab_4tabs {
    display: block;
    height: 36px;
    text-align: center;
}

div.air_search_outline div#tab ul li.search_tab_4tabs a#search_tab_4tabs_step1 {
    display: block;
    width: 122px;
    height: 36px;
    overflow: hidden;
    text-indent: -999em;
    border-bottom: 1px solid #BAB5AB;
}

div.air_search_outline div#tab ul li.search_tab_4tabs a#search_tab_4tabs_step2 {
    display: block;
    width: 122px;
    height: 36px;
    overflow: hidden;
    text-indent: -999em;
    border-bottom: 1px solid #BAB5AB;
}

div.air_search_outline div#tab ul li.search_tab_4tabs a#search_tab_4tabs_step3 {
    display: block;
    width: 122px;
    height: 36px;
    overflow: hidden;
    text-indent: -999em;
    border-bottom: 1px solid #BAB5AB;
}

div.air_search_outline div#tab ul li.search_tab_4tabs a#search_tab_4tabs_step4 {
    display: block;
    width: 122px;
    height: 36px;
    overflow: hidden;
    text-indent: -999em;
    border-bottom: 1px solid #BAB5AB;
}

table#hotel_search_panel_step4{
	width: 400px;
	margin: 0 auto;
}

table#hotel_search_panel_step4 td.tbl_sa{
	text-align:right;
	padding: 0 12px 12px 0;
	font-size:14px;
	font-weight:bolder;
}

table#hotel_search_panel_step4 td.tbl_sb{
	text-align:left;
	padding-bottom:12px;
}

table#hotel_search_panel_step4 td.tbl_sb table td{
	padding: 0 6px 0 0;
}

div.bed{
	padding: 6px 0;
	font-size:0.95em;
}

div#search_tab_4tabs_step4 input#p4{
	display:block;
	border:none;
	margin: 12px auto 0 auto;
	width:220px;
	height:47px;
	overflow:hidden;
	text-indent:-999em;
	background: transparent url(../img/btn_hotel_top_search_submit.png) no-repeat scroll 0 0;
	cursor:pointer;
}

div#search_tab_4tabs_step4 input#p4:hover{
	background-position: 0 -47px;
}

div#search_tab_4tabs_step4 input#p4:active{
	background-position: 0 -47px;
	margin-top:14px;
}

div#search_tab_4tabs_step4 div#search_tab_4tabs_step4_form_wrap{
	padding:12px;
	height:330px;
	border-top: 1px solid #BAB5AB;
	border-left: 1px solid #BAB5AB;
	margin : 0 6px 6px 6px;
}

/* TOP RIGHT CALENDAR */

div#search_tab_4tabs_step2 div.air_search_panel table.calendar,
div#search_tab_4tabs_step3 div.air_search_panel table.calendar,
div#search_tab_4tabs_step4 div.air_search_panel table.calendar{
	background-color:#FFFFFF;
	width:225px;
	margin: 6px 0 0 12px;
	border: 1px solid #BAB5AB;
	float:left;
}

/* HOTEL ARTICLE LIST ホテル商品リスト */


/* start guide  一覧表示の使い方説明 */

div#htl_list_startguide {
    background-image: url(../img/bg_list_startguide.png);
    height: 215px;
    width: 349px;
}

	div#htl_list_startguide p {
	    padding: 40px 44px 0 85px;
		font-size:17px;
		line-height:1.5em;
	}

    div#htl_list_startguide p span#htl_list_startguide_btn {
        background-image: url(../img/btn_htl_article_left_submit.png);
        display: block;
        float: left;
        height: 22px;
        margin: -4px 6px 6px 0;
        overflow: hidden;
        text-indent: -999em;
        width: 135px;
    }




div.htl_list_outline div.htl_list_inner_left {
    float: left;
    overflow: auto;
    padding: 11px 11px 0 11px;
    text-align: left;
    width: 484px;
}

div.htl_list_outline div.htl_list_inner_left div.htl_list_article_price p{
	color:#DF421E;
	font-size:1.8em;
	font-weight:bolder;
}

div.htl_list_outline div.htl_list_inner_left table.htl_article_tbl td.htl_article_tbl_left{
	vertical-align:top;
}

div.htl_list_outline div.htl_list_inner_left table.htl_article_tbl td.htl_article_tbl_right{
	vertical-align:bottom;
	padding-left: 12px;
}

	div.htl_article_left_submit{
		display:block;
		width:135px;
		margin-left:231px;
	}
	

	div.htl_list_outline div.htl_list_inner_left table.htl_article_tbl td.htl_article_tbl_right a.hotel_detail{
		display:block;
		width:135px;
		height:24px;
		background: transparent url(../img/btn_htl_article_left_submit.png) no-repeat scroll 0 0;
		margin: 12px 0 6px 0;
		overflow:hidden;
		text-indent:-999em;
		position:relative;
		bottom:0;
		right:0;
	}
	
		div.htl_list_outline div.htl_list_inner_left table.htl_article_tbl td.htl_article_tbl_right a.hotel_detail:hover{
			background-position: 0 -24px;
		}
		
		div.htl_list_outline div.htl_list_inner_left table.htl_article_tbl td.htl_article_tbl_right a.hotel_detail:active{
			background-position: 0 -48px;
		}

h2.htl_article_name{
	display:block;
	margin-top:6px;
	padding: 2px 6px;
	letter-spacing:0.1em;
	background-color:#EAE8E3;
	font-size:1.5em;
	font-weight:bolder;
}



div.htl_list_outline div.htl_list_inner_right {
    float: right;
    padding: 0 0 12px;
    text-align: left;
    width: 484px;
}

#htlpicbox_l {
    display: block;
    height: 100px;
    overflow: hidden;
    padding: 6px 6px 6px 0;
    width: 100px;
}

/* STEPS */

div#htl_step1,div#htl_step2,div#htl_step3,div#htl_step4{
	display:block;
	width:1004px;
	height:36px;
	margin: 0 auto 12px auto;
	background: transparent url(../img/hotel_steps.png) scroll no-repeat;
}

div#htl_step1{
	background-position: 0 0;
}

div#htl_step2{
	background-position: 0 -40px;
}

div#htl_step3{
	background-position: 0 -80px;
}

div#htl_step4{
	background-position: 0 -120px;
}

div#htl_step5{
	background-position: 0 -160px;
}


/* hoteldetail.php */


div.htl_list_article_result_outline{
    padding: 12px 12px 6px 12px;
    width: 458px;
}

div.htl_list_article_result_outline table{
	border: 1px solid #BAB5AB;
	border-collapse:collapse;
	margin-bottom:24px;
}

	div.htl_list_article_result_outline table td {
	    border: 1px solid #BAB5AB;
	    border-collapse: collapse;
	    padding: 6px;
	}
	
div.htl_list_article_result_outline input[type="submit"]{
	display:block;
	width:147px;
	height:37px;
	overflow:hidden;
	text-indent:-999px;
	border:0;
	background: transparent url(../img/btn_hotel_list_article_result.png) no-repeat scroll 0 0;
	cursor:pointer;
}

	div.htl_list_article_result_outline input[type="submit"]:hover{
		background-position: 0 -37px;
	}
	
	div.htl_list_article_result_outline input[type="submit"]:active{
		background-position: 0 -74px;
	}
	
div.htl_list_article_result{
	font-size:1.2em;
}	
	
div#hotel_photobox{
            background: #EEEEEE none repeat scroll 0 0;
            display: block;
            height: 130px;
            overflow-x: auto;
            overflow-y: hidden;
            width: 458px;
        }
		
	div#hotel_photobox td{
		border:none;
	}	
		
div#htlpicbox{
            display: block;
            height: 130px;
            overflow: hidden;
            width: 112px;
        } 
		 		


/* search option bar */

div#searchoptionbar_htl{
	width:1004px;
	height:auto;
	margin: 0 0 12px 0;
}

div#searchoptionbar_htl table#searchoptionbar_tbl_htl{
	width:996px;
	margin:4px;
}

	div#searchoptionbar_htl table#searchoptionbar_tbl_htl td{
		vertical-align:top;
		font-size:10.2px;
		padding:8px 8px 0 8px;
		/*
background-color:#E0E8EF;
*/
	}
	
	table#searchoptionbar_tbl_htl td div.txt{
		float:left;
		/*
font-size:11.2px;
*/
	}
	
	div#searchoptionbar table#searchoptionbar_tbl_htl td#searchoptionbar_tbl_htl_left img{
	float:left;	
	}

table#searchoptionbar_tbl_htl div.searchoptionbar_tbl_input_box{
	margin-bottom:6px;
	clear:both;
	display:block;
	overflow:auto;
}
	
	div.txt{
		float:left;
		font-size:12px;
		display:block;
		height:20px;
		width:120px;
		overflow:hidden;
	}
	
span.searchoptionbar_bed{
	font-size:10px !important;
}
	
	td#searchoptionbar_tbl_htl_left img{
	float:left;	
	}
	
		td#searchoptionbar_tbl_htl_left label img{
			margin-right:6px;
		}
	
		table#searchoptionbar_tbl_htl td p{
			margin-bottom:6px;
			clear:both;
		}
		
			table#searchoptionbar_tbl_htl td p.searchoptionbar_tbl_input{
				display:inline;
				height:22px;
				overflow:auto;
				padding-bottom:6px;
			}
		
			table#searchoptionbar_tbl_htl td p a{
				float:left;
				/*
font-size:11px;
*/
			}	
	
	table#searchoptionbar_tbl_htl td#searchoptionbar_tbl_htl_left a{
				display:block;
				background-color:#efefef;
				margin-left:4px;
				float:left;
				padding: 0  0 0 6px;
				border: 1px solid #807D74;
				background-image: url(../img/bg_input_txt.gif);
				background-repeat:repeat-x;
				background-position:top;			
				overflow:hidden; 
			}
			
	table#searchoptionbar_tbl_htl td#searchoptionbar_tbl_htl_left a span.input_option{
					display:block;
					float:left;
					width:21px;
					height:20px;
					margin-left:6px;
					overflow:hidden;
					text-indent:-999em;
					background: transparent url(../img/bg_input_option.gif) no-repeat scroll 0 0;
				}
				
					table#searchoptionbar_tbl_htl td#searchoptionbar_tbl_htl_left a span.input_option:hover{
						background-position: 0 -20px;
					}		
	
		div#searchoptionbar_htl table#searchoptionbar_tbl_htl td p{
			margin-bottom:6px;
			clear:both;
		}
		
			div#searchoptionbar_htl table#searchoptionbar_tbl_htl td p a{
				float:left;
			}
			
				div#searchoptionbar_htl table#searchoptionbar_tbl_htl td p a img{
					margin-left:2px;
					float:left;
				}
			
		div#searchoptionbar_htl table#searchoptionbar_tbl_htl td label{
			float:left;
			margin: 0;
			font-weight:bolder;
		}
		
		div#searchoptionbar_htl table#searchoptionbar_tbl_htl td input[type="radio"]{
			margin: 6px 6px 0 0;
		}
		
		div#searchoptionbar_htl table#searchoptionbar_tbl_htl td input[type="checkbox"]{
			margin: 0 6px 0 0;
		}		


span.searchoptionbar_tbl_htl_title p{
	display:block;
	padding:4px 4px 0 6px;
	letter-spacing:0.12em;
}

div#searchoptionbar_htl button#p4{
	display:block;
	width:164px;
	height:42px;
	overflow:hidden;
	text-indent:-999em;
	border:0;
	margin: 22px auto 0 auto;
	background:transparent url(../img/btn_searchoptionbar_submit_2.png) no-repeat scroll 0 0;
}

	div#searchoptionbar_htl button#p4:hover{
		background-position: 0 -42px;
		cursor:pointer;
	}
	
	div#searchoptionbar_htl button#p4:active{
		background-position: 0 -84px;
		outline:none;
	}
	
	div#searchoptionbar_htl button#p4:focus{
		outline:none;
	}
	
div#searchoptionbar_tbl_htl div.txt{
	float:left;
}	
	
/* searchoptionbar_mini */

div#searchoptionbar_mini_outer{
	width: 486px;
	background-color:#BAB5AB;
	clear:both;
}	

div#searchoptionbar_mini{
	width: 486px;
	background-color:#EAE8E3;
	padding-bottom:12px;
}

div#searchoptionbar_mini table#searchoptionbar_mini_tbl{
	width:466px;
	margin-left:12px;
}
	div#searchoptionbar_mini table#searchoptionbar_mini_tbl td{
		vertical-align:top;
	}
	
	div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_1,
	div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_1 table td,
	div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_2 table td{
		padding-top:12px;
	}
	
		div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_1 {
			
		}
		
		div.searchoptionbar_mini_td_1_box{
			display:block;
			width:auto;
			height:34px;
			/*
padding: 12px 0;
*/
			clear:both;
		}
		
		
	
	div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_1 {
		font-size:12px;
	}
	
		div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_1  a{
			font-size:19px !important;
			font-weight:bolder;
		}
		
		div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_1  a span.btn_searchoptionbar_mini_change{
			display:block;
			width:100px;
			height:34px;
			overflow:hidden;
			text-indent:-999em;
			background: url(../img/btn_searchoptionbar_mini_change.png) no-repeat scroll 0 0;
			margin-top:6px;
		}
		
		div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_1  a span.btn_searchoptionbar_mini_change:hover{
			background-position: 0 -34px;
		}
		
		div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_1  a span.btn_searchoptionbar_mini_change:active{
			background-position: 0 -68px;
		}
		
		div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_2 table td,
		div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_2 table td p{
			font-size:11.5px;
		}
		
		div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_2 table td p{
			margin-bottom:6px;
			}
			
			div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_2 table td p select{
				margin: 0 6px;
			}
			
			div#searchoptionbar_mini table#searchoptionbar_mini_tbl td#searchoptionbar_mini_td_2 table td label{
				font-weight:bolder;
			}
	
div#searchoptionbar_mini table#searchoptionbar_mini_tbl span.searchoptionbar_tbl_air_title p{
	font-weight:bolder;
	font-size:13px;
	background-color:#565248;
}

div#searchoptionbar_mini table#searchoptionbar_mini_tbl  td#searchoptionbar_mini_submit{
	text-align:center;
	padding-top:12px;
}

div#searchoptionbar_mini table#searchoptionbar_mini_tbl  td#searchoptionbar_mini_submit button{
	display:block;
	width: 190px;
	height:30px;
	overflow:hidden;
	border:none;
	margin: 0 auto;
	text-indent:-999em;
	background: transparent url(../img/btn_combine_research_submit.png) no-repeat scroll 0 0;
}	

	div#searchoptionbar_mini table#searchoptionbar_mini_tbl  td#searchoptionbar_mini_submit button:hover{
		background-position: 0 -30px;
	}
	
	div#searchoptionbar_mini table#searchoptionbar_mini_tbl  td#searchoptionbar_mini_submit button:active{
		background-position: 0 -60px;
	}



div#htl_combine_research{
	clear:both;
}

div#htl_combine_research div.htl_list_inner_left{
	width:466px;
	overflow:visible;
}

div#htl_combine_research div.htl_list_inner_left h2.htl_article_name{
	width: 336px;
}

div#htl_combine_research div.htl_list_inner_left table.htl_article_tbl{

}

div#htl_combine_research div.htl_list_inner_left table.htl_article_tbl td.htl_article_tbl_left{
	width:106px;
}

div#htl_combine_research div.htl_list_inner_left table.htl_article_tbl td.htl_article_tbl_right{
	padding-right:12px;
}	
	
div#htl_combine_research div.htl_list_inner_left div.htl_article_left_submit{
	margin-left:213px;
}

/* Searchoptionbar hotel_self */

p.searchoptionbar_title{
	font-size:15px;
	font-weight:bolder;
	color:#FF7145;
}

table#searchoptionbar_tbl_htl td.hotel_detail_self_room_num{
	vertical-align:top;
}

table#searchoptionbar_tbl_htl td.hotel_detail_self_room_num span,
table#searchoptionbar_tbl_htl td.hotel_detail_self_room_num select{
	float:left;
	margin: 0 4px 4px 0;
	padding: 2px;
}

table#searchoptionbar_tbl_htl td.hotel_detail_self_room_num span{
	font-size:14px !important;
}

table#searchoptionbar_tbl_htl td.hotel_detail_self_room_num span{
	font-size: 12px !important;
}

input.check_button_list{
	display:block;
	width:264px;
	height:36px;
	text-indent:-999em;
	overflow:hidden;
	border:none;
	margin-bottom:12px;
	cursor:pointer;
	background: transparent url(../images/hotel/btn_hotel_detail_self_check_button_list.png) scroll no-repeat 0 0;
}

	input.check_button_list:hover{
		background-position: 0 -36px;
	}
	
input.check_button_price{
	display:block;
	width:252px;
	height:36px;
	text-indent:-999em;
	overflow:hidden;
	border:none;
	margin-bottom:12px;
	cursor:pointer;
	background: transparent url(../images/hotel/btn_hotel_detail_self_check_button_price.png) scroll no-repeat 0 0;
}

	input.check_button_price:hover{
		background-position: 0 -36px;
	}
	
table.hotel_detail_self_tbl th{
	background-color:#379F31 !important;
	color:#FFFFFF !important;
	font-size: 1.4em;
	font-weight:bold !important;
	text-align:left !important;
	border: 1px solid #346F30 !important;
}

table.hotel_detail_self_tbl td{
	border: 1px solid #346F30 !important;
	font-size:1.4em !important;
}		

/* Addition on 14/AUG/2009 */

.hotel_charge p,
.hotel_charge td{
	font-size:13px !important;
	line-height:1.5em;
}

table.hotel_recent_price{
	width:996px
	margin: 4px;
	background-color:#EAE8E3;
}
 
div#hotellist_map{ background-image:url(../images/loadingAnimation.gif); background-position:center; background-repeat:no-repeat;}