@charset "utf-8";

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

/* #map_Box > map
----------------------------------------------- */
#map_Box map div,
#map_Box map a{
color: #666;
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:2;
font-size:11px;
line-height:1.0;
letter-spacing:-.04em;
}
#map_Box map a:active,
#map_Box map a:hover,
#map_Box map a:focus{
text-decoration: none;
}

#map_Box map .noItem{
color:#888;
background:#d8d8d8;
cursor: default;
}
#map_Box map .selected,
#map_Box map .hovered{
border:solid 1px transparent;
border-radius: 4px;
background-color: #ff7800;
box-shadow: inset 0 -1px rgba(4,0,0,.13);
text-shadow:1px 1px 1px rgba(4,0,0,.2);
color:#fff;
}
#map_Box map .quantity {
display:inline;
margin-left:0;
font-size:11px;
vertical-align:middle;
}

#map_Box map input[type="checkbox"]{
display:none;
width:11px;
height:11px;
}
#map_Box map input[type="checkbox"] + span{
display:inline-block;
padding-left:13px;
}
#map_Box map input[type="checkbox"] + span:before{
content:"";
display:block;
position: absolute;
top:50%;
left:2px;
width:9px;
height:9px;
margin-top:-6px;
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;
}


/* ----------------------------------------------------------------
#control_Area
 ---------------------------------------------------------------- */
#control_Area{
z-index:3;
position:absolute;
display:inline;
bottom:0;
right:0;
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 -29px no-repeat;
}


/* ----------------------------------------------------------------
#citymodal_Container
 ---------------------------------------------------------------- */
#citymodal_Container{
display:none;
z-index:3;
position:absolute;
top:0;
left:0;
width:300px;
height:210px;
}
#citymodal_Container #citymodal_Overlay{
display:none;
z-index:4;
position:absolute;
top:0;
left:0;
width:300px;
height:210px;
background-color:#fff;
filter:alpha(opacity=40);
opacity: .4;
}
#citymodal_Container .citymodal_Content {
z-index:700;
position:absolute;
top:5px;
left:5px;
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:160px;
}
#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:focus{
background-color:#ffda90;
}
#citymodal_Container .citymodal_Content p{
text-align:right;
}
#citymodal_Container .citymodal_Content p span{
padding-left:10px;
font-size:12px;
background:url(/map/j_hotel/map_300/images/sprite-map-01.png) 0 -34px no-repeat;
}
#citymodal_Container .citymodal_Content label,
#citymodal_Container .citymodal_Content p span{
cursor:pointer;
vertical-align:middle;
color:var(--cmn-font-color-link);
text-decoration:underline;
}
#citymodal_Container .citymodal_Content span.number {
vertical-align:baseline;
}
#citymodal_Container .citymodal_Content .noItem,
#citymodal_Container .citymodal_Content .noItem a,
#citymodal_Container .citymodal_Content .noItem span {
color:#666;
cursor: default;
text-decoration:none;
}
#citymodal_Container .citymodal_Content dd img{
vertical-align:middle;
}
#citymodal_Container .citymodal_Content dd input{
margin-right: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:var(--cmn-font-color-base);
font-weight:bold;
text-decoration:none;
}