@charset "utf-8";
/* TOP layout */

#searcharea1 {
	width: 357px;
	float:left;
}
#searcharea2 {
	width: 362px;
	float:right;
}
.maparea {
	border:1px solid #cccccc;
	margin-bottom: 5px;
}
.searchPanelarea {
	width:360px;
	/width:358px;
	border:1px solid #cccccc;
	background-color: #faf8f0;
	margin-bottom: 5px;
}
.searchtitle {
	background-color: #FAF8F0;
	color:#ffffff;
	font-weight:bold;
	line-height:1.3;
}
.searchtitle span {
	font-size:14px;
}
.fb {
	font-weight:bold;
}
.featurearea {
	margin-bottom:30px;
}#main #title {
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #4f388e;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#title h1 {
	float: left;
	margin-right: 15px;
}
#title p {
	float: left;
}
#searcharea1 #osusume {
	border: 1px solid #cccccc;
	height:107px;
	/height:105px;
	overflow:hidden;
}
#osusume .osusume_ti {
	background-color: #6B5FA5;
	padding: 3px 3px 3px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
#osusume .osusume_cnt {
	background-color: #faf8f0;
	padding: 8px;
}
.osusume_cnt .osusume_l {
	float: left;
	margin:0px;
}
.osusume_cnt .osusume_r {
	float: right;
	margin:0px;
}
.osusume_cnt dd {
	font-size: 10px;
	margin: 1px 0px 0px 0px;
}
#keyword-search-form {
	height: 88px;
	width: 360px;
	/width: 358px;
	position: relative;
	border: 1px solid #cccccc;
	background-color: #FAF8F0;
}
#search-keyword h2 {
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}
#search-keyword .ranking {
	font-size: 10px;
	position: absolute;
	left: 257px;
	top: 8px;
}
#input-keyword {
	width: 250px;
}
.keyword_box {
	position: absolute;
	left: 20px;
	top: 35px;
}
#input-keyword {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#search-keyword .keyword_msg {
	position: absolute;
	left: 20px;
	top: 66px;
	font-size: 10px;
}
.keyword_box #research2 {
	vertical-align: middle;
	padding-top: 2px;
}
#searcharea2 .ichiran {
	margin-top: 8px;
}
#main #contentsarea {
	margin-top: 20px;
	margin-bottom: 20px;
}
/*#contentsarea #yado {
	width: 540px;
	float: left;
}

#yado #yado_ti {
	background-color: #ECEBEB;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-left-width: 4px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #4f388e;
	border-left-color: #4f388e;
	padding-right: 10px;
}
#yado_ti h2 {
	float: left;
}
#yado_ti .update {
	font-size: 10px;
	color: #333;
	float: right;
}
#yado .yad_cst_block {
	background-image: url(/assets/img/pages/highclass/highclass_bg001.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 10px;
}
#yado .yad_cst_block .yad_cst_block_btm {
	background-image: url(/assets/img/pages/highclass/highclass_bg002.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#yado .yad_cst_block .yado_cst_l {
	width: 265px;
	float: left;
}
#yado .yad_cst_block .yado_cst_r {
	width: 265px;
	float: right;
}
.yado_img {
	border: 2px solid #FFF;
	float: left;
	margin-top: 6px;
	margin-left: 6px;
	/margin-top: 0px;
	/margin-left: 5px;
}
.yad_cst_cnt {
	float: right;
	width: 142px;
	margin-top: 6px;
	margin-right: 6px;
	/margin-right: 3px;
}
.yad_cst_cnt h3 {
	margin-bottom: 10px;
}

.yad_cst_cnt h3 span {
	font-size: 10px;
	font-weight: normal;
	color: #333;
	margin-left: 5px;
}
.yad_cst_cnt .yado_plan {
	font-size: 10px;
	margin-bottom: 5px;
}
.yad_cst_cnt .yado_price {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
.yad_cst_cnt .yado_link {
	font-size: 10px;
	text-align: right;
	margin-bottom: 5px;
}
*/

#main #contentsarea #contentsarea_r {
	float: right;
	width: 180px;
}
#contentsarea_r #banner {
	margin-bottom: 10px;
}
#banner p {
	background-color: #EAE6F3;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}


/*#main #contentsarea #theme {
	width: 180px;
	border: 1px solid #CCC;
	background-image: url(/assets/img/pages/highclass/highclass_bg003.png);
	background-repeat: repeat;
	background-position: left top;
}

#theme #theme_cnt {
	padding: 10px 10px 0;
}
#banner h2,
#theme h2 {
	background-color: #6B5FA5;
	padding: 3px;
}
#theme #theme_cnt dl {
	margin-bottom: 10px;
}
#theme #theme_cnt dt {
	float: right;
	margin-top: 10px;
}
#theme #theme_cnt dd {
	float: left;
}
*/

.linkarea {
	background: url(/jalan/doc/theme/common/images/link_bg_middle.png) repeat-y ;
	font-size:12px;
	line-height:1.3;
	width:950px;
	display:block;
}
.latop {
	background: url(/jalan/doc/theme/common/images/link_bg_top.png) no-repeat left top ;
} 
.latop p {
	font-weight:bold;
	padding:10px 10px 0px;
}
.labottom {
	background: url(/jalan/doc/theme/common/images/link_bg_bottom.png) no-repeat left bottom ;
}
.labottom p {
	color:#999999;
	font-size:10px;
	padding:8px 10px 10px;
}
.labottom p a {
	color:#999999;
	text-decoration:none !important;
}
.to_pagetop {
	color:#666666;
	font-size:65%;
	height:auto !important;
	min-height:10px;
	text-align:right;
	width:950px;
	margin-top:10px;
}
/* map */
#idxMap {position:relative;}
.prefArea {position:abusolute; display:none;}
.mapImg {position:absolute; z-index:140;}
.mapBtns {}
.mapBtns div{position:absolute; display:none;}
#mapBackBtn {position:absolute; z-index:141; top:237px; left:322px; cursor:pointer; display:none;}
#mapNavi {position:absolute; z-index:150; top:30px; left:10px; width:83px; background:#fff; padding:7px 0px 7px 7px; display:none;filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
#mapNavi ul{margin:0; padding:0; font-size:1px; line-height:0; list-style:none;}
#mapNavi li{margin:0; padding:0 0 3px 7px; background:url(../common/map_image/map_list_blt.gif) no-repeat; background-position:3px 3px;}
#mapNavi img{margin:0px; padding:0;}
#mapUl {position:absolute; z-index:144;}
#mapNaviUl {position:absolute; z-index:145;}
#mapNaviROUl {position:absolute; z-index:146;}
#naviroimg {position:absolute; z-index:147; display:none;}

/* 検索 */
.s11_66 {
	color:#666666;
	font-size:70%;
	line-height:1.1em;
}
.dyn_cal {
	background:#FBF5E1;
	border:1px solid #D3C9B0;
	display:none;
	margin-top:3px;
	padding:10px;
	margin-left:-175px;
	position:absolute;
	z-index:500;
}
.dyn_cal .dyn_cal_arrow {
	font-size:12px;
	vertical-align:middle;
	width:20px;
}
.dyn_cal_tbl th {
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
}
.dyn_cal_tbl td {
	font-size:12px;
	padding:0 3px;
	text-align:right;
}
.dyn_cal_tbl td.dyn_disable {
	color:#AAAAAA !important;
	text-decoration:line-through !important;
}
.dyn_cal_tbl td.dyn_sutarday a:link {
	text-decoration:none !important;
}
.dyn_cal_tbl td.dyn_sutarday a {
	color:#1B47FF;
	text-decoration:none !important;
}
.dyn_cal_tbl td.dyn_sunday a:link {
	text-decoration:none !important;
}
.dyn_cal_tbl td.dyn_sunday a {
	color:#FF0000;
	text-decoration:none !important;
}
.dyn_cal .dyn_cal_arrow a:link {
	color:#FF0000;
	text-decoration:none !important;
}
.dyn_cal .dyn_cal_close {
	font-size:12px;
	padding-top:5px;
	text-align:center;
}
.dyn_cal .dyn_cal_close a:link {
	color:#333333;
	text-decoration:none !important;
}
.mL3 {
	margin-left:3px !important;
}
div#roompanel-block {
	left:430px !important;
}

/* 宿から探す_検索パネル */
.searchPanelarea #searchBox_date {
	margin:10px 0 0 10px;
	width:350px
	z-index: 1;
	height:200px;
}
.searchPanelarea #searchBox_date h2 {
	margin:0 0 7px;
	text-align:left;
}
.searchPanelarea #searchBox_date input {
	line-height:1.1em;
	margin:0 3px 7px 0;
	text-align:right;
	/vertical-align:middle;
}
.searchPanelarea #searchBox_date select {
	line-height:1.1em;
	margin:0 0 7px 0;
	text-align:left;
	/vertical-align:middle;
}
.searchPanelarea #searchBox_date #dateLine1 {
	margin:0 ;
}
.searchPanelarea #searchBox_date .item {
	float:left;
}
.searchPanelarea #searchBox_date .item input#dyn_y_txt {
	width:55px;
}
.searchPanelarea #searchBox_date .item input#dyn_m_txt {
	width:36px;
}
.searchPanelarea #searchBox_date .item input#dyn_d_txt {
	width:36px;
}
.searchPanelarea #searchBox_date .item img {
	margin:2px 5px 5px 0;
	/*/margin:3px 5px 7px 0;*/
	vertical-align:middle;
}
.searchPanelarea #searchBox_date .datecheck-column img {
	margin:4px 5px 4px 0;
	/margin:0px 5px 5px 0;
}
.searchPanelarea #searchBox_date .datecheck-column input {
	vertical-align:middle;
}
.searchPanelarea #searchBox_date .datecheck-column p {
	float:left;
	margin:0;
}
.searchPanelarea #searchBox_date select#dyn_stay_txt {
	width:40px;
	line-height:1.1em;
	text-align:left;
	margin-left:3px;
}
.searchPanelarea #searchBox_date #room-num select#dyn_room_num {
	width:40px;
	line-height:1.1em;
	text-align:left;
}
.searchPanelarea #searchBox_date #room-num {
	float:left;
	margin:0 6px 0 0;
}
.searchPanelarea #searchBox_date .number p {
	float:left;
	margin:0;
}
.searchPanelarea #searchBox_date .number img {
	margin:4px 5px 4px 0;
	/margin:2px 5px 2px 0;
}
.searchPanelarea #searchBox_date .number p.caption {
	/margin:3px 0 5px;
}
.searchPanelarea #searchBox_date .number p#adultnum-text,
.searchPanelarea #searchBox_date .number p#childnum{
	margin:3px 0 0; 
}
.searchPanelarea #searchBox_date .number #adultnum-selecttag img{
	margin:1px 5px 4px 0;
}
.searchPanelarea #searchBox_date input#datecheck {
	margin:0 3px 0 8px !important;
	/margin:0 0 6px 0 !important;
}
.searchPanelarea #searchBox_date #dateLine2 {
	margin-top:10px;
}
.searchPanelarea #searchBox_date #dateLine2 select {
	line-height:1.1em;
	margin:0 0 8px 6px;
	text-align:left;
	/vertical-align:middle;
}
.searchPanelarea #searchBox_date #dateLine2 p{
	margin-top:5px;
	text-align:center;
}
.searchPanelarea #searchBox_date #dateLine2 input#research {
	margin: 40px 0px 0px 0px;
}
.searchPanelarea #searchBox_date #dateLine2 .select_todofuken,
.searchPanelarea #searchBox_date #dateLine2 .select_area,
.searchPanelarea #searchBox_date #dateLine2 .select_yosan,
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari,
.searchPanelarea #searchBox_date #dateLine2 .select_theme {
	display:block;
}
.searchPanelarea #searchBox_date #dateLine2 .select_area select {
	margin:0 0 4px 22px;
}
.searchPanelarea #searchBox_date #dateLine2 .select_yosan img {
	margin:4px 0 0;
}
.searchPanelarea #searchBox_date #dateLine2 .select_yosan select {
	margin:4px 0 10px 0;
	/margin:4px 0 8px 0;
	width:80px;
}
.searchPanelarea #searchBox_date #dateLine2 .select_yosan .img_yosan{
	float:left;
	padding:0;
}
.searchPanelarea #searchBox_date #dateLine2 .select_yosan .img_yosan img {
	margin:4px 6px 0 0; !important
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari {
	width:240px;
	float:left;
	margin-top:10px;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari span {
	float:left;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .img_kodawari {
	margin-right:16px;
	/margin:3px 13px 0 0;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .check {
	margin:0 4px 5px 0;
	/margin:0 4px 0 0;
	width:170px;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .checkR {
	margin:0 0 5px 0;
	/margin:0;
	width:120px;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .checkL {
	margin:0 4px 5px 60px;
	/margin:0 4px 0px 57px;
	width:50px;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .checkL_2 {
	margin:0 4px 5px 60px;
	/margin:0 4px 0px 57px;
	width:170px;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .check input,
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .checkL input,
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .checkR input{
	margin:0 3px 0 0;
	/margin:0 0 1px 0 ;
	vertical-align:top;
	/vertical-align:middle;
}
.searchPanelarea #searchBox_date #dateLine2 .select_theme span {
	float:left;
	text-align:left;
}
.searchPanelarea #searchBox_date #dateLine2 .select_theme .img_theme {
	margin-right:28px;
	/margin:3px 25px 0 0;
}
.searchPanelarea #searchBox_date #dateLine2 .select_theme .theme_name1 {
	width:290px;
	margin:0 0 3px 0;
	/margin:0;
}
.searchPanelarea #searchBox_date #dateLine2 .select_theme .theme_name2 {
	width:290px;
	margin:0 0 8px 60px;
	/margin:0 0 8px 57px;
}
.searchPanelarea #searchBox_date #dateLine2 .select_theme input {
	margin:0 3px 0 0;
	/margin:0 0 1px 0 ;
	vertical-align:top;
	/vertical-align:middle;
}

.yadoCalender {
	position:relative;
	/*position:absolute;*/
	top:-214px;
	z-index:490;
}
div#calBlock div.dyn_cal div.dyn_cal_close a {
	white-space:nowrap;
}
.yadoCalender .dyn_cal {
	margin-left:0 !important;
	margin-top:214px;
}



/* ---------- 右の特集リンク用（2014/02追記） ----------*/

#side_link{
	width:180px;
	}
#side_link .ti{
	margin-bottom:5px;
	}
	
#side_link li {
	margin-bottom:5px;
	}

/* ---------- テーマレイアウト変更（2015/04追記） ----------*/
#theme {
	width: 740px;
	*width: 738px;
	border: 1px solid #CCC;
	background: #faf8f0;
	margin-top: 10px;
}
#theme .theme_ttl {
	background: none;
	padding: 0;
}

.theme_inner {
	margin-left: 7px;
	padding-bottom: 7px;
	width: 732px;
}
.theme_inner > li {
	width: 236px;
	float: left;
	margin-top: 5px;
	margin-right: 8px;
	*margin-right: 7px;
}
.theme_inner > li > a {
	display: block;
	background: #efefef;
	border: 1px solid #CCC;
	height: 27px;
	text-decoration: none !important;
}
.theme_inner > li > a:hover {
	text-decoration: underline;
}
.theme_inner > li img {
	margin: 2px 5px;
	vertical-align: middle;
}
.theme_inner > li span {
	vertical-align: middle;
}

/* ---------- カセットレイアウト変更（2015/04追記） ----------*/
#yado {
	width: 740px;
}
#yado_ti {
	background-color: #ECEBEB;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-left-width: 4px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #4f388e;
	border-left-color: #4f388e;
	padding-right: 10px;
}
#yado_ti h2 {
	float: left;
}
#yado_ti .update {
	font-size: 10px;
	color: #333;
	float: right;
}
.yado_cassette_outer {
	margin-right: -11px;
	width: 750px;
}
.yado_cassette {
	background: url(/assets/img/pages/highclass/highclass_bg001.png) repeat-y 0 0;
	border-right: 1px solid #a8a6a6;
	border-bottom: 1px solid #a8a6a6;
	float: left;
	margin-top: 10px;
	margin-right: 11px;
	*margin-right: 10px;
	width: 239px;
}
.yado_cassette_catch {
	float: left;
	text-align: center;
	padding: 5px 0;
	width: 112px;
}
.yado_img {
	border: 2px solid #FFF;
	float: none;
	margin: 0 auto;
}
.yado_price {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 6px;
	text-align: left;
}
.yado_cassette_cnt {
	float: right;
	padding: 5px 0;
	width: 125px;
}
.yado_name {
	margin: 0 5px;
	max-width:115px;
	word-wrap:break-word;
}
.yado_name span {
	color: #333;
	font-size: 10px;
	font-weight: normal;
	margin-left: 5px;
}
.yado_plan {
	font-size: 10px;
	margin: 10px 5px;
}
.yado_link {
	font-size: 10px;
	margin: 10px 5px 0;
	text-align: right;
}

#luxuryBanner {
	margin-bottom: 8px;
}

/* リエルコ枠 */
#sidenavi .sidenavi__liercoArea .sidenavi__liercoArea__banner {
  margin-bottom: 12px;
}
#sidenavi .sidenavi__liercoArea .sidenavi__liercoArea__banner--h100 {
  height: 100px;
}
#sidenavi .sidenavi__liercoArea .sidenavi__liercoArea__banner--h100 > iframe {
  height: inherit;
}