@charset "utf-8";

/* ----------------------------------------------------------------
#searchAssist_Box
 ---------------------------------------------------------------- */
#searchAssist_Box{
margin-top:-1px;
position:relative;
float:right;
width:312px;
}

#map_Area{
min-height:215px;
position: relative;
}

/* ----------------------------------------------------------------
.area-select-tab
 ---------------------------------------------------------------- */
.area-select-tab{
overflow: hidden;
font-size: 12px;
}
.area-select-tab > li{
padding-left: 2px;
float: left;
width: 50%;
box-sizing: border-box;
border-bottom: 1px solid #c5c5c5;
font-weight: bold;
}
.area-select-tab > li > a{
padding: 7px 2px 3px 20px;
border-width: 1px 1px 0;
border-radius: 3px 3px 0 0;
border-style: solid;
border-color: #c5c5c5;
color: #333 !important;
height: 41px;
box-sizing: border-box;
display: block;
background-color: #eaeaea;
text-decoration: none !important;
position: relative;
background-image: url(/element/j_hotel/shared/images/icon-spot.png);
background-position: 5px 50%;
background-repeat: no-repeat;
z-index: 1;
}
.area-select-tab > li > a > span{
margin-top: 2px;
display: block;
font-size: 10px;
font-weight: normal;
}

.area-select-tab > .active > a{
margin-bottom: -1px;
height: 42px;
background-color: #fff;
}

.area-select-tab > .area{
padding: 0 2px 0 0;
}
.area-select-tab > .area > a{
padding: 12px 2px 3px 38px;
background-image: url(/element/j_hotel/shared/images/icon-map.png);
background-position: 14px 50%;
}
.area-select-tab > .area b{
font-size: 16px;
}

.area-select-tab > .spot b{
font-size: 14px;
}

/* ----------------------------------------------------------------
#map_Container
 ---------------------------------------------------------------- */
#map_Container{
border-width:0 1px 1px;
border-style: solid;
border-color: #c5c5c5;
position:relative;
background:#fff;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}
#map_Container .map-att{
padding: 4px 5px;
font-size:10px;
color:#555;
}


/* ----------------------------------------------------------------
#map_Box
 ---------------------------------------------------------------- */
#map_Box{
position:absolute;
top:5px;
left:5px;
margin:0;
width:300px;
}

/* #map_Img
----------------------------------------------- */
#map_Box img{
position:absolute;
top:0;
left:0;
vertical-align:top;
}
#map_Box #map_Img{
display:block;
z-index:200;
}
#map_Box .overlay_Img{
z-index:500;
left:0;
top:0;
}


/* #map_Box > map
----------------------------------------------- */
#map_Box map div,
#map_Box map a{
position:absolute;
display:inline;
padding:3px 2px;
border-radius: 4px;
border:solid 1px #c7c7c7;
background-color:#fff;
box-shadow: inset 0 -1px #dfdede;
cursor:pointer;
z-index:500;
font-size:11px;
line-height:1.0;
text-decoration: none;
}
#two_column_right #map_Box map a,
#map_Box map a{
color: #333;
}
#two_column_right #map_Box map a:hover,
#map_Box map a:hover{
text-decoration: none;
background-color: #ff7800;
color: #fff;
}
#map_Box map div.noItem,
#two_column_right #map_Box map a.noItem{
color:#888;
background:#d8d8d8;
}
#map_Box map div.selected,
#map_Box map div.hovered,
#map_Box map a.selected,
#map_Box map a.hovered{
border:solid 1px transparent;
border-radius: 4px;
background-color: #ff7800;
box-shadow: inset 0 -1px rgba(4,0,0,.13);
text-shadow:0 0 0;
color:#fff!important;
}
#map_Box map div span.quantity,
#map_Box map a span.quantity {
display:inline;
margin-left:0;
font-size:10px;
vertical-align:middle;
}
#two_column_right #map_Box map a.noItem:hover{
color:#888;
background:#d8d8d8;
cursor: default;
}

#map_Box map div input[type="checkbox"],
#map_Box map a input[type="checkbox"]{
display:none;
width:11px;
height:11px;
}
#map_Box map div input[type="checkbox"] + span,
#map_Box map a input[type="checkbox"] + span{
display:inline-block;
padding-left:13px;
}
#map_Box map div input[type="checkbox"] + span:before,
#map_Box map a input[type="checkbox"] + span:before{
content:"";
display:block;
position: absolute;
top:50%;
left:2px;
width:9px;
height:9px;
margin-top:-5px;
background:#fff;
border:1px solid #aaa;
border-radius:3px;
}
#map_Box map .selected input[type="checkbox"] + span:after {
position: absolute;
content: "";
display:block;
top: 50%;
left: 3px;
width: 8px;
height: 8px;
margin-top: -4px;
background: url(/map/j_hotel/map_300/images/sprite-map-01.png) 0 0 no-repeat;
}
#map_Box map .noItem input[type="checkbox"] + span:before{
background:#ccc;
}

@-moz-document url-prefix() {
#map_Box .overlay_Img.hovered{
display: none!important;
}
#map_Box img.overlay_Img.selected{
display: none!important;
}
#map_Box map a.selected,
#map_Box map a.hovered{
background-color: #fff!important;
color: #333!important;
text-shadow:0 0 0!important;
adding:3px 2px;
border-radius: 4px;
border:solid 1px #c7c7c7;
background-color:#fff;
box-shadow: inset 0 -1px #dfdede;
}
#map_Area #map_Box map a.hovered{
background: #fff!important;
color: #333!important;
box-shadow:0 0 0!important;
}
#map_Box map a:hover{
background-color: #fff!important;
color: #333!important;
text-shadow:none!important;
}
}

/* ----------------------------------------------------------------
.area-select-multiple
----------------------------------------------------------------- */
/* .area-select-multiple-header
----------------------------------------------- */
.area-select-multiple-header{
margin-top: 3px;
padding: 5px 10px;
position: relative;
}

/* .area-select-multiple-hdg
----------------------------------------------- */
#main_Col .area-select-multiple-header .area-select-multiple-hdg{
margin-right: 90px;
width: auto;
height: auto;
text-indent: 0;
font-weight: normal;
font-size: 12px;
}

/* .area-select-multiple-btn
----------------------------------------------- */
.area-select-multiple-header .area-select-multiple-btn{
padding: 2px 0 2px 10px;
position: absolute;
right: 10px;
bottom: 4px;
border: none;
color: #0b41a1;
cursor: pointer;
background: none;
line-height: 1;
outline: none;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
font-size: 11px;
}

.area-select-multiple-header .area-select-multiple-btn:before,
.area-select-multiple-header .area-select-multiple-btn:after{
margin-top: -1px;
position: absolute;
top: 50%;
left: 0;
display: block;
overflow: hidden;
width: 8px;
height: 2px;
content: '';
background-color: #666;
}
.area-select-multiple-header .area-select-multiple-btn:after{
margin-top: -4px;
left: 3px;
width: 2px;
height: 8px;
}

/* .area-select-multiple-item
----------------------------------------------- */
.area-select-multiple-item{
border-top: 1px solid #d3d3d3;
padding: 10px 20px 10px 10px;
position: relative;
}

.area-select-multiple-item-btn{
padding: 0;
border: none;
position: absolute;
top: 0;
right: 0;
width: 15px;
height: 100%;
cursor: pointer;
background: #f0f0f0;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}

.area-select-multiple-item-btn > span{
display: block;
text-indent: -9999px;
}

.area-select-multiple-item-btn:before{
margin: -4px -4px 0 0;
padding: 1px 0 1px 1px;
border-radius: 1px;
color: #fff;
width: 9px;
height: 9px;
box-sizing: border-box;
display: block;
position: absolute;
top: 50%;
right: 50%;
overflow: hidden;
content: "\00d7";
line-height: 8px;
font-size: 8px;
background-color: #919191;
}

/* .active */
.area-select-multiple-item.active:before{
content: "";
display: block;
position: absolute;
top: -1px;
right: 15px;
width: 292px;
height: calc(100% - 2px);
border: 2px solid #efc056;
}

/* .area-select-multiple-path
----------------------------------------------- */
.area-select-multiple-path{
overflow: hidden;
position: relative;
z-index: 1;
font-size: 12px;
}
.area-select-multiple-path >li{
padding-left: 12px;
position: relative;
float: left;
}
.area-select-multiple-path >li:before{
content: ">";
display: block;
position: absolute;
top: 2px;
left: 2px;
font-size: 10px;
line-height: 1;
}
.area-select-multiple-path >li:first-child{
padding-left: 0;
}
.area-select-multiple-path >li:first-child:before{
display: none;
}

.area-select-multiple-path >li:empty:before{
display: none;
}

.area-select-multiple-path .path-hook{
color: #0b41a1;
display: inline-block;
cursor: pointer;
}

/* .area-select-multiple-list
----------------------------------------------- */
.area-select-multiple-list{
margin: 5px 5px 0 10px;
overflow: hidden;
position: relative;
z-index: 1;
font-size: 11px;
}

.area-select-multiple-list > li{
margin: 0 5px 3px 0;
padding-right: 5px;
border-right: 1px solid #ccc;
float: left;
}


/* ----------------------------------------------------------------
#control_Area
 ---------------------------------------------------------------- */
#control_Area{
z-index:550;
position:absolute;
display:inline;
bottom:0;
right:5px;
background-color:#fff;
background:rgba(255,255,255,0.82);
}
#control_Area a{
display:inline-block;
padding:5px 2px 4px 13px;
text-decoration:none;
font-size:12px;
background:url(/map/j_hotel/map_300/images/sprite-map-01.png) 4px -32px no-repeat;
}


/* ----------------------------------------------------------------
#citymodal_Container
 ---------------------------------------------------------------- */
#citymodal_Container{
display:none;
z-index:600;
position:absolute;
top:0;
left:0;
width:300px;
height:210px;
}
#citymodal_Container #citymodal_Overlay{
display:none;
z-index:650;
position:absolute;
top:0;
left:0;
width:300px;
height:210px;
background-color:#fff;
filter:alpha(opacity=40);
opacity: 0.4;
}
#citymodal_Container .citymodal_Content {
z-index:700;
position:absolute;
top:10px;
left:10px;
padding:10px;
width:268px;
height:178px;
border:solid 1px #bdbdbd;
background:url(/map/shared/images/citymodal_bg01_001.png) transparent;
}

 /* .citymodal_Content
----------------------------------------------- */
#citymodal_Container .citymodal_Content dl{
display:block;
padding:0 0 3px;
height:165px;
}
#citymodal_Container .citymodal_Content dt{
display:block;
padding:0 2px 3px 3px;
white-space:nowrap;
font-weight:bold;
}
.kaigai  #citymodal_Container .citymodal_Content dt{
color:#0066cc;
}
.kokunai #citymodal_Container .citymodal_Content dt{
color:#444;
}

#citymodal_Container .citymodal_Content dd{
display:block;
cursor:pointer;
padding:0 2px 0 3px;
line-height:1.4;
white-space:nowrap;
overflow:hidden;
}
#citymodal_Container .citymodal_Content dd.hover,
#citymodal_Container .citymodal_Content dd:hover,
#citymodal_Container .citymodal_Content dd:focus{
background-color:#ffda90;
}
#citymodal_Container .citymodal_Content dd.noItem,
#citymodal_Container .citymodal_Content dd.noItem:hover,
#citymodal_Container .citymodal_Content dd.noItem:focus{
background-color: inherit;;
}
#citymodal_Container .citymodal_Content p{
text-align:right;
}
#citymodal_Container .citymodal_Content p span,
#citymodal_Container .citymodal_Content p a{
padding-left:10px;
font-size:12px;
background:url(/map/j_hotel/map_300/images/sprite-map-01.png) 0 -35px no-repeat;
color: #0b41a1;
}
#citymodal_Container .citymodal_Content label,
#citymodal_Container .citymodal_Content p span,
#citymodal_Container .citymodal_Content p a{
cursor:pointer;
vertical-align:middle;
color:#000099;
text-decoration:underline;
color: #0b41a1;
}
#two_column_right #citymodal_Container .citymodal_Content label a:visited {
color: #0b41a1;
}
#citymodal_Container .citymodal_Content span.number {
vertical-align:baseline;
}
#citymodal_Container .citymodal_Content label.noItem,
#citymodal_Container .citymodal_Content label.noItem span {
color:#666;
text-decoration:none;
}
#citymodal_Container .citymodal_Content label.noItem {
cursor: default;
}
#citymodal_Container .citymodal_Content label.noItem a{
color: #666;
cursor: default;
}
#citymodal_Container .citymodal_Content label.noItem a:hover{
text-decoration: none;
}
#citymodal_Container .citymodal_Content dd img{
vertical-align:middle;
}
#citymodal_Container .citymodal_Content dd input{
margin-top:3px;
vertical-align:middle;
}

#citymodal_Container .citymodal_Content dl dd.selected{
cursor:auto;
}
#citymodal_Container .citymodal_Content dl dd.selected:hover {
background-color:transparent;
}
#citymodal_Container .citymodal_Content dl dd.selected span,
#citymodal_Container .citymodal_Content dl dd span.selected,
#citymodal_Container .citymodal_Content dl dd span.selected span {
cursor:auto; color:#333;
font-weight:bold;
text-decoration:none;
}


/* ----------------------------------------------------------------
#station_Container
 ---------------------------------------------------------------- */
#station_Container {
border-width:0 1px 1px;
border-style: solid;
border-color: #c5c5c5;
padding:10px;
background:#fff;
}

#station_Col{
position:relative;
}

#station_Container #station_Col dl {
margin-top:5px;
line-height:1.2 !important;
}
#station_Container #station_Col dt {
display:inline;
float:left;
width:80px;
font-weight:bold;
margin-bottom:15px;
line-height:1.2 !important;
}
#station_Container #station_Col dd {
display:inline;
float:right;
width:198px;
margin-bottom:15px;
line-height:1.2 !important;
}

#station_Container #station_Col dt {
display:inline;
float:left;
width:68px;
font-weight:bold;
color:#666;
font-size:90%;
padding:.4em 0 0;
}
#station_Container #station_Col dd {
display:inline;
float:right;
width:210px;
}
#station_Container #station_Col dd input {
width:188px;
}

#station_Container #station_Col dt.mainStation,
#station_Container #station_Col dd.mainStation {
display:block;
float:none;
clear:both;
}
#station_Container #station_Col dt.mainStation{
margin-bottom:2px;
width: auto;
display: block;
}

#station_Container #station_Col dd.mainStation {
display: block;
width: auto;
margin-bottom:0;
}

#station_Container #station_Col .mainStation li {
display:inline-block;
font-size:80%;
color:#777;
}
#station_Container #station_Col .mainStation li+li {
border-left:1px solid #999;
padding:.1em .1em 0 .4em;
}
#station_Container #station_Col dd.mainStation div {
margin-top:6px;
padding:4px;
border-spacing:0;
background-color: #fafafa;
border-color: #c7c7c7;
border-radius: 4px;
border-style: solid;
border-width: 1px;
line-height: 1.2;
}
#station_Container #station_Col dd div table {
width:100%;
cellapdding:0;
}
#station_Container #station_Col .mainStation_Box td{
width:33%;
font-size:90%;
}
#station_Container #station_Col .mainStation_Box td a {
background: none;
padding-left:0;
}


/* ----------------------------------------------------------------
.keyword
 ---------------------------------------------------------------- */
.keyword input[type="text"]{
padding:3px;
width: 100%;
box-sizing: border-box;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}
.keyword span{
display:block;
margin-top:5px;
text-align:right;
font-size:12px;
}
.keyword span select{
height:20px;
}


/* ----------------------------------------------------------------
.suggest-area
 ---------------------------------------------------------------- */
.suggest-area{
background:#fff;
border:1px solid #ccc;
border-radius:4px;
position:absolute;
top:25px;
padding:8px;
z-index: 10;
width: 290px;
box-sizing: border-box;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}
.suggest-area dt{
background:#f1f1f1;
display:block!important;
width:auto!important;
float:inherit!important;
clear:both;
padding:4px 4px 1px 4px!important;
line-height:1.4;
color:#333;
margin-bottom:5px!important;
}
.suggest-area dd{
width:auto;
float:inherit;
font-size:12px;
margin-bottom:8px;
display:block;
}
.suggest-area dd li{
padding:2px 0;
margin:4px 0;
}
.suggest-area dd li{
display:block;
padding:2px;
line-height:1.4!important;
color:#333;
}
.suggest-area dd li:hover,
.suggest-area dd li.over{
text-decoration:none;
background:url(/element/shared/images/sprite/sprite-list-01.png) no-repeat #fff8d4;
padding-left:22px;
cursor:pointer;
}
.suggest-area dd.info{
font-size:10px;
padding-top:8px;
border-top:1px solid #ccc;
display:block;
clear:both;
margin-bottom:0;
line-height:1.4!important;
}

.suggest-area dd li{
background:url(/element/shared/images/sprite/sprite-list-01.png) no-repeat;
padding-left:22px;
}
.suggest-area dd li.airport{
background-position: 0 -40px;
}
.suggest-area dd li.station{
background-position: 0 -82px;
}
.suggest-area dd li.spot{
background-position: 0 -121px;
}
.suggest-area dd li.restaurant{
background-position: 0 -160px;
}