@charset "Shift_JIS";

/*=========================================================================
種別 ：
/FS/共通パーツ ２段組 テンプレートモジュールcss
適用 ：
/FS/fs000101.htm
/FS/fs000102.htm
注意 ：
このcssは"/shared2006/css/nr_headerfooter.css"の一部セレクタを上書き処理しています。
=========================================================================*/

/*
見出し hx
-------------------------------------------------------------------------*/
/*h2----------*/
.h2 {
	width:739px;
	min-height:47px;
	margin:0;
	padding:0;
	background:url("../images/h2_title_bg.gif") no-repeat left bottom;
	border-top:4px solid #2E2E9D;
}
.h2 h2{
	border-top:1px solid #9999DE;
	margin:0;
	padding:13px 5px;
	color:#111184;
	font-weight:bold;
	font-size:150%;
	line-height:100%;

}
/*h3----------*/
.h3 {
	width:739px;
	min-height:23px;
	margin:0;
	padding:0;
	background:url("../images/h3_title_bg.gif") no-repeat;
	color:#474747;
}
.h3 h3 {
	width:709px;
	min-height:15px;
	margin:0;
	padding:8px 10px 5px 20px;
	background:transparent url("../images/h3_title_bg2.gif") no-repeat left bottom;
	font-weight:normal;
	font-size:100%;
}
/*h4----------*/
.blueSquare {
	margin:0 !important;
	font-weight:bold;
}
.blueSquare div,
.blueSquare h4{
	float:left;
	margin:0;
	padding:0;
	color:#5959C7;
	font-size:100%;
}
.blueSquare .square{
	width:15px;
	color:#3434C9;
}


/*
コンテンツ枠 contentFrame
-------------------------------------------------------------------------*/
div.contentFrame {
	margin:0;
	border:8px solid #CCCCCC;
	border-width:8px 8px 0;
	padding:10px 10px 0;
	width:703px;
}
div.contentFrameBottom {
	margin:0;
}
div.contentFrameBottomPrint {
	margin:0 11px 0 12px;
	display:none;
}


/*
操作パネル consolePanel
-------------------------------------------------------------------------*/
.consolePanel{
	background-color:#F0F0F0;
	margin:0;
	padding:0 10px;
	color:#333333;
}
.consolePanel .ml30{
	margin:0 0 0 30px;
}
.consolePanel .solid{
	margin:0 0 0 10px;
	padding:0;
}
.consolePanel table{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	border:none;
}
.consolePanel table td{
	margin:0;
	padding:0;
	border:none;
}
.consolePanel table td.main{
	padding:0 15px;
}
.consolePanel .solid ul{
	margin:0;
	padding:0;
}
.consolePanel ul li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
.consolePanel .solid.width168{
	width:168px;
}
.consolePanel .searchList{
	margin:0;
	padding:0;
	color:#333333;
}
.consolePanel .searchList .text666666{
	color:#666666;
}
.consolePanel .searchList div.item{
	float:left;
	margin:0;
	padding:0 5px 3px 0;
	width:160px;
}


/*
切り替えタブ表示 infoTab
-------------------------------------------------------------------------*/
/*カレントA infoTabA----------*/
.infoTabA{
	margin:0;
	padding:0;
	width:739px;
	min-height:30px;
}
.infoTabA .left{
	width:433px;
}
.infoTabA .right{
	width:300px;
	text-align:right;
}
.infoTabA .solid{
	margin:0;
	padding:0;
	min-height:22px;
}
.infoTabA .element{
	margin:0;
	padding:0 1px 0 2px;
	float:left;
	min-height:30px;
	background:transparent url("../images/tab_a_bg.gif") no-repeat;
}
.infoTabA .element.current{
	background:transparent url("../images/tab_a_bg_cur.gif") no-repeat;
}
.infoTabA .element a{
	display:block;
	margin:0;
	padding:7px 0 3px;
	text-align:center;
	width:152px;
	min-height:20px;
	color:#595959;
	background:transparent url("../images/tab_a_bg2.gif") no-repeat left bottom;
}
.infoTabA .element h4{
	margin:0;
	padding:7px 0 3px;
	text-align:center;
	width:152px;
	min-height:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:100%;
	background:transparent url("../images/tab_a_bg2_cur.gif") no-repeat left bottom;
}
.infoTabA .element a:hover,
.infoTabA .element a:active{
	color:#FF9933;
}
.infoTabA .monthNavi{
	margin:0;
	float:right;
}
.infoTabA .monthNavi.before{
	background:url("../images/icon_anchor_before.gif") no-repeat 0 9px;
	padding:5px 0 3px 15px;
}
.infoTabA .monthNavi.next{
	background:url("../images/icon_anchor_next.gif") no-repeat right 9px;
	padding:5px 15px 3px 0;
}
.infoTabA .clearTabLine{
	clear:both;
	background-color:#6471D5;
	width:739px;
	height:5px;
}
/*カレントA ソートパーツ sort----------*/
.infoTabA .right .sort{
	margin:3px 1px;
}
.infoTabA .right .sort td{
	font-size:92%;
}
.infoTabA .right .sort td.bg_DFDFDF{
	background-color:#DFDFDF;
}
.infoTabA .right .sort td.width8{
	width:8px;
}
.infoTabA .right .sort td.width3{
	width:3px;
}
.infoTabA .right .sort td.pad6{
	padding:0 6px;
}


/*
順送りリンク rotaionLink
-------------------------------------------------------------------------*/
.rotaionLink{
	width:687px;
	padding:0 5px;
}
.rotaionLink ul{
	margin:0;
	padding:0;
	float:right;
}
.rotaionLink ul li{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
.rotaionLink ul li.iconBefore{
	background:url("../images/icon_anchor_before.gif") no-repeat 0 4px;
	padding:0 0 3px 14px;
}
.rotaionLink ul li.iconNext{
	background:url("../images/icon_anchor_next.gif") no-repeat right 4px;
	padding:0 14px 3px 0;
}


/*
検索結果 grayResult
-------------------------------------------------------------------------*/
.grayResult{
	width:693px;
	padding:0 5px;
	background-color:#E7E7E7;
}
.grayResult .solid{
	width:681px;
	padding:0 6px 5px;
	background:#FFFFFF url("../images/line_searchgray_bg.gif") repeat-y;
}
/*ホテル詳細----------*/
.grayResult .solid .title{
	padding:5px 10px 3px;
	width:661px;
	background-color:#EAEDFD;
	border-bottom:1px solid #FFFFFF;
}
.grayResult .solid .title strong{
	font-size:112%;
}
.grayResult .solid .title .hotel{
	float:left;
}
.grayResult .solid .title .info{
	float:right;
}
.grayResult .solid .title .info .mr5{
	margin-right:5px !important;
}
.grayResult .solid .title .info .mr10{
	margin-right:10px !important;
}
.grayResult .solid .detail{
	padding:7px 7px 0;
	width:667px;
	border-top:1px solid #B7BDE2;
}
.grayResult .solid .detail .photo{
	float:left;
	padding:8px;
	width:150px;
	background-color:#E8E8E8;
}
.grayResult .solid .detail .photo .iconDetail{
	text-align:right;
}
.grayResult .solid .detail .photo .iconDetail a{
	background:url("../images/icon_anchor_normal_gray.gif") no-repeat 0 2px;
	padding:0 0 3px 14px;
}
.grayResult .solid .detail .text{
	float:right;
	padding:8px;
	width:470px;
}
.grayResult .solid .detail .text .link .left{
	float:left;
	font-weight:bold;
	font-size:112%;
	width:315px;
}
.grayResult .solid .detail .text .link .right{
	float:right;
	width:145px;
}
.grayResult .solid .detail .text .line{
	border-bottom:1px solid #DCDCDC;
}
.grayResult .solid .detail .text .iconPlanList{
	text-align:right;
}
.grayResult .solid .detail .text .iconPlanList a{
	background:url("../images/icon_anchor_normal.gif") no-repeat 0 2px;
	padding:0 0 3px 14px;
}
/*カレンダー----------*/
/*カレンダーナビ*/
.grayResult .calendarBefore{
	float:left;
	margin:0;
	padding:0 0 0 6px;
	width:250px;
}
.grayResult .calendarBefore ul{
	margin:0;
	padding:0;
}
.grayResult .calendarBefore ul li{
	list-style-type:none;
	float:left;
	background:url("../images/icon_anchor_before_gray.gif") no-repeat 0 4px;
	padding:0 12px 3px 15px;
}
.grayResult .calendarNext{
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	width:140px;
}
.grayResult .calendarNext ul{
	margin:0;
	padding:0 6px 0 0;
}
.grayResult .calendarNext ul li{
	list-style-type:none;
	float:left;
	background:url("../images/icon_anchor_next_gray.gif") no-repeat right 4px;
	padding:0 15px 3px 12px;
}
.grayResult .calendarNext ul li{
	list-style-type:none;
	float:left;
	background:url("../images/icon_anchor_next_gray.gif") no-repeat right 4px;
	padding:0 15px 3px 12px;
}
/*カレンダー hotelCalendar*/
table.hotelCalendar{
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
	width:100%;
}
table.hotelCalendar th,
table.hotelCalendar td{
	padding:6px;
	border:1px solid #B3B3B3;
	text-align:center;
	font-size:88%;
}
table.hotelCalendar th{
	background-color:#F4F4F4;
	font-weight:normal;
	vertical-align:middle;
}
table.hotelCalendar td{
	background-color:#FFFFFF;
	vertical-align:top;
}
table.hotelCalendar .sat{
	background-color:#DCE1FC;
}
table.hotelCalendar .sun{
	background-color:#F9E0E5;
}
table.hotelCalendar tr.date td{
	padding:0;
}
table.hotelCalendar tr.date td.head{
	padding:6px;
}
table.hotelCalendar tr.date td a{
	display:block;
	padding:6px;
}
table.hotelCalendar td.current{
/*FORCIA	padding:6px !important;*/
	font-weight:bold;
}
/* FORCIA追加 */
table.hotelCalendar th.current{
/*FORCIA	padding:6px !important;*/
	font-weight:bold;
}

table.hotelCalendar td.multiple{
	padding:6px;
	font-size:112%;
	vertical-align:middle !important;
}
/*プラン一覧リンク iconPlanList*/
.grayResult .iconPlanList{
	text-align:right;
}
.grayResult .iconPlanList a{
	background:url("../images/icon_anchor_normal_gray.gif") no-repeat 0 2px;
	padding:0 0 3px 14px;
}


/*
検索 絞込みエリア
-------------------------------------------------------------------------*/
.searchTitle{
	width:169px;
	padding:9px 10px 5px;
	background:url("../images/line_search_top.gif") no-repeat;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	min-height:17px;
}
.searchFocus{
	width:155px;
	padding:0 17px 15px 17px;
	background:url("../images/line_search_bg.gif") repeat-y;
}
.searchFocus .title{
	color:#3434C9;
	font-weight:bold;
}
.searchFocus input.word{
	/*width:105px;*/
	width:150px;
}
.searchFocus input.searchButton{
	font-size:88%;
	width:38px;
	margin:0 0 0 5px;
}
.searchFocus select{
	width:155px;
}
.searchFocus .mapUnView,
.searchFocus .mapView{
	text-align:right;
	font-size:88%;
}
.searchFocus .mapView{
	display:none;
}
.searchFocus .mapUnView a,
.searchFocus .mapView a{
	background:url("../images/icon_map_view.gif") no-repeat 0 0;
	padding:2px 0 3px 17px;
}
.searchFocus .checkTerm{
	padding:6px 10px 8px;
	width:133px;
	background-color:#F5F5F5;
}
.searchFocus .checkTerm dl,
.searchFocus .checkTerm dt,
.searchFocus .checkTerm dd{
	margin:0;
	padding:0;
}
.searchFocus .checkTerm dt,
.searchFocus .checkTerm dd{
	float:left;
}
.searchFocus .checkTerm dl{
	width:133px;
}
.searchFocus .checkTerm dt{
	width:18px;
}
.searchFocus .checkTerm dd{
	padding:2px 0 0 2px;
	width:110px;
}
.searchFocus .focusSubmit{
	padding:8px 0;
	background-color:#EBEBEB;
	text-align:center;
}
/*検索 絞込みエリア カレンダー searchCalendar-----------*/
.searchFocus .searchCalendar{
	padding:3px;
	background-color:#A3A3A3;
}
.searchFocus .searchCalendar .solid{
	padding:4px 4px 3px;
	border:1px solid #A6A6A6;
	background-color:#FFFFFF;
}
.searchFocus .searchCalendar table{
	margin:0;
	padding:0;
	border:none;
	width:139px;
}
.searchFocus .searchCalendar table tr{
	margin:0;
	padding:0;
}
.searchFocus .searchCalendar table td{
	margin:0;
	padding:0;
	border:none;
	text-align:center;
	vertical-align:center;
	font-size:88%;
	color:#333333;
	font-weight:normal;
	width:14%;
}
.searchFocus .searchCalendar table td a{
	margin:0;
	padding:0;
	font-size:104%;
}
.searchFocus .searchCalendar table td.title{
	font-size:104%;
}
.searchFocus .searchCalendar table tr.week td{
	background-color:#FAF5D4;
}
.searchFocus .searchCalendar table tr.week td.sat{
	background-color:#DCE1FC;
}
.searchFocus .searchCalendar table tr.week td.sun{
	background-color:#F9E0E5;
}