/*------------ left area ------------*/
#left{ width: 170px;}
#left div#bg{ padding-top: 25px; background-image:  url("../../jp/img/l_bg.gif"); background-repeat: repeat-y;}

/* navi */
#navi{ font-size: 11px; line-height: 14px; border: 1px solid #b7b199; background-color: #ffffff;}

#navi ul{ background-image:  url("../../jp/img/navi_bg.jpg"); width: 166px;}
#navi li{ border-bottom: 1px solid #f3f0e9;}
#navi li#navi-last{ border-style: none;}
#navi li a{ display: block; background-image:   url("../img/bt_arrow_gray.gif"); background-repeat: no-repeat; background-position: 11px 12px; padding: 8px 0 8px 24px; _width: 142px;}/* forIE6.0*/
#navi li a.other{ display: block; background-image:   url("../img/bt_file.gif"); background-repeat: no-repeat; background-position: 10px 10px; padding: 8px 0 8px 24px;}
#navi li.act{ background-color: #dacdbc;}
#navi li.act a{ background-image:   url("../img/bt_arrow_red.gif");}
#navi a{ text-decoration: none; color: #323C5A;}
#navi a:hover{ color: #594f31;}

/* banner */
table#travel-link{ height: 86px; width: 170px; background-image:  url("../../jp/img/l_travel_bg.gif"); background-position: bottom; background-repeat: no-repeat;}
table#travel-link img{ margin: 0;}
table#travel-link ul{ padding: 8px 0 10px 20px;}
table#travel-link td{ vertical-align: top;}
table#travel-link #td-01{ height: 37px;}
table#travel-link #td-02{}

/*------------ right ------------*/
#right{ padding: 25px 0 0 15px;}
#right-bland{ padding: 25px 0 0 10px;}

/*------------ center ------------*/

a.other{ background-image:   url("../img/bt_file.gif"); background-repeat: no-repeat; background-position: 10px 8px; padding: 8px 0 8px 24px;}
.bullet{ padding-left: 15px; background-image:   url("../img/icon_bullet.gif"); background-repeat: no-repeat; background-position: 0 5px;}
.color-nhi{ color: #2e536e;}
.color-hjc{ color: #8c745a;}



.line-gray-dot{ background-image:   url("../img/line_gray_dot.gif"); background-position: bottom; background-repeat: repeat-x;}

#maintenance p.frame-gray{ border: 1px solid #cbc7c8; padding: 10px;}

/* table corner gradation */
/* c = corner, l = line */
#reed{ font-size: 12px; line-height: 16px; color: #796a4e;}
#txt-frame td.c01, #txt-frame td.c02, #txt-frame td.c03, #txt-frame td.c04{
	width: 15px; height: 15px;
}
#txt-frame td.l01, #txt-frame td.l03{
	height: 15px;
}
#txt-frame td.l02, #txt-frame td.l04{
	widows: 15px;
}
#txt-frame td.c01{ background-image:   url("../img/gb_c_01.gif");}
#txt-frame td.c02{ background-image:   url("../img/gb_c_02.gif");}
#txt-frame td.c03{ background-image:   url("../img/gb_c_03.gif");}
#txt-frame td.c04{ background-image:   url("../img/gb_c_04.gif");}
#txt-frame td.l01{ background-image:   url("../img/gb_l_01.gif");}
#txt-frame td.l02{ background-image:   url("../img/gb_l_02.gif");}
#txt-frame td.l03{ background-image:   url("../img/gb_l_03.gif");}
#txt-frame td.l04{ background-image:   url("../img/gb_l_04.gif");}
#txt-frame td.txt-area{ background-color: #f5f2ed;}
p.brown{ padding: 10px; border: 0px solid #fff; color: #796a4e; font-size: 12px;}

/* table style */
th{ font-weight: normal; text-align: left;}
.table-type01{ border-top: 1px solid #ccc7c7; border-left: 1px solid #ccc7c7; font-size: 11px;}
.table-type01 td, .table-type01 th{ padding: 8px; border-bottom: 1px solid #ccc7c7; border-right: 1px solid #ccc7c7;}

table.line-top{ border-top: 1px solid #e5e5e3;}
/* text style */
#recruit h4, #maintenance h3{ font-weight: normal; margin: 15px 0 8px 0;}


/* company */
#company{ width: 525px;}
#company ul{ padding-left: 20px;}
#company li{ padding: 5px 0; clear: both;}
#company li span{ width: 80px; display: block; float: left;}
#company li a{ float: left;}

/* hotel list */
.hotel-list-table{ width: 520px;}
.hotel-list-table .td01, .hotel-list-table .td02, .hotel-list-table .td03, .hotel-list-table .td04{ vertical-align: top; padding: 5px 0 15px 0; border-bottom: 1px dotted #e3e3e3;}
.hotel-list-table .td01, .hotel-list-table .td02, .hotel-list-table .td03, .hotel-list-table .td04{ _border-bottom: 0px solid #e3e3e3; _background-image:   url("../img/line_gray_dot.gif"); _background-repeat: repeat-x; _background-position: bottom;}/* forIE */
.hotel-list-table .td01{ width: 20px; text-align: left;}
.hotel-list-table .td02{}
.hotel-list-table .td02 span{ display: block; padding-bottom: 5px;}
.hotel-list-table .td03{ width: 70px; text-align: center; vertical-align: middle;}
.hotel-list-table .td04{ width: 250px; vertical-align: middle;}

span.hotel-area{ display: block; margin: 10px 0 5px 0; font-size: 12px; font-weight: bold; }

#hotel-list-table2{ width: 520px;}
#hotel-list-table2 .td01, #hotel-list-table2 .td02, #hotel-list-table2 .td03{ padding: 20px 0; background-image:   url("../img/line_gray_dot.gif"); background-repeat: repeat-x; background-position: bottom;}
#hotel-list-table2 .td01{ width: 110px; text-align: left; vertical-align: top;}
#hotel-list-table2 .td01 img{ margin-bottom: 2px;}
#hotel-list-table2 .td01 img.hotel-img{ border: 1px solid #c3c3c3; margin-bottom: 10px;}
#hotel-list-table2 .td02{ width: 20px; text-align: center; vertical-align: top;}
#hotel-list-table2 .td03{ vertical-align: top;}
#hotel-list-table2 .td03 p{ padding: 8px 0;}

#hotel-type-list{ margin: 10px 0 20px 0; padding-top: 5px; background-image:   url("../img/line_gray_dot.gif"); background-repeat: repeat-x;}
#hotel-type-list a img{ margin: 0 5px 3px 5px;}

span.nhi{ background-image:   url("../../img/hotel_type_nikko.gif");}
span.jal{ background-image:   url("../../img/hotel_type_jal.gif");}
span.partner{ background-image:   url("../../img/hotel_type_partner.gif");}
span.airport{ background-image:   url("../../img/hotel_type_airport.gif");}
span.city{ background-image:   url("../../img/hotel_type_city.gif");}
span.nhi, span.jal, span.partner, span.airport, span.city{ font-size: 11px; line-height: 16px; background-repeat: no-repeat; padding-left: 16px; display: block;}

span.address{ display: block;}
span.tel{ display: block;}

a.dom-link, a.dom-link-half-l, a.dom-link-half-r{ display: block; background-image:    url("../../img/hotel_info_icon.gif"); background-repeat: no-repeat; background-position: 0 2px; padding-left: 18px; height: 16px;}
a.dom-link{ width: 88px; clear: both;}
a.dom-link-half-l{ width: 32px; float: left; margin-right: 6px;}
a.dom-link-half-r{ width: 32px; float: left;}
/* nhi & hjc */
#nhi #bg-table{ background-image:  url("https://www.jalhotels.com/jp/nhi/img/bg.gif"); background-position: center; background-repeat: no-repeat;}
#hjc #bg-table{ background-image:  url("https://www.jalhotels.com/jp/hjc/img/bg.jpg"); background-position: center; background-repeat: no-repeat;}

.mem-bg-nhi{ background-image:  url("../../jp/member/img/bg_nhi.jpg"); background-repeat: no-repeat;}
.mem-bg-hjc{ background-image:  url("https://www.jalhotels.com/jp/member/img/bg_hjc.jpg"); background-repeat: no-repeat;}
/* FORM */
input, textarea{ border: 1px solid #d3d4c6; background-color: #ffffff; font-size: 13px; padding: 3px;}
input.bt{ border: 0 solid #fff; padding: 0;}

/* JMB - /jp/jmb/index.html */
#jmb-index{}
#jmb-index fieldset{ width: 500px; padding: 0 10px;}
#jmb-index legend{ margin: 0 5px 10px 5px;}
#jmb-index label table{ margin: 10px 0;}
#jmb-index label p{ margin: 5px 10px;}
/* contact */
#contact-form{ border: 1px solid #cbc7c8;}
#contact-form p{ padding: 10px 0;}
#contact-form .td01{ padding: 10px; border-bottom: 1px solid #e8e9e3; border-right: 1px solid #e8e9e3;}
#contact-form .td02{ padding: 10px; border-bottom: 1px solid #e8e9e3;}
#contact-form .td03{ padding: 10px;}
#contact-form .w260{ width: 260px;}
#contact-form .w360{ width: 360px; height: 130px;}
.w120{ width: 120px;}
.w50{ width: 50px;}

/* topics */
#topics ul{ margin: 20px 0px 100px 10px;}
#topics li{ border-bottom: 1px solid #d1d1cf; padding: 8px 0 8px 15px; font-size: 12px;}
#topics li a{}
#topics #bnr-area{ width: 525px; margin-top: 60px;}
#topics #bnr-area img{ margin: 0 5px 5px 0;}

/* phone type - /jp/mobile/index.html */
table.phone-type{ background-color: #fafbf5; border-top: 1px solid #cdcec0; border-left: 1px solid #cdcec0; border-right: 1px solid #cdcec0;}
table.phone-type td{ border-bottom: 1px solid #cdcec0; padding: 5px;}
table.phone-type td.icon-area{ border-right: 1px solid #cdcec0; width: 35px; text-align: center;}
table.phone-type input.w240{ width: 240px;}
table.phone-type input.w200{ width: 200px;}

/* my jal hotels */
.border-white{ border: 1px solid #ffffff; background-color: #f9faf5;}
.bg-olive{ background-color: #d0d1c1; padding: 1px; width: 238px;}
.border-top-olive{ border-top: 1px solid #e5e5db;}
.w126{ width: 126px;}
.w80{ width: 80px;}

/* Q&A - /jp/guide/qa.html */
#qa{}
#qa h4{ margin: 15px 10px 10px 10px; color: #8b805a; font-size: 12px; font-weight: bold;}
#qa p{ margin: 0 10px;}
#qa fieldset{ width: 200px; padding: 10px; margin-left: 10px;}
#qa legend{ padding: 0 5px; white-space: nowrap; margin-bottom: 5px;}
#qa label{}

/* sitemap - /jp/guide/sitemap.html */
#sitemap{ width: 700px; margin: 20px 0 20px 22px;}
#sitemap h3.type01{ border-left: 4px solid #321e1f; padding: 3px 0 3px 4px; margin-top: 20px; margin-bottom: 10px; font-weight: normal;}
#sitemap h3.type02{ border-left: 4px solid #937f67; padding: 3px 0 3px 15px; margin-top: 20px; margin-bottom: 10px; font-weight: normal;}
#sitemap ul.first{ padding-left: 10px;}
#sitemap ul.second{ padding: 5px 0 0 10px; margin-bottom: 5px;}
#sitemap ul.second li{ border-left: 1px solid #cbc7c6; padding-left: 10px;}
#sitemap a{  padding-left: 12px; line-height: 18px; background-image:   url("../img/bt_arrow_gray.gif"); background-position: 0 2px; background-repeat: no-repeat;}
#sitemap a.other{ background-image:   url("../img/bt_file.gif"); background-position: 0 8px;}
#sitemap h3 a{ background-position: 0 2px; padding-top: 0px; padding-bottom: 0px;}

/* terms - /jp/footer/terms.html */
#terms{}
#terms h3{}
#terms h4{ margin: 20px 0 10px 0;}
#terms h5{ margin: 5px 0 5px 15px; font-weight: bold;}
#terms p{ margin: 0 15px 0 15px;}

/*--------- ENGLISH ---------*/
div#hotel-list-jpn{ background-color: #efece5; padding: 5px 0; text-align: center; margin: 0;}
div#hotel-list-jpn select{ width: 150px; background-color: #fff; color: #514a2d; margin: auto;}