@charset "utf-8";
/*____________ [0] Prepareing  __________*/
#header_column{
position:relative;
z-index:200;
}
#container #two_column_right #add_Col{
margin:0;
padding:0 0 15px 0;
background-color:#ffffff;
}
#add_Col p#jhotel_Intro_Txt{
width:960px;
height:49px;
text-indent:-9999px;
background:url(../../shared/images/title_tx01_001.gif) no-repeat left top;
}
#container #two_column_right #add_Col{
margin:0;
padding:8px 0 20px 0;
background-color:#ffffff;
}
#container #two_column_right #add_Col:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#add_Col h3,
#add_Col p{
float:left;
width:200px;
text-indent:-9999px;
background-image:url(../../shared/images/title_tx01_001.gif);
background-repeat:no-repeat;
}
#add_Col h3{
height:20px;
background-position:left 0px;
}
#add_Col p{
height:29px;
background-position:left -20px;
}
#add_Col ul{
position:relative;
float:right;
width:760px;
height:49px;
background:url(../../shared/images/title_tx01_001.gif) no-repeat right top;
}
#add_Col li{
position:absolute;
display:block;
text-indent:-9999px;
overflow:hidden;
}
#add_Col li a{
display:block;
height:100%;
}
#add_Col li.jalan{
top:5px;
left:20px;
width:60px;
height:35px;
}
#add_Col li.rakuten{
top:5px;
left:79px;
width:63px;
height:35px;
}
#add_Col li.jtb{
top:5px;
left:142px;
width:40px;
height:35px;
}
#add_Col li.rurubu{
top:5px;
left:183px;
width:82px;
height:35px;
}
#add_Col li.ikyu{
top:5px;
left:266px;
width:74px;
height:35px;
}
#add_Col li.kintsu{
top:5px;
left:340px;
width:60px;
height:35px;
}
#add_Col li.nta{
top:10px;
left:404px;
width:41px;
height:30px;
}
#add_Col li.yadoplaza{
top:10px;
left:447px;
width:50px;
height:30px;
}
#add_Col li.hankyu{
top:10px;
left:500px;
width:60px;
height:30px;
}
#add_Col li.toptour{
top:10px;
left:560px;
width:33px;
height:30px;
}
#add_Col li.meitetsu{
top:10px;
left:593px;
width:65px;
height:30px;
}
#main_Col{
position:relative;
z-index:1;
}
/*____________ [0] For Map Image doesn't found ______________*/
div#container #header_column #pradBlock{
padding:0 0 7px 30px;
}
div#container #main_Col{
margin:0;
padding:0;
font-family:var(--cmn-font-family);
}
/*_______________ [1] Re-Search Form Area ____________*/
#form_Col{
margin:0 0 0px 0;
width:728px;
border:solid 1px #d8d8d8;
background-color:#f7f7f7;
}
/*________________ [1-0] General Settings -> input[type="checkbox"], input[type="radio"] __________________*/
#form_Col input[type="checkbox"],
#form_Col input[type="radio"],
#form_Col input.choiceItem{
margin:0 3px 3px 0;
padding:0;
vertical-align:middle;
}
* html #form_Col input.choiceItem{
width:1em;
height:1em;
}
*:first-child+html #form_Col input[type="checkbox"]{
width:1em;
height:1em;
}
*:first-child+html #form_Col input[type="radio"]{
width:1em;
height:1em;
}
/*________________ [1-0] General Settings -> display:table __________________*/
#form_Col .table{
display:table;
background-color:#e1e1df;
}
#form_Col .cell{
display:table-cell;
vertical-align:middle;
}
#form_Col .terms{
width:35px;
font-size:80%;
}
#form_Col .data{
background-color:#f7f7f7;
margin:-10px 0 0 0;
}
* html #form_Col .table{
overflow-y:hidden;
}
* html #form_Col .cell{
display:inline;
zoom:1;
}
* html #form_Col .data{
margin:-1px 0 0 0;
}
*:first-child+html #form_Col .table{
overflow-y:hidden;
}
*:first-child+html #form_Col .cell{
display:inline;
zoom:1;
}
*:first-child+html #form_Col .data{
margin:-1px 0 0 0;
}
/*________________ [1-0] General Settings -> Default Form Style _________________*/
#form_Col .terms p{
position:relative;
display:inline-block;
width:35px;
text-indent:-9999px;
background-image:url(../../shared/images/form_tx01_001.gif);
}
#form_Col .data dt{
clear:both;
display:inline;
float:left;
width:60px;
font-size:80%;
color:#333333;
line-height:1.0;
}
#form_Col .data dt img{
cursor:pointer;
margin:0 0 0 3px;
vertical-align:text-top;
}
#form_Col .data dd{
float:left;
line-height:1.0;
}
#form_Col .data dd img{
vertical-align:middle;
}
#form_Col .data dd label{
margin:0 0.4em 0 0;
}
#form_Col .data dd select{
margin:0 3px 0 0;
}
/*_______________ [1-1] Destination Filter __________________*/
#destination_Area{
margin:7px 7px 0 11px;
padding:0;
width:710px;
}
#destination_Area .terms p{
height:10px;
background-position:left top;
}
#destination_Area .data{
padding:0 0 0 5px;
width:670px;
}
#destination_Area .data dt{
padding:0.6em 3px 0.6em 0;
}
#destination_Area .data dd{
padding:0.375em 134px 0.375em 0;
width:471px;
}
/*_______________ [1-2] Basic Search Filter __________________*/
#filter_Area{
clear:both;
padding:0 11px;
width:706px;
line-height:1.2;
}
#mainFilter_Area{
float:left;
width:389px;
}
#mainFilter_Area #roomFilter_Box{
margin:6px 0 0 0;
width:389px;
}
#mainFilter_Area #hotelFilter_Box{
margin:6px 0;
width:389px;
}
#mainFilter_Area .data{
padding:0 0 0 5px;
width:349px;
}
#mainFilter_Area #roomFilter_Box .terms p{
height:22px;
background-position:left -25px;
}
#mainFilter_Area #hotelFilter_Box .terms p{
height:22px;
background-position:left -50px;
}
#mainFilter_Area .data dt{
clear:both;
padding:0.9em 3px 0.9em 0;
}
#mainFilter_Area .data dt.hotelEvaluation{
letter-spacing:-1px;
}
#mainFilter_Area .data dd{
padding:0.3em 0;
width:285px;
}
#mainFilter_Area .data dd.budget select{
width:75px;
}
#mainFilter_Area .data dd.numbers{
position:relative;
min-height:2.4em;
height:auto !important;
height:2.4em;
}
#mainFilter_Area .data dd.numbers a{
margin:0 0 0 0.4em;
font-size:80%;
}
#mainFilter_Area .data dd.roomType select{
width:115px;
margin:0;
}
#mainFilter_Area .data dd.roomType input[type="radio"]{
margin:0 1px 3px 4px;
}
#mainFilter_Area .data dd.roomType label{
margin:0;
}
#mainFilter_Area .data dd.meal select,
#mainFilter_Area .data dd.hotelType select,
#mainFilter_Area .data dd.hotelGrade select,
#mainFilter_Area .data dd.hotelEvaluation select{
width:191px;
}
.childExtension{
display:inline-block;
*display:inline;
*zoom:1;
width:120px;
position:absolute;
right:0px;
}
.childExtension a:link,
.childExtension a:visited{
color:#000099;
}
.childExtension a:hover,
.childExtension a:active{
color:#FF0000;
}
.childExtension a:hover span,
.childExtension a:active span{
text-decoration:underline;
}
.childExtension a,
.childExtension a span{
background-image:url("/element/j_hotel/shared/images/child_bt01_001.gif");
background-repeat:no-repeat;
cursor:pointer;
display:inline-block;
*display:inline;
*zoom:1;
height:20px;
line-height:20px;
background-position:right top;
padding:0 0.1em 0 0;
}
.childExtension a{
background-position:left center;
padding:0 0 0 22px;
}
.numbers .opened a,
.numbers .opened a span{
background-image:url("/element/j_hotel/shared/images/child_bt01_002.gif");
}
#childSelect_Area{
clear:both;
background:#efefef;
}
#childSelect_Area table{
margin-top:7px;
width:100%;
width:285px !important;
}
#childSelect_Area span{
font-size:80%;
letter-spacing:-0.1em;
}
#childSelect_Area th{
text-align:right;
font-weight:normal;
font-size:11px;
white-space:nowrap;
}
#childSelect_Area td{
white-space:nowrap;
}
#childSelect_Area td select{
width:33px;
}
#childSelect_Area p{
padding:2px 0;
}
#childSelect_Area p a{
background:url("/element/j_hotel/shared/images/ar03_w002.gif") no-repeat left center;
padding-left:7px;
}
#childSelect_Area .childTxt{
margin:0 0.4em;
padding:0 0 5px 0;
font-size:80%;
text-indent:-1em;
padding-left:1em;
}

/*________________ [1-3] Valuable Price Calendar _____________________*/
#filter_Area #searchAssist_Box{
margin-top:7px !important;
}

/*________________ [1-4] Keyword Filter Area ________________*/
#keywordFilter_Area{
clear:both;
margin:0 0 6px 0;
width:706px;
line-height:1.2;
}
#keywordFilter_Area .terms p{
height:10px;
background-position:left -76px;
}
#keywordFilter_Area .data{
padding:0 0 0 5px;
width:666px;
}
#keywordFilter_Area .data dl{
width:653px;
}
#keywordFilter_Area .data dt{
display:none;
padding:0.6em 3px 0.6em 0;
}
#keywordFilter_Area .data dd{
padding:0 5px 0 0;
width:648px;
}
#keywordFilter_Area .data dd.keyword .fw_Txt{
width:250px;
}
#keywordFilter_Area .data dd.keyword span{
display:block;
padding:5px 0 0;
font-size:80%;
line-height:1;
text-align:left;
}
.suggest{
position:absolute;
background-color:#FFFFFF;
border:1px solid #CCCCFF;
font-size:90%;
width:200px;
line-height:1.2em;
}
.suggest div{
display:block;
width:200px;
overflow:hidden;
white-space:nowrap;
}
.suggest div.select{
background-color:#3366FF;
color:#FFFFFF;
}
.suggest div.over{
background-color:#99CCFF;
}
/*__________________ [1-5] extraFilter_Area   ____________________*/
/*__________________ [1-5-1] basical settings  ____________________*/
#extraFilter_Area{
clear:both;
margin:9px 0;
width:706px;
background-color:transparent;
background-image:url(/element/j_hotel/shared/images/filter_bg01_001.gif);
background-repeat:repeat-y;
background-position:363px top;
}
#extraFilter_Area #narrowdownFilter_Box{
float:left;
position:relative;
width:355px;
}
#extraFilter_Area #vendorFilter_Box{
float:right;
position:relative;
width:330px;
}
/*__________________ [1-5-2] Norrow Down settings _______________________*/
#extraFilter_Area .narrowdown_List dt{
position:relative;
display:block;
padding:0 0 6px 0;
font-size:80%;
color:#333333;
}
#extraFilter_Area .narrowdown_List dt img{
cursor:pointer;
margin:0 0 0 2px;
vertical-align:text-top;
}
#extraFilter_Area .narrowdown_List dt .clearBtn{
position:absolute;
right:2px;
top:-5px;
display:inline-block;
padding:20px 0 0 0;
width:74px;
height:0;
overflow:hidden;
vertical-align:middle;
background:url(../../shared/images/filter_bt02_001.png) no-repeat 0 0;
line-height:2;
}
#extraFilter_Area .restricted dt .clearBtn{
background-position:0 -25px;
outline:none;
cursor:default;
}
#extraFilter_Area .narrowdown_List dt span{
margin:0 0 0 2em;
color:#333333;
}
#extraFilter_Area .narrowdown_List .extension{
padding:6px 0 2px 0;
}
#extraFilter_Area .narrowdown_List .extension a, #extraFilter_Area .narrowdown_List .extension span{
cursor:pointer;
display:inline-block;
height:23px;
line-height:23px;
background-image:url(../../shared/images/filter_bt03_001.gif);
background-repeat:no-repeat;
}
#extraFilter_Area .narrowdown_List .extension a{
padding:0 0 0 7px;
background-position:left center;
}
#extraFilter_Area .narrowdown_List .extension a:link, #extraFilter_Area .narrowdown_List .extension a:visited{
color:#0b41a1;
}
#extraFilter_Area .narrowdown_List .extension span{
padding:0 0.8em 0 0;
background-position:right top;
}
#extraFilter_Area .narrowdown_Filter:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#extraFilter_Area .narrowdown_Filter li{
width:68px;
cursor:pointer;
display:inline;
float:left;
margin:0 3px 0 0;
font-size:80%;
text-align:center;
letter-spacing:-1px;
color:#444444;
}
#extraFilter_Area #narrowdownFilter_Box li.plan{
background:url(../../shared/images/filter_bt01_plan001.gif) no-repeat 0 -100px;
}
#extraFilter_Area #narrowdownFilter_Box li.facilities{
background:url(../../shared/images/filter_bt01_facilities001.gif) no-repeat 0 -100px;
}
#extraFilter_Area #vendorFilter_Box ul#agentCondition_Area li{
width:63px;
background:url(../../shared/images/filter_bt01_agent001.gif) no-repeat 0 -100px;
}
#extraFilter_Area #narrowdownFilter_Box .narrowdown_Filter li.plan{
padding:15px 0 0 0;
height:30px;
line-height:1.2;
}
#extraFilter_Area #narrowdownFilter_Box .narrowdown_Filter > li.plan{
min-height:30px;
height:auto;
}
#extraFilter_Area #narrowdownFilter_Box .narrowdown_Filter li.facilities{
padding:15px 0 0 0;
height:30px;
line-height:1.2;
}
#extraFilter_Area #narrowdownFilter_Box .narrowdown_Filter > li.facilities{
min-height:30px;
height:auto;
}
#extraFilter_Area #vendorFilter_Box .narrowdown_Filter li{
padding:5px 0 0 0;
height:41px;
line-height:1.0;
}
#extraFilter_Area #vendorFilter_Box .narrowdown_Filter > li{
min-height:40px;
height:auto;
}
#form_Col #filter_Area #extraFilter_Area .narrowdown_Filter li:hover{
background-position:0 -50px;
color:#444444;
}
#form_Col #filter_Area #extraFilter_Area .narrowdown_Filter li.selected, #form_Col #filter_Area #extraFilter_Area .narrowdown_Filter li.selected:hover{
background-position:0 0;
color:#444444;
}
#form_Col #filter_Area #extraFilter_Area .narrowdown_Filter li.restricted, #form_Col #filter_Area #extraFilter_Area .narrowdown_Filter li.restricted:hover{
cursor:text;
color:#cccccc;
background-position:0 -150px;
}
#form_Col #filter_Area #extraFilter_Area .narrowdown_Filter li span.count{
line-height:1.0;
letter-spacing:0;
}
#form_Col #filter_Area #extraFilter_Area .narrowdown_Filter li span.vendor_Img{
display:inline-block;
width:51px;
height:17px;
border:solid 1px #c4c4c4;
background-color:#ffffff;
margin-bottom:3px;
}
#form_Col #filter_Area #extraFilter_Area .narrowdown_Filter li.restricted span.vendor_Img{
border:solid 1px #f2f2f2;
}
#form_Col #filter_Area #extraFilter_Area .narrowdown_Filter li span img{
vertical-align:middle;
}
#form_Col #filter_Area #extraFilter_Area .narrowdown_Filter li.restricted span img{
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:0.4;
}
/*__________________ [1-5-3] specified settings _______________________*/
#extraFilter_Area .specified_Area{
clear:both;
padding:6px 0 3px 0;
}
#narrowdownFilter_Box .specified_Area{
width:352px;
}
#vendorFilter_Box .specified_Area{
width:327px;
}
#extraFilter_Area .specified_Area ul{
padding:4px 6px;
background-color:#fbe9bb;
}
#extraFilter_Area .specified_Area li{
display:inline;
padding:0 0.3em 0 0;
}
#extraFilter_Area .specified_Area li span{
cursor:pointer;
display:inline-block;
padding:0 0.3em 0.15em 0.3em;
vertical-align:middle;
}
#extraFilter_Area .specified_Area li.hover span,
#extraFilter_Area .specified_Area li:hover span{
background-color:#FCF0D6;
}
#extraFilter_Area .specified_Area li img,
#extraFilter_Area .specified_Area p img{
cursor:pointer;
vertical-align:middle;
}
#extraFilter_Area .specified_Area .deleteAddCondition,
#extraFilter_Area .specified_Area .deleteAddAgent{
margin:0 0 0 2px;
display:inline-block;
padding:11px 0 0 0;
width:11px;
height:0;
overflow:hidden;
vertical-align:middle;
background:url(../../shared/images/filter_bt02_001.png) no-repeat 0 -50px;
}
/*__________________ [1-6] Terms Initialize Box _____________________*/
#formInitialize_Box{
position:absolute;
z-index:400;
top:8px;
right:11px;
clear:both;
width:124px;
height:20px;
}
#formInitialize_Box p{
}
#formInitialize_Box a{
overflow:hidden;
display:block;
width:124px;
height:20px;
text-indent:-9999px;
background:url(/element/j_hotel/shared/images/filter_bt04_001.gif) no-repeat left top;
}
#formInitialize_Box a:hover,
#formInitialize_Box a:active{
background-position:left bottom;
}
/*__________________ [1-7]   Submit Button Area ____________________*/
/*__________________ [1-7-1] Default Layout     ____________________*/
#submit_Area{
clear:both;
padding:7px 9px 6px 9px;
width:710px;
background:url(/element/j_hotel/shared/images/filter_bg01_003.gif) no-repeat center top #ffffff;
}
#submit_Area div.announce{
float:right;
padding:3px 0 0.4em 0;
width:223px;
font-weight:bold;
white-space:nowrap;
}
#submit_Area div.announce img{
margin:0 3px 0 0;
}
#submit_Area p{
padding:3px 0 0 0;
width:710px;
line-height:1.2;
font-weight:bold;
}
#submit_Area .number{
clear:both;
float:left;
display:inline;
padding:0 20px 0 0;
width:363px;
height:34px;
line-height:34px;
vertical-align:middle;
font-size:120%;
text-align:right;
color:#4b4b4b;
}
#submit_Area .number b{
white-space:nowrap;
}
#submit_Area .number span{
clear:none;
display:inline-block;
padding:0;
height:31px;
vertical-align:baseline;
}
#submit_Area .number span input{
display:none;
}
#submit_Area .number em{
display:inline-block;
padding:0 0.5em 0 0.7em;
width:4.5em;
font-size:120%;
font-family:verdana;
color:#E30707;
}
#submit_Area .number input{
vertical-align:top;
}
#submit_Area .button{
float:right;
padding:0 65px;
background:url(../../shared/images/submit_bg01_w001.gif) no-repeat left center;
}
/*__________________ [1-7-2] Loading State ____________________*/
#container #filter_Area .loading .number span{
padding:0 0 0 40px;
height:31px;
line-height:31px;
white-space:nowrap;
background:url(/element/j_hotel/shared/images/load.gif) no-repeat 30px center;
}
/*__________________ [2'] PR Text Area _________________________*/
#main_Col #prText_Table{
clear:both;
margin:0 auto;
}
#main_Col #prText_Table td{
text-align:left;
}
#main_Col #prText_Table p{
font-size:small;
text-align:left;
line-height:1.4em;
}
#main_Col #prText_Table p a{
padding:0 0 0 28px;
font-size:small;
font-weight:bold;
}
#main_Col #prText_Table p.check a{
background:url(/element/shared/images/icon/promo_ic01_001.gif) no-repeat left center;
}
#main_Col #prText_Table p.info a{
background:url(/element/shared/images/icon/promo_ic01_002.gif) no-repeat left center;
}
#main_Col #prText_Table p.new a{
background:url(/element/shared/images/icon/promo_ic01_003.gif) no-repeat left center;
}
#main_Col #prText_Table p.pr a{
background:url(/element/shared/images/icon/promo_ic01_004.gif) no-repeat left center;
}
#main_Col #prText_Table p.tieup a{
background:url(/element/shared/images/icon/promo_ic01_005.gif) no-repeat left center;
}
/*_________________ [2] Selector Area ____________________*/
#container #main_Col #upper_Navi{
margin:18px 0 12px;
padding:0;
background-image:none;
}
#container #main_Col #upper_Navi dt{
padding:0.1em 0.7em 0 0;
line-height:1.4;
color:#666666;
background-image:none;
}
#container #upper_Navi #sort_Navi dd{
padding:0.1em 0.5em 0 0;
}
#container #upper_Navi #sort_Navi dd+dd{
padding:0.1em 0.4em 0 0.6em;
border-left:solid 1px #999999;
}
#container #upper_Navi #sort_Navi dd:last-child{
width:310px;
text-align:left;
}
#container #upper_Navi #sort_Navi dd a{
margin:0;
white-space:initial;
word-wrap:break-word;
text-align:left;
}
#container #upper_Navi #sort_Navi a+a{
padding:0.1em 0.4em 0 0.4em;
border-left:solid 1px #acacac;
margin:0 0 0 -0.4em;
}
#container #upper_Navi #sort_Navi dd em{
display:inline-block;
margin:0;
padding:0 0 1px 0;
color:#666666;
background-color:transparent;
}
#container #upper_Navi #sort_Navi dd em+a,
#container #upper_Navi #sort_Navi dd a+a,
#container #upper_Navi #sort_Navi dd a+em{
display:inline-block;
margin:0;
padding:0 0 0 0.3em;
border-left:solid 1px #c8c8c8;
}
#container #upper_Navi div.planNavi{
padding:8px 0 0 0;
color:#666666;
}
#container #upper_Navi div.planNavi:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#container #upper_Navi div.planNavi p{
font-weight:bold;
}
#container #upper_Navi div.planNavi p b{
color:#E30707;
}
#container #upper_Navi div.planNavi p span{
font-size:120%;
}
#container #main_Col div.contentsViewer div.planNavi p.pagination{
font-weight:normal;
margin-top:5px;
}
#container #main_Col div.contentsViewer div.planNavi p.pagination em{
border-color:#eaeaea;
color:#666666;
background-color:#eaeaea;
}
#container #main_Col .modified_Txt{
text-align:right;
color:#666666;
}
#container #main_Col #explain_Area{
clear:both;
overflow:hidden;
margin:1.2em 0;
padding:0;
width:728px;
border:solid 1px #bdbdbd;
background-image:none;
}
#container #main_Col #explain_Area h4{
margin:1px;
padding:0.5em 0 0.5em 6px;
width:720px;
height:auto;
line-height:1.0;
font-size:80%;
font-weight:bold;
background-color:#e9e5e6;
background-image:none;
}
#container #main_Col #explain_Area table{
border-collapse:collapse;
margin:0 0 0 -1px;
width:728px;
border-top:solid 1px #bdbdbd;
background-image:none;
}
#container #main_Col #explain_Area th{
background:url(../../shared/images/explain_bg01_001.gif) repeat-y left top;
}
#container #main_Col #explain_Area td{
padding:5px 5px 5px 2px;
line-height:1.3;
font-size:80%;
color:#5a5a5a;
background-image:none;
}
#lowerNavi .planNavi p b{
color:#e50706;
font-weight:bold;
}
/*________________ [3] Item List Area ____________________*/
#list_Col{
clear:both;
width:730px;
}
#list_Col .item_Area{
width:726px;
}
/*________________ [3-1] Hotel Data _________________*/
#list_Col .hotelData_Area{
float:left;
width:710px;
padding:14px 9px 11px 9px;
border-width:3px 1px 0 1px;
border-color:#b3b3b3;
border-style:solid;
background-color:#fafafa;
}
#list_Col .hotelFigure_Area{
float:left;
width:200px;
}
#list_Col .hotelFigure_Area img{
vertical-align:top;
}
#list_Col .hotelFigure_Area p.informer{
padding:3px 0 0 0;
font-size:80%;
color:#777;
}
#list_Col .hotelData_Box{
color:#555555;
}
#list_Col .hotelData_Box{
float:right;
width:498px;
position:relative;
}
#list_Col .hotelData_Box h3{
float:right;
width:498px;
font-size:18px;
box-sizing:border-box;
padding-right:80px;
}
#list_Col .hotelData_Box p{
float:right;
padding:0.7em 0;
width:498px;
line-height:1.2;
word-wrap:break-word;
}
* html #list_Col .hotelData_Box p{
overflow:hidden;
}
*:first-child+html #list_Col .hotelData_Box p{
overflow:hidden;
}
#list_Col .hotelData_Box p .mark{
padding:0 0.2em;
background-color:#FFCA5E;
}
#list_Col .hotelData_Box .access_List{
float:left;
width:258px;
}

#list_Col .hotelData_Box .access_List dt.area,
#list_Col .hotelData_Box .access_List dt.access,
#list_Col .hotelData_Box .access_List dt.hotellink{
clear:both;
float:left;
position:relative;
width:48px;
padding:2px 0 0 0;
font-size:11px;
line-height:1.2;
}
#list_Col .hotelData_Box .access_List dt.area:after,
#list_Col .hotelData_Box .access_List dt.access:after,
#list_Col .hotelData_Box .access_List dt.hotellink:after{
content:':';
position:absolute;
display:block;
right:0;
top:0;
font-size:13px;
font-weight:bold;
}
#list_Col .hotelData_Box .access_List dd.area,
#list_Col .hotelData_Box .access_List dd.access,
#list_Col .hotelData_Box .access_List dd.hotellink{
padding:0 0 3px 5px;
font-size:12px;
line-height:1.2;
overflow:hidden;
word-wrap:break-word;
}

#list_Col .hotelData_Box .access_List dd.access a{
display:inline-block;
padding:0 0 0 7px;
background:url(/element/j_hotel/shared/images/ar04_w001.gif) no-repeat left center;
}
#list_Col .hotelData_Box .access_List dd.text-distance{
clear:both;
display:block;
padding-top:4px;
}

/*________________ [3-3] Hotel Information -> price, evaluation ________________*/
#list_Col .information_List{
float:right;
margin:0 0 3px 0;
padding:7px 7px 4px;
width:220px;
border:1px solid #e6e6e6;
background-color:#ffffff;
font-size:93.75%;
overflow:hidden;
}
#list_Col .information_List dt{
float:left;
width:72px;
color:#4a4a4a;
font-weight:bold;
}
#list_Col .information_List dt.price{
padding:0 10px 0.1em 8px;
}
#list_Col .information_List dt.grade{
clear:both;
padding:0 10px 0.4em 8px;
font-size:80%;
font-weight:normal;
color:#666666;
}
#list_Col .information_List dt.evaluation{
clear:both;
padding:0.4em 10px 0.5em 8px;
border-top:solid 1px #e6e6e6;
}
#list_Col .information_List dt.unvalued{
color:#cccccc;
}
#list_Col .information_List dd{
color:#666666;
}
#list_Col .information_List dd.price{
float:left;
padding:0 0 0.2em 0;
width:128px;
text-align:right;
font-size:80%;
}
#list_Col .information_List dd.price img{
float:left;
margin:0 2px 0 0;
}
#list_Col .information_List dd.price .showTooltip__grade_price{
cursor:pointer;
display:inline;
float:none;
margin:2px 0 0 3px;
}
#list_Col .information_List dd.grade{
float:left;
margin:0 0 0.4em 0;
width:130px;
font-size:80%;
color:#666666;
}
#list_Col .information_List dd.overall{
float:left;
margin-bottom:7px;
padding:0.4em 0 0 0;
width:128px;
line-height:1.0;
border-top:solid 1px #e6e6e6;
text-align:right;
}
#list_Col .information_List dd.overall img{
float:left;
margin:0 2px 0 0;
}
#list_Col .information_List dd.overall em{
display:inline-block;
text-align:right;
font-weight:bold;
font-size:120%;
letter-spacing:-1px;
color:#E30707;
}
#list_Col .information_List dd.overall .showTooltip__evaluation{
cursor:pointer;
display:inline;
float:none;
margin:2px 0 0 1px;
}
#list_Col .information_List dd.evaluation{
clear:both;
padding:0 6px 0 8px;
}
#list_Col .information_List dd.evaluation table{
width:207px;
border-collapse:collapse;
}
#list_Col .information_List dd.evaluation th{
padding:0 0 4px 0;
font-weight:normal;
text-align:left;
font-size:10px;
}
#list_Col .information_List dd.evaluation td{
padding:0 0 0 5px;
text-align:right;
}
#list_Col .information_List dd.evaluation td.jalan,
#list_Col .information_List dd.evaluation td.jtb,
#list_Col .information_List dd.evaluation td.ikyu{
padding:0 15px 0 3px;
}
#list_Col .information_List dd.unvalued em{
text-align:center;
font-weight:normal;
color:#cccccc;
}
#list_Col .information_List dd.evaluation .unvalued{
color:#cccccc;
}
/*________________ [3] DP List Area _________________*/
#list_Col .hotelData_Box .access_List dt.dp_List{
position:relative;
float:left;
width:86px;
margin:7px 0 0 0;
}
#list_Col .hotelData_Box .access_List dt.dp_List .dp_Ico{
display:block;
width:82px;
height:0;
padding-top:53px;
vertical-align:middle;
background-position:left top;
background-repeat:no-repeat;
line-height:2;
overflow:hidden;
}

#list_Col .hotelData_Box .access_List dt.dp_air .dp_Ico{ background-image:url(/element/j_hotel/shared/images/dp_air.gif);}
#list_Col .hotelData_Box .access_List dt.dp_lcc .dp_Ico{ background-image:url(/element/j_hotel/shared/images/dp_lcc.gif);}
#list_Col .hotelData_Box .access_List dt.dp_jr .dp_Ico{ background-image:url(/element/j_hotel/shared/images/dp_jr.gif);}
#list_Col .hotelData_Box .access_List dt.dp_car .dp_Ico{ background-image:url(/element/j_hotel/shared/images/dp_car.gif);}


/*__________________ [3-4] View 3 plan Detail _____________________*/
/*__________________ [3-4-1] basical settings _____________________*/
#list_Col .planData_Box{
clear:both;
width:730px;
border-top:1px solid #ccc;
}
#list_Col .planData_Box .loadImage{
text-align:center;
}
#list_Col .planData_Box .planNumber_Txt{
width:711px;
padding:0 0 0 3px;
font-weight:bold;
color:#333333;
}
#list_Col .planData_Box .planNumber_Txt span{
float:left;
}
#list_Col .planData_Box .planNumber_Txt a{
padding:0 10px 0 8px;
background:url(/element/j_hotel/shared/images/ar03_w001.gif) no-repeat left center;
}
/*__________________ [3-4-2] tables settings ______________________*/
#list_Col .planData_Box .header_Table{
clear:both;
width:100%;
border-width:0 1px;
border-color:#b3b3b3;
border-style:solid;
}
#list_Col .planData_Box .header_Table th{
border:none;
background-color:#e6e6e6;
}

#list_Col .planData_Box .plan_List{
overflow-x:hidden;
overflow-y:scroll;
position:relative;
z-index:100;
margin:0 auto;
border-width:0 1px;
border-color:#b3b3b3;
border-style:solid;
}
#list_Col .planData_Box td.planPrice div{
position:static !important;
}
*:first-child+html #list_Col .planData_Box .plan_List{
margin:-3px 0 0 0;
}
#list_Col .planData_Box .info_Table{
border-spacing:0;
border:none;
}

/*__________________ [3-4-4] rows settings ________________________*/
#list_Col .info_Table tr.recommended:hover td{
background-color:#fffccf;
}

/*__________________ [3-4-5] header settings ______________________*/
#list_Col .header_Table th{
padding:.4em 0 .2em;
border-style:solid;
border-width:1px 0;
border-color:#BDBDBD;
line-height:1.0;
font-family:var(--cmn-font-family);
font-size:11px;
font-weight:normal;
color:#666666;
}
#list_Col .header_Table th.vendorName{
padding:.6em 8px .4em;
text-align:left;
font-size:100%;
font-weight:bold;
color:#444444;
border-width:1px 0 1px 1px;
}
#list_Col .header_Table th.meal{
width:70px;
}
#list_Col .header_Table th.roomType{
width:85px;
}
#list_Col .header_Table th.planPrice{
width:180px;
font-size:11px;
}
#list_Col .header_Table th.planPrice span.text-tax{
display:block;
text-align:right;
padding:2px 40px 0 0;
}
#list_Col .header_Table th.planPrice a{
overflow:hidden;
display:inline-block;
margin:0 1px;
width:26px;
height:13px;
vertical-align:middle;
text-indent:-9999px;
background:url(/element/j_hotel/shared/images/planData_bt03_001.gif) no-repeat;
}
#list_Col .header_Table th.planPrice a.lower{
background-position:0px 0px;
}
#list_Col .header_Table th.planPrice a.lower:hover{
background-position:0px -30px;
}
#list_Col .header_Table th.planPrice a.lowerOrdered{
background-position:0px -60px;
}
#list_Col .header_Table th.planPrice a.higher{
background-position:-30px 0px;
}
#list_Col .header_Table th.planPrice a.higher:hover{
background-position:-30px -30px;
}
#list_Col .header_Table th.planPrice a.higherOrdered{
background-position:-30px -60px;
}
#list_Col .header_Table th.planPrice img{
line-height:1;
}
#list_Col .header_Table th.available{
width:72px;
padding:0 17px 0 0;
background-image:none;
}
#list_Col .header_Table th img{
cursor:pointer;
margin:0 0 0 2px;
vertical-align:top;
}

/*__________________ [3-4-6] data settings ________________________*/
/* plan_List > Table td size setting */
#list_Col .plan_List .info_Table{
width:710px;
}
#list_Col .plan_List .vendorName{
padding-left:15px;
padding-right:8px;
width:80px;
}
#list_Col .plan_List .planName{
width:229px;
}
#list_Col .plan_List .meal{
padding-left:0;
padding-right:0;
width:73px;
}
#list_Col .plan_List .roomType{
width:91px;
font-size:12px;
text-align:center;
}
#list_Col .plan_List .planPrice{
padding-left:0px;
padding-right:0px;
width:180px;
}
#list_Col .plan_List .available{
padding-left:10px;
padding-right:13px;
width:49px;
}

/* planaData_Box > table common setting */
#list_Col .info_Table td{
padding-top:7px;
padding-bottom:7px;
border-style:solid;
border-width:1px 0 0 0;
border-color:#c9c9c9;
line-height:1.2;
color:#555555;
background:transparent;
}
#list_Col .info_Table tr:first-child td{
border-top:none;
}
#list_Col .info_Table .recommended td{
background-color:#fffbde;
}
#list_Col .info_Table .vendorName{
text-align:center;
}
#list_Col .info_Table .vendorName img{
margin:0 0 3px 0;
}
#list_Col .info_Table .planName img{
float:left;
margin:0 3px 0 0;
}
#list_Col .info_Table .recommended td.planName{
font-weight:bold;
}
#list_Col .info_Table .meal{
text-align:center;
font-size:12px;
}
#list_Col .info_Table .planPrice{
text-align:center;
color:#555555;
}
#list_Col .info_Table .available{
text-align:center;
font-size:80%;
color:#777777;
}
#list_Col .info_Table a{
display:block;
}
#list_Col .info_Table .price{
font-weight:bold;
white-space:nowrap;
}
#list_Col .info_Table .price span{
color:#E30707;
font-size:100%;
}
#list_Col .info_Table .price b{
margin:0 0.1em;
font-weight:bold;
font-family:Verdana;
}
#list_Col .info_Table .price s{
margin:0 0.1em;
font-weight:normal;
font-family:Verdana;
}
#list_Col .info_Table .price em{
font-size:12px;
font-weight:normal;
}
#list_Col .info_Table .payment{
font-size:80%;
background:#efefef;
padding:1px;
display:inline-block;
margin-top:2px;
min-width:100px;
width:auto !important;
width:100px;
text-align:center !important;
}
#list_Col .info_Table .planPrice .price a{
display:inline-block;
color:#0B41A1;
padding:0 30px 0 0;
background:url("/element/j_hotel/shared/images/planData_bt04_001.gif") no-repeat right center;
}
#list_Col .info_Table .planPrice .price a:hover{
text-decoration:none !important;
}
#list_Col .info_Table .planPrice .price a:hover span{
color:#e30707;
}
#list_Col .info_Table .icoSmoke{
display:inline-block;
width:16px;
height:0;
margin-top:-1px;
padding-top:15px;
background-image:url(/element/j_hotel/shared/images/grouping_ico02_001.gif);
background-position:0 0;
background-repeat:no-repeat;
line-height:2;
overflow:hidden;
vertical-align:top;
}
#list_Col .info_Table .icoSmoke.nonSmoking{
background-position:0 -15px;
}
#list_Col .info_Table .planPrice input{
display:none;
}

/*__________________ [3-4-7] plan Grouping ______________________*/
#list_Col .plan_Item:hover,
#list_Col .group_Item:hover{
background-color:#f2f2f2;
}
#list_Col .plan_Group + .plan_Item td{
border:none;
}
#list_Col .plan_Item + .plan_Item,
#list_Col .plan_Item + .group_Item{
background-image:url(/element/j_hotel/shared/images/grouping_bg02_001.png);
background-position:0 0;
background-repeat:repeat-x;
}
#list_Col .plan_Group + .group_Item td{
border-top:none;
}
#list_Col .plan_Group .plan_Group_Area{
padding:0;
border:none;
}
#list_Col .plan_Group.plan_Group_Open .plan_Group_Area{
border-top:1px solid #ebebeb;
}
#list_Col .plan_Group .plan_Group_Tab{
position:relative;
display:block;
border-top:1px solid #c7c7c7;
background:#f5f5f5 url(/element/j_hotel/shared/images/grouping_bg03_001.png) top left repeat-x;
text-align:right;
}
#list_Col .plan_Group .plan_Group_Tab a{
display:inline-block;
width:343px;
height:19px;
margin-top:-1px;
padding:5px 15px 0 20px;
background:url(/element/j_hotel/shared/images/grouping_tab01_001.png) top left no-repeat;
font-size:11px;
text-align:left;
line-height:1.1;
}
#list_Col .plan_Group .plan_Group_Tab a:hover{
text-decoration:none;
}
#list_Col .plan_Group .plan_Group_Tab em{
color:#666;
}
#list_Col .plan_Group .plan_Group_Tab span.icoTab span{
position:absolute;
top:4px;
right:10px;
display:block;
}
#list_Col .plan_Group .plan_Group_Tab span.icoTab{
display:block;
height:12px;
padding-left:15px;
background:url(/element/j_hotel/shared/images/grouping_ico01_001.gif) top left no-repeat;
overflow:hidden;
}
#list_Col .plan_Group.plan_Group_Open .plan_Group_Tab span.icoTab{
background:url(/element/j_hotel/shared/images/grouping_ico01_002.gif) top left no-repeat;
}
#list_Col .plan_Group table{
width:100%;
}
#list_Col .plan_Group td{
border-width:1px 0 0 0;
border-style:solid;
border-color:#eee;
}


/*_________________[ breakDetail ]    __________________*/
.breakDetail_Box{
position:absolute;
z-index:500;
width:270px;
padding:10px;
background:#fff;
border:1px solid #a3a3a3;
border-radius:5px;
font-family:var(--cmn-font-family);
}
.breakDetail_one_column{
position:relative;
background-position:-540px bottom;
background-repeat:no-repeat;
}
.breakDetail_one_column:before{
content:'';
position:absolute;
top:21px;
left:-33px;
display:block;
width:0;
height:0;
border:10px solid transparent;
border-right:13px solid #a3a3a3;
}
.breakDetail_one_column:after{
content:'';
position:absolute;
top:22px;
left:-30px;
display:block;
width:0;
height:0;
border:9px solid transparent;
border-right:12px solid #fff
}
.breakDetail_Box p{
font-size:10px;
color:#666666;
}
.breakDetail_Box p em{
font-weight:bold;
}
.breakDetail_Box table{
width:100%;
margin:4px 0 5px;
border-collapse:collapse;
}
.breakDetail_Box th,
.breakDetail_Box td{
padding:3px 5px;
font-size:10px;
font-weight:normal;
line-height:1.3;
text-align:left;
color:#4a4a4a;
}
.breakDetail_Box th{
width:36px;
text-align:center;
background:#f0f0f0;
}
.breakDetail_Box .terms,
.breakDetail_Box .data{
border-top:1px dotted #cdcdcd;
}
.breakDetail_Box .coupon,
.breakDetail_Box .discount{
border-top:solid 1px #ccc;
}
.breakDetail_Box .discount span{
background:#ffd7d7;
padding:1px 3px;
}
.breakDetail_Box .total{
padding:5px 3px 0 3px;
background:#fff;
border-top:solid 1px #ccc;
font-size:12px;
font-weight:bold;
letter-spacing:-.02em;
}
.breakDetail_Box .tax{
padding:0 5px 3px 5px;
line-height:1;
}
.breakDetail_Box .data em{
color:#E30707;
}
.breakDetail_Box .breakDetail_Point{
margin-bottom:4px;
padding:3px 4px;
background:#efefef;
}
.breakDetail_Box ul{
overflow:hidden;
}
.breakDetail_Box li{
margin-top:-1px;
padding:4px 4px;
border-top:1px dotted #cdcdcd;
overflow:hidden;
}
.breakDetail_Box li p{
display:inline-block;
width:170px;
font-size:11px;
vertical-align:middle;
}
.breakDetail_Box li span{
display:inline-block;
width:60px;
text-align:right;
vertical-align:middle;
}
* html .breakDetail_Box li p{display:inline;zoom:1;}
* html .breakDetail_Box li span{display:inline;zoom:1;}
*:first-child+html .breakDetail_Box li p{display:inline;zoom:1;}
*:first-child+html .breakDetail_Box li span{display:inline;zoom:1;}

/*__________________ [3-4-6'] Fixed Library _________________*/
#list_Col .planData_Box p.clip_Area{
float:none;
padding:0;
width:auto;
background-image:none;
text-align:center;
}
#list_Col .planData_Box p.clip_Area .clip_add a{
padding:20px 0 0 0;
width:73px;
height:0;
text-indent:0;
background:url(/element/j_hotel/shared/images/personal_bt01_002.gif) no-repeat left top;
}
#list_Col .planData_Box p.clip_Area .clip_add a:hover{
background-position:left -45px;
}
#list_Col .planData_Box p.clip_Area .clip_open b{
display:none;
}
#list_Col .planData_Box p.clip_Area .clip_open a{
padding:3px 0 3px 16px;
width:auto;
height:14px;
border-width:0;
line-height:1.2;
text-indent:0;
text-align:left;
font-weight:normal;
font-size:80%;
background:url(/element/shared/images/icon/clip.gif) no-repeat left center;
}
#list_Col .planData_Box p.clip_Area .clip_open a:hover{
background-position:left center;
}
/*__________________ [3-4-7] external Link settings ________________________*/
#list_Col .planData_Box .extension{
padding:0;
width:730px;
height:42px;
background:url(../../shared/images/ext_bt01_003.gif) no-repeat left top;
}
#list_Col .planData_Box .extension li{
text-align:center;
height:42px;
margin-top:-42px;
}
#list_Col .planData_Box .extension li.planNumber_Txt{
text-align:right;
margin-top:0px;
}
#list_Col .planData_Box .extension a{
line-height:42px;
font-weight:bold;
text-align:center;
}
#list_Col .planData_Box .extension a span{
background:url(/element/shared/images/burette/ar01_b004.gif) no-repeat left center;
}
#main_Col #list_Col .planData_Box .viewAll{
margin-top:-2.6em;
}
#main_Col #list_Col .planData_Box .viewAll span{
background-image:url(/element/j_hotel/shared/images/extension_ic01_001.gif)
}
#main_Col #list_Col .planData_Box .viewClose span{
background-image:url(/element/j_hotel/shared/images/extension_ic01_002.gif)
}
#main_Col #list_Col .planData_Box .viewSch span{
background-image:url(/element/j_hotel/shared/images/ar01_w001.gif)
}
#list_Col .planData_Box .extension a span b{
margin:0 0 0 15px;
}
#list_Col .planData_Box .extension a:hover span b{
text-decoration:underline;
}
/*__________________ [3-4-8]  ______________________*/
#list_Col .planData_Box .morePlan_Txt{
margin:0 0 0 -2px;
padding:0.7em 34px 0.7em 12px;
width:668px;
border-top:solid 1px #bdbdbd;
text-align:right;
}
#list_Col .planData_Box .morePlan_Txt{
font-size:80%;
color:#777777;
}
#list_Col .planData_Box .morePlan_Txt a{
padding:0 0 0 14px;
font-weight:bold;
background:url(/element/j_hotel/shared/images/ar01_w001.gif) no-repeat left center;
}
#list_Col .planData_Box .viewAll_Txt{
margin:-1px 0 0 0;
padding:0.5em 0 0 0;
width:712px;
border-top:solid 1px #bdbdbd;
text-align:right;
}
#list_Col .planData_Box .viewAll_Txt a{
padding:0 0 0 14px;
font-weight:bold;
background:url(/element/j_hotel/shared/images/ar01_w001.gif) no-repeat left center;
}
#container #list_Col .planData_Box .viewAll_Txt a span{
display:inline;
margin:0 0 0 0.4em;
font-weight:normal;
font-size:80%;
color:#777777;
background-image:none;
}
#container #list_Col .planData_Box .viewAll_Txt a:hover span{
text-decoration:underline;
}
/*__________________ [3-4-9] Pricing Table___________________*/
#main_Col .scrollCalendar_Box{
clear:both;
margin:0.5em auto 0 auto;
width:708px;
padding-top:10px;
}
#main_Col .scrollCalendar_Box th{
width:86px;
}
#main_Col .scrollCalendar_Box th.pricing_Heading,
#main_Col .scrollCalendar_Box th.pricing_Heading div{
width:99px;
}
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area{
width:572px;
}
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area p{
width:80px;
}
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area span{
position:absolute;
top:0;
display:inline-block;
padding:0;
width:17px;
height:17px;
}
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area .scrollPrev{
left:-1px;
background-position:left -50px;
}
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area .scrollNext{
right:-1px;
background-position:right -50px;
}
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area .scrollBar_Box{
position:absolute;
top:0;
padding:0 0 0 3px;
background-position:left -25px;
}
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area .scrollBar_Box .scrollBar{
padding:0 3px 0 0;
background-position:right -25px;
}
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area .scrollBar_Box .scrollBar p{
height:17px;
background-position:center -25px;
}
/*_________ [6]   Right Col             ____________*/
#container #sub_Col{
padding:10px 0 0;
}
/*_________ [6-1] Special contents Area ____________*/
#container #sub_Col .side_two_column_left dt{
background-image:url("../images/sidebar_bg01_001.gif");
}
#container #sub_Col .side_two_column_left dd{
padding:0.5em 5px;
}
/*_________ [10] Extension Patterns __________*/
/*_________ [11] Map Modal __________*/
.qtipMapExtend_Area .qtip-content{
cursor:pointer;
display:inline-block;
padding:2px 0.3em;
border:solid 1px #999999;
color:#000099;
background-color:#ffffff;
}
.qtip-contentWrapper .qtipMapExtend_Area .hover,
.qtipMapExtend_Area .qtip-content:hover{
border-color:#FFAD08;
color:#f00;
background-color:#FFDA90;
}
/*_________ [12] Map Tooltop __________*/
.qtipMapInfo_Area .qtip-content{
display:inline-block;
padding:2px 0.3em;
border-width:0;
text-align:center;
background-color:#ffffff;
}
/*_________ [13] Searching Loader __________*/
#main_Col .loading_container{
margin:2em auto;
padding:55px 0 0 0;
width:250px;
min-height:10em;
text-align:center;
font-size:140%;
font-weight:bold;
color:#e30707;
background:url(/element/shared/images/icon/ic_load_l.gif) no-repeat center top;
}


/*__________________ [99] Fixed Contents ____________________*/
#form_Col:after,
#filter_Area:after,
#extraFilter_Area:after,
#submit_Area p:after,
#list_Col .planData_Box .planNumber_Txt:after{
content:'.';
display:block;
clear:both;
height:0px;
visibility:hidden;
}
/*_________ [8]   change Map            ____________*/
#main_Col #upper_Navi #changeContents_Box{
float:left;
margin-bottom:21px;
}
#main_Col #upper_Navi #changeContents_Box ul li{
float:left;
min-height:28px;
height:auto !important;
height:28px;
cursor:pointer;
text-indent:-9999px;
}
#main_Col #upper_Navi #changeContents_Box ul li:hover{
background-position:0 -50px;
}
#main_Col #upper_Navi #changeContents_Box li.changeList{
background:url("../images/chang_bt01_001.gif") repeat scroll 0 0 transparent;
background-repeat:no-repeat;
}
#main_Col #upper_Navi #changeContents_Box li.changeList a{
display:block;
padding-left:40px;
min-height:23px;
height:auto !important;
height:23px;
line-height:30px;
width:59px;
outline:none;
}
#main_Col #upper_Navi #changeContents_Box li.changeList_none{
display:block;
padding-left:40px;
min-height:23px;
height:auto !important;
height:23px;
line-height:30px;
width:59px;
background:url("../images/chang_bt01_001.gif") repeat scroll 0 -100px transparent;
cursor:auto;
color:#696969;
background-repeat:no-repeat;
}
#main_Col #upper_Navi #changeContents_Box li.changeList_none:hover{
background-position:0 -100px;
}
#main_Col #upper_Navi #changeContents_Box li.changeMap{
background:url("../images/chang_bt01_002.gif");
background-repeat:no-repeat;
}
#main_Col #upper_Navi #changeContents_Box li.changeMap a{
display:block;
padding-left:40px;
min-height:23px;
height:auto !important;
height:23px;
line-height:30px;
width:62px;
outline:none;
}
#main_Col #upper_Navi #changeContents_Box li.changeMap a:visited{
color:#0B41A1;
}
#main_Col #upper_Navi #changeContents_Box li.changeMap_none{
display:block;
padding-left:40px;
min-height:28px;
height:auto !important;
height:28px;
line-height:30px;
width:62px;
background:url("../images/chang_bt01_002.gif") no-repeat scroll 0 -100px transparent;
cursor:auto;
background-repeat:no-repeat;
color:#696969;
}
#main_Col #upper_Navi #changeContents_Box li.changeMap_none:hover{
background-position:0 -100px;
}
#main_Col #upper_Navi #changeContents_Box li.gotoform{
padding-left:10px;
margin:4px 0 0 4px;
background:url("/element/shared/images/burette/ar03_f001.gif") no-repeat scroll 0 4px transparent;
}
#main_Col #upper_Navi #changeContents_Box li.gotoform:hover{
background-position:0 4px;
}
#main_Col #upper_Navi #personalItem_Box{
float:right;
padding-bottom:5px;
}
#main_Col #upper_Navi #personalItem_Box li{
float:left;
padding:0 0 0 7px;
}
#main_Col #upper_Navi #personalItem_Box li.mail a{
background:url("../images/personal_bt01_001.gif") repeat scroll 0 0 transparent;
}
#main_Col #upper_Navi #personalItem_Box li.mail a:hover{
background-position:0 -45px;
}
#main_Col #upper_Navi #personalItem_Box li.print a{
background:url("../images/personal_bt01_003.gif") repeat scroll 0 0 transparent;
}
#main_Col #upper_Navi #personalItem_Box li.print a:hover{
background-position:0 -45px;
}
#main_Col #upper_Navi #personalItem_Box li a{
display:inline-block;
height:0;
overflow:hidden;
padding:20px 0 0;
width:73px;
}
#main_Col #list_Col .map_Area{
width:728px;
border:solid 1px #bdbdbd;
margin-top:0px;
}
#main_Col #upper_Navi #rangeViewer_Box{
clear:both;
float:right;
width:227px;
height:25px;
padding-top:5px;
}
#main_Col #upper_Navi #rangeViewer_Box p{
width:227px;
height:20px;
background:url("../images/review.gif") repeat scroll 0 0 transparent;
background-repeat:no-repeat;
text-indent:-9999px;
}
#main_Col #upper_Navi #rangeViewer_Box p.opened{
background-position:0 -25px;
}
#main_Col #upper_Navi #rangeViewer_Box p a{
display:block;
padding-left:0px;
min-height:20px;
height:auto !important;
height:20px;
line-height:0px;
width:227px;
outline:none;
}
#main_Col #upper_Navi #rangeViewer_Box li.changeList_none{
display:block;
padding-left:35px;
min-height:23px;
height:auto !important;
height:23px;
line-height:28px;
width:59px;
background:url("../images/chang_bt01_001.gif") repeat scroll 0 -106px transparent;
cursor:auto;
color:#696969;
background-repeat:no-repeat;
}
#main_Col #upper_Navi #rangeViewer_Box li.changeList_none:hover{
background-position:0 -106px;
}
/*__________________ [8-1] change Map tables settings ______________________*/

#main_Col #hotelList_Area{
overflow-x:hidden;
overflow-y:scroll;
margin:0 auto;
padding:0;
width:728px;
border-style:solid;
border-color:#bdbdbd;
border-width:1px;
min-height:150px;
height:150px;
margin-bottom:0;
border-top:none;
}
#main_Col #hotelList_Area .info_Table{
margin:-1px auto 0 0;
width:714px;
border-width:0;
border-spacing:0;
border-style:solid;
border-color:#bdbdbd;
border-width:0px;
padding-right:14px;
}
#main_Col #hotelList_Area .name{
width:364px;
}
#main_Col #hotelList_Area .name img{
vertical-align:middle;
padding-left:5px;
}
#main_Col #hotelList_Area .name span{
display:inline-block;
width:15px;
line-height:14px;
padding:0px 6px 0 2px;
font-weight:bold;
float:left;
text-decoration:none;
letter-spacing:-1px;
text-align:center;
}
#main_Col #hotelList_Area .name .number{
width:24px;
display:block;
float:left;
}
#main_Col #hotelList_Area .name .ListHotelName{
width:305px;
display:block;
float:left;
font-weight:normal;
padding-top:2px;
text-align:left;
}
#main_Col #hotelList_Area .itemPrice{
width:180px;
text-align:right;
padding-right:0;
}
#main_Col #hotelList_Area .rank{
width:60px;
padding-left:30px;
}
#main_Col #hotelList_Area .rank img{
vertical-align:text-bottom;
margin-right:4px;
}
#main_Col #hotelList_Area .evaluation{
width:75px;
padding-left:5px;
}
#main_Col #hotelList_Area .evaluation img{
vertical-align:text-bottom;
margin-right:4px;
}
#main_Col #hotelList_Area .table_base tr.hotel_list_odd{
background:#f4f4f4;
}
#main_Col #hotelList_Area .table_base td{
border:none;
}
#main_Col #hotelList_Area ul.link_list{
width:300px;
background:#CCCCCC
}
#main_Col #hotelList_Area .listPagination{
float:right;
padding-left:9px;
padding-right:10px;
}
#main_Col .mapPagination{
text-align:right;
padding:5px 0;
}
#main_Col .mapPagination a:hover{
text-decoration:underline;
}

/*__________________ [8-2] change Map tables settings ______________________*/
.gm-style-iw{
overflow:hidden !important;
}
.gm-style-iw > div{
overflow:hidden !important;
}
.mapBallon_Area{
width:346px;
}
.mapBallon_Area{
min-height:200px;
height:auto !important;
height:200px;
}
.mapBallon_Area a{
color:#0b41a1;
text-decoration:none;
margin:0;
padding:0;
font-weight:bold !important;
}
.mapBallon_Area a:hover{
text-decoration:underline;
}
.mapBalloonData_Area{
width:346px;
}
.clearfix:after{
content:"";
display:block;
clear:both;
}
.mapBalloonTitle_Area{
width:346px;
min-height:15px;
height:auto!important;
height:15px;
margin-bottom:3px;
font-weight:bold;
}
.mapBalloonFigure_Box{
width:110px;
height:75px;
margin:0;
padding:0;
float:left;
}
.mapBalloonFigure_Box img{
margin:0;
padding:0;
width:105px;
height:70px;
}
.mapBalloonData_Box{
width:213px;
float:left;
margin:0;
padding:0 0 0 3px;
line-height:1.3;
color:#333;
}
.mapBallon_Area div.mapBalloonWrapper{
width:346px;
margin:0 0 5px 0;
padding:0;
}
.mapBalloonData_Box span{
float:left;
display:block;
padding-left:5px;
font-weight:bold;
}
.mapBalloonData_Box dl{
width:280px;
height:70px;
}
.mapBalloonData_Box dt{
float:left;
padding-right:0;
width:75px;
padding-bottom:10px;
clear:both;
letter-spacing:-1px;
}
.mapBalloonData_Box dd{
float:left;
width:205px;
padding:0;
margin:0;
padding-bottom:4px;
}
.mapBalloonData_Box dt.total{
padding-bottom:0px;
clear:both;
line-height:110%;
}
.mapBalloonData_Box dd.evaluationGuide{
clear:both;
width:195px;
text-align:right;
font-size:80%;
}
.mapBalloonData_Box dd.detail{
width:202px;
padding-left:3px;
padding-bottom:0px;
padding-top:5px;
font-weight:bold;
color:#e30707;
font-family:verdana;
}
.mapBalloonData_Box dd p{
float:left;
;
width:80px;
margin:0;
padding:2px 0 0 0;
}
.mapBalloonData_Box dt.grade{
padding-bottom:3px;
}
.mapBalloonData_Box dt.grade img{
cursor:pointer;
margin:0 0 0 2px;
vertical-align:middle;
}
.mapBalloonData_Box dd.overallHotelGrade{
padding-bottom:3px;
}
.mapBalloonData_Box dd.overallHotelGrade img{
margin:0 0 0 2px;
}
.mapBalloonData_Box dd.overallHotelGrade span{
font-weight:normal;
font-size:80%;
padding-top:4px;
color:#666666;
}
.mapBalloonData_Box dt.evaluation{
padding:4px 0 0px 0
}
.mapBalloonData_Box dd.overallEvaluation p{
padding-top:4px;
}
.mapBalloonData_Box dd.overallEvaluation img{
margin:0 0 0 2px;
}
.mapBalloonData_Box dd.overallEvaluation span{
padding-top:5px;
color:#e30707;
}
.mapBalloonData_Box dd.overallEvaluation span.post{
padding-top:7px;
font-weight:normal;
font-size:80%;
color:#666666;
}
*:first-child+html .mapBallon_Area{
overflow:hidden;
}
.mapBallon_Area div.mapBalloonWrapper .linkArea{
clear:both;
width:395px;
padding-top:4px;
}
.mapBallon_Area div.mapBalloonWrapper .linkArea a{
background:url("/element/j_hotel/shared/images/ar01_w001.gif") no-repeat scroll left 2px transparent;
padding-left:13px;
padding-right:12px;
}
/***************************************************************/

.mapBallon_Area .mapBalloonTitle_Area dl{
margin:0;
padding:0;
text-align:left;
}
.mapBallon_Area .mapBalloonTitle_Area dl dt{
clear:both;
padding-bottom:8px;
display:block;
padding-bottom:5px;
}
.mapBallon_Area .mapBalloonTitle_Area dl dt a{
width:240px;
float:right;
}
.mapBallon_Area .mapBalloonTitle_Area dl dt img{
float:left;
}
.mapBallon_Area .mapBalloonTitle_Area dl dd{
padding-left:0px;
font-size:93.75%;
}
.mapBallon_Area dl dt{
text-indent:-9999px;
float:left;
display:inline;
position:relative;
}
.mapBallon_Area dl dd{
padding-left:0px;
width:240px;
display:block;
padding-bottom:2px;
float:left;
}
.mapBallon_Area dl dd.overallEvaluation em{
color:#e30707;
}
.mapBallon_Area dl dt img{
position:absolute;
top:1px;
left:54px;
}
.mapBallon_Area dl dt span{
background:url(/element/j_hotel/list/images/ps01_001.png) no-repeat;
display:block;
}
.mapBallon_Area dl dt span{
font-weight:normal;
width:51px;
height:13px;
}
.mapBallon_Area dl dt.overallHotelGrade span{
background-position:0 -50px;
}
.mapBallon_Area dl dt.overallEvaluation span{
background-position:0 -100px;
}
.mapBallon_Area dl dt.access span{
background-position:0 -150px;
padding-right:7px;
}
.mapBallon_Area dl dt.overallHotelGrade,
.mapBallon_Area dl dt.overallEvaluation{
width:68px;
}
.mapBallon_Area dl dt.access{
clear:both;
}
.mapBallon_Area dl dd.overallHotelGrade{
width:85px;
}
.mapBallon_Area dl dd.overallEvaluation{
width:110px;
}
.mapBallon_Area dl dd.overallHotelGrade p img,
.mapBallon_Area dl dd.overallEvaluation p img{
margin:0 1px 0 0;
}
.mapBallon_Area dl:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
.mapBallon_Area div.total_Area{
margin-top:3px;
width:299px;
clear:both;
background:#f1f1f1;
border:1px solid #dedede;
font-weight:bold;
padding:6px 10px 6px 15px;
color:#666;
letter-spacing:-0.02em;
}
.mapBallon_Area div.total_Area em{
font-size:80%;
font-weight:normal;
color:#333;
}
.mapBallon_Area div.total_Area .price{
color:#E30707;
font-weight:bold;
font-family:verdana;
}
.mapBallon_Area div.total_Area a{
margin-top:5px;
display:block;
background:url("/element/j_rentacar/shared/images/ic_map01_001.gif") no-repeat left 3px transparent;
padding-left:15px;
font-size:93.75%;
line-height:1.3;
font-weight:normal !important;
}
/*__________________ [8-3] header settings ______________________*/

/*
#list_Col .header_Table_map  { clear:both; margin:4px 0 0 0; border-width:0; width:730px;     border-left:1px solid #BDBDBD;
border-right:1px solid #BDBDBD;}
#list_Col .header_Table_map th           { padding:0.4em 0; border-style:solid; border-width:1px 0; border-color:#BDBDBD; line-height:1.0; font-size:80%; font-weight:normal; color:#666666; }
#list_Col .header_Table_map th.hotelName{width:410px;}
#list_Col .header_Table_map th.price{width:150px;}
#list_Col .header_Table_map th.prceClass{width:70px;}
#list_Col .header_Table_map th.evaluation{width:75px; padding-right:25px;}
#list_Col .header_Table_map th img{    cursor:pointer;margin:0 0 0 2px;vertical-align:middle;}


*/



/* ************************************************************************************************************************* */

/**/
/*__________________ [8-3] Map Area Setting ____________________*/


#list_Col{
display:block;
position:relative;
}
#list_Col p.destination_Area{
position:absolute;
padding:5px 0;
}
#list_Col div.mapPagination{
style="position:absolute;"
}
.shopMap_Area{
border:1px solid #939393;
width:728px;
/*margin:15px 0 45px 0;*/
margin:0;
clear:both;
height:454px;
overflow:hidden;
}
/* css hack for IE Start */
* html .shopMap_Area{
position:relative;
}
*:first-child+html .shopMap_Area{
position:relative;
}
/* css hack for IE End */


.shopMap_Area .map_Area{
z-index:100;
position:relative;
width:728px;
margin:1px;
}
.shopMap_Area .map_Area .shopResult_Area{
width:188px;
border-left:1px solid #939393;
position:absolute;
right:1px;
top:0px;
background:#fff;
z-index:150;
height:455px;
margin-top:-455px;
}
/* css hack for IE Start */
* html .shopMap_Area .map_Area .shopResult_Area{
margin-top:-458px;
height:454px;
}
*:first-child+html .shopMap_Area .map_Area .shopResult_Area{
margin-top:-458px;
height:454px;
}
/* css hack for IE End */


.shopMap_Area .map_Area .closed{
width:188px;
position:absolute;
right:-188px;
top:0px;
background:#fff;
z-index:150;
height:455px;
margin-top:-455px;
}
/* css hack for IE Start */
* html .shopMap_Area .map_Area .closed{
margin-top:-458px;
height:454px;
}
*:first-child+html .shopMap_Area .map_Area .closed{
margin-top:-458px;
height:454px;
}
/* css hack for IE End */


.shopMap_Area .map_Area .opened .extension{
width:21px;
height:116px;
margin-left:-22px;
}
/* css hack for IE Start */
* html .shopMap_Area .map_Area .opened .extension{
position:absolute;
top:0;
left:-0px;
}
*:first-child+html .shopMap_Area .map_Area .opened .extension{
position:absolute;
top:0;
left:-0px;
}
/* css hack for IE End */


.shopMap_Area .map_Area .closed .extension{
width:21px;
height:116px;
margin-left:-22px;
}
/* css hack for IE Start */
* html .shopMap_Area .map_Area .closed .extension{
display:block;
position:absolute;
top:0;
left:-0px;
}
*:first-child+html .shopMap_Area .map_Area .closed .extension{
display:block;
position:absolute;
top:0;
left:-0px;
}
/* css hack for IE End */

.shopMap_Area .map_Area .opened .extension a{
background:url("/element/j_rentacar/shared/images/btn_list01_001.gif") no-repeat;
width:21px;
height:116px;
text-indent:-9999px;
display:block;
margin-top:28px;
}
.shopMap_Area .map_Area .closed .extension a{
background:url("/element/j_rentacar/shared/images/btn_list01_002.gif") no-repeat;
width:21px;
height:116px;
text-indent:-9999px;
display:block;
margin-top:28px;
}
.shopMap_Area .map_Area .shopArea{
background:url("/element/j_rentacar/shared/images/bg_title01_002.gif") repeat-x bottom #fff;
font-weight:bold;
color:#333;
line-height:1.4;
padding:9px 0 0 0;
height:73px;
margin-top:-144px;
text-align:center;
vertical-align:top;
}
.shopMap_Area .map_Area .shopArea em{
color:#e30707;
font-size:120%;
font-weight:bold;
}
.shopMap_Area .map_Area .shopArea span{
color:#666;
font-weight:bold;
}
.shopMap_Area .shopList_Area ol{
height:372px;
overflow:auto;
width:188px;
}
.shopMap_Area .shopList_Area ol li{
height:auto;
padding:10px 0 5px 0;
border-top:1px dotted #ccc;
margin-top:-1px;
cursor:pointer;
color:#444;
text-align:left;
}
.shopMap_Area .shopList_Area ol li .imgArea{
float:left;
width:30px;
margin-right:5px;
text-align:center;
margin-left:5px;
}
.shopMap_Area .shopList_Area ol li span{
color:#0b41a1;
width:125px;
display:table;
line-height:1.3;
word-break:break-all;
}
/* css hack for IE Start */
* html .shopMap_Area .shopList_Area ol li span{
line-height:1.2;
}
*:first-child+html .shopMap_Area .shopList_Area ol li span{
line-height:1.2;
}
/* css hack for IE End */


.shopMap_Area .shopList_Area ol li p{
background:url("/element/j_hotel/list/images/ps01_001.png") 0 2px no-repeat;
padding-left:55px;
clear:both;
margin-left:5px;
line-height:1.3;
margin-top:0px;
}
.shopMap_Area .shopList_Area ol li p.price{
background-position:0 0;
}
.shopMap_Area .shopList_Area ol li p.grade{
background-position:0 -50px;
}
.shopMap_Area .shopList_Area ol li p.grade img{
margin:0 2px 0 0;
}
.shopMap_Area .shopList_Area ol li p.evaluation{
background-position:0 -100px;
}
.shopMap_Area .shopList_Area ol li p.evaluation img{
margin:0 2px 0 0;
}
.shopMap_Area .shopList_Area ol li p.evaluation em{
color:#E30707;
}
.shopMap_Area .shopList_Area ol li p.access{
background-position:0 -150px;
}
.shopMap_Area .shopList_Area ol li:nth-child(even){
background:#f4f4f4;
}
.shopMap_Area .shopList_Area ol li.selected{
background:#fee8e6;
}
.shopMap_Area .shopList_Area ol li:hover{
background:#fefce5;
}
.shopMap_Area .shopList_Area ol li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.shopMap_Area .shopList_Area ol li{
min-height:1px;
}
* html .shopMap_Area .shopList_Area ol li{
height:1px;/*\*//*/
height:auto;
overflow:hidden;
/**/
}
/* ************************************************************************************************************************* */





/*__________________ [9] range_Area  settings ______________________*/
#range_Area{
display:none;
background:url("/element/j_hotel/list/images/range_bg01_002.gif") repeat-y scroll left top transparent;
width:730px;
}
#range_Area #range_one_column{
background:url("/element/j_hotel/list/images/range_bg01_003.gif") no-repeat scroll left bottom transparent;
width:730px;
padding-bottom:10px;
}
#range_Area #range_main_Col{
background:url("/element/j_hotel/list/images/range_bg01_001.gif") no-repeat;
padding:0 0 0px 0px;
width:730px;
}
#range_Area{
margin:0px 0 10px 0px;
clear:both;
}
#range_Area #range_main_Col:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#range_Area table{
border-collapse:collapse;
}
#range_Area th,
#main_Col #range_Area td{
font-size:80%;
font-weight:normal;
border-bottom:1px dotted #ccc;
border-collapse:collapse;
}
#range_Area #range_main_Col h3{
height:29px;
padding-top:7px;
padding-left:10px;
color:#555555;
}
#range_Box{
width:712px;
background:#ecebeb;
margin:auto;
padding:1px;
}
#range_Box div#range_Wrap{
width:712px;
background:#fff;
border:1px solid#dcdcdc;
margin:auto;
padding:8px 0;
}
#range_Box div#range_Wrap:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#range_Box h4{
line-height:1.4;
font-size:80%;
color:#666;
}
#range_Box th span,
#range_Box td span{
background-image:url("../images/range_pc01_001.png");
display:block;
height:0;
overflow:hidden;
padding:15px 0 0;
width:75px;
}
#range_Box td.graph{
background:url(/element/j_hotel/shared/images/review_bg02_001.gif) repeat-y center top;
padding-left:0px;
padding-right:0px;
}
#hotelReview_Box th .fiveStar{
background-position:0 75px;
}
#hotelReview_Box th .fourStar{
background-position:0 60px;
}
#hotelReview_Box th .threeStar{
background-position:0 45px;
}
#hotelReview_Box th .twoStar{
background-position:0 30px;
}
#hotelReview_Box th .oneStar{
background-position:0 15px;
}
#hotelReview_Box{
float:left;
width:281px;
padding-left:15px;
}
#hotelGrade_Box{
float:right;
width:369px;
padding-right:15px;
}
#hotelReview_Box col.terms{
width:71px;
}
#hotelReview_Box col.data{
width:40x;
}
#hotelReview_Box col.graph{
width:170px;
}
#hotelReview_Box td.data{
width:35px;
padding-right:5px;
}
#hotelReview_Box td.graph{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
#hotelGrade_Box td .fiveGrade{
background-position:75px 75px;
}
#hotelGrade_Box td .fourGrade{
background-position:75px 60px;
}
#hotelGrade_Box td .threeGrade{
background-position:75px 45px;
}
#hotelGrade_Box td .twoGrade{
background-position:75px 30px;
}
#hotelGrade_Box td .oneGrade{
background-position:75px 15px;
}
#hotelGrade_Box col.price{
width:88px;
}
#hotelGrade_Box col.terms{
width:71px;
}
#hotelGrade_Box col.data{
width:40px;
}
#hotelGrade_Box col.graph{
width:170px;
}
#hotelGrade_Box th.price{
text-align:left;
}
#hotelGrade_Box td.data{
width:35px;
padding-right:5px;
}
#hotelGrade_Box td.graph{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
#range_Area .graph div{
background:url("/element/j_hotel/shared/images/review_bg01_001.png") repeat-x scroll 0 0 transparent;
height:7px;
}
#range_Area .data{
color:#4A4A4A;
font-size:80%;
padding:5px 0;
text-align:right;
white-space:nowrap;
width:40px;
}
/*________________[10] ________________*/
.reservePath_Area{
margin:2em 0;
}
.reservePath_Area li{
display:inline;
margin:0 1.4em 0 0;
}
.reservePath_Area li+li:before{
content:'>';
margin:0 0.5em 0 -0.9em;
}
/*________________[11] ________________*/
.descriptionTxt_Area{
margin:69px 0 0 0;
text-align:left;
width:730px;
}
.descriptionTxt_Area dt{
background-color:#eeeeee;
color:#555555;
font-family:var(--cmn-font-family);
font-size:109.4%;
font-weight:bold;
padding:0.4em 0 0.4em 14px;
}
.descriptionTxt_Area dd{
background-color:#fafafa;
color:#555555;
font-size:93.75%;
line-height:1.5;
padding:0 0 21px 0;
width:730px;
}
.descriptionTxt_Area dd ul:after{
content:'.';
display:block;
clear:both;
height:0px;
visibility:hidden;
}
.descriptionTxt_Area dd li{
border-right:solid 1px #cccccc;
float:left;
line-height:1.1;
margin:11px 0 0 0;
}
.descriptionTxt_Area dd li:last-child{
border:none;
}
.descriptionTxt_Area dd li a{
margin:0 15px 0 15px;
}
.descriptionTxt_Area.whole dd{
width:730px;
padding:5px 0 10px 0;
}
.descriptionTxt_Area dd .allArea:after{
content:'.';
display:block;
clear:both;
height:0px;
visibility:hidden;
}
.descriptionTxt_Area dd .allArea{
padding-top:10px;
}
.descriptionTxt_Area dd .allArea dt{
clear:both;
float:left;
font-family:var(--cmn-font-family);
background-color:#fafafa;
color:#666666;
line-height:1.1;
padding:0 0 0 15px;
width:75px;
}

/* list-city */
.descriptionTxt_Area.list-city dd .allArea{
width:730px;
}
.descriptionTxt_Area.list-city dd .allArea dt{
width:160px;
float:left;
clear:left;
margin-top:5px;
}
.descriptionTxt_Area.list-city dd .allArea dd{
float:left;
width:555px;
margin-bottom:5px;
}
.descriptionTxt_Area.list-city dd li{
margin-top:11px;
margin-bottom:0px;
}
.descriptionTxt_Area.list-city dd dd li{
margin-top:0;
margin-bottom:6px;
}
#two_column_right .descriptionTxt_Area.list-city dd .allArea dt a{
color:#0b41a1;
}
#two_column_right .descriptionTxt_Area.list-city dd{
border-right:0px;
}
#two_column_right .descriptionTxt_Area.list-city dd li{
line-height:1.2;
}
#two_column_right #Area_navigation_link .descriptionTxt_Area.list-city dd dt a{
font-size:12px;
float:inherit;
margin-right:0px;
padding:0;
background:none;
padding-top:4px;
font-family:var(--cmn-font-family);
font-weight:bold;
}
#two_column_right #Area_navigation_link .descriptionTxt_Area.whole dd dt a{
float:inherit;
margin-right:0;
padding:0;
background:none;
}
#two_column_right #Area_navigation_link .descriptionTxt_Area dt a{
font-size:12px;
font-weight:normal;
float:right;
margin-right:12px;
padding:4px 0px 0 8px;
background:url(/element/j_hotel/shared/images/ar03_w001.gif) no-repeat left center;
font-family:var(--cmn-font-family);
color:#0b41a1;
}
.descriptionTxt_Area.whole dd{
width:730px;
padding:0px 0 21px 0;
}
/* list-city --// */

.descriptionTxt_Area dd .allArea dd{
float:left;
border-right:solid 1px #cccccc;
font-size:100%;
line-height:1.1;
padding:0;
width:auto;
padding-top:3px;
}
.descriptionTxt_Area dd .allArea dd a{
margin:0 15px 0 15px;
}
.descriptionTxt_Area dd .allArea dd:last-child{
border-right:none;
}
.descriptionTxt_Area dt a{
font-size:12px;
font-weight:normal;
float:right;
margin-right:15px;
position:relative;
padding-left:8px;
}
.descriptionTxt_Area dt a:before{
content:'';
height:0;
width:0;
display:block;
border:3px transparent solid;
border-right-width:0;
border-left-color:#989898;
position:absolute;
top:6px;
left:0px;
}

/*__________________ [12] Vendor Table Fixed _______________*/
/* vendorDtl_Area */
.vendorDtl_Area{
position:absolute;
z-index:200;
font:13px/1.2 "Hiragino Kaku Gothic ProN", "?q???M?m?p?S ProN W3", Meiryo, "???C???I", sans-serif;
zoom:1;
}
.vendorDtl_Area .vendorDtl_Box{
position:absolute;
top:-3px;
left:3px;
text-align:left;
}
.vendorDtl_Area .vendorDtl{
width:470px;
padding:10px 8px 10px 8px;
border:1px solid #b5b5b5;
background-color:#fff;
box-shadow:0 1px 4px rgba(170,170,170,1);
}
.vendorDtl_Area .vendorInfo_Att{
margin-bottom:7px;
padding:8px;
border-radius:3px;
background:#ffedee;
color:#e30707;
font-weight:bold;
line-height:1.3;
}
.vendorDtl_Area table{
width:100%;
border-top:1px solid #cdcdcd;
border-collapse:collapse;
}
.vendorDtl_Area table th,
.vendorDtl_Area table td{
padding:5px 7px;
color:#555;
word-break:break-all;
border-bottom:1px solid #cdcdcd;
font-size:11px;
text-align:left;
}
/*
.vendorDtl_Area table tr:hover{
background:#fff;
}
*/
.vendorDtl_Area table th{
width:29%;
background:#f0f0f0;
border-right:1px solid #cdcdcd;
font-weight:normal;
}
.vendorDtl_Area table .off{
color:#ccc;
}
.vendorDtl_Area .vendorDtl.thin{
width:340px;
}
/* coupon */
.vendorDtl_Area .couponCode{
margin-bottom:8px;
color:#333;
font-size:18px;
font-weight:bold;
text-align:center;
}
.vendorDtl_Area .couponCode strong{
font:26px Verdana, Geneva, sans-serif;
font-weight:bold;
}
.vendorDtl_Area .couponCode span{
display:inline-block;
margin-top:5px;
font-size:11px;
font-weight:normal;
color:#555;
}
.vendorDtl_Area .couponAtt_Box{
margin-bottom:10px;
padding:10px 0 5px;
background:#fff3f3;
}
.vendorDtl_Area .couponAtt_Box p{
color:#e30707;
font-size:14.5px;
font-weight:bold;
text-align:center;
}
.vendorDtl_Area .couponAtt_Box dl{
width:90%;
margin:7px auto 0;
color:#333;
border:none;
}
.vendorDtl_Area .couponAtt_Box dt,
.vendorDtl_Area .couponAtt_Box em{
font-weight:bold;
}
.vendorDtl_Area .couponAtt_Box em span{
display:inline-block;
margin-left:2px;
padding:1px 2px;
height:13px;
background:#434343;
color:#fff;
font-weight:normal;
line-height:14px;
}
.vendorDtl_Area .couponAtt_Box dt,
.vendorDtl_Area .couponAtt_Box dd{
display:inline-block;
font-size:12.5px;
font-weight:bold;
}
.vendorDtl_Area .couponAtt_Box dt{
position:relative;
width:28%;
margin-bottom:5px;
text-align:left;
background:none;
}
.vendorDtl_Area .couponAtt_Box dd{
width:70%;
}
.vendorDtl_Area .couponAtt_Box dt:after{
position:absolute;
top:0;
right:3px;
content:':';
}

/*__________________ discountcoupon _______________*/
.discountcoupon{
display:inline-block;
margin:0 0 1px;
font-family:var(--cmn-font-family);
font-weight:bold;
line-height:11px;
color:#333;
border-top:solid 1px #f6db78;
border-bottom:solid 1px #d9a52c;
border-radius:3px;
background:#ffeb95; /* Old browsers */
background:-moz-linear-gradient(top,  #ffeb95 0%, #f6dc83 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeb95), color-stop(100%,#f6dc83)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #ffeb95 0%,#f6dc83 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #ffeb95 0%,#f6dc83 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #ffeb95 0%,#f6dc83 100%); /* IE10+ */
background:linear-gradient(to bottom,  #ffeb95 0%,#f6dc83 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb95', endColorstr='#f6dc83',GradientType=0 ); /* IE6-9 */
overflow:hidden;
*zoom:1;
}
#two_column_right .discountcoupon a,
#two_column_right .discountcoupon a:link,
#two_column_right .discountcoupon a:hover,
#two_column_right .discountcoupon a:active{
color:#333;
text-decoration:none;
}
.discountcoupon span{
display:inline-block;
width:107px;
padding:3px 0;
font-size:11px;
text-align:center;
vertical-align:-11px;
}
* html .discountcoupon span{vertical-align:baseline;}
*:first-child+html .discountcoupon span{vertical-align:baseline;}

/*__________________ DP Popup Area _______________*/
.dp_popup_Area{
position:absolute;
background:#a2a2a2;
border-radius:3px;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.3), 4px 5px 5px rgba(0,0,0,.25);
-moz-box-shadow:0 0 6px rgba(0,0,0,.3), 4px 5px 5px rgba(0,0,0,.25);
box-shadow:0 0 6px rgba(0,0,0,.3), 4px 5px 5px rgba(0,0,0,.25);
z-index:1000;
}
.dp_popup_Box{
position:relative;
padding:8px 5px;
background:#fff;
border:1px solid #a2a2a2;
border-radius:3px;
}
.dp_popup_Box:before,
.dp_popup_Box:after{
position:absolute;
content:'';
display:block;
}
.dp_popup_Box:before{
left:50%;
bottom:-11px;
border-top:11px solid #a2a2a2;
border-left:7px solid transparent;
border-right:7px solid transparent;
}
.dp_popup_Box:after{
left:50.5%;
bottom:-10px;
border-top:11px solid #fff;
border-left:6px solid transparent;
border-right:6px solid transparent;
}
.dp_popup_Area table{
border-collapse:collapse;
}
.dp_popup_Area th,
.dp_popup_Area td{
border-top:1px dotted #c0c0c0;
}
.dp_popup_Area tr:first-child th,
.dp_popup_Area tr:first-child td{
border-top:none;
}
.dp_popup_Area th{
width:62px;
padding:5px;
}
.dp_popup_Area td{
padding:5px 5px 0 0;
}
.dp_popup_Area a{
display:block;
padding:0;
line-height:1.5;
white-space:nowrap;
}
.dp_popup_Area ul{
overflow:hidden;
}
.dp_popup_Area td ul{
padding-top:0;
}
.dp_popup_Area li{
display:block;
margin-top:-1px;
margin-bottom:6px;
padding:5px 10px 0 5px;
border-top:1px dotted #c0c0c0;
font-size:12px;
vertical-align:middle;
}
.dp_popup_Area td li{
padding-top:0;
margin-top:0;
border-top:none;
}
.dp_popup_Area li span{
display:inline-block;
width:49px;
height:17px;
margin:0 6px 0 0;
border:1px solid #c4c4c4;
text-align:center;
vertical-align:bottom;
cursor:pointer;
}
* html .dp_popup_Area li span{ display:inline; zoom:1;}
*:first-child+html .dp_popup_Area li span{ display:inline; zoom:1;}

.dp_popup_Area li span img{
width:auto;
height:17px;
}
.dp_popup_Area .howto{
margin-left:58px;
padding-left:6px;
background:url(/element/j_hotel/shared/images/ar04_w001.gif) 0 2px no-repeat;
font-size:11px;
line-height:1;
}


/*__________________ Plan Apeal _______________*/
#list_Col .planData_Box .planInfo{
padding:2px 0;
}
#list_Col .planData_Box .planInfo table{
border-collapse:collapse;
}
#list_Col .planData_Box .planInfo td{
border:none;
}
#list_Col .planData_Box .planInfoTxt{
padding:0 5px 5px;
}

#two_column_right .planAppealBtn{
display:block;
margin-top:5px;
padding-left:11px;
background:url(/element/j_hotel/shared/images/planApeal_ico01_001.png) 0 1px no-repeat;
font-family:var(--cmn-font-family);
font-size:11px;
color:#666;
}
#two_column_right .planAppealBtn.apealClose{
background-position:0 -19px;
}
#two_column_right .planAppealBtn:link,
#two_column_right .planAppealBtn:visited,
#two_column_right .planAppealBtn:hover,
#two_column_right .planAppealBtn:active{
color:#666;
text-decoration:none;
}
.planAppeal{
padding:5px 5px 10px;
font-family:var(--cmn-font-family);
font-size:12px;
word-break:break-all;
}
#list_Col .planData_Box .plan_List td{
vertical-align:top;
}
.descriptionTxt_Area dt a{
font-size:12px;
font-weight:normal;
float:right;
margin-right:12px;
padding:4px 0px 0 8px;
background:url(/element/j_hotel/shared/images/ar03_w001.gif) no-repeat left center;
font-family:var(--cmn-font-family);
}

/*__________________ Tool Tip _______________*/
.qtipHelp_Area .qtip-content table{
margin-bottom:7px;
}
.qtip-wrapper .qtipHelp_Area .qtip-content table.explain_Table td{
color:#111;
}

/*__________________ Error _______________*/

.error-area{
padding:35px 0;
font-family:var(--cmn-font-family);
}
.error-area .title-error{
font-weight:bold;
color:#e30707;
line-height:1.5;
margin-bottom:35px;
font-size:18px;
text-align:center;
display:block;
}
.error-area .error-info-area{
background:#f2f1f1;
border-radius:4px;
padding:18px;
}

.error-area .hint-info-area{
border:1px solid rgb(239, 238, 238);
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
box-shadow:rgba(168, 168, 168, 0.4) 0px 1px 3px 0px;
-webkit-box-shadow:rgba(168, 168, 168, 0.4) 0px 1px 3px 0px;
-moz-box-shadow:rgba(168, 168, 168, 0.4) 0px 1px 3px 0px;
background:#fff;
padding:13px 12px;
height:212px;
margin-bottom:30px;
}
.error-area .hint-info-area p{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
.error-area .hint-info-area dl{}

.error-area .hint-info-area dl dt{
  clear:left;
  float:left;
  margin:0 0 3px;
  width:360px;
  line-height:1.4;
  border-bottom:1px dotted #a0a0a0;
  background:url(../images/icon-error01.gif) left center no-repeat;
  padding:5px 0 5px 25px;
  font-weight:bold;
  font-size:13px;
  color:#333333;
  height:18px;
}
.error-area .hint-info-area dl dd{
  margin:0 0 3px 360px;
  line-height:1.4;
  border-bottom:1px dotted #a0a0a0;
  background:url(../images/icon-error02.gif) left center no-repeat;
  padding:6px 0 6px 25px;
  height:16px;
}

.error-area .hint-info-area dl dt.nb,
.error-area .hint-info-area dl dd.nb{
	border:0;
}
.search-area{
	margin-bottom:45px;
	font-weight:bold;
	font-size:14px;
	color:#0b41b0;
}
.search-area b{
	display:block;
	font-size:16px;
	color:#333;
}
.search-calendar p b{
	font-size:16px;
	display:block;
	color:#333;
}
.search-calendar p span{
	display:block;
	text-indent:-1em;
	padding-left:1em;
}
.search-calendar p span b{
	font-size:13px;
}


/*______________________[7-8] Calender Paging List  _______________________*/
.search-calendar #priceCalender_Area{
clear:both;
margin:0 auto;
padding:5px 0 0 0;
width:690px;
}
.search-calendar #priceCalender_Area ul{
float:right;
margin:0 0 5px 0;
text-align:right;
}
.search-calendar #priceCalender_Area li{
display:table-cell;
margin:0;
padding:0 0 0 4px;
vertical-align:middle;
}
* html .search-calendar #priceCalender_Area li{
display:inline;
zoom:1;
}
*:first-child+html .search-calendar #priceCalender_Area li{
display:inline;
zoom:1;
}
.search-calendar #priceCalender_Area li a,
.search-calendar #priceCalender_Area li b,
.search-calendar #priceCalender_Area li em,
.search-calendar #priceCalender_Area li span{
cursor:pointer;
display:inline-block;
text-align:center;
vertical-align:top;
font-weight:bold;
white-space:nowrap;
background-image:url(../images/calender_bt02_001.gif);
background-repeat:no-repeat;
}
.search-calendar #priceCalender_Area li a,
.search-calendar #priceCalender_Area li b{
padding:0 0 0 0.7em;
height:23px;
line-height:23px;
letter-spacing:-1px;
}
.search-calendar #priceCalender_Area li em{
padding:0 0 0 0.5em;
height:27px;
line-height:27px;
font-size:125%;
}
.search-calendar #priceCalender_Area li.all em{
font-size:120%;
}
.search-calendar #priceCalender_Area li span{
padding:0 0.7em 0 0;
height:23px;
line-height:23px;
}
.search-calendar #priceCalender_Area li a{
background-position:left 0px;
}
.search-calendar #priceCalender_Area li a:hover,
.search-calendar #priceCalender_Area li b{
background-position:left -50px;
}
.search-calendar #priceCalender_Area li em{
color:#555555;
background-position:left -100px;
}
.search-calendar #priceCalender_Area li a span{
background-position:right 0px;
}
.search-calendar #priceCalender_Area li a:hover span{
background-position:right -50px;
}
.search-calendar #priceCalender_Area li b span{
color:#c1c1c1;
background-position:right -50px;
}
.search-calendar #priceCalender_Area li em span{
padding:0 0.5em 0 0;
height:27px;
line-height:28px;
background-position:right -100px;
}


/*______________________[7-5] Booking Calender Table _______________________*/
#Area_Calendar .nowloading    { clear:both; height:14em; border:1px solid #b4b4b4; text-align:center; background:url(../../shared/images/load.gif) no-repeat center center #ffffff; }
#pricingTable_Area            { clear:both; overflow:hidden; margin:-1px auto 10px auto; width:688px; border-style:solid; border-width:1px 1px 0 1px; border-color:#bdbdbd; }
#pricingTable_Area table      { width:688px; border-width:0; background:#fff;}

#pricingTable_Area col.holiday,
#pricingTable_Area col.weekday         { width:98px; }
#pricingTable_Area col.sunday,
#pricingTable_Area col.saturday        { width:99px; }

#pricingTable_Area th                  { padding:0.5em 0; border-style:solid; border-width:0 0 1px 1px; line-height:1.0; text-align:center; background-color:transparent; }
#pricingTable_Area th                  { width:97px; border-width:0 0 1px 1px; border-color:#bdbdbd; color:#666666; background-color:#f1f1f1; }
#pricingTable_Area th.holiday          { border-color:#bdbdbd; color:#f31313; background-color:#fee3e8; }
#pricingTable_Area th.sunday           { width:98px; border-width:0 0 1px 0px; border-color:#bdbdbd; color:#f31313; background-color:#fee3e8; }
#pricingTable_Area th.saturday         { width:99px; border-color:#bdbdbd; color:#1298a0; background-color:#d9efe8; }
#pricingTable_Area td                  { padding:0.3em 0 0 0; width:97px; border-style:solid; border-width:0 0 1px 1px; border-color:#bdbdbd; line-height:1.0; text-align:center; vertical-align:top; background-color:transparent; }
#pricingTable_Area td.sunday           { width:99px; border-width:0 0 1px 0px; }
#pricingTable_Area td.saturday         { width:98px; }
#pricingTable_Area td span             { display:block; margin:-0.3em 0 0 0; padding:0.2em 0 0.5em 0; border:solid 2px #ffffff; }
#pricingTable_Area td > span           { }
#pricingTable_Area td b                { display:block; margin:0 auto 0 0; padding:0 0 0 0.2em; width:1.8em; text-align:center; vertical-align:top; font-weight:bold; font-family:verdana; color:#666666; }
#pricingTable_Area td.saturday b       { color:#1298a0; }
#pricingTable_Area td.holiday  b,
#pricingTable_Area td.sunday   b       { color:#f31313; }
#pricingTable_Area td a                { display:block; margin:-0.3em 0 0 0; padding:0.2em 0 0.5em 0; border-style:solid; border-width:2px; line-height:1.0; text-decoration:none; border-color:#ffffff; }
#pricingTable_Area td > a              { }
#pricingTable_Area td a:link,
#pricingTable_Area td a:visited        { border-color:#ffffff; }
#pricingTable_Area td a:hover,
#pricingTable_Area td a:active         { border-color:#f5f5f5; background-color:#f5f5f5; text-decoration:none; }
#pricingTable_Area td.selected a       { border-color:#fcd76f; text-decoration:none; }
#pricingTable_Area td.selected a:hover,
#pricingTable_Area td.selected a:active{ border-color:#fcd76f; }
#pricingTable_Area td.novacant a,
#pricingTable_Area td.novacant a b,
#pricingTable_Area td.novacant a span  { cursor:default; }
#pricingTable_Area td.novacant a,
#pricingTable_Area td.novacant a span  { color:#cccccc; }
#pricingTable_Area td.novacant a:hover,
#pricingTable_Area td.novacant a:active{ background-color:#ffffff; }
#pricingTable_Area td a b              { cursor:pointer; }
#pricingTable_Area td a span           { cursor:pointer; }
#pricingTable_Area td a span,
#pricingTable_Area td span span        { display:inline-block; margin:0 0 0.6em 0; padding:0; height:auto; border-width:0; vertical-align:bottom; text-decoration:none; }
#pricingTable_Area td span.price       { margin-bottom:0.1em; font-weight:bold; color:#444444; }
#pricingTable_Area td span.text-info   { display:block; text-align:center; margin-top:3px; color:#444; margin-bottom:0;}
#pricingTable_Area td span.child       { min-height:1em; color:#999999; }
#pricingTable_Area td span span.price,
#pricingTable_Area td span span.child  { color:#cccccc; }
#pricingTable_Area td a img            { vertical-align:top; }

/*______________________[7-5-2]Booking Statuss Icon Settings _______________________*/
#pricingTable_Area td .state00,
#pricingTable_Area td .state01,
#pricingTable_Area td .state02,
#pricingTable_Area td .state03,
#pricingTable_Area td .state04,
#pricingTable_Area td .state05,
#pricingTable_Area td .state06,
#pricingTable_Area td .state07,
#pricingTable_Area td .state08                 { overflow:hidden; margin:0 auto; padding:0; width:74px; height:21px; border-width:0; text-indent:-9999px; background-image:url(../images/price_tx01_001.gif); background-repeat:no-repeat; }
#pricingTable_Area td .state04                 { margin:0em 0 0.5em 0;}
#pricingTable_Area td .state00                 { background-image:url(../images/load_s.gif); background-position:center center;}
#pricingTable_Area td .state01,
#pricingTable_Area td.selected a:hover .state01{ background-position:-444px   0;   }
#pricingTable_Area td a:hover .state01         { background-position:-444px -30px; }
#pricingTable_Area td .state02,
#pricingTable_Area td.selected a:hover .state02{ background-position:-0px  0;   }
#pricingTable_Area td a:hover .state02         { background-position:-0px -30px; }
#pricingTable_Area td .state03,
#pricingTable_Area td.selected a:hover .state03{ background-position:-148px   0;   }
#pricingTable_Area td a:hover .state03         { background-position:-148px -30px; }
#pricingTable_Area td .state04                 { background-position:-222px   0;   }
#pricingTable_Area td .state05,
#pricingTable_Area td.selected a:hover .state05{ background-position:-296px   0;   }
#pricingTable_Area td a:hover .state05         { background-position:-296px -30px; }
#pricingTable_Area td .state06,
#pricingTable_Area td.selected a:hover .state06{ background-position:-370px   0;   }
#pricingTable_Area td a:hover .state06         { background-position:-370px -30px; }
#pricingTable_Area td .state07,
#pricingTable_Area td.selected a:hover .state07{ background-position:-444px   0;   }
#pricingTable_Area td a:hover .state07         { background-position:-444px -30px; }
#pricingTable_Area td .state08,
#pricingTable_Area td.selected a:hover .state08{ background-position:-518px   0;   }
#pricingTable_Area td a:hover .state08         { background-position:-518px -30px; }



/*______________________[7-6]   Booking All Range Calender Table __________*/
/*______________________[7-6-1] Calender Table     ________________________*/
#allRangeTable_Area                        { clear:both; overflow:hidden; margin:-1px auto 0 0; width:699px; }
#allRangeTable_Area .allRangeTable_Box     { clear:both; padding:0 0 18px 0; width:699px; }
#allRangeTable_Area .allRangeTable_Box:after{ content:'.';  display:block; clear:both; height:0; visibility:hidden; }
#allRangeTable_Area .allRangeTable_Box .table_base{ float:left; margin:0 10px 0 0; width:223px; }
#allRangeTable_Area .allRangeTable_Box .table_base caption    { position:relative; padding:0.15em 0; border-style:solid; border-width:1px 1px 0 1px; border-color:#bdbdbd; color:#555555; font-size:120%; font-weight:bold; background-color:#eaeaea; }
#allRangeTable_Area .allRangeTable_Box .table_base th         { padding:0.2em 0; line-height:1.0; text-align:center; width:32px; color:#666666; background-color:#f1f1f1; }
#allRangeTable_Area .allRangeTable_Box .table_base th.holiday { color:#f31313; background-color:#fee3e8; }
#allRangeTable_Area .allRangeTable_Box .table_base th.sunday  { color:#f31313; background-color:#fee3e8; }
#allRangeTable_Area .allRangeTable_Box .table_base th.saturday{ color:#1298a0; background-color:#d9efe8; }
#allRangeTable_Area .allRangeTable_Box .table_base td         { padding:0; width:32px; line-height:1.3; text-align:center; }
#allRangeTable_Area .allRangeTable_Box .table_base td a       { display:block; color:#333333; }
#allRangeTable_Area .allRangeTable_Box .table_base td a:link    b{ color:#0b41a1; }
#allRangeTable_Area .allRangeTable_Box .table_base td a:visited b{ color:#800080; }
#allRangeTable_Area .allRangeTable_Box .table_base td a:hover    { background-color:#f5f5f5; }
#allRangeTable_Area .allRangeTable_Box .table_base td a:active  b{ color:#e30707; }
#allRangeTable_Area .allRangeTable_Box .table_base td.novacant,
#allRangeTable_Area .allRangeTable_Box .table_base td.novacant a,
#allRangeTable_Area .allRangeTable_Box .table_base td.novacant a b,
#allRangeTable_Area .allRangeTable_Box .table_base td.novacant a span  { cursor:default; color:#cccccc; }
#allRangeTable_Area .allRangeTable_Box .table_base td.novacant a:hover,
#allRangeTable_Area .allRangeTable_Box .table_base td.novacant a:active{ background-color:#ffffff; }


/*______________________[7-6-2] Price Introduction Table __________________*/
#priceRange_Table     { border-collapse:separate; border-spacing:4px; margin:0 auto; width:690px; color:#555555;  }
#priceRange_Table th  { empty-cells:hide; padding:0.1em 4px; width:40px; border:solid 1px #c9ccce; line-height:1.0; font-weight:bold; }
#priceRange_Table td  { empty-cells:hide; padding:0; width:83px; line-height:1.0; }


/*______________________[7-6-3] Price Introduction Table __________________*/
#numbersPriceRange_Table                { margin:0 auto 1.5em 0; width:690px; border-bottom:solid 1px #bdbdbd; }
#numbersPriceRange_Table col.terms      { width:32px; }
#numbersPriceRange_Table th,
#numbersPriceRange_Table td             { line-height:1.1; text-align:center; }
#numbersPriceRange_Table th span,
#numbersPriceRange_Table td span        { display:block; font-weight:normal; }
#numbersPriceRange_Table th             { padding:0.3em 0 0.2em 0; font-weight:bold; background-color:#f4f4f4; }
#numbersPriceRange_Table th.terms       { width:31px; }
#numbersPriceRange_Table th span        { font-size:80%; }
#numbersPriceRange_Table td             { padding:0.3em 0; border-bottom-style:dotted; }
#numbersPriceRange_Table td[scope="row"]{ font-weight:bold; }
#numbersPriceRange_Table td span        { color:#999999; }
.single    .data { width:658px; }
.double    .data { width:329px; }
.triple    .data { width:219px; }
.quadruple .data { width:164px; }
.quintuple .data { width:133px; }
.single    th    { width:657px; }
.double    th    { width:328px; }
.triple    th    { width:218px; }
.quadruple th    { width:163px; }
.quintuple th    { width:131px; }


#two_column_right .descriptionTxt_Area dt a{
font-size:12px;
font-weight:bold;;
float:inherit;
margin-right:12px;
padding:4px 0px 0 0px;
background:none;
font-family:var(--cmn-font-family);
color:#666;
}
.descriptionTxt_Area dt a:before{
content:'';
background:none;
border:0;
}
#list_Col .hotelData_Box .access_List dd.access a.Act_hotel_landmark_link{
background:none;
padding:0;
display:inline;
}
#two_column_right #Area_navigation_link .descriptionTxt_Area dt a{
font-size:12px;
font-weight:normal;
float:right;
margin-right:12px;
padding:4px 0px 0 8px;
background:url(/element/j_hotel/shared/images/ar03_w001.gif) no-repeat left center;
font-family:var(--cmn-font-family);
color:#0b41a1;
}

#prsuperLow_AreaM{
margin-bottom:30px;
}

/* 20150715-spot-search
---------------------------------------------- */

#main_Col,
#keyword_Area .fw_Txt,
select{
font-family:var(--cmn-font-family);
}
select{
font-size:12px;
}
#mainFilter_Area .data dd.roomType label{
font-size:11px;
}
#mainFilter_Area .data dd.budget{
font-size:11.5px;
}

.icon-r-price,
.icon-r-face{
float:left;
margin-top:2px;
}

#form_Col .data dd img.ui-datepicker-trigger{
width:auto;
height:auto;
}


/* theme-list-box */

#one_column,
#two_column_right{
font-family:var(--cmn-font-family);
}
.theme-list-box{
margin-bottom:40px;
}
.upper-nav{
margin:10px 0 14px 0;
}
.upper-nav a{
position:relative;
padding-left:20px;
color:#0b41a1;
font-size:16px;
font-weight:bold;
padding-top:4px;
}
.upper-nav  a:before{
display:block;
content:"";
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:50%;
left:5px;
width:8px;
height:8px;
margin-top:-4px;
background:#0b41a1;
}
.upper-nav a:after{
display:block;
content:"";
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:50%;
left:8px;
width:8px;
height:8px;
margin-top:-4px;
background:#fff;
}

.hdg-link-area{
position:relative;
}
.hdg-theme{
margin-bottom:15px;
padding:6px 15px 4px;
border-bottom:1px solid #d7d7d7;
background-color:#f6f6f6;
font-size:17px;
font-weight:bold;
}
.hdg-link-area p{
text-align:right;
position:absolute;
top:8px;
right:15px;
font-size:14px;
}
.list-theme-container ul{
margin-left:-21px;
margin-bottom:40px;
}
.list-theme-container li{
display:inline-block;
width:220px;
margin:0 0 8px 21px;
letter-spacing:normal;
vertical-align:top;

}
.list-theme-container li span{
display:block;
font-size:15px;
font-weight:bold;
color:#0b41a1;
margin-top:5px;
min-height:2.5em;
}
.list-theme-container li a{
width:220px;
text-align:center;
}
.list-theme-container .list-col-5 li a{
width:180px;
text-align:center;
}
.list-theme-container li img{
width:auto;
height:auto;
max-width:220px;
max-height:170px;
}
.list-theme-container .list-col-5 li img{
max-width:180px;
max-height:120px;
}
.list-theme-container ul.list-col-5{
margin-left:-15px;
overflow:hidden;
}
.list-theme-container .list-col-5 li{
width:180px;
margin-left:15px;
float:left;
margin-bottom:8px;
}
.list-theme-container .list-col-5 li:nth-child(5n+1){
clear:left;
}
.list-theme-container li .img-box{
width:220px;
height:170px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:#f1f1f1;
}
.list-theme-container .list-col-5 li .img-box{
width:180px;
height:120px;
}
.list-theme-container li span:not([class]){
text-align:left;
}
.list-theme-container .list-col-5 li span{
display:block;
font-size:13px;
font-weight:normal;
color:#333;
text-decoration:none;
margin-top:5px;
min-height:2.5em;
}
.list-theme-container .list-col-5 li a:hover{
text-decoration:none;
}

#list_Col .hotelData_Box p.btn-favoritelist{
float:inherit;
padding:2px 2px 3px 0;
width:auto;
line-height:1.2;
position:absolute;
top:-7px;
right:0;
}

/*-------- Theme List ---------*/
.hdg-img-box{
padding:20px;
background-color:#f6f6f6;
}
.top-hdg{
margin-top:25px;
padding:8px 15px 6px;
color:#fff;
font-size:24px;
font-weight:bold;
background-color:#666;
width:auto;
height:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#add_Col .text-box{
padding-right:20px;
display:table-cell;
vertical-align:top;
}
#add_Col .text-box h1{
margin-bottom:15px;
line-height:1.35;
font-size:28px;
font-weight:bold;
}
#add_Col .text-box p{
background:none;
height:auto;
float:none;
width:auto;
text-indent:0;
font-size:14px;
}
#add_Col .img-box{
text-align:center;
box-sizing:border-box;
display:table-cell;
}
#add_Col .img-box img{
max-width:307px;
max-height:200px;
}
.button-under-box{
background:#f5f5f5;
padding:15px 15px 5px 15px;
box-sizing:border-box;
margin:50px 0 30px 0;
width:730px;
}
.button-under-box a{
border-radius:5px;
background-color:#fff;
-webkit-box-shadow:inset 0 -4px rgba(11,2,5,.1);
-moz-box-shadow:inset 0 -4px rgba(11,2,5,.1);
box-shadow:inset 0 -4px rgba(11,2,5,.1);
border:1px solid #bfbfbf;
display:block;
padding:10px 0;
text-align:center;
font-size:15px;
font-weight:bold;
}
.button-under-box ul{
margin-left:-10px;
}
.button-under-box li{
width:345px;
margin-bottom:10px;
float:left;
margin-left:10px;
box-sizing:border-box;
}

#container .button-under-box li a:link{
color:#555;
}
.button-under-box li.wide{
width:700px;
}

#sub_Col .contentInfo_SideBox{
margin-bottom:20px;
padding:0;
background:none;
}
#sub_Col .theme-side-box dd ul{
padding:0;
}
#sub_Col dl.theme-side-box{
background:none;
}
#sub_Col dl.theme-side-box dt{
padding:13px 0 10px;
border-width:2px 0 1px;
border-style:solid;
border-color:#666 transparent #ddd;
color:#333;
background:none;
line-height:1.35;
width:auto;
height:auto;
font-size:13px;
text-align:left;
}
#sub_Col dl.theme-side-box dd{
padding:0;
border:none;
width:auto;
}
#sub_Col dl.theme-side-box dd li{
margin-bottom:0;
}
#sub_Col dl.theme-side-box dd a{
padding:10px 0;
border-bottom:1px dotted #ccc;
display:block;
position:relative;
text-decoration:none;
}


/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.button-under-box ul:after,
.button-under-box ul:before,
.hdg-img-box:before,
.hdg-img-box:after,
.list-theme-container ul:before,
.list-theme-container ul:after{
content:"";
display:table;
}
.button-under-box ul:after,
.hdg-img-box:after,
.list-theme-container ul:after{
clear:both;
}