@charset "utf-8";

.megamenu{
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	box-shadow: 2px 2px 10px #666666;/* CSS 3 browsers only */
	background-color:#f6f6f6;
	border:#a1a1a1 1px solid ;
	border-width: 1px;
	/*padding: 10px;*/
	padding:0;
	z-index: 100;
	/*width:130px;*/
}

.megamenu h2{
	font-size:14px;
	margin-top:0;
}

.column-container{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.calendar-container{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.megamenu .column{
	float: left;
	width: 95px; /*width of each menu column*/
	margin-right: 5px;
	margin-bottom:10px;
}

.megamenu .column-popular{
	float: left;
	width: 230px; /*width of each menu column*/
	margin-right: 5px;
	margin-bottom:10px;
}
.megamenu-change .column{
	margin-right: 5px;
	margin-bottom:10px;
}

.megamenu .column ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.megamenu .column ul li{
	padding-bottom: 0;
	text-align:left;
}

.megamenu .column h3{
	font-weight:bold;
	font-size:12px;
	margin: 0 0 5px 0;
	color:#999;
	text-align:left;
}

/*.megamenu .column ul li a{
	padding-top:3px;
	padding-left:13px;
	padding-bottom:3px;
	padding-right:3px;
	display:block;
	text-decoration: none;
}

.megamenu .column ul li a:hover{
color:#333333;
}
*/
/*.megamenu a{
	color:#333333;
	padding-top:3px;
	padding-left:13px;
	padding-bottom:3px;
	padding-right:3px;
	display:block;
	text-decoration: none;
}

.megamenu a:hover{
color:#333333;
}*/

.megamenu li{
	color:#333333;
	padding-top:3px;
	padding-left:13px;
	padding-bottom:3px;
	padding-right:3px;
	display:block;
	cursor:pointer;
}

.megamenu li:hover{
	background-color:#c2e0ff;
	cursor:pointer;
}

.megamenu h2{
	font-weight:bold;
	display:block;
	border-bottom:#a1a1a1 1px solid;
	padding-left:9px;
	/*padding-right:130px;*//* style of the calendar title. It makes the calendar window to appear too long if only 1 month is showed -> commented 20140206*/
	padding-top:9px;
	padding-bottom:7px;
	margin-bottom:15px;
	background:url(/st/3/ja/pc/hotel/sys/img/search_megamenu_title_bkg.gif) repeat-x left center;
	position:relative;
}
.datespecif{/* 2015-4*/
	position:absolute;
	right:11px;
	top:4px;
}
.datespecif a{
	background-color:#333333;
	color:#fff!important;
	padding-left:9px;
	padding-right:9px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	border-radius:3px;
	display:block;
	background: #717171;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxNzE3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTJlMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #717171 0%, #2e2e2e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717171), color-stop(100%,#2e2e2e));
background: -webkit-linear-gradient(top,  #717171 0%,#2e2e2e 100%);
background: -o-linear-gradient(top,  #717171 0%,#2e2e2e 100%);
background: -ms-linear-gradient(top,  #717171 0%,#2e2e2e 100%);
background: linear-gradient(to bottom,  #717171 0%,#2e2e2e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#2e2e2e',GradientType=0 );
	border:1px solid #cccccc;
	text-decoration:none!important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
/*.megamenu a{
	cursor:pointer;
}
.megamenu a:hover{
	background-color:#ffcc66;
	cursor:pointer;
}*/

/* megamenu local area cancel button version start*/

.megamenu-local{
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	box-shadow: 2px 2px 10px #666666;/* CSS 3 browsers only */
	background-color:#f6f6f6;
	border:#a1a1a1 1px solid ;
	border-width: 1px;
	/*padding: 10px;*/
	padding:0;
	z-index: 100;
	/*width:130px;*/
}
.megamenu-local .column{
	float: left;
	width: 170px; /*width of each menu column*/
	margin-right: 5px;
	margin-bottom:10px;
}
.megamenu-local .column ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.megamenu-local .column ul li{
	padding-bottom: 0;
}

.megamenu-local .column h3{
	font-weight:bold;
	font-size:12px;
	margin: 0 0 5px 0;
	color:#999;
}
.megamenu-local li{
	color:#333333;
	padding-top:3px;
	padding-left:13px;
	padding-bottom:3px;
	padding-right:3px;
	display:block;
	cursor:pointer;
}

.megamenu-local li:hover{
	background-color:#c2e0ff;/*ffcc66*/
	cursor:pointer;
}

.megamenu-local .tit-group{
	overflow: hidden;
	/*width: 445px;*/
	display:block;
	border-bottom:#a2a2a2 1px solid;
	/*border-top:#a2a2a2 1px solid;*/
	padding-left:9px;
	padding-right:9px;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:10px;
	background:url(/st/3/ja/pc/hotel/sys/img/search_megamenu_title_bkg.gif) repeat-x left center;
}	
.megamenu-local .tit-group .titz {
	font-weight:bold;
	margin-right: 5px;
	float: left;
	/*width: 300px;*/
	overflow: hidden;
	white-space:nowrap;
}	
.megamenu-local .tit-group .delez {	
	float: right;
	margin-left:10px;
	text-align:right;
	/*width: 140px;*/
	overflow: hidden;
	white-space:nowrap;
}

.megamenu-local .tit-group .delez a:link{
	color:#666;
	text-decoration: none;
}

.megamenu-local .tit-group .delez a:visited {
	color: #666;
	text-decoration: none;
}

.megamenu-local .tit-group .delez a:hover {
	color: #666;
	text-decoration: none;
}

.megamenu-local .tit-group .delez a:active {
	color: #666;
	text-decoration: none;
}


/* megamenu local area cancel button version END*/

/*変更 メニュー*/
.megamenu-change{
	position: absolute;
	display: none;
	/*display:block!important;*//* for correction only */
	left:0;
	top: 0;
	box-shadow: 2px 2px 10px #666666;/* CSS 3 browsers only */
	background-color:#f6f6f6;
	border:#a1a1a1 1px solid ;
	border-width: 1px;
	/*padding: 10px;*/
	padding:0;
	padding-bottom:10px;
	z-index: 100;
	/*width:130px;*/
}
.megamenu-change h2{
	font-weight:bold;
	display:block;
	border-bottom:#a2a2a2 1px solid;
	border-top:#a2a2a2 1px solid;
	padding-left:9px;
	padding-right:9px;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:10px;
	background:url(/st/3/ja/pc/hotel/sys/img/search_megamenu_title_bkg.gif) repeat-x left center;
}
.megamenu-change h2.central{
	border-top:#a2a2a2 1px solid;
	margin-top:8px;
}
.changegroup {
	padding-bottom:1px;
	/*border-bottom:#8d98a3 1px dotted;
	margin-bottom:15px;*/
}
.changegroup ul{
	margin-left:5px;
	margin-right:5px;
}
.changegroup li{
	padding-left:9px;
	background:url(/st/3/ja/pc/hotel/sys/img/ico/cart_ico_menu_mini_arrow.gif) no-repeat left center;
	margin-bottom:8px;
}
/*.changegroup a{
	white-space:nowrap;
	text-decoration:underline;
	cursor:pointer;
	color:#0088CC;
}
.changegroup a:hover{
	white-space:nowrap;
	text-decoration:none;
	cursor:pointer;
	color:#990099;
}*/
.changegroup a {
	outline-color: -moz-use-text-color;
	outline-style: none;
    outline-width: medium;
    overflow-x: hidden;
    overflow-y: hidden;
}
.changegroup a:link, a:visited {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: underline;
    -moz-text-decoration-style: solid;
}
.changegroup a:hover, a:active {
    -moz-text-blink: none !important;
    -moz-text-decoration-color: -moz-use-text-color !important;
    -moz-text-decoration-line: none !important;
    -moz-text-decoration-style: solid !important;
}
.changegroup a:link {
    color: #333399;
}
.changegroup a:visited {
    color: #800080;
}
.changealert{
	color:#cc0000;
	line-height:2.0em;
	width:190px;
	margin-left:10px;
	margin-right:10px;
}

.multiplelist{	
	margin-bottom:2px;
}	
.multiplelist .oftxt {
	padding-left:2px;
	margin-top:10px;
	/*float: left;s
	width: 30px;*/
	overflow: hidden;
	font-weight:bold;
	margin-bottom:8px;
}	
.multiplelist .listtxt {	
	/*float: left;*/
	overflow: hidden;
}	

/*会員情報管理 メニュー*/
.megamenu-membership-info{
	position: absolute;
	display: none;
	/*display:block!important;*//* for correction only */
	left:0;
	top: 0;
	box-shadow: 2px 2px 10px #666666;/* CSS 3 browsers only */
	background-color:#f6f6f6;
	border:#a1a1a1 1px solid ;
	border-width: 1px;
	/*padding: 10px;*/
	padding:0;
	padding-bottom:10px;
	z-index: 100;
	/*width:130px;*/
}
.megamenu-membership-info ul{
	margin:10px;
}
.megamenu-membership-info li{
	margin-bottom:4px;
}
/*予約変更 メニュー*/
.mmreservationchange{
	position: absolute;
	display: none;
	/*display:block!important;*//* for correction only */
	left:0;
	top: 0;
	box-shadow: 0 2px 10px #666666;/* CSS 3 browsers only */
	background-color:#f6f6f6;
	border:#a1a1a1 1px solid;
	padding:0;
	z-index: 100;
	/*width:130px;*/
}
.mmreservationchange h2{
	font-weight:bold;
	display:block;
	border-bottom:#a2a2a2 1px solid;
	/*border-top:#a2a2a2 1px solid;*/
	padding-left:9px;
	padding-right:9px;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:10px;
	background:url(/st/3/ja/pc/hotel/sys/img/search_megamenu_title_bkg.gif) repeat-x left center;
}
.mmreservationchange .reca-container{
	padding-left:14px;
	padding-top:0;
	padding-right:14px;
	padding-bottom:0;
}

.mmreservationchange .recagroup{	
	/*width: 613px;*/
	width: 452px;
	overflow: hidden;
}	
/*.mmreservationchange .recagroup .recaleft {	
	float: left;
	width: 432px;
	overflow: hidden;
	padding-right:14px;
	border-right:#CCCCCC 1px solid;
	margin-right:14px;
}*/	
/*.mmreservationchange .recagroup .recaright {	
	float: left;
	width: 292px;
	overflow: hidden;
}*/
.mmreservationchange .recaintro{
	line-height:1.6em;
	color:#cc0000;
	padding-top:14px;
	border-top:#CCCCCC 2px solid;
	margin-bottom:10px;
}
.mmreservationchange .icagroup{	
	width: 452px;
	overflow: hidden;
	border-bottom:#999999 1px dotted;
	margin-bottom:10px;
}
.mmreservationchange .end{	
	border-bottom:none!important;

}
.mmreservationchange .icagroup .icamg {	
	float: left;
	width: 27px;
	overflow: hidden;
	margin-bottom:9px;
}
.mmreservationchange .icagroup .icalnk {	
	float: left;
	margin-left:9px;
	width: 416px;
	overflow: hidden;
	margin-bottom:4px;
}
.mmreservationchange .icadl{
	line-height:1.5em;
}

.mmreservationchange .icadl dt{
	font-weight:bold;
}
.mmreservationchange .wfset{
	width: 452px;
	overflow: hidden;
	margin-bottom:10px;
	line-height:1.6em;
	padding-top:14px;
	border-top:#CCCCCC 2px solid;
}
/**/
/*印刷用領収書を出力 メニュー*/
.pdfrec{
	position: absolute;
	display: none;
	/*display:block!important;*//* for correction only */
	left:0;
	top: 0;
	box-shadow: 0 2px 10px #666666;/* CSS 3 browsers only */
	background-color:#f6f6f6;
	border:#a1a1a1 1px solid;
	padding:0;
	z-index: 100;
	/*width:130px;*/
}
.pdfrec .tit-group{
	overflow: hidden;
	width: 445px;
	display:block;
	border-bottom:#a2a2a2 1px solid;
	/*border-top:#a2a2a2 1px solid;*/
	padding-left:9px;
	padding-right:9px;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:10px;
	background:url(/st/3/ja/pc/hotel/sys/img/search_megamenu_title_bkg.gif) repeat-x left center;
}	
.pdfrec .tit-group .titz {
	font-weight:bold;
	margin-right: 5px;
	float: left;
	width: 300px;
	overflow: hidden;
}	
.pdfrec .tit-group .closez {	
	float: left;
	text-align:right;
	width: 140px;
	overflow: hidden;
}	

/*
.pdfrec h2{
	font-weight:bold;
	display:block;
	border-bottom:#a2a2a2 1px solid;
	padding-left:9px;
	padding-right:9px;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:10px;
	background:url(/st/3/ja/pc/hotel/sys/img/search_megamenu_title_bkg.gif) repeat-x left center;
}*/
.pdfrec .pdf-container{
	padding-left:14px;
	padding-top:0;
	padding-right:14px;
	padding-bottom:0;
}

.pdfrec .pdfgroup{	
	/*width: 613px;*/
	width: 435px;
	overflow: hidden;
}	
.pdfrec .recaintro{
	line-height:1.6em;
	color:#cc0000;
	padding-top:14px;
	border-top:#CCCCCC 2px solid;
	margin-bottom:10px;
}
.pdfrec .printro{
	line-height:1.5em;
	margin-bottom:29px;
}
.pdfrec .prfield{
	padding-bottom:17px;
	border-bottom:#999999 1px dotted;
	margin-bottom:14px;
}
.pdfrec .prbutton{
	text-align:center;
	margin-bottom:15px;
}
/**/
/*印刷用領収書を出力 メニュー*/
.searchboxmodel{
	position: absolute;
	display: none;
	/*display:block!important;*//* for correction only */
	left:0;
	top: 0;
	box-shadow: 0 2px 10px #666666;/* CSS 3 browsers only */
	background-color:#f6f6f6;
	border:#a1a1a1 1px solid;
	padding:0;
	z-index: 100;
	/*width:130px;*/
}
.searchboxmodel .tit-group{
	overflow: hidden;
	width: 479px;
	display:block;
	border-bottom:#a2a2a2 1px solid;
	/*border-top:#a2a2a2 1px solid;*/
	padding-left:9px;
	padding-right:9px;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:10px;
	background:url(/st/3/ja/pc/hotel/sys/img/search_megamenu_title_bkg.gif) repeat-x left center;
}	
.searchboxmodel .tit-group .titz {
	font-weight:bold;
	margin-right: 5px;
	float: left;
	width: 312px;
	overflow: hidden;
}	
.searchboxmodel .tit-group .closez {	
	float: left;
	text-align:right;
	width: 161px;
	overflow: hidden;
}

.searchboxmodel .ssmm-container{
	padding-left:20px;
	padding-top:0;
	padding-right:20px;
	padding-bottom:20px;
	width: 457px;
	overflow: hidden;
}	

/**/


/*******
検索ボックス修正対応
20120925
/st/3/ja/pc/bus/sys/search/searchbox01.php

#goregion-mm{
	display: block!important;
}
#golocal-mm{
	display: block!important;
}
******/
/*#goregion-mm{
	display: block!important;
}
*/
/* common　左矢印 */
ul.arw_ li{
	background-image:url(/st/3/ja/pc/hotel/sys/img/ico/megamenu_li_arrow.png);
	background-repeat:no-repeat;
	background-position:0 5px;
}

/* unique 都道府県　.megamenu todoufuken_ */
.megamenu .column-container.todoufuken_{
	padding-right:0;
	padding-bottom: 10px;
}
.megamenu .todoufuken_ .low_{
	overflow:hidden;
	zoom:1;
}
.megamenu .todoufuken_ .low_ .column{
	float: left;
	width: 95px; /*width of each menu column*/
	margin-right: 10px;
	margin-bottom:15px;
}
.megamenu .todoufuken_ h3{
	color:#ff6633!important;
}
.megamenu .todoufuken_ .low_ .column h3{
	color:#ff6633!important;
}

/* unique エリア.megamenu-local area_ */
.megamenu-local .column-container.area_{
	padding-right:0;
}
.megamenu-local .area_ ul {
	overflow:hidden;
	zoom:1;
}
.megamenu-local .area_ ul li{
	float: left;
	width: 95px; /*width of each menu column*/
	margin-right: 10px;
	margin-bottom:10px;
}

/*
タテ版→ヨコ版のスタイル追加
This style forces the original column layout to change into a compact list layout.

AAA  DDD...
b    e
c    f
↓
AAA b c
DDD e f
...

ベル
20121031
*/
.todoufuken_ h3{
	float: left;
	width: 85px!important;
	margin-right: 10px;
	margin-bottom:4px;
	clear:both;
	border-bottom:none!important;
}
.megamenu .todoufuken_ .column{
	float: none!important;
	width:582px!important;
}
.arw_ li{
	float: left;
	width:50px;
	margin-right:4px;
	margin-bottom:4px;
	margin-top:-3px;
	color:#333399!important;/*0088cc*/
	text-decoration:underline;
}
.arw_ li:hover{
	text-decoration: none!important;
}
.megamenu li:hover{
	background-color:#c2e0ff;
	cursor:pointer;
	text-decoration: none!important;
}

#toshiMm .column,#landmarkMm  .column{/* to make the area type menu nice to read*/
	width:100%!important;
}

.column-container .column li{
	white-space:nowrap;
}



/*
ベル
20130225
to make the menues od tour pages look pretty, I need to target the singles menu
*/
#kenMm h3,
#oroShupatutiKenMm h3,
#oroTochakutiKenMm h3,
#fukuroTochakutiKenMm h3,
#fukuroShupatutiKenMm h3,
#oroShupatutiCdKenBtn h3,
#oroTochakutiCdKenBtn h3,
#fukuroShupatutiCdKenBtn h3,
#fukuroTochakutiCdKenBtn h3{
	float: left;
	width: 85px!important;
	margin-right: 10px;
	margin-bottom:4px;
	clear:both;
	border-bottom:none!important;
	color:#ff6633!important;
}
#kenMm .column,
#oroShupatutiKenMm .column,
#oroTochakutiKenMm .column,
#fukuroTochakutiKenMm .column,
#fukuroShupatutiKenMm .column,
#oroShupatutiCdKenBtn .column,
#oroTochakutiCdKenBtn .column,
#fukuroShupatutiCdKenBtn .column,
#fukuroTochakutiCdKenBtn .column{
	float: none!important;
	width:600px!important;
}
#kenMm li,
#oroShupatutiKenMm li,
#oroTochakutiKenMm li,
#fukuroTochakutiKenMm li,
#fukuroShupatutiKenMm li,
#oroShupatutiCdKenBtn li,
#oroTochakutiCdKenBtn li,
#fukuroShupatutiCdKenBtn li,
#fukuroTochakutiCdKenBtn li{
	float: left;
	width:50px;
	margin-right:4px;
	margin-bottom:4px;
	margin-top:-3px;
	color:#333399!important;/*0088cc*/
	background-image: url("/st/3/ja/pc/hotel/sys/img/ico/megamenu_li_arrow.png");
	background-position: 0 5px;
	background-repeat: no-repeat;
	text-decoration: underline;
}


#toshiMm .column{
	float: none!important;
	/*width:400px!important;*/
}
#toshiMm li{
	white-space:normal!important;
	/*width:300px;*/
	/*float: left;*/
	margin-right:4px;
	margin-bottom:4px;
	margin-top:-3px;
	color:#333399!important;/*0088cc*/
	background-image: url("/st/3/ja/pc/hotel/sys/img/ico/megamenu_li_arrow.png");
	background-position: 0 5px;
	background-repeat: no-repeat;
}

/* when the search box is on the right, the menu should come from right to left.
to make the menu come from right to left, the script need to thing it is too large to be drawn on the right part of the window.
But the initial menus are not large, because they are empty, the data comes dynamically.
So we need to say the menus are _always_ big as they have data inside. */

/*#oroShupatutiKenMm,
#oroTochakutiKenMm,
#fukuroShupatutiKenMm,
#fukuroTochakutiKenMm{
	width:625px;
}
*/
/*土日色づけ
-----------------------------------------------------------------------------*/
/*.date-holiday   .ui-state-default {
  background-image: none; background-color: #FF9999;
}
.date-saturday .ui-state-default {
  background-image: none; background-color: #66CCFF;
}*/

.date-holiday .ui-state-default{
	background-image: none!important;
	background: none!important;
	background-color:#FFEEFD!important;
	color:#FF3333!important;
}
.date-saturday .ui-state-default{
	background-image: none!important;
	background: none!important;
	background-color:#E8F2FA!important;
	color:#006699!important;
}