/*__________________ [4] Modal Contents  ___________________*/
/*__________________ [4-1] Item Navigation Fixed ___________*/

div.simplemodal-wrap{
width:552px;
overflow:visible !important;
overflow-x:hidden;
overflow-y:auto;
}
div#overlay,
div.simplemodal-data{
padding:7px;
width:540px;
border-width:0;
background-color:#bdbdbd;
}
div#container div.overlay_wrapper{
padding:0;
width:538px;
}
#container div.overlay_wrapper .item_Navi{
margin:0;
padding:1em 9px;
width:522px;
border-top:solid 1px #bdbdbd;
line-height:1.4;
}
#container div.overlay_wrapper .item_Navi:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
#container div.overlay_wrapper .item_Navi li a{
padding:0 0 0 10px;
background-image:url(/element/shared/images/burette/ar03_b001.gif);
}
div.overlay_wrapper div.item_Area{
overflow:visible;
overflow-x:vibisle;
overflow-y:vibisle;
margin:0 auto;
padding:2px 0 12px 0;
width:538px;
height:auto;
border-right-width:0;
border-bottom-width:1px;
border-bottom-color:#bdbdbd;
border-left-width:0;
border-top-width:0;
}


/*__________________ [4-2] Modal ___________________*/
#container div.overlay_wrapper p.popup_Name{
margin:0;
padding:.4em 0 .4em 10px;
line-height:1.4;
background-color:#f0f0f0;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#bdbdbd;
}
#container div.overlay_wrapper p.popup_Name span{
font-size:120%;
color:#333;
}
#container div.overlay_wrapper p.popup_Name a{
background-image:url(../images/extra_bt02_001.gif);
}


.overlay_wrapper ul{
background-attachment:scroll;
background-clip:border-box;
background-color:transparent;
background-image:url("/element/j_hotel/shared/images/mnav_bt01_001.gif");
background-origin:padding-box;
background-position:left -100px;
background-repeat:repeat-x;
background-size:auto auto;
height:30px;
margin-bottom:0;
margin-right:0;
margin-top:15px;
width:533px;
padding-right:0;
padding-bottom:0;
padding-left:5px;
}
.overlay_wrapper li{
float:left;
height:30px;
padding-bottom:0;
padding-left:5px;
padding-right:0;
padding-top:0;
}
.overlay_wrapper li a,
.overlay_wrapper li b{
background-image:url("/element/j_hotel/shared/images/mnav_bt01_001.gif");
display:block;
font-weight:bold;
height:30px;
line-height:30px;
text-align:center;
white-space:nowrap;
}
.overlay_wrapper li a{
background-position:left -50px;
color:#81651b;
outline-style:none;
outline-width:medium;
padding-bottom:0;
padding-left:7px;
padding-right:0;
padding-top:0;
width:140px;
}
.overlay_wrapper li b{
background-position:right -50px;
color:#81651b;
padding-bottom:0;
padding-left:0;
padding-right:7px;
padding-top:0;
width:133px;
}
.overlay_wrapper li b.link{
color:#666;
}
.overlay_wrapper li a#howtoUse{
width:140px;
}
.overlay_wrapper li a#howtoUse b{
width:140px;
}
.overlay_wrapper li a.selected{
background-position:left 0;
color:#81651b;
}
.overlay_wrapper li a.selected b{
background-position:right 0;
}
.overlay_wrapper li a:hover,
.overlay_wrapper li a:active{
background-position:left 0;
}
.overlay_wrapper li a:hover b,
.overlay_wrapper li a:active b{
background-position:right 0;
cursor:pointer;
color:#81651b;
}



/*__________________ [4-3] Item Table Fixed _______________*/
div.overlay_wrapper div.item_Area table.genreItem_Table{
border-collapse:separate;
width:515px;
line-height:1.2;
border-top-width:1px;
border-top-style:dotted;
border-top-color:#bdbdbd;
margin-top:-4px;
margin-right:11px;
margin-bottom:12px;
margin-left:11px;
border-bottom-style:none;
border-right-style:none;
border-left-style:none;
border-spacing:3px;
}
div.overlay_wrapper div.item_Area table.genreItem_Table.table_top{
border-top:none;
}
div.overlay_wrapper div.item_Area table.genreItem_Table th{
padding:9px 16px 0 0;
border-width:0;
color:#4d4d4d;
text-align:left;
background-color:#fff;
}
div.overlay_wrapper div.item_Area table.genreItem_Table th span{
font-weight:normal;
font-size:80%;
display:block;
color:#666;
margin-bottom:5px;
}
div.overlay_wrapper div.item_Area table.genreItem_Table td{
padding:4px 0 4px 0;
width:259px;
border-width:0;
line-height:1.1;
vertical-align:top;
}
div.overlay_wrapper div.item_Area table.genreItem_Table td.hover,
div.overlay_wrapper div.item_Area table.genreItem_Table td:hover{
background-color:#f2f2f2;
}
div.overlay_wrapper div.item_Area table.genreItem_Table td img{
vertical-align:top;
}
div.overlay_wrapper div.item_Area table.genreItem_Table td span.info-text-pet{
font-size:11px;
font-weight:normal;
padding-left:17px;
display:block;
line-height:1.2;
margin-top:4px;
}


div.overlay_wrapper div.item_Area .conditionExplain_Txt{
width:508px;
border-bottom:solid 1px #eee9d6;
line-height:1.3;
color:#666;
background-color:#f8f3e6;
margin-bottom:10px;
margin-top:-2px;
padding:10px 15px 10px 15px;
}
div.overlay_wrapper div.item_Area input[type="checkbox"],
div.overlay_wrapper div.item_Area input[type="radio"],
div.overlay_wrapper div.item_Area input{
margin:0 3px 0 0;
padding:0;
vertical-align:middle;
}


div.overlay_wrapper div.item_Area table.genreItem_Table td span.vendor_Img{
display:inline-block;
margin:0 3px 0 0;
width:51px;
height:17px;
border:solid 1px #c4c4c4;
text-align:center;
vertical-align:middle;
background-color:#fff;
}
div.overlay_wrapper div.item_Area table.genreItem_Table td span.vendor_Img img{
margin:0;
vertical-align:top;
}

div.overlay_wrapper div.item_Area p.extension{
margin-left:13px;
padding-bottom:2px;
padding-left:0;
padding-right:0;
padding-top:.5em;
}
div.overlay_wrapper div.item_Area p.extension a,
div.overlay_wrapper div.item_Area p.extension span{
background-image:url("../../shared/images/filter_bt03_001.gif");
background-repeat:no-repeat;
cursor:pointer;
display:inline-block;
height:23px;
line-height:23px;
}
div.overlay_wrapper div.item_Area p.extension a{
background-position:left center;
padding-bottom:0;
padding-left:18px;
padding-right:0;
padding-top:0;
}
div.overlay_wrapper div.item_Area p.extension a:link,
div.overlay_wrapper div.item_Area p.extension a:visited{
color:#0b41a1;
}
div.overlay_wrapper div.item_Area p.extension span{
background-position:right top;
padding-bottom:0;
padding-left:0;
padding-right:.8em;
padding-top:0;
}

* html div.overlay_wrapper div.item_Area input{
width:1em;
height:1em;
}
*:first-child + html div.overlay_wrapper div.item_Area input[type="checkbox"]{
width:1em;
height:1em;
}
*:first-child + html div.overlay_wrapper div.item_Area input[type="radio"]{
width:1em;
height:1em;
}





/*__________________ [4-4] Vendor Table Fixed _______________*/
div.overlay_wrapper div.item_Area table.vendorList_Table{
border-collapse:separate;
border-spacing:3px;
margin:0 0 1em 0;
width:532px;
border-width:0;
line-height:1.2;
background-color:#fff;
}
div.overlay_wrapper div.item_Area table.vendorList_Table img{
vertical-align:middle;
}
div.overlay_wrapper div.item_Area table.vendorList_Table th{
padding:5px 20px 5px 5px;
border-width:0;
text-align:left;
color:#666;
background-color:#fff;
}
div.overlay_wrapper div.item_Area table.vendorList_Table td{
padding:5px 20px 5px 5px;
width:241px;
border-width:0;
line-height:1.1;
vertical-align:top;
}
div.overlay_wrapper div.item_Area table.vendorList_Table td.hover,
div.overlay_wrapper div.item_Area table.vendorList_Table td:hover{
background-color:#f2f2f2;
}
div.overlay_wrapper div.item_Area table.vendorList_Table td span.vendor_Img{
display:inline-block;
margin:0 3px 0 0;
width:60px;
height:21px;
line-height:21px;
border:solid 1px #c4c4c4;
text-align:center;
vertical-align:middle;
background-color:#fff;
}
div.overlay_wrapper div.item_Area table.vendorList_Table td span.vendor_Img img{
margin:0;
vertical-align:top;
}
div.overlay_wrapper div.item_Area table.vendorList_Table input{
vertical-align:middle;
}
* html div.overlay_wrapper .vendorList_Table input{
width:1em;
height:1em;
}

#container div.overlay_wrapper div.item_Area td.disabled{
color:#999;
}
#container div.overlay_wrapper div.item_Area td.disabled img{
filter:alpha(opacity=45);
-moz-opacity:.45;
opacity:.45;
}


/*__________________ [4-5] Submit Area (ordinal -> [1-5] ) _______________*/
div.overlay_wrapper .submit_Area{
clear:both;
margin:-1px auto 0 auto;
width:512px;
}
* html div.overlay_wrapper .submit_Area{
margin:-1px auto 15px auto;
}
div.overlay_wrapper .submit_Area p{
width:512px;
line-height:1.2;
font-weight:bold;
text-align:center;
background:url(../../shared/images/extra_bg01_001.gif) no-repeat center top;
}
div.overlay_wrapper .submit_Area .number{
display:block;
padding:12px 10px .2em 20px;
width:482px;
height:30px;
line-height:30px;
font-size:120%;
}
div.overlay_wrapper .submit_Area .number b{
white-space:nowrap;
}
div.overlay_wrapper .submit_Area .number span{
clear:none;
display:inline-block;
padding:0;
vertical-align:baseline;
}
#container div.overlay_wrapper .loading .number span{
white-space:nowrap;
background:url(/element/j_hotel/shared/images/load.gif) no-repeat 30px center;
}
div.overlay_wrapper .submit_Area .number span input{
display:none;
}
div.overlay_wrapper .submit_Area .number em{
padding:0 .5em 0 .8em;
font:bold 110% verdana;
color:#f00;
}
div.overlay_wrapper .submit_Area .number input{
vertical-align:top;
}

div.overlay_wrapper .submit_Area .button{
display:block;
padding:.2em 0 0 4px;
width:508px;
height:40px;
line-height:40px;
}
div.overlay_wrapper .submit_Area .button input{
margin:3px 0 0 0;
}



/*_________ [4-6] Google Map Modal Extended_________*/
div#gmapmodal-container{
padding:0;
width:722px;
}
div#gmapmodal-container:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
div#gmapmodal-container div#overlay,
div#gmapmodal-container div.simplemodal-data,
div#gmapmodal-container div.overlay_wrapper{
width:722px;
}
* html div#gmapmodal-container div.overlay_wrapper{
padding:0 0 40px 0;
}
div#gmapmodal-container div.popup_Name{
border-bottom:solid 1px #bdbdbd;
}

#hotelMap_Box{
float:left;
padding:10px;
width:400px;
}
#map_canvas{
overflow:hidden;
margin:0 0 10px 0;
width:400px;
height:275px;
}

#googleMapRoute{
width:400px;
border-style:solid;
border-color:#bdbdbd;
border-width:1px 0;
line-height:1.2;
}
#googleMapRoute div{
padding:6px 10px 6px 10px;
border-style:solid;
border-color:#fff;
border-width:1px 0;
background-color:#f7f7f7;
}
#googleMapRoute div:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
#googleMapRoute .routeDecision_List{
float:left;
width:285px;
}
#googleMapRoute .routeDecision_List dt{
margin:0 0 .5em 0;
font-weight:bold;
}
#googleMapRoute .routeDecision_List dl{
float:left;
line-height:1.5;
}
#googleMapRoute .routeDecision_List dl dt{
clear:both;
float:left;
margin:0 0 .3em 0;
width:65px;
height:1.5em;
font-weight:normal;
}
#googleMapRoute .routeDecision_List dl dd{
float:left;
margin:0 0 .3em 0;
width:210px;
}
#googleMapRoute .routeDecision_List dl dd.transport{
width:auto;
}
#googleMapRoute .routeDecision_List dl dd input{
vertical-align:middle;
}
#googleMapRoute .routeDecision_List dl dd.departure input{
width:205px;
}
#googleMapRoute p{
overflow: hidden;
}
#googleMapRoute p a{
display: block;
margin-top: 19px;
padding: 7px 10px 4px;
border-radius: 5px;
background-color: #70bc00;
background-image: -webkit-linear-gradient(bottom, #377301, #5c9f01 9%, #6ebd00);
background-image: linear-gradient(to top, #377301, #5c9f01 9%, #6ebd00);
color: #fff;
border: 0;
font-size: 15px;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(59,111,0,.7);
text-decoration: none;
text-align: center;
}

#mapFloatingWindow{
position:absolute;
z-index:10000;
bottom:6px;
left:50%;
margin:0 0 0 -135px;
padding:5px;
width:260px;
min-height:20px;
height:auto !important;
height:20px;
line-height:20px;
border:2px solid #999;
text-align:center;
background-color:#fff;
}
#mapFloatingWindow b{
color:#666;
}

.overlay_wrapper .itemInfo_Box{
overflow-x:hidden;
overflow-y:visible;
display:inline;
float:right;
margin:10px 10px 10px 0;
padding:0 18px 0 0;
width:274px;
}
.overlay_wrapper .itemInfo_Box strong{
display:block;
padding:0 0 .2em 0;
border-bottom:solid 1px #c9c9c9;
font-weight:bold;
font-size:120%;
}
.overlay_wrapper .itemInfo_Box dl{
margin:.8em 0 0 0;
}
.overlay_wrapper .itemInfo_Box dt{
margin:0 0 .3em 0;
font-weight:bold;
}
.overlay_wrapper .itemInfo_Box dd{
margin:0 0 .3em 0;
padding:0 0 .3em 0;
border-bottom:dotted 1px #c7c7c7;
}

/* cmn-modal-item > table_base
------------------------------------------------ */
.cmn-modal-item >:first-child{
margin-top: 0;
}
.cmn-modal-item .table_base{
width: 100%;
margin-bottom: 10px;
table-layout: fixed;
border-collapse: collapse;
border:none;
}
.cmn-modal-item .table_base th,
.cmn-modal-item .table_base td{
border: none;
}
.cmn-modal-item .table_base th{
text-align: left;
padding:2px 5px 1px;
font-size:15px;
background-color: #f1f1f1;
}
.cmn-modal-item .table_base th span{
display: block;
margin:0 -5px -5px;
padding:10px;
background-color: #fff;
font-size:9px;
font-weight: normal;
}
.cmn-modal-item .table_base td{
width:50%;
}
.cmn-modal-item .table_base td.disabled{
opacity: .5;
}
.cmn-modal-item .table_base input[type="checkbox"]{
position: relative;
bottom:-2px;
}
.cmn-modal-item .table_base .vendor_Img{
display: inline-block;
border:1px solid #c4c4c4;;
width: 51px;
height: 17px;
text-align: center;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 3px;
}
.cmn-modal-item .table_base .vendor_Img img{
vertical-align: middle;
max-width: 51px;
height: 17px;
}
.cmn-modal-item .table_base .info-text-pet{
display: block;
font-size:12px;
padding: 5px 0 0 20px;
}

/* cmn-modal-item > itemInfo_Box
------------------------------------------------ */
.cmn-modal-item .itemInfo_Box{
overflow: hidden;
}
.cmn-modal-item .itemInfo_Box p{
margin-bottom: 10px;
border-bottom: 1px solid #c9c9c9;
font-size:15px;
}
.cmn-modal-item .itemInfo_Box dt{
font-size:12px;
font-weight: bold;
color:#666;
}
.cmn-modal-item .itemInfo_Box dd{
margin-bottom: 5px;
border-bottom: 1px solid #c9c9c9;
}
.cmn-modal-item .itemInfo_Box dd:last-child{
border-bottom: none;
}