@charset "shift-jis"; @import url(http://dom.jtb.co.jp/common/css/jtb_site_970.css); /* Color Scheme * JTB-color : #c81528; * Link-colo : #000099; -------------------------------------------------------------*/ body { text-align: left; font-size: 100.01%; color: #373737; font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Lucida Grande",geneva,verdana,sans-serif; line-height: 1.6; } h1,h2,h3,h4,h5,h6 { font-size: 12px; } div,p,pre,ul,ol,dt,dd,td,th,caption,form,address { font-size: 12px; font-weight: normal; font-style: normal; } a { color: #000099; } a:link { color: #000099; } a:visited { color: #620169; } a:hover { color: #0033cc; } a:active { color: #0033cc; } a.htl_selected { color: #fff; text-decoration: none; } a.htl_selected:link { color: #fff; text-decoration: none; } a.htl_selected:visited { color: #fff; text-decoration: none; } a.htl_selected:hover { color: #fff; text-decoration: none; } a.htl_selected:active { color: #fff; text-decoration: none; } #index #calendar a { text-decoration: underline; } #index #calendar a:link { text-decoration: underline; } #index #calendar a:visited { text-decoration: underline; } #index #calendar a:hover { text-decoration: underline; } #index #calendar a:active { text-decoration: underline; } /* Font * 20px: 1.667em * 18px: 1.5em * 17px: 1.417em * 16px: 1.334em * 15px: 1.25em * 14px: 1.167em * 13px: 1.084em * 12px: 1em * 11px: .917em * 10px: .834em */ /* Common -------------------------------------------------------------*/ .htl_fl { float: left; } .htl_fr { float: right; } .htl_tc { text-align: center !important; margin-top:3px;} .htl_tl { text-align: left !important; } .htl_tr { text-align: right !important; } .htl_red { color: #c81528; } .htl_bold { font-weight: bold; } .htl_clear { clear: both; } .htl_inactive { color: #919191; } .htl_pageTop { clear: both; margin-top: 10px; padding-bottom: 20px; text-align: right; line-height: 1.0; } .htl_pageTop a { padding-left: 9px; background: url(/kokunai_htl/resources/images/common/pagetop.gif) 0 4px no-repeat; } .htl_external { padding-left: 17px; background: url(/kokunai_htl/resources/images/common/icon_external_white.gif) left center no-repeat; } .htl_externalGray { padding-left: 17px; background: url(/kokunai_htl/resources/images/common/icon_external_gray.gif) left center no-repeat; } .htl_selected { padding: 2px 5px; background: #AA0000; font-weight: bold; color: #fff; text-decoration: none; } .htl_clipIcon { margin: 0 0 0 3px; } .htl_ticket { margin: 0 0 3px 0; width: 340px; } .htl_ticket dt { float: left; width: 66px;line-height: 18px; } .htl_ticket dd { float: left; width: 274px!important; line-height: 18px; } .htl_priceHeight { display: block; } .htl_priceHeight { margin-top:20px!important; } .change_pc { clear: both; text-align: center; } .htl_mt00 { margin-top: 0px !important; } .htl_mt05 { margin-top: 5px !important; } .htl_mt10 { margin-top: 10px !important; } .htl_mt15 { margin-top: 15px !important; } .htl_mt20 { margin-top: 20px !important; } .htl_mt25 { margin-top: 25px !important; } .htl_mt30 { margin-top: 30px !important; } .htl_mt35 { margin-top: 35px !important; } .htl_mt40 { margin-top: 40px !important; } .htl_mr00 { margin-right: 0px !important; } .htl_mr05 { margin-right: 5px !important; } .htl_mr10 { margin-right: 10px !important; } .htl_mr15 { margin-right: 15px !important; } .htl_mr20 { margin-right: 20px !important; } .htl_mr25 { margin-right: 25px !important; } .htl_mr30 { margin-right: 30px !important; } .htl_mr35 { margin-right: 35px !important; } .htl_mr40 { margin-right: 40px !important; } .htl_mb00 { margin-bottom: 0px !important; } .htl_mb02 { margin-bottom: 2px !important; } .htl_mb05 { margin-bottom: 5px !important; } .htl_mb10 { margin-bottom: 10px !important; } .htl_mb15 { margin-bottom: 15px !important; } .htl_mb20 { margin-bottom: 20px !important; } .htl_mb25 { margin-bottom: 25px !important; } .htl_mb30 { margin-bottom: 30px !important; } .htl_mb35 { margin-bottom: 35px !important; } .htl_mb40 { margin-bottom: 40px !important; } .htl_mb50 { margin-bottom: 40px !important; } .htl_mb60 { margin-bottom: 60px !important; } .htl_mb70 { margin-bottom: 70px !important; } .htl_ml00 { margin-left: 0px !important; } .htl_ml05 { margin-left: 5px !important; } .htl_ml10 { margin-left: 10px !important; } .htl_ml15 { margin-left: 15px !important; } .htl_ml17 { margin-left: 17px !important; } .htl_ml20 { margin-left: 20px !important; } .htl_ml25 { margin-left: 25px !important; } .htl_ml30 { margin-left: 30px !important; } .htl_ml35 { margin-left: 35px !important; } .htl_ml40 { margin-left: 40px !important; } .htl_pt00 { padding-top: 0px !important; } .htl_pt05 { padding-top: 5px !important; } .htl_pt10 { padding-top: 10px !important; } .htl_pt15 { padding-top: 15px !important; } .htl_pt20 { padding-top: 20px !important; } .htl_pt25 { padding-top: 25px !important; } .htl_pt30 { padding-top: 30px !important; } .htl_pt35 { padding-top: 35px !important; } .htl_pt40 { padding-top: 40px !important; } .htl_pr00 { padding-right: 0px !important; } .htl_pr05 { padding-right: 5px !important; } .htl_pr10 { padding-right: 10px !important; } .htl_pr15 { padding-right: 15px !important; } .htl_pr20 { padding-right: 20px !important; } .htl_pr25 { padding-right: 25px !important; } .htl_pr30 { padding-right: 30px !important; } .htl_pr35 { padding-right: 35px !important; } .htl_pr40 { padding-right: 40px !important; } .htl_pb00 { padding-bottom: 0px !important; } .htl_pb05 { padding-bottom: 5px !important; } .htl_pb10 { padding-bottom: 10px !important; } .htl_pb15 { padding-bottom: 15px !important; } .htl_pb20 { padding-bottom: 20px !important; } .htl_pb25 { padding-bottom: 25px !important; } .htl_pb30 { padding-bottom: 30px !important; } .htl_pb35 { padding-bottom: 35px !important; } .htl_pb40 { padding-bottom: 40px !important; } .htl_pl00 { padding-left: 0px !important; } .htl_pl05 { padding-left: 5px !important; } .htl_pl10 { padding-left: 10px !important; } .htl_pl15 { padding-left: 15px !important; } .htl_pl20 { padding-left: 20px !important; } .htl_pl25 { padding-left: 25px !important; } .htl_pl30 { padding-left: 30px !important; } .htl_pl35 { padding-left: 35px !important; } .htl_pl40 { padding-left: 40px !important; } /* Header -------------------------------------------------------------*/ #htl_header { text-align: center; background: url(/kokunai_htl/resources_dummy/images/header_dummy_bg.gif) 0 0 repeat-x; } /* Contents -------------------------------------------------------------*/ #htl_contents { margin: 0 0 0 5px; width: 970px; text-align: left; } /* グローバルヘッダー＆フッターの調整 */ #new_2012_site_navi { text-align: left; line-height: 1.0 !important; } #header_970_2012 { text-align: left; line-height: 1.0; } #htl_single { width: 970px; } #htl_double { float: left; width: 745px; } #htl_sidebar { float: right; width: 205px; } /* パンくず ------------------------------------------------------------*/ #htl_topicPath { margin: 10px 0 15px; } #htl_topicPath li { float: left; } #htl_topicPath li span { padding: 0 5px; } /* h1,代案タイトル ------------------------------------------------------------*/ h1 { margin-bottom: 10px; padding: 12px 0 17px 17px; font-size: 1.334em; font-weight: bold; background: url(/kokunai_htl/resources/images/common/bg_h1.gif) left bottom no-repeat; } h2.htl_titleAlternative { margin-bottom: 10px; padding: 10px 0 10px 10px; font-size: 1.334em; font-weight: bold; border-left: 7px solid #c81528;} /* BigBanner ------------------------------------------------------------*/ .htl_banner { margin-bottom: 10px; } .htl_bigBanner { margin-bottom: 15px; } .htl_bigBanner dt { margin-bottom: 7px; } .htl_bigBanner dd { } .htl_bigBanner dd a { padding: 5px 0 5px 20px; background: url(/kokunai_htl/resources/images/common/icon_smile.gif) 0 3px no-repeat; line-height: 1.0; } .htl_campaignMsg { margin-bottom: 15px; padding: 5px 0 5px 20px; background: url(/kokunai_htl/resources/images/common/icon_smile.gif) 0 3px no-repeat; line-height: 1.0; } /* 共通パーツ ------------------------------------------------------------*/ /* 施設写真 */ .htl_image { float: left; width: 275px; overflow: hidden; } .htl_detailMain .htl_image { height: 300px; } .htl_image .htl_large { margin-bottom: 5px; width: 260px; height: 195px; border: 1px solid #dfdfdf; text-align: center; line-height: 0.6; } .htl_image .htl_large a { display: block; vertical-align: middle; } .htl_image .htl_thumb { margin-bottom: 5px; } .htl_image .htl_thumb li { float: left; margin-right: 6px; width: 59px; height: 44px; border: 1px solid #dfdfdf; text-align: center; line-height: 0.6; } .htl_image .htl_thumb li a { display: block; } .htl_image .htl_linkGallery a { padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) 0 5px no-repeat; } .htl_body .htl_icon { position: absolute; left: 0; top: 165px; padding-bottom: 35px; height: 35px; } .htl_body .htl_icon li { float: left; margin: 0 2px 3px 0; } /* キーワード検索 */ .htl_pulldown { position: absolute; padding: 5px 0 10px 0; width: 233px; background-color: #fffeef; border: solid 2px #f4ac7c; line-height: 1.4; text-align: left; z-index: 611; } .htl_pulldown.w180 { width: 180px; } .htl_pulldown .htl_close { margin: 0 10px 5px 0; text-align: right; line-height: 1.0; } .htl_pulldown .htl_resultMsg { margin: 5px 10px 10px 10px; padding: 5px; background: #fdd5bb; font-weight: bold; } .htl_pulldown .htl_resultMsg span { color: #c81528; } .htl_pulldown dl { margin: 0 10px 10px 10px; border-bottom: 1px solid #f4ac7c; } .htl_pulldown dt { font-weight: bold; } .htl_pulldown dd { clear: both; margin-bottom: 12px; } .htl_pulldown dd.last-child { background-image: none; /*border-bottom: 1px solid #f4ac7c;*/ } .htl_pulldown dd li { margin-left: 5px; padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) 0 7px no-repeat; text-align: left!important; } .htl_pulldown dd li a { } #kl dt { float: none; clear:both;} .htl_pagerPulldown { margin: 0 10px; text-align: right; } .htl_pagerPulldown li { display: inline; padding: 0 2px; border-right: 1px solid #000; } .htl_pagerPulldown .htl_back { border: none; } .htl_pagerPulldown .htl_back a { padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_left.gif) left center no-repeat; } .htl_pagerPulldown .htl_next { border: none; } .htl_pagerPulldown .htl_next a { padding-right: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) right center no-repeat; } .htl_pagerPulldown .htl_last { border: none; } .htl_pulldownOther { margin: 15px 10px 0 10px; } .htl_pulldownOther li { margin-left: 5px; padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) 0 7px no-repeat; } .htl_pulldownOther li.htl_resultAll { padding: 5px 0 0 0; margin:0; background-image: none; } .htl_pulldownOther span { color: #c81528; } .htl_planListIcon { clear: both; } .htl_planListIcon ul { float: left; } .htl_planListIcon ul li { float: left; padding: 5px 4px; white-space: nowrap; line-height: 1.1; } .htl_planListIcon ul li.htl_iconStay { padding-left: 19px; background: url(/kokunai_htl/resources/images/icon/icon_plan_stay.gif) 5px center no-repeat; border: 1px solid #db7e92; } .htl_planListIcon ul li.htl_iconStay span { display: block; width: 73px; white-space: nowrap; } .htl_planListIcon ul li.htl_iconRoom { padding-left: 21px; background: url(/kokunai_htl/resources/images/icon/icon_plan_room.gif) 5px center no-repeat; border: 1px solid #66bad5; } .htl_planListIcon ul li.htl_iconRoom span { display: block; width: 66px; white-space: nowrap; } .htl_planListIcon ul li.htl_iconRoom span .htl_noSmoking { display: inline; padding-left: 1px; color: #339900; font-size: .834em; } .htl_planListIcon ul li.htl_iconNum { padding-left: 18px; background: url(/kokunai_htl/resources/images/icon/icon_plan_num.gif) 5px center no-repeat; border: 1px solid #a2a2a2; } .htl_planListIcon ul li.htl_iconNum span { display: block; width: 58px; white-space: nowrap; } .htl_planListIcon .htl_price { padding-top: 5px; font-weight: bold; line-height: 1.0; white-space: nowrap; } .htl_planListIcon .htl_price span { font-weight: bold; color: #c81528; font-size: 1.334em; } /* ページ毎調整 */ #htl_page_list .htl_planListIcon ul li, #htl_page_remarks .htl_planListIcon ul li { margin-right: 12px; } #htl_page_list .htl_planListIcon .htl_price span { padding-left: 5px; } #htl_page_plan .htl_planListIcon ul li, #htl_page_plan_room .htl_planListIcon ul li, #htl_clipPlan .htl_planListIcon ul li { margin-right: 5px; } #htl_page_plan .htl_planListIcon .htl_price span, #htl_page_plan_room .htl_planListIcon .htl_price span, #htl_clipPlan .htl_planListIcon .htl_price span { padding-left: 12px; } .htl_rurubuMsg { clear: both; padding-top: 5px; font-size: .834em; } .htl_rurubuMsg span {color: #EE0000;} /* カレンダー */ #has_calendar { position: relative; z-index: 600; } #calendar iframe { position: absolute; filter: Alpha(Opacity=0); z-index: 601; } #htl_page_area #calendar iframe, #htl_page_area #calendar .htl_calendar, #htl_page_area_p #calendar iframe, #htl_page_area_p #calendar .htl_calendar, #htl_page_map #calendar iframe, #htl_page_map #calendar .htl_calendar, #htl_page_map_p #calendar iframe, #htl_page_map_p #calendar .htl_calendar, #htl_page_list #calendar iframe, #htl_page_list #calendar .htl_calendar, #htl_page_list_p #calendar iframe, #htl_page_list_p #calendar .htl_calendar { top: 26px; left: -94px; } #htl_page_plan #calendar iframe, #htl_page_plan #calendar .htl_calendar, #htl_page_plan_room #calendar iframe, #htl_page_plan_room #calendar .htl_calendar { top: 25px; left: 18px; } #index #calendar { position: relative; z-index: 600; } #index #calendar iframe, #index #calendar .htl_calendar { top: -16px; left: -95px; } #index #calendar .htl_calendar td { line-height: 1.6; } #calendar div { margin-bottom: 0; } #calendar th { padding: 0 0 3px; border-bottom: none; line-height: 1.6; } #calendar td { padding: 0; background-color: transparent; } .htl_calendar { position: absolute; padding-bottom: 20px; width: 692px; background-color: #fffeef; border: solid 2px #f4ac7c; z-index: 602; } .htl_calendar .htl_calTxt { float: left; margin: 10px 0; padding-left: 18px; font-weight: bold; } .htl_calendar .htl_calTxt input { float: left; margin-top: 3px; } .htl_calendar .htl_calTxt label { padding-left: 4px; line-height: 1.5; } .htl_calendar .htl_calClose { position: absolute; right: 5px; top: 3px!important; top: 7px; } .htl_calendar p.htl_calBack { width: 11px; padding-right: 7px; } .htl_calendar p.htl_calNext { width: 11px; padding-left: 7px; } .htl_calendar .htl_calBack a, .htl_calendar .htl_calNext a { display: block; width: 11px; height: 56px; text-indent: -9999px; outline: none; } .htl_calendar .htl_calBack a{ background: transparent url(/kokunai_htl/resources/images/search/calendar_left.gif) left top no-repeat; } .htl_calendar .htl_calNext a{ background: transparent url(/kokunai_htl/resources/images/search/calendar_right.gif) left top no-repeat; } .htl_calendar div.htl_calCenter { margin: 0 10px; } .htl_calendar .htl_calMonth { float: left; width: 210px; background-color: #fff; border: solid 1px #e1e1e1; } .htl_calendar .htl_calMonth p { height: 26px; font-weight: bold; line-height: 26px; background: url(/kokunai_htl/resources/images/search/calendar_bg.gif) left bottom repeat-x; text-align: center; } .htl_calendar .htl_calMonth table { margin: 8px 15px 5px 15px; width: 180px; border-collapse: separate; border-spacing: 2px; } .htl_calMonth th { padding-bottom: 3px; background: url(/kokunai_htl/resources/images/common/bg_dot.gif) left bottom repeat-x; text-align: center; } .htl_calMonth td { text-align: center; } .htl_calMonth span, .htl_calMonth a { display: block; margin: 0 0 5px 0; width: 22px; } .htl_calMonth th span, .htl_calMonth th a { margin: 0; } .htl_calMonth td span.htl_old { color: #888888; } .htl_calendar .htl_calWeek .htl_cal_sun span { color: #c5264b; background-color: #edd7dc; } .htl_calendar .htl_calSun a, .htl_calendar .htl_calSun span { background-color: #edd7dc; } .htl_calendar .htl_calWeek .htl_calSat span { color:#1429ca; background-color: #d2e6ed; } .htl_calendar .htl_calSat a, .htl_calendar .htl_calSat span { background-color: #d2e6ed; } .htl_calendar .htl_msg { margin: 10px 18px 0 18px; padding: 5px 0;background: #e0e0e0; color: #c81528; text-align: center; } /* 地域おすすめプラン */ .htl_listRecommend { clear: both; margin-bottom: 15px; } .htl_listRecommendTitle { padding-left: 25px; height: 28px; color: #cc3300; line-height: 2.3; font-weight: bold; background: url(/kokunai_htl/resources/images/title/title_recommend.gif) 0 0 no-repeat; } .htl_listRecommendInner { padding: 10px; background: #fff; border: 1px solid #efc295; } .htl_listRecommendInner li { float: left; width: 240px; } .htl_listRecommendInner dt { float: left; width: 80px; border: 1px solid #e0e0e0; } .htl_listRecommendInner dd { margin-left: 90px; padding: 10px 10px 0 0; } /* 施設詳細 ------------------------------------------------------------*/ .htl_detailMain { clear: both; margin-bottom: 20px; } /* 施設名＆エリア表示 */ .htl_detailMain .htl_title { margin-bottom: 10px; padding: 0 0 0 17px; background: url(/kokunai_htl/resources/images/common/bg_h1.gif) left bottom no-repeat; } #htl_contents .htl_detailMain .htl_title h1 { float: left; padding: 3px 0; font-size: 1.334em; font-weight: bold; line-height: 1.1; background: none; } .htl_detailMain .htl_title h1 span { padding-bottom: 3px; font-size: .625em; font-weight: normal; } .htl_detailMain .htl_title p { float:right; } /* 重要なお知らせ */ .htl_detailMain .htl_importantMsg { clear: both; margin-bottom: 10px; padding: 2px; border: 1px solid #dfdfdf; background: #f7f7f7; } .htl_detailMain .htl_importantMsg dt { float: left; width: 118px; } .htl_detailMain .htl_importantMsg dd { margin-left: 118px; padding-top: 2px; } /* 説明文＆アクセス等 */ .htl_detailInner .htl_bodyOuter { position: relative; float: right; width: 695px; } .htl_detailInner .htl_bodyOuter .htl_btnList { margin-bottom: 10px; margin-left: 145px; width: 550px; } .htl_detailInner .htl_body { float: left; width: 460px; } .htl_detailInner .htl_body .htl_copy { clear: both; margin-bottom: 10px; } .htl_detailInner .htl_body .htl_accessOuter { position: absolute; left: 0; top: 205px; width: 460px; } .htl_detailInner .htl_body .htl_access { float: left; width: 293px; } .htl_detailInner .htl_body .htl_access dt { padding: 0 0 0 22px; height:22px; border-bottom: 1px solid #c81528; background:url(/kokunai_htl/resources/images/icon/icon_access.png) 0 0 no-repeat; } .htl_detailInner .htl_body .htl_access dt span { display: block; float: left; width: 48px; height: 22px; font-weight: bold; } .htl_detailInner .htl_body .htl_access dt img { float: left; margin: 0 0 0 5px; vertical-align: middle; } .htl_detailInner .htl_body .htl_access dd { clear: both; margin: 5px 0 0 0; } .htl_detailInner .htl_body .htl_send { float: right; width: 158px; } .htl_detailInner .htl_body .htl_send dt { padding-left: 22px; height: 22px; border-bottom: 1px solid #c81528; background: url(/kokunai_htl/resources/images/icon/icon_send.png) 0 0 no-repeat; font-weight: bold; font-size: 12px; } .htl_detailInner .htl_body .htl_send dd { padding-top: 5px; } /* お客様評価 */ .htl_detailInner .htl_valuationOuter { float: right; padding-bottom: 25px; width: 214px; } .htl_detailInner .htl_valuation { float: right; margin-bottom: 8px; padding-bottom: 8px; width: 214px; background: url(/kokunai_htl/resources/images/valuation/bg_valuation_btm.gif) left bottom no-repeat; } .htl_detailInner .htl_valuation .htl_title { margin: 0; padding: 0; background:url(/kokunai_htl/resources/images/valuation/bg_valuation_top.gif) 0 0 no-repeat; border: none; } .htl_detailInner .htl_valuation .htl_total { margin: 5px 12px 5px 12px; padding-bottom: 5px; background: url(/kokunai_htl/resources/images/valuation/bg_valuation_divider.gif) left bottom repeat-x; } .htl_detailInner .htl_valuation .htl_total .htl_score { font-size: 1.5em; color: #c81528; } .htl_detailInner .htl_valuation .htl_total .htl_star { margin-left: 10px; padding: 0 0 4px 10px; } .htl_detailInner .htl_valuation .htl_total .htl_star img { margin: 0 4px; } .htl_detailInner .htl_valuation .htl_total .htl_number { text-align: right; } .htl_detailInner .htl_valuation .htl_valuationItem { margin: 0 12px 0 12px; } .htl_detailInner .htl_valuation .htl_valuationItem li { float: left; margin-bottom: 5px; width: 102px; } .htl_detailInner .htl_valuation .htl_valuationItem li img { margin-right: 5px; } .htl_detailInner .htl_valuation .htl_valuationItem li .htl_score { font-weight: bold; color: #c81528; } .htl_detailInner .htl_valuation .htl_valuationItem li.htl_iconRoom, .htl_detailInner .htl_valuation .htl_valuationItem li.htl_iconBreakfast { width: 88px; } .htl_detailInner .htl_valuation .htl_valuationItem li.htl_iconBath { clear: both; width: 190px; } .htl_detailInner .htl_valuation .htl_about { clear: both; margin: 0 12px; padding: 4px 0; text-align: right; } .htl_detailInner .htl_valuation .htl_about a { padding-left: 15px; background: url(/kokunai_htl/resources/images/common/icon_external_beige.gif) left center no-repeat; } .htl_detailInner .htl_socialBtn { float: left; margin-top: 4px; /* 195*/ width: 267px; height: 30px; } .htl_detailInner .htl_socialBtn li { float: left; } .htl_detailInner .htl_socialBtn li.tweet { width: 70px; } .htl_detailInner .htl_socialBtn li.mixi { padding-top: 1px; width: 63px; } .htl_detailInner .htl_socialBtn li.fb { width: 102px; } .htl_detailInner .htl_socialBtn li.gplus { float: left; width: 32px; } :root .htl_detailInner .htl_socialBtn li.tweet { width: 66px \0/; } /* for IE9 */ .htl_detailInner .htl_bodyOuter .htl_option { float: right; width: 274px; } .htl_detailInner .htl_bodyOuter .htl_option .htl_sendMobile { float: left; width: 92px; } .htl_detailInner .htl_bodyOuter .htl_option .htl_addClip { float: left; width: 100px; text-align: right; } .htl_detailInner .htl_bodyOuter .htl_option .htl_clipList { float: left; padding: 6px 0 0 8px; text-align: right; } .htl_detailInner .htl_bodyOuter .htl_option .htl_clipList a { padding-left: 15px; background: url(/kokunai_htl/resources/images/common/icon_external_white.gif) left center no-repeat; white-space: nowrap; } /* LocalNavTab式 */ .htl_navLocalTab { clear: both; height: 29px; text-indent: -9999px; border-bottom: 2px solid #c81528; } .htl_navLocalTab li { float: left; padding-right: 5px; width: 132px; height: 29px; } .htl_navLocalTab li a, .htl_navLocalTab li em { /*\*/ overflow: hidden;/**/ display: block; width: 132px; height: 29px; } .htl_navLocalTab li em { width: 132px; height: 29px; background: #c81528; color: #fff; font-weight: bold; } .htl_navLocalTab li.htl_navPlan em, .htl_navLocalTab li.htl_navPlan a:hover { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) 0 -29px no-repeat; } .htl_navLocalTab li.htl_navPlan a { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) 0 0 no-repeat; } .htl_navLocalTab li.htl_navAccess em, .htl_navLocalTab li.htl_navAccess a:hover { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) -137px -29px no-repeat; } .htl_navLocalTab li.htl_navAccess a { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) -137px 0 no-repeat; } .htl_navLocalTab li.htl_navBath em, .htl_navLocalTab li.htl_navBath a:hover { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) -274px -29px no-repeat; } .htl_navLocalTab li.htl_navBath a { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) -274px 0 no-repeat; } .htl_navLocalTab li.htl_navMeal em, .htl_navLocalTab li.htl_navMeal a:hover { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) -411px -29px no-repeat; } .htl_navLocalTab li.htl_navMeal a { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) -411px 0 no-repeat; } .htl_navLocalTab li.htl_navPhoto em, .htl_navLocalTab li.htl_navPhoto a:hover { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) -548px -29px no-repeat; } .htl_navLocalTab li.htl_navPhoto a { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) -548px 0 no-repeat; } .htl_navLocalTab li.htl_navNews { padding-right: 0; } .htl_navLocalTab li.htl_navNews em, .htl_navLocalTab li.htl_navNews a:hover { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) -685px -29px no-repeat; } .htl_navLocalTab li.htl_navNews a { background: url(/kokunai_htl/resources/images/nav/nav_localtab.gif) -685px 0 no-repeat; } /* LocalNavText式 */ .htl_navLocalLink { clear: both; margin: 0 0 20px 0; padding: 10px 7px; text-align: center; background: #e1e1e1; /*border: 1px solid #e0e0e0;*/ } .htl_navLocalLink ul { margin: 0 auto; } .htl_navLocalLink li { display: block; float: left; padding: 0 7px 0 5px; width: 146px; border-right: 1px solid #4a4a4a; } .htl_navLocalLink li.last-child { border-right: none; padding-right: 0; } .htl_navLocalLink li.htl_navNews { border-right: none; } .htl_navLocalLink li em { font-weight:bold; font-style: normal; } /* 検索結果メッセージ */ .htl_resultMsg { clear: both; } .htl_resultMsg .htl_number { font-weight: bold; font-size: 1.334em; color: #c81528; } .htl_resultMsg .htl_resultNumber { font-weight: bold; font-size: 1.334em; } .htl_resultMsg .htl_feature { padding-left: 100px; } .htl_campMsg { margin-bottom: 5px; text-align: right; } /* 表示方法＆プラン表示順 */ .htl_sorter { clear: both; padding: 0 0 0 0; } /* 表示方法＆プラン表示順 */ .htl_display { clear: both; width: 100%; margin-right: 20px; margin-bottom: 8px; } .htl_display dt { clear: both; float: left; width: 100px; font-weight: bold; } .htl_display dd { margin-left: 100px; } .htl_display dd li { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #333; } .htl_display dd li .htl_selectedRoom { font-weight: bold; } .htl_display dd li.last-child { border: none; } .htl_display dd li em { padding: 2px 5px; background: #AA0000; font-weight: bold; color: #fff; text-decoration: none; font-style: normal; } /* プラン表示順 */ .htl_sorterPlan { clear: both; margin-bottom: 8px; } .htl_sorterPlan dt { clear: both; float: left; width: 100px; font-weight: bold; } .htl_sorterPlan dd { margin-left: 100px; white-space: nowrap; } .htl_sorterPlan dd li { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #333; } .htl_sorterPlan dd li.last-child { border: none; } .htl_sorterPlan dd li em { padding: 2px 5px; background: #AA0000; font-weight: bold; color: #fff; text-decoration: none; font-style: normal; } /* 客室表示順 */ .htl_sorterRoom { float: left; } .htl_sorterRoom dt { clear: both; float: left; width: 95px; } .htl_sorterRoom dd { float: left; width: 180px; } .htl_sorterRoom dd li { float: left; margin-right: 10px; } .htl_sorterRoom dd li.last-child { border: none; } /* ページネーション */ .htl_pagerDays { clear: both; padding-bottom: 5px; text-align: right; } .htl_pagerDays li { display: inline; padding-left: 10px; } .htl_pagerDays li.htl_pagerBack { padding: 0 0 0 10px; background: url(/kokunai_htl/resources/images/common/arrow_left.gif) left center no-repeat; } .htl_pagerDays li.htl_pagerBack a { padding-right: 5px; border-right: solid 1px #333; } .htl_pagerDays li.htl_pagerNext { padding: 0 10px 0 0; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) right center no-repeat;} .htl_pagerDays li.htl_pagerNext a { padding-left: 5px; border-left: solid 1px #333; } /* 結果無し */ .htl_noResult { clear: both; } .htl_noResult p { margin: 10px 0; padding: 5px; background: #e0e0e0; font-weight: bold; font-size: 1.167em; color: #c81528; } /* プラン 表組み */ .htl_planTable { clear: both; margin-bottom: 5px; width: 970px; border: 1px solid #e0e0e0; } .htl_planTable tr.htl_planHead { border: 1px solid #ccc; border-bottom: none; background: #c5c5c5 url(/kokunai_htl/resources/images/plan/th_bg.gif) left top repeat-x; } .htl_planTable th.htl_planTitle { padding: 5px; background: none; text-align: center; font-weight: bold; background: #bfbfbf url(/kokunai_htl/resources/images/plan/th_bg_left.gif) -1px 0 no-repeat; } .htl_planTable th { padding: 5px; background: #bfbfbf url(/kokunai_htl/resources/images/plan/th_bg.gif) left top no-repeat; vertical-align: middle; text-align: center; } .htl_planTable th em { font-weight: bold; font-style: normal; } .htl_planTable th.htl_sat { color: #1429ca; background: #a6dde5 url(/kokunai_htl/resources/images/plan/th_bg_sat.gif) left top no-repeat; } .htl_planTable th.htl_sun { color: #c5264b; background: #f5bacc url(/kokunai_htl/resources/images/plan/th_bg_sun.gif) left top no-repeat; } .htl_planTable th.htl_first { background: #bfbfbf url(/kokunai_htl/resources/images/plan/th_bg_left.gif) left top repeat-x; } .htl_planTable th.htl_sat_first { color: #1429ca; background: #a6dde5 url(/kokunai_htl/resources/images/plan/th_bg_sat_left.gif) left top no-repeat; } .htl_planTable th.htl_sun_first { color: #c5264b; background: #f5bacc url(/kokunai_htl/resources/images/plan/th_bg_sun_left.gif) left top no-repeat; } .htl_planTable td { border-bottom:1px solid #e0e0e0; vertical-align: top; text-align: center; } .htl_planTable tr.htl_middle td.htl_linkTd { vertical-align: middle!important; } .htl_planTable tr.htl_middle td.htl_linkTd span { margin-top: 0; } .htl_planTable td.htl_linkTd { width: 70px; text-align: center; background: #f7f7f7 url(/kokunai_htl/resources/images/plan/td_line_dot.gif) 0 0 repeat-y; } .htl_planTable td.htl_linkTd .htl_priceAll { margin: 20px 5px 0 5px; padding-top: 20px; background: url(/kokunai_htl/resources/images/common/bg_dot_td.gif) 0 0 repeat-x; } .htl_planTable td.htl_linkTd .htl_priceAll span { padding-left: 12px; background: url(/kokunai_htl/resources/images/icon/icon_total.png) left center no-repeat; } .htl_planTable td.htl_sat { background: #d2e6ed url(/kokunai_htl/resources/images/plan/td_line_dot_02.gif) 0 0 repeat-y!important; border-bottom: solid 1px #ccc; } .htl_planTable td.htl_sun { background: #edd7dc url(/kokunai_htl/resources/images/plan/td_line_dot_02.gif) 0 0 repeat-y; border-bottom: solid 1px #ccc; } .htl_planTable td.htl_first { width: 75px; background: #f7f7f7 url(/kokunai_htl/resources/images/plan/td_arrow.gif) left center no-repeat; } .htl_planTable td.htl_first {} .htl_planTable td.htl_first.htl_noarrow { background: #f7f7f7 url(/kokunai_htl/resources/images/plan/td_noarrow.gif) 0 0 repeat-y; } .htl_planTable td.htl_sat_first { width: 75px; background: #d2e6ed url(/kokunai_htl/resources/images/plan/td_arrow_02.gif) left center no-repeat; border-bottom: solid 1px #ccc; } .htl_planTable td.htl_sun_first { width: 75px; background: #edd7dc url(/kokunai_htl/resources/images/plan/td_arrow_03.gif) left center no-repeat; border-bottom: solid 1px #ccc; } .htl_planTable td.htl_linkTd span.htl_normal { font-weight: normal; } .htl_planTable td.htl_first span, .htl_planTable td.htl_sat_first span, .htl_planTable td.htl_sun_first span { font-weight: bold; } .htl_planTable .htl_planTableInner { clear: both; margin: 10px; width: 450px; text-align: left; margin-bottom: 5px; } .htl_planTable .htl_planTableInner .has_image { float: left; width: 340px; } .htl_planTable .htl_planTableInner .htl_title .htl_icon { margin-bottom: 7px; } .htl_planTable .htl_planTableInner .htl_title .htl_icon img { margin-right: 2px; margin-bottom:2px; } /*.htl_planTable .htl_planTableInner .htl_title .ptitle { margin-bottom: 5px; }*/ .htl_planTable .htl_planTableInner .htl_title h2 { float: left; margin-bottom: 7px; font-weight: normal; } .htl_planTable .htl_planTableInner .htl_title h2.htl_type01 { float: left; width: 290px; } .htl_planTable .htl_planTableInner .htl_title h2.htl_type02 { float: left; width: 335px; } .htl_planTable .htl_planTableInner .htl_title h2 a.text { } .htl_planTable .htl_planTableInner .htl_title .ptitle p { clear: both; margin: 0 0 5px 41px; color:#ff6600; } .htl_planTable .htl_planTableInner .htl_title .htl_planIcon { clear: none; float: left; margin-left: 0!important; width: 41px; } .htl_planTable .htl_planTableInner .htl_planMsg { clear: both; margin: 0 0 5px 41px; color:#ff6600; } .htl_planTable .htl_planTableInner .htl_copy { clear: both; margin-bottom: 7px; } .htl_planTable .htl_planTableInner .htl_code { clear: both; padding-top: 5px; font-size: .834em; } .htl_planTable .htl_planTableInner .htl_image { float: right; width: 99px; height: 74px; margin-bottom: 3px; text-align: center; border: solid 1px #e0e0e0; line-height: 0.6; } .htl_list .htl_vacancy { float: left; margin-bottom: 10px; width: 450px; } .htl_list .htl_perHead { float: right; margin-bottom: 10px; width: 450px; text-align: right;} /* 客室表示 */ .htl_room { clear: both; margin-bottom: 20px; } .htl_room .htl_roomImage { float: right; width: 198px; height: 148px; text-align: center; border: solid 1px #e0e0e0; line-height: 0.6; } .htl_room .has_image { float: left; width: 760px; } .htl_room .htl_roomInner { float: left; width: 760px; } .htl_room .htl_roomInner h2 { margin-bottom: 10px; padding: 12px 10px 8px 10px; background: url(/kokunai_htl/resources/images/area/title_bg.gif) 0 0 repeat-x; border: solid 1px #e5bdc9; font-weight: bold; } .htl_room .htl_roomInner h2 span { margin-left: 7px; padding-left: 7px; border-left: 1px solid #373737; font-weight: bold; } .htl_room .htl_roomInner .htl_roomType dt { float: left; } .htl_room .htl_roomInner .htl_roomType dd { margin: 0 0 10px 74px; } .htl_room .htl_roomInner .htl_copy { margin-bottom: 10px; } .htl_room .htl_roomInner .htl_notice { margin-bottom: 10px; } .htl_room .htl_roomInner .htl_roomPoint { clear: both; margin-bottom: 10px; } .htl_room .htl_roomInner .htl_roomPoint dt { float: left; padding-top: 2px; width: 120px; } .htl_room .htl_roomInner .htl_roomPoint dd { margin-left: 120px; } .htl_room .htl_roomInner .htl_roomPoint dd img { margin-right: 5px; } /* searchBox -------------------------------------------------------------*/ #htl_search { margin-bottom: 7px; padding-top: 10px; width: 745px; background: #f9eaed; } #htl_search #htl_searchArea { margin: 0 10px 10px 10px; padding: 10px; border-radius: 5px; background: #fff; } #htl_search #htl_searchArea .htl_1stArea th { padding-bottom: 5px; width: 82px; background: url(/kokunai_htl/resources/images/search/title_area.gif) 0 0 no-repeat; text-indent: -9999px; } #htl_search #htl_searchArea .htl_1stArea td { padding-bottom: 5px; } #htl_search #htl_searchArea .htl_2ndArea th { padding-top: 3px; width: 82px; background: url(/kokunai_htl/resources/images/search/title_more.png) left center no-repeat; text-indent: -9999px; } #htl_search #htl_searchArea .htl_2ndArea td { padding-top: 1px; } #htl_search #htl_searchArea .htl_3rdArea { margin-top: 5px; border: 2px solid #f9eaed ; } #htl_search #htl_searchArea .htl_3rdArea th { padding-bottom: 5px; width: 73px; background: #f9eaed url(/kokunai_htl/resources/images/search/title_nearby.png) center center no-repeat; text-indent: -9999px; } #htl_search #htl_searchArea .htl_3rdArea td { padding: 7px 7px 5px 7px; } #htl_search .htl_opner { margin-top: 5px; } #htl_search .htl_opner a { text-decoration: none; } .htl_about { margin-bottom: 15px; text-align: right; } #htl_search #htl_searchOption { margin: 10px; background: url(/kokunai_htl/resources/images/search/bg_search.png) left bottom no-repeat; } #htl_search #htl_searchOption.htl_areaMap { margin-top: 0; } #htl_search #htl_searchOption select { } #htl_search #htl_searchOption select.htl_active { background: #ffbbbc; border: 1px solid #707070; } #htl_search #htl_basic { position: relative; float: left; width: 279px; padding-bottom: 2px; } #htl_search #htl_basic .htl_reset { position: absolute; left: 209px; top: 4px; line-height: 0; } #htl_search #htl_basic .htl_titleBasic { margin-bottom: 5px; width: 279px; height: 23px; text-indent: -9999px; background: #f9eaed url(/kokunai_htl/resources/images/search/title_basic.png) 0 0 no-repeat; } #htl_search #htl_basic .htl_basicInner { /*display: table; /*padding: 10px 10px 5px 10px; */ margin: 0 auto; width: 259px; } #htl_search #htl_basic .htl_basicInner dt { /*display: table-cell;*/ float: left; width: 78px; text-indent: -9999px; height: 28px; line-height: 28px; } #htl_search #htl_basic .htl_basicInner dd { /*display: table-cell;*/ float: left; width: 181px; height: 28px; line-height: 28px; white-space: nowrap; } #htl_search #htl_basic .htl_basicInner dd #htl_frmStart { margin-right: 5px; padding: 3px; width: 90px; color: #373737; background: #fffadb url(/kokunai_htl/resources/images/search/icon_calender.gif) 78px 3px no-repeat; border: 1px solid #b5b5b5; border-radius: 5px; } #htl_search #htl_basic .htl_basicInner dd #htl_frmStart.htl_active { background: #ffbbbc url(/kokunai_htl/resources/images/search/icon_calender.gif) 78px 3px no-repeat; } #htl_search #htl_basic .htl_basicInner dd #nights { margin-left: 3px; } #htl_search #htl_basic .htl_basicInner dd .small { font-size: 10px; } #htl_search #htl_basic .htl_basicInner dd #capacity { margin: 0 3px 0 2px; } #htl_search #htl_basic .htl_basicInner dd #stock { margin-right: 3px; } #htl_search #htl_basic .htl_basicInner dd #child { padding: 0 0 0 7px; } #htl_search #htl_basic .htl_basicInner dd .more { padding-left: 7px; } #htl_search #htl_basic .htl_basicInner dd #rateMin { margin-right: 3px; } #htl_search #htl_basic .htl_basicInner dd #rateMax { margin-left: 3px; } #htl_search #htl_enquate { position: relative; float: left; margin: 0 10px; padding-bottom: 2px; width: 224px; } #htl_search #htl_enquate .htl_reset { position: absolute; left: 154px; top: 4px; line-height: 0; } #htl_search #htl_enquate .htl_titleEnquate { margin-bottom: 5px; width: 224px; height: 23px; background: #f9eaed url(/kokunai_htl/resources/images/search/title_enquate.png) 0 0 no-repeat; text-indent: -9999px; } #htl_search #htl_enquate .htl_enquateInner { /*display: table;*/ padding: 0 10px 0 10px; } #htl_search #htl_enquate .htl_enquateInner select { width: 140px; } #htl_search #htl_enquate .htl_enquateInner dt { /*display: table-cell;*/ float: left; width: 62px; height: 28px; vertical-align: middle; text-indent: -9999px; line-height: 28px; } #htl_search #htl_enquate .htl_enquateInner dd { /*display: table-cell;*/ float: left; width: 142px; height: 28px; vertical-align: middle; line-height: 28px; } #htl_search #htl_other { float: right; width: 202px; } #htl_search #htl_kodawari { position: relative; padding-bottom: 10px; width: 202px; background: #f9eaed; } #htl_search #htl_kodawari .htl_reset { position: absolute; left: 132px; top: 4px; line-height: 0; } #htl_search #htl_kodawari .htl_titleKodawari { width: 202px; height: 23px; background: #f9eaed url(/kokunai_htl/resources/images/search/title_kodawari.png) 0 0 no-repeat; text-indent: -9999px; } #htl_search #htl_kodawari #htl_kodawariInner { padding: 8px 10px 10px 10px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #htl_search #htl_kodawari #htl_kodawariInner p { min-height: 45px; height: auto !important; height: 45px; } #htl_search #htl_kodawari #htl_kodawariInner .more { padding-left: 7px; } #htl_search #htl_yadoplan { position: relative; width: 202px; } #htl_search #htl_yadoplan .htl_titleYadoplan { width: 202px; height: 23px; background: #f9eaed url(/kokunai_htl/resources/images/search/title_plan.png) 0 0 no-repeat; text-indent: -9999px; } #htl_search #htl_yadoplan .htl_reset { position: absolute; left: 132px; top: 4px; line-height: 0; } #htl_search #htl_yadoplan #htl_yadoplanInner { margin: 10px 10px 7px 7px; } #htl_search #htl_yadoplan #htl_yadoplanInner dt { clear: both; float: left; padding-bottom: 7px; width: 17px; } #htl_search #htl_yadoplan #htl_yadoplanInner dd { float: left; padding-bottom: 5px; width: 168px; line-height: 1.2; } #htl_search #htl_yadoplan #htl_yadoplanInner dd .small { font-size: 10px; } /* searchBox2 -------------------------------------------------------------*/ #htl_searchFull { margin-bottom: 10px; padding: 10px; background: #f9eaed; } #htl_searchFull select.htl_active { background: #ffbbbc; border: 1px solid #707070; } #htl_searchFullInner { padding: 0; background: url(/kokunai_htl/resources/images/search/bg_search_full.png) center bottom no-repeat; } #htl_searchFull #htl_basic { position: relative; float: left; width: 526px; } #htl_searchFull #htl_basic .htl_reset { position: absolute; left: 456px; top: 4px; line-height: 0; } #htl_searchFull #htl_basic .htl_titleBasic { width: 526px; height: 23px; background: #f9eaed url(/kokunai_htl/resources/images/search/title_basic_full.png) 0 0 no-repeat; text-indent: -9999px; } #htl_searchFull #htl_basic .htl_basicInner { padding: 5px 10px; } #htl_searchFull #htl_basic .htl_basicInner #htl_first { float: left; width: 250px; white-space: nowrap; } #htl_searchFull #htl_basic .htl_basicInner #htl_last { float: right; width: 250px; white-space: nowrap; } #htl_searchFull #htl_basic .htl_basicInner #htl_first dl, #htl_searchFull #htl_basic .htl_basicInner #htl_last dl { /*display: table; */} #htl_searchFull #htl_basic .htl_basicInner #htl_first dt { /*display: table-cell;*/ float:left; width: 66px; height: 29px; vertical-align: middle; line-height: 28px; } #htl_searchFull #htl_basic .htl_basicInner #htl_first dd { /*display: table-cell;*/ float:left; width: 174px; height: 29px; vertical-align: middle; line-height: 28px; } #htl_searchFull #htl_basic .htl_basicInner #htl_last dt { /*display: table-cell;*/ float:left; width: 75px; height: 29px; vertical-align: middle; line-height: 28px; } #htl_searchFull #htl_basic .htl_basicInner #htl_last dd { /*display: table-cell;*/ float:left; width: 174px; height: 29px; vertical-align: middle; line-height: 28px; white-space:nowrap; } #htl_searchFull #htl_basic .htl_basicInner dd #htl_frmStart { margin-right: 5px; padding: 3px; width: 90px; color: #373737; background: #fffadb url(/kokunai_htl/resources/images/search/icon_calender.gif) 78px 3px no-repeat; border: 1px solid #b5b5b5; border-radius: 5px; } #htl_searchFull #htl_basic .htl_basicInner dd #htl_frmStart.htl_active { background: #ffbbbc url(/kokunai_htl/resources/images/search/icon_calender.gif) 78px 3px no-repeat; } #htl_searchFull #htl_basic .htl_basicInner dd #nights { margin-left: 3px; } #htl_searchFull #htl_basic .htl_basicInner dd .small { font-size: 10px; } #htl_searchFull #htl_basic .htl_basicInner dd #capacity { margin: 0 3px 0 2px; } #htl_searchFull #htl_basic .htl_basicInner dd #stock { margin-right: 3px; } #htl_searchFull #htl_basic .htl_basicInner dd #child { padding: 0 0 0 7px; } #htl_searchFull #htl_basic .htl_basicInner dd .more { padding-left: 7px; } #htl_searchFull #htl_basic .htl_basicInner dd #rateMin { margin-right: 3px; } #htl_searchFull #htl_basic .htl_basicInner dd #rateMax { margin-left: 3px; } #htl_searchFull #htl_kodawari { position: relative; float: left; margin-left: 10px; width: 202px; } #htl_searchFull #htl_kodawari .htl_reset { position: absolute; left: 132px; top: 4px; line-height: 0; } #htl_searchFull #htl_kodawari .htl_titleKodawari { width: 202px; height: 23px; background: #f9eaed url(/kokunai_htl/resources/images/search/title_kodawari.png) 0 0 no-repeat; text-indent: -9999px; } #htl_searchFull #htl_kodawari #htl_kodawariInner { padding: 10px 10px 0 7px; } #htl_searchFull #htl_kodawari #htl_kodawariInner dt { clear: both; float: left; display: block; padding-bottom: 3px; width: 17px; } #htl_searchFull #htl_kodawari #htl_kodawariInner dd { float: left; width: 168px; } #htl_searchFull #htl_yadoplan { position: relative; float: right; width: 202px; } #htl_searchFull #htl_yadoplan .htl_reset { position: absolute; left: 132px; top: 4px; line-height: 0; } #htl_searchFull #htl_yadoplan .htl_titleYadoplan { width: 202px; height: 23px; background: #f9eaed url(/kokunai_htl/resources/images/search/title_plan.png) 0 0 no-repeat; text-indent: -9999px; } #htl_searchFull #htl_yadoplan #htl_yadoplanInner { padding: 10px 10px 10px 7px; } #htl_searchFull #htl_yadoplan #htl_yadoplanInner dt { clear: both; float: left; display: block; padding-bottom: 5px; width: 17px; } #htl_searchFull #htl_yadoplan #htl_yadoplanInner dd { float: left; padding-bottom: 5px; width: 168px; line-height: 1.2; } #htl_searchFull #htl_yadoplan #htl_yadoplanInner dd .small { font-size: 10px; } #htl_searchFull #htl_basic dt { text-indent: -9999px; } #htl_search #htl_basic .htl_basicInner dt.htl_dayIcon, #htl_searchFull #htl_basic .htl_basicInner dt.htl_dayIcon { background: url(/kokunai_htl/resources/images/search/icon_day.gif) 0 5px no-repeat; } #htl_search #htl_basic .htl_basicInner dt.htl_personsIcon, #htl_searchFull #htl_basic .htl_basicInner dt.htl_personsIcon { background: url(/kokunai_htl/resources/images/search/icon_persons.gif) 0 5px no-repeat; } #htl_search #htl_basic .htl_basicInner dt.htl_roomsIcon, #htl_searchFull #htl_basic .htl_basicInner dt.htl_roomsIcon { background: url(/kokunai_htl/resources/images/search/icon_rooms.gif) 0 5px no-repeat; } #htl_search #htl_basic .htl_basicInner dt.htl_roomtypeIcon, #htl_searchFull #htl_basic .htl_basicInner dt.htl_roomtypeIcon { background: url(/kokunai_htl/resources/images/search/icon_roomtype.gif) 0 5px no-repeat; } #htl_search #htl_basic .htl_basicInner dt.htl_foodIcon, #htl_searchFull #htl_basic .htl_basicInner dt.htl_foodIcon { background: url(/kokunai_htl/resources/images/search/icon_food.gif) 0 5px no-repeat; } #htl_search #htl_basic .htl_basicInner dt.htl_estimateIcon, #htl_searchFull #htl_basic .htl_basicInner dt.htl_estimateIcon { background: url(/kokunai_htl/resources/images/search/icon_estimate.gif) 0 5px no-repeat; } #htl_search #htl_enquate .htl_enquateInner dt.htl_iconAll { background: url(/kokunai_htl/resources/images/search/icon_enq_all.gif) 0 5px no-repeat; } #htl_search #htl_enquate .htl_enquateInner dt.htl_iconService { background: url(/kokunai_htl/resources/images/search/icon_enq_service.gif) 0 5px no-repeat; } #htl_search #htl_enquate .htl_enquateInner dt.htl_iconRoom { background: url(/kokunai_htl/resources/images/search/icon_enq_room.gif) 0 5px no-repeat; } #htl_search #htl_enquate .htl_enquateInner dt.htl_iconDiner { background: url(/kokunai_htl/resources/images/search/icon_enq_dinner.gif) 0 5px no-repeat; } #htl_search #htl_enquate .htl_enquateInner dt.htl_iconMorning { background: url(/kokunai_htl/resources/images/search/icon_enq_morning.gif) 0 5px no-repeat; } #htl_search #htl_enquate .htl_enquateInner dt.htl_iconBath { background: url(/kokunai_htl/resources/images/search/icon_enq_bath.gif) 0 5px no-repeat; } /* 施設一覧 ------------------------------------------------------------*/ /* LocalNavTab式 */ .htl_navListTab { clear: both; height: 41px; text-indent: -9999px; background: url(/kokunai_htl/resources/images/nav/nav_list_plan.gif) 0 0 no-repeat; } .htl_navListTab li { float: left; height: 41px; } .htl_navListTab li a { display: block; height: 39px; overflow: hidden; } .htl_navListTab li.htl_navPlan, .htl_navListTab li.htl_navPlan a { width: 373px; } .htl_navListTab li.htl_navPlan a.htl_active, .htl_navListTab li.htl_navPlan a:hover { background: url(/kokunai_htl/resources/images/nav/nav_list_plan.gif) 0 -41px no-repeat; } .htl_navListTab li.htl_navTour, .htl_navListTab li.htl_navTour a { width: 372px; } .htl_navListTab li.htl_navTour a.htl_active, .htl_navListTab li.htl_navTour a:hover { background: url(/kokunai_htl/resources/images/nav/nav_list_plan.gif) -373px -41px no-repeat; } .htl_searchResult { padding: 7px 15px; background: url(/kokunai_htl/resources/images/nav/bg_result_plan.gif) 0 0 no-repeat; } .htl_searchResult.full { padding: 7px 15px; background: url(/kokunai_htl/resources/images/nav/bg_result_plan_full.gif) 0 0 no-repeat; } .htl_searchResult.full.bgTour { padding: 7px 15px; background: url(/kokunai_htl/resources/images/nav/bg_result_plan_tour_full.gif) 0 0 no-repeat; } .htl_searchResult .htl_photoList { padding: 3px 15px 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_photolist.png) 0 2px no-repeat; } .htl_searchResult .htl_emptyRoom { padding: 3px 0 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_calender.png) 0 2px no-repeat; } .htl_searchResult .htl_recommend { padding: 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_recommend.png) 0 2px no-repeat; } .htl_searchResult .htl_recommendRoom { padding: 3px 3px 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_recommend.png) 0 2px no-repeat; } .htl_searchResult .htl_enquate { padding: 3px 0 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_enquate.png) 0 2px no-repeat; } .htl_searchResult .htl_priceLow { padding: 3px 15px 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_plrice_hi.png) 0 2px no-repeat; } .htl_searchResult .htl_priceHigh { padding: 3px 15px 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_plrice_low.png) 0 2px no-repeat; } .htl_searchResult .htl_oneRoom { padding: 3px 15px 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_oneroom.png) 0 2px no-repeat; } .htl_searchResult .htl_wideRoom { padding: 3px 15px 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_wideroom.png) 0 2px no-repeat; } .htl_searchResult .htl_onePerson { padding: 3px 15px 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_oneperson.png) 0 2px no-repeat; } .htl_searchResult .htl_allPerson { padding: 3px 15px 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_allperson.png) 0 2px no-repeat; } .htl_searchResult .htl_center { padding: 3px 15px 3px 18px; background: url(/kokunai_htl/resources/images/icon/icon_center.png) 0 2px no-repeat; } .htl_searchResult .htl_roomMode .htl_oneRoom { padding-right: 3px; } .htl_searchResult .htl_roomMode .htl_recommend { padding-right: 3px; } .htl_searchResult .htl_roomMode .htl_wideRoom { padding-right: 3px; } .htl_roomMode .htl_searchResult { clear: both; float: left; padding: 0; background: none; width: 525px; } .htl_roomMode .htl_searchResult dt { width: 95px; white-space: nowrap; } .htl_roomMode .htl_searchResult dd { width: 430px; white-space: nowrap; } .htl_roomMode .htl_searchResult .htl_recommend.htl_active { padding-right: 15px; } .htl_roomMode .htl_pagerDays { clear: none; float: right; } .htl_searchResult span.htl_photoList, .htl_searchResult span.htl_emptyRoom, .htl_searchResult span.htl_recommend, .htl_searchResult span.htl_recommend .htl_searchResult span.htl_enquate, .htl_searchResult span.htl_emptyRoom, .htl_searchResult span.htl_priceLow, .htl_searchResult span.htl_priceHigh, .htl_searchResult span.htl_onePerson, .htl_searchResult span.htl_allPerson { font-weight: bold; } .htl_sorterPlanList a.question { padding: 0 15px 0 2px; } .htl_sorterPlanList a.question img { margin-top: -2px; vertical-align: middle; } .htl_sorterPlanList {} .htl_sorterPlanList { clear: both; } .htl_sorterPlanList .htl_selected { padding: 0; background: none!important; color: #373737; } .htl_sorterPlanList dt { clear: both; float: left; padding-bottom: 5px; width: 68px; } .htl_sorterPlanList dd { float: left; padding-bottom: 5px; width: 647px; white-space: nowrap; } .htl_sorterPlanList dd li { float: left; margin-right: 10px; } /* .htl_sorterPlanList dd li a.htl_active { padding: 3px; background: #0a0198; color: #fff; font-weight: bold; text-decoration: none; }*/ .htl_sorterPlanList dd span.htl_active { padding-right: 15px; font-weight: bold!important; } .htl_searchResult .htl_enquate.htl_active, .htl_searchResult .htl_oneRoom.htl_active, .htl_searchResult .htl_recommendRoom.htl_active { padding-right: 3px; font-weight: bold!important; } .htl_mapScroll .htl_searchResult { clear: both; padding: 0!important; background-image: none; } .htl_mapScroll .htl_searchResult .htl_sorter { padding: 8px 8px 0 8px; background: #f9eaed; } .htl_mapScroll .htl_searchResult .htl_sorter dd { padding-bottom: 0px; } .htl_sorterMore { clear: both; margin: -10px 0 10px 150px; padding-top: 12px; width: 587px; background: url(/kokunai_htl/resources/images/search/title_table_more_bg.gif) 29px 0px no-repeat; } .htl_sorterMore dt { float: left; width: 82px; background: #e1e1e1; line-height: 1.0; border: 1px solid #e1e1e1; text-align: center; } .htl_sorterMore dt img { margin: 7px 0; } .htl_sorterMore dd { float: left; padding: 7px 13px; text-align: left; background: #fff; line-height: 1.0; border: 1px solid #e1e1e1; } .htl_mapScroll .htl_sorterMore { margin: -5px 0 10px 160px; } .htl_aboutPrice { margin: 0 12px 15px 12px; border: 1px solid #de899c; background: #de899c; border-radius: 5px; } #htl_page_plan .htl_aboutPrice, #htl_page_plan_room .htl_aboutPrice { margin-bottom: 7px; } .htl_aboutPrice dt { float: left; width: 126px; height: 23px; background: #de899c; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .htl_aboutPrice dt img { margin: 5px 0 0 10px; } .htl_aboutPrice dd { float: left; width: 818px; background: #fff; line-height: 25px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .htl_aboutPrice dd p { margin-left: 10px; } .htl_aboutPrice dd p img { margin: -3px 3px 0 3px; vertical-align: middle; } p.htl_noSmokingNote { margin-left: 15px; } p.htl_noSmokingNote.htl_plan_room { margin-bottom: 11px; } .htl_sortTransport { clear: both; margin-bottom: 8px; } .htl_sortTransport dt { float: left; width: 68px; } .htl_sortTransport dt.adjust { width: 100px; } .htl_sortTransport dd { float: left; white-space: nowrap; } .htl_sortTransport span.htl_active { font-weight: bold; } .htl_sortTour { clear: both; margin-bottom: 8px; } .htl_sortTour dt { float: left; width: 68px; } .htl_sortTour dt.adjust { width: 100px; } .htl_sortTour dd { float: left; white-space: nowrap; } .htl_sortTour span.htl_active { font-weight: bold; } /* pager */ .htl_listPager { clear: both; margin-bottom: 15px; padding-top: 5px; text-align: right; line-height: 1.2; } .htl_listPager .htl_resultMsg { float: left; text-align: left } .htl_listPager ul { margin-top: 2px; } .htl_listPager li { display: inline; padding: 0 8px 0 5px; border-right: 1px solid #000; } .htl_listPager .htl_first { border: none; padding: 0 5px 0 0; padding-left: 11px; background: url(/kokunai_htl/resources/images/common/arrow_first.gif) left center no-repeat; } .htl_listPager .htl_back { border: none; padding-left: 0; padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_left.gif) left center no-repeat; } .htl_listPager .htl_page1 { padding-left: 0; } .htl_listPager .htl_page5 { border: none; padding-right: 0; } .htl_listPager .htl_next { border: none; padding-right: 0;padding-right: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) right center no-repeat; } .htl_listPager .htl_last { padding-right: 0; border: none; padding-right: 10px; background: url(/kokunai_htl/resources/images/common/arrow_last.gif) right center no-repeat;} .htl_listPager .refinement { clear: both; padding-top: 5px; text-align: left; } .htl_listPager .refinement { } .htl_listMain { clear: both; margin-bottom: 15px; } /* 施設名＆エリア表示 */ .htl_listMain .htl_title { margin-bottom: 10px; padding: 0 5px 0 0; background: url(/kokunai_htl/resources/images/area/title_bg.gif) 0 0 repeat-x; border: solid 1px #e5bdc9; } .htl_listMain .htl_title h2 { float: left; padding: 0px 0 0 0; width: 420px; font-size: 1.334em; font-weight: bold; line-height: 1.2; } .htl_listMain .htl_title .htl_iconRecommend { float: left; display: block; padding: 5px 0 2px 5px; } .htl_listMain .htl_title .htl_iconPremium { float: left; display: block; padding: 8px 0 7px 5px; } .htl_listMain .htl_title h2 a .htl_name { float: left; margin-left: 7px; padding: 15px 0 12px 0; text-decoration: underline; cursor: pointer; font-weight: bold; } #htl_contents .htl_listMain .htl_title h2 a.htl_linkColor:link { color: #373737; } #htl_contents .htl_listMain .htl_title h2 a.htl_linkColor:visited { color: #620169; } #htl_contents .htl_listMain .htl_title h2 a.htl_linkColor:hover { color: #836a31; } #htl_contents .htl_listMain .htl_title h2 a.htl_linkColor:active { color: #836a31; } .htl_listMain .htl_title .htl_area { float:right; width: 230px; text-align: right; white-space: nowrap; line-height:1.4; } .htl_listMain .htl_title .htl_area span { display: block; float: right; padding-top: 18px; } .htl_listMain .htl_title .htl_area a { display: block; float: right; padding: 5px 0 4px; } .htl_listMain .htl_title .htl_area a img { margin-left: 3px; } .htl_listMain .htl_listInner { clear: both; } /* 説明文＆アクセス等 */ .htl_listMain .htl_listInner .htl_body { position: relative; float: right; width: 470px; } .htl_listMain .htl_listInner .htl_body .htl_copy { margin-bottom: 10px; height: 38px; } .htl_listMain .htl_listInner .htl_body .htl_bodyInner { float: left; width: 290px; } .htl_listMain .htl_listInner .htl_body .htl_iconWrap { float: left; width: 231px; height: 68px; margin: 10px 0 10px; } .htl_listMain .htl_listInner .htl_body .htl_iconWrap .htl_icon, .htl_listMain .htl_listInner .htl_body .htl_iconWrap .htl_iconOption { position: relative; left: 0; top: 0; padding-bottom: 0; } .htl_listMain .htl_listInner .htl_body .htl_iconWrap .htl_iconOption li { float: left; margin: 0 5px 3px 0 } /* 施設一覧＆プラン一覧向け 宿詳細料金部分 */ .htl_priceOuter .htl_price1 { margin-bottom: 5px; } .htl_priceOuter .htl_price1 dt { float: left; font-size: 11px; font-weight: bold; line-height: 2.0;} .htl_priceOuter .htl_price1 dd { float: right; font-weight: bold; color: #c81528; font-size: 14px; line-height: 1.5;white-space: nowrap; } .htl_priceOuter .htl_price2 { clear: both; padding-top: 3px; background: url(/kokunai_htl/resources/images/common/bg_price_dot.gif) left top repeat-x; } .htl_priceOuter .htl_price2 dt { float: left; font-size: 11px; font-weight: bold; line-height: 2.0; } .htl_priceOuter .htl_price2 dd { float: right; font-weight: bold; font-size: 12px; line-height: 1.8; white-space: nowrap; text-align: right; } .htl_priceOuter .htl_price2 dd span { padding-left: 14px; color: #c81528; font-size: 14px; background: url(/kokunai_htl/resources/images/icon/icon_total.png) left center no-repeat; } .htl_priceOuter .htl_priceMsg { clear: both; text-align: right; } .htl_priceOuter .htl_priceMsg span { font-size: 10px; } .htl_priceOuter .htl_priceMsg.border { padding-top: 6px; background: url(/kokunai_htl/resources/images/common/bg_price_dot.gif) left top repeat-x; } .htl_priceOuter .htl_priceMsg dt { float: left; font-size: 10px; } .htl_priceOuter .htl_priceMsg dd { float: right; } .htl_bodyOuter .htl_priceOuter { clear: both; margin-top: -5px; float: right; width: 290px; } /* プラン一覧料金 */ .htl_planTable .htl_icon2Outer { float: none; clear: both; } .htl_planTable .htl_planListIcon2 { clear: both; float: left; width: 275px; } .htl_planTable .htl_planListIcon2 li { float: left; padding: 0 5px 5px 0; white-space: nowrap; line-height: 21px; } .htl_planTable .htl_planListIcon2 li.clear { clear: both; } .htl_planTable .htl_planListIcon2 li span { padding: 0 2px 0 4px } .htl_planTable .htl_priceOuter { float: right; text-align: right; } .htl_planTable .htl_priceOuter .htl_price1 { font-weight: bold; color: #c81528; font-size: 12px; } .htl_planTable .htl_priceOuter .htl_price2 { padding-top: 4px; background: url(/kokunai_htl/resources/images/common/bg_price_dot.gif) left top repeat-x; font-weight: bold; color: #c81528; font-size: 12px; } .htl_planTable .htl_priceOuter .htl_price2 span { padding-left: 14px; background: url(/kokunai_htl/resources/images/icon/icon_total.png) left center no-repeat; } /* 施設一覧ページのおすすめプラン内料金設定 */ .htl_listMain .htl_listPlan .htl_listPlanInner .htl_priceOuter { float: right; text-align: right; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_priceOuter .htl_price1 { padding-bottom: 0; font-weight: bold; color: #c81528; font-size: 14px; background-image: none; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_priceOuter .htl_price2 { padding-top: 2px; background: url(/kokunai_htl/resources/images/common/bg_price_dot.gif) left top repeat-x; font-weight: bold; color: #c81528; font-size: 14px; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_priceOuter .htl_price2 span { padding-left: 14px; background: url(/kokunai_htl/resources/images/icon/icon_total.png) left center no-repeat; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_priceOuter .htl_priceMsg span { font-size: 10px; } /* お客様評価 */ .htl_listMain .htl_listInner .htl_valuation { float: right; margin-bottom: 5px; padding-bottom: 4px; width: 170px; overflow: hidden; background: url(/kokunai_htl/resources/images/valuation/bg_valuation_shisetsu.gif) left bottom no-repeat; } .htl_listMain .htl_listInner .htl_valuation .htl_valuationTitle { padding: 0 0 5px 0; } .htl_listMain .htl_listInner .htl_valuation .htl_total { margin: 0 10px; text-align: left; } .htl_listMain .htl_listInner .htl_valuation .htl_total dt { float: left; line-height: 1.3; width: 70px; } .htl_listMain .htl_listInner .htl_valuation .htl_total dt.htl_notValuation { padding: 5px 0 10px; font-weight: normal; width: 150px; white-space: nowrap; } .htl_listMain .htl_listInner .htl_valuation .htl_total .htl_score { font-size: 1.5em; color: #c81528; } .htl_listMain .htl_listInner .htl_valuation .htl_total .htl_star { float: left; width: 80px; text-align: left; } .htl_listMain .htl_listInner .htl_valuation .htl_total .htl_star img { margin-right: 1px; width: 15px; height: auto; } .htl_listMain .htl_listInner .htl_valuation .htl_number { clear: both; margin: 0 9px 7px 9px; padding-bottom: 4px; font-size: 10px; background: url(/kokunai_htl/resources/images/valuation/bg_valuation_divider.gif) left bottom repeat-x; text-align: right; } .htl_listMain .htl_listInner .htl_valuation .htl_valuationItem { margin: 0 7px 0 9px; } .htl_listMain .htl_listInner .htl_valuation .htl_valuationItem li { float: left; margin-bottom: 5px; width: 77px; line-height: 1.0; } .htl_listMain .htl_listInner .htl_valuation .htl_valuationItem li img { margin-right: 3px; } .htl_listMain .htl_listInner .htl_valuation .htl_valuationItem li .htl_score { font-weight: bold; color: #c81528; } .htl_listMain .htl_listInner .htl_valuation .htl_valuationItem li.htl_iconBath { width: 196px; } .htl_listMain .htl_listInner .htl_body .htl_access { float: left; width: 376px; } .htl_listMain .htl_listInner .htl_body .htl_access dt { padding: 0 0 0 22px; height:22px; border-bottom: 1px solid #c81528; background:url(/kokunai_htl/resources/images/icon/icon_access.png) 0 0 no-repeat; } .htl_listMain .htl_listInner .htl_body .htl_access dt span { display: block; float: left; width: 48px; height: 22px; font-weight: bold; } .htl_listMain .htl_listInner .htl_body .htl_access dt img { float: left; margin: 0 0 0 5px; vertical-align: middle; } .htl_listMain .htl_listInner .htl_body .htl_access dd { clear: both; margin: 5px 0 0 0; } .htl_listMain .htl_listInner .htl_body .htl_roomTotal { float: right; width: 78px; } .htl_listMain .htl_listInner .htl_body .htl_roomTotal dt { padding-left: 22px; height: 22px; border-bottom: 1px solid #c81528; background: url(/kokunai_htl/resources/images/icon/icon_roomall.png) 0 0 no-repeat; font-weight: bold; font-size: 12px; } .htl_listMain .htl_listInner .htl_body .htl_roomTotal dd { padding-top: 5px; text-align: center; } .htl_listMain .htl_listInner .htl_body .htl_valuationRurubu { float: right; margin: 0 7px 10px 0; } .htl_valuationRurubu dt { float: left; width: 112px; height: 20px; } .htl_valuationRurubu dd { line-height: 20px; } .htl_valuationRurubu dd.htl_star { float: left; width: 83px; } .htl_valuationRurubu dd.htl_point { float: left; width: 18px; color: #fe6501; font-weight: bold; text-align: right; } .htl_valuationRurubu dd.htl_collect { float: left; padding-left: 3px; width: 46px; white-space: nowrap; } .htl_valuationOuter .htl_valuationRurubu { margin-left: 0; } .htl_alternative .htl_valuationRurubu { margin-left: 232px; } .htl_listMain .htl_couponClip { clear: both; } /* クリップに追加 */ .htl_listMain .htl_listInner .htl_addClip { float: right; width: 200x; text-align: right; } .htl_listMain .htl_listInner .htl_addClip dt { float: left; width: 92px; text-align: right; } .htl_listMain .htl_listInner .htl_addClip dd { float: right; padding: 6px 0 0 10px; text-align: right; } .htl_listMain .htl_listInner .htl_addClip dd a { padding-left: 15px; background: url(/kokunai_htl/resources/images/common/icon_external_white.gif) left center no-repeat; white-space: nowrap; } /* クーポンあり */ .htl_coupon { margin-top: 10px; width: 262px; background:url(/kokunai_htl/resources/images/common/bg_coupon_top.gif) 0 21px no-repeat; } .htl_coupon dt { } .htl_coupon dd { padding: 5px 5px 5px 10px; background: url(/kokunai_htl/resources/images/common/bg_coupon_btm.gif) left bottom no-repeat; } .htl_coupon dd a { display: block; padding-left: 15px; background: url(/kokunai_htl/resources/images/common/icon_external_white.gif) 0 3px no-repeat; } /* 施設一覧 − プラン */ .htl_listMain .htl_listPlan { clear: both; padding: 0 0 10px 0; } .htl_listMain .htl_listPlan .htl_recommendPlan { margin-top: 15px; padding: 7px 10px 7px 10px; border: 1px solid #e0e0e0; border-bottom: none; background:url(/kokunai_htl/resources/images/title/title_plan.gif) 0 0 repeat-x; font-weight: bold; } .htl_listMain .htl_listPlan .htl_listPlanInner { padding: 15px 10px; border: 1px solid #e0e0e0; border-top: none; } .htl_listMain .htl_listPlan .htl_listPlanInner table { width: 725px; } .htl_listMain .htl_listPlan .htl_listPlanInner table td { vertical-align: top; } .htl_listMain .htl_listPlan .htl_listPlanInner table .htl_tdTitle { padding-bottom: 5px; width: 520px; } .htl_listMain .htl_listPlan .htl_listPlanInner table .htl_tdPrice { width: 195px; white-space: nowrap; } .htl_listMain .htl_listPlan .htl_listPlanInner table .htl_tdImage { width: 105px; text-align: left; } .htl_listMain .htl_listPlan .htl_listPlanInner table .htl_tdCopy { width: 415px; } .htl_listMain .htl_listPlan .htl_listPlanInner table .htl_tdIcon { width: 615px; vertical-align: bottom; } .htl_listMain .htl_listPlan .htl_listPlanInner dl { clear: both; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_planTitle { margin-bottom: 5px; font-weight: normal; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_planTitle > img { float: left; margin: 0 3px 5px 0; } .htl_listMain .htl_listPlan .htl_listPlanInner .clip-pln-icon img { margin-left: 3px; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_planTitle a.icon { display: block; width: 38px; height: 19px; vertical-align: top; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_planImage { /*float: right; margin-left: 10px; */width: 99px; height: 74px; border: 1px solid #e0e0e0; line-height: 0.6; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_copy { clear: both; float: left; margin-bottom: 5px; /*width: 525px; */ } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_planTitle a.icon { display: block; position: absolute; left: 0; width: 38px; height: 19px; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_planListIcon { width:720px; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_planTitle a.text { display: block; margin-left: 45px; } .htl_listMain .htl_listPlan .htl_listPlanAll { clear: both; margin-top: 5px; text-align: right; font-size: 1.167em; font-weight: bold; } .htl_listMain .htl_listPlan .htl_listPlanAll a { padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) 0 5px no-repeat; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_planListIcon2 { clear: both; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_planListIcon2 li { float: left; padding: 0 5px 0 0; white-space: nowrap; line-height: 21px; } .htl_listMain .htl_listPlan .htl_listPlanInner .htl_planListIcon2 li span { padding: 0 2px 0 4px } /* エリア一覧 -------------------------------------------------------------*/ /* 地域選択 */ .htl_navAreaLink { margin-bottom: 20px; border: solid 1px #e0e0e0; } .htl_navAreaLink dt { float: left; width: 100px; font-weight: bold; } .htl_navAreaLink dd { margin-left: 100px; line-height: 37px; } .htl_navAreaLink dd span { padding: 0 7px; } /* エリア大見出し */ .htl_areaBox { clear: both; margin-bottom: 0; width: 745px; } .htl_areaBox .htl_areaTitle { float: left; margin-top: 10px; width: 100px; } /* サブエリア */ .htl_areaBox .htl_areaBoxInner { float: right; padding-bottom: 20px; width: 645px; background: #f4f4f4; } .htl_areaBox .htl_areaBoxInner .htl_areaSubTitle { margin: 10px; padding: 0 5px 0 0; background: url(/kokunai_htl/resources/images/area/title_bg.gif) 0 0 repeat-x; border: solid 1px #e5bdc9; } .htl_areaBox .htl_areaBoxInner .htl_areaSubTitle h3 { float: left; padding: 12px 0 9px 10px; font-size: 1.167em; font-weight: bold; line-height: 1.0; } .htl_areaBox .htl_areaBoxInner .htl_areaSubTitle h3 a { color: #373737; } .htl_areaBox .htl_areaBoxInner .htl_areaSubTitle .htl_areaMapLink { float: right; padding: 13px 5px 10px 10px; background: url(/kokunai_htl/resources/images/area/title_divider.gif) left top no-repeat; line-height: 1.0; } .htl_areaBox .htl_areaBoxInner .htl_areaSubTitle .htl_areaMapLink a { padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) 0 5px no-repeat; } .htl_areaBox .htl_areaBoxInner .htl_areaSpotLink { clear: both; margin: 0 20px; margin-bottom: 15px; } /* 地域おすすめプラン */ .htl_areaBox .htl_areaRecommend { clear: both; margin: 0 21px 0 20px; } .htl_areaBox .htl_areaRecommendTitle { padding-left: 25px; height: 29px; color: #cc3300; line-height: 2.3; font-weight: bold; background: url(/kokunai_htl/resources/images/area/recommend_title.gif) 0 0 no-repeat; } .htl_areaBox .htl_areaRecommendInner { padding: 10px; background: #fff; border: 1px solid #efc295; } .htl_areaBox .htl_areaRecommendInner li { float: left; width: 285px; } .htl_areaBox .htl_areaRecommendInner dt { float: left; width: 80px; border: 1px solid #e0e0e0; } .htl_areaBox .htl_areaRecommendInner dd { margin-left: 90px; padding-top: 10px; } /* やどだより エリア一覧用 */ .htl_areaLetter { clear: both; margin: 0 21px 20px 20px; padding: 10px 15px 15px 10px; background: url(/kokunai_htl/resources/images/area/yadodayori_bg.gif) left bottom no-repeat; } .htl_areaLetter .htl_areaLetterTitle { margin: 0 0 8px 0; } .htl_areaLetter .htl_areaLetterImage { float: left; width: 120px; border: 2px solid #fff; } .htl_areaLetter .htl_areaLetterInner { float: right; width: 445px; } .htl_areaLetter .htl_areaLetterInner .htl_title { float: left; padding: 5px 0; width: 350px; font-weight: bold; } .htl_areaLetter .htl_areaLetterInner .htl_update { float: right; padding: 5px 5px 5px 0; } .htl_areaLetter .htl_areaLetterInner .htl_entry { clear: both; } /* 地図 -------------------------------------------------------------*/ /* タイトル＆タブナビゲーション */ .htl_mapTitle h2 { float: left; width: 142px; } .htl_mapTitle ul { float: left; width: 603px; height: 49px; background: url(/kokunai_htl/resources/images/nav/nav_map.gif) 0 0 no-repeat; } .htl_mapTitle ul li { float: left; text-indent: -9999px; } .htl_mapTitle ul li.htl_navMapArea { width: 100px; } .htl_mapTitle ul li.htl_navMapStation { width: 103px; } .htl_mapTitle ul li.htl_navMapOnsen { width: 95px; } .htl_mapTitle ul li.htl_navMapScroll { width: 135px; } .htl_mapTitle ul li a { display: block; height: 49px; outline: none; } .htl_mapTitle ul li.htl_navMapArea a { width: 96px; } .htl_mapTitle ul li.htl_navMapStation a { width: 99px; } .htl_mapTitle ul li.htl_navMapOnsen a { width: 91px; } .htl_mapTitle ul li.htl_navMapScroll a { width: 135px; } .htl_mapTitle ul li.htl_navMapArea a:hover, .htl_mapTitle ul li.htl_navMapArea a.htl_active { background: url(/kokunai_htl/resources/images/nav/nav_map.gif) 0 -49px no-repeat; } .htl_mapTitle ul li.htl_navMapStation a:hover, .htl_mapTitle ul li.htl_navMapStation a.htl_active { background: url(/kokunai_htl/resources/images/nav/nav_map.gif) -100px -49px no-repeat; } .htl_mapTitle ul li.htl_navMapOnsen a:hover, .htl_mapTitle ul li.htl_navMapOnsen a.htl_active { background: url(/kokunai_htl/resources/images/nav/nav_map.gif) -203px -49px no-repeat; } .htl_mapTitle ul li.htl_navMapScroll a:hover, .htl_mapTitle ul li.htl_navMapScroll a.htl_active { background: url(/kokunai_htl/resources/images/nav/nav_map.gif) -298px -49px no-repeat; } /* エリア */ .htl_mapSearch { margin-bottom: 20px; padding: 0 6px 10px 6px; border: 1px solid #e0e0e0; border-top: none; } .htl_mapSearchInner { position: relative; float: left; width: 570px; height: 344px; border: 1px solid #e0e0e0; overflow: hidden; } /* .htl_mapSearchInner ul { position: absolute; top: 0; left: 0; } .htl_mapSearchInner li { position: absolute; border: 1px solid #e0e0e0; } .htl_mapSearchInner li a { display: block; padding: 5px 8px 5px 14px; background: #fff url(/kokunai_htl/resources/images/common/arrow_right.gif) 5px 8px no-repeat; white-space: nowrap;line-height: 1.0; } .htl_mapSearchInner li a:hover { background: #fdab73 url(/kokunai_htl/resources/images/common/arrow_right.gif) 5px 8px no-repeat; }*/ /* エリア リスト */ .htl_mapAreaList { float: right; width: 150px; } .htl_mapAreaList h3 { margin-bottom: 7px; padding: 8px; background: #ffebd1; line-height: 1.0; font-weight: normal; } .htl_mapAreaList ul { width: 150px; } .htl_mapAreaList li { padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) 0 7px no-repeat; } /* スクロール サイズ指定 */ .htl_mapScroll { margin-bottom: 10px; padding: 0 6px 10px 6px; border: 1px solid #e0e0e0; border-top: none; } .htl_mapScrollInner { position: relative; float: left; width: 570px; height: 344px; border: 1px solid #e0e0e0; overflow: hidden; } /* スクロール 一覧表示に切り替え */ .htl_mapScrollList { float: right; margin-bottom: 5px; width: 150px; } .htl_mapScrollList .htl_swichList { margin-bottom: 10px; text-align: right; } .htl_mapScrollList .htl_swichList a { padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) left center no-repeat; } /* スクロール リスト */ .htl_mapScrollList .htl_mapScrollListInner { margin-bottom: 5px; height: 260px; border: 1px solid #e0e0e0; overflow: hidden; } .htl_mapScrollList .htl_mapScrollListInner ul { height: 260px; overflow-x: hidden; overflow-y: scroll; } .htl_mapScrollList .htl_mapScrollListInner ul li { padding: 7px 5px; background: url(/kokunai_htl/resources/images/common/bg_dot.gif) left bottom repeat-x; line-height: 1.3; } .htl_mapScrollList .htl_mapScrollListInner ul li.odd { background: #f5f5f5 url(/kokunai_htl/resources/images/common/bg_dot.gif) left bottom repeat-x } .htl_mapScrollList .htl_mapScrollListInner ul li.last-child { background-image: none; } .htl_mapScrollList .htl_mapScrollListInner ul li dt { padding-left: 18px; } .htl_mapScrollList .htl_mapScrollListInner ul li dt.htl_no1 { background:url(/kokunai_htl/resources/images/map/no_list_01.gif) 0 0 no-repeat; } .htl_mapScrollList .htl_mapScrollListInner ul li dt.htl_no2 { background:url(/kokunai_htl/resources/images/map/no_list_02.gif) 0 0 no-repeat; } .htl_mapScrollList .htl_mapScrollListInner ul li dt.htl_no3 { background:url(/kokunai_htl/resources/images/map/no_list_03.gif) 0 0 no-repeat; } .htl_mapScrollList .htl_mapScrollListInner ul li dt.htl_no4 { background:url(/kokunai_htl/resources/images/map/no_list_04.gif) 0 0 no-repeat; } .htl_mapScrollList .htl_mapScrollListInner ul li dt.htl_no5 { background:url(/kokunai_htl/resources/images/map/no_list_05.gif) 0 0 no-repeat; } .htl_mapScrollList .htl_mapScrollListInner ul li dt.htl_no6 { background:url(/kokunai_htl/resources/images/map/no_list_06.gif) 0 0 no-repeat; } .htl_mapScrollList .htl_mapScrollListInner ul li dt.htl_no7 { background:url(/kokunai_htl/resources/images/map/no_list_07.gif) 0 0 no-repeat; } .htl_mapScrollList .htl_mapScrollListInner ul li dt.htl_no8 { background:url(/kokunai_htl/resources/images/map/no_list_08.gif) 0 0 no-repeat; } .htl_mapScrollList .htl_mapScrollListInner ul li dt.htl_no9 { background:url(/kokunai_htl/resources/images/map/no_list_09.gif) 0 0 no-repeat; } .htl_mapScrollList .htl_mapScrollListInner ul li dt.htl_no10 { background:url(/kokunai_htl/resources/images/map/no_list_10.gif) 0 0 no-repeat; } .htl_mapScrollList .htl_mapScrollListInner ul li dd { padding-left: 18px; font-size: .834em; color: #c81528; font-weight: bold; } /* スクロール リストのページャー */ .htl_mapScrollPager { clear: both; margin-bottom: 10px; text-align: left; line-height: 1.0; } .htl_mapScrollPager .htl_resultMsg { margin-bottom: 7px; padding: 5px 8px; background: #ffebd1; line-height: 1.0; } .htl_mapScrollPager .htl_resultMsg span { color: #c81528; font-size: 1.167em; font-weight: bold; } .htl_mapScrollPager li { display: inline; padding: 0 3px 0 4px; border-right: 1px solid #000; } .htl_mapScrollPager .htl_back { border: none; } .htl_mapScrollPager .htl_back a { padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_left.gif) left center no-repeat; } .htl_mapScrollPager .htl_next { border: none; } .htl_mapScrollPager .htl_next a { padding-right: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) right center no-repeat; } .htl_mapScrollPager .htl_last { border: none; } /* スクロール コンビニ＆銀行チェックボックス */ .htl_mapCheck { position: absolute; top: 318px; left: 280px; padding: 6px 0; background: #fff; width: 292px; } .htl_mapCheck dl { margin: 0 10px; width: 400px; } .htl_mapCheck dt { float: left; width: 105px; font-weight: bold; line-height: 1.0; } .htl_mapCheck dd { float: left; line-height: 1.0; width: 90px; } .htl_mapCheck dd input { float: left; } .htl_mapCheck dd label { float: left; } .htl_mapCheck dd label img { margin: 0 5px; vertical-align: top; } /* スクロール マップ内 小窓 */ .htl_mapScroll .htl_mapWindow { position: absolute; width: 202px; background: url(/kokunai_htl/resources/images/map/bg_window_top.gif) 0 0 no-repeat; } .htl_mapScroll .htl_mapWindow dl { padding: 0 14px; } .htl_mapScroll .htl_mapWindow dl.htl_no1 { background: url(/kokunai_htl/resources/images/map/no_win_01.gif) 14px 15px no-repeat; } .htl_mapScroll .htl_mapWindow dl.htl_no2 { background: url(/kokunai_htl/resources/images/map/no_win_02.gif) 14px 15px no-repeat; } .htl_mapScroll .htl_mapWindow dl.htl_no3 { background: url(/kokunai_htl/resources/images/map/no_win_03.gif) 14px 15px no-repeat; } .htl_mapScroll .htl_mapWindow dl.htl_no4 { background: url(/kokunai_htl/resources/images/map/no_win_04.gif) 14px 15px no-repeat; } .htl_mapScroll .htl_mapWindow dl.htl_no5 { background: url(/kokunai_htl/resources/images/map/no_win_05.gif) 14px 15px no-repeat; } .htl_mapScroll .htl_mapWindow dl.htl_no6 { background: url(/kokunai_htl/resources/images/map/no_win_06.gif) 14px 15px no-repeat; } .htl_mapScroll .htl_mapWindow dl.htl_no7 { background: url(/kokunai_htl/resources/images/map/no_win_07.gif) 14px 15px no-repeat; } .htl_mapScroll .htl_mapWindow dl.htl_no8 { background: url(/kokunai_htl/resources/images/map/no_win_08.gif) 14px 15px no-repeat; } .htl_mapScroll .htl_mapWindow dl.htl_no9 { background: url(/kokunai_htl/resources/images/map/no_win_09.gif) 14px 15px no-repeat; } .htl_mapScroll .htl_mapWindow dl.htl_no10 { background: url(/kokunai_htl/resources/images/map/no_win_10.gif) 14px 15px no-repeat; } .htl_mapScroll .htl_mapWindow .htl_name { margin-left: 23px; margin-bottom: 7px; padding: 15px 0 0 0; } .htl_mapScroll .htl_mapWindow .htl_close { float: right; margin: 2px 0 0 5px; } .htl_mapScroll .htl_mapWindow .htl_image { clear: both; float: left; width: 70px; border: 1px solid #e0e0e0; } .htl_mapScroll .htl_mapWindow .htl_premium { margin-left: 80px; margin-bottom: 5px; } .htl_mapScroll .htl_mapWindow .htl_price { margin-left: 80px; color: #c81528; font-weight: bold; line-height: 1.4; text-align: left; } .htl_mapScroll .htl_mapWindow .htl_copy { clear: both; padding-top: 5px; } .htl_mapScroll .htl_mapWindow .htl_closeText { padding: 0 15px 15px 0; background: url(/kokunai_htl/resources/images/map/bg_window_btm.gif) left bottom no-repeat; text-align: right; } /* スクロール 表示順設定 */ .htl_mapScroll .htl_sorterPlanList { clear: both; padding-bottom: 5px; margin-bottom: 0; } /* やどだより MAP用 */ .htl_mapLetter { clear: both; margin: 0 0 20px 0; padding: 0; background: url(/kokunai_htl/resources/images/common/yadodayori_bg_mdl.gif) 0 0 repeat-y; } .htl_mapLetter .htl_mapLetterInner { float: right; margin: 0 15px 10px 10px; padding-bottom: 10px; width: 715px; border-bottom: 1px solid #d7d7bd; } .htl_mapLetter .htl_mapLetterTitle { margin: 0 0 8px 0; padding: 10px 0 0 15px; } .htl_mapLetter .htl_mapLetterImage { float: left; width: 120px; border: 2px solid #fff; } .htl_mapLetter .htl_mapLetterInner dl { float: right; width: 580px; } .htl_mapLetter .htl_mapLetterInner .htl_title { float: left; padding: 5px 0; width: 350px; font-weight: bold; } .htl_mapLetter .htl_mapLetterInner .htl_update { float: right; padding: 5px 5px 5px 0; } .htl_mapLetter .htl_mapLetterInner .htl_entry { clear: both; } .htl_mapLetter .htl_letterList { clear: both; padding: 0 35px 10px 15px; text-align: right; background:url(/kokunai_htl/resources/images/common/yadodayori_bg_btm.gif) left bottom no-repeat; } .htl_mapLetter .htl_external { padding-left: 17px; background: url(/kokunai_htl/resources/images/common/icon_external_yado.gif) left center no-repeat; } /* アクセス/お風呂情報/食事情報/フォトギャラリー/やどだより -------------------------------------------------------------*/ .htl_accessMap { float: left; width: 570px; } .htl_accessMap p { clear: both; padding-top: 5px; } .htl_accessMap p a { padding-left: 15px; background:url(/kokunai_htl/resources/images/common/icon_external_white.gif) left center no-repeat; } .htl_navLocalSub { margin-bottom: 20px; padding: 10px 0; text-align: left; background: #e1e1e1; line-height: 1.2; } .htl_navLocalSub ul { float: left; } .htl_navLocalSub ul li { display: inline; padding: 0 20px; border-right: 1px solid #4a4a4a; } .htl_navLocalSub ul li a.active { text-decoration: none; color: #373737; font-weight: bold; } .htl_navLocalSub ul li.last-child { border-right: none; } .htl_navLocalSub p { float: right; padding-right: 10px; font-size: 1.167em; font-weight: bold; } .htl_navLocalSub p a { display: block; padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) left center no-repeat; } .htl_navLocalPhoto { padding: 10px 0; background: #e1e1e1; line-height: 1.0; } .htl_navLocalPhoto ul { margin-left: 10px; } .htl_navLocalPhoto ul li { display: inline; padding: 0 12px 0 8px; border-right: 1px solid #4a4a4a; line-height: 1.2; } .htl_navLocalPhoto ul li span { color: #000099; font-size: .834em; } .htl_navLocalPhoto ul li.last-child { border-right: none; } /* タブ切り替え用クラス */ .htl_displaySection { clear: both; } /* コンテンツ */ .htl_sectionInner { clear: both; padding-bottom: 30px; /* margin-bottom: 30px; */} .htl_sectionInner h2 { margin-bottom: 10px; } .htl_sectionInner h3 { margin-bottom: 10px; } .htl_sectionImage { clear: both; padding-top: 18px; margin-bottom: 10px; } .htl_sectionImage h2 { margin-bottom: 10px; line-height: 1.0; } .htl_sectionImage p { margin-bottom: 10px; } #tabbody-bath { padding-top: 18px; } #tabbody-meal h2 { margin: 18px 0 10px; } /* 開閉 */ .htl_closer { margin-top: -27px;} .htl_closer dt { height: 27px; text-align: right; } .htl_closer dt.htl_closerBorder { border-bottom: 1px solid #e0e0e0; } .htl_closer dt span { text-decoration: underline; color: #000099; cursor: pointer; } /* table　共通*/ .htl_infoTable { width: 970px; height: 100%; border-collapse: collapse; border: solid 1px #dfdfdf; } .htl_infoTable tr { height: 100%; background: #fff; } .htl_infoTable tr th { padding: 10px 5px 10px 10px; width: 100px; background-color: #e1e1e1; border-bottom: dashed 1px #c6c6c6; vertical-align: middle; } #tabbody-meal .htl_infoTable tr th { width: 128px; } .htl_infoTable td { padding: 0 0 0 20px; height: 100%; background: url(/kokunai_htl/resources/images/plan/bg_service_arrow.gif) left center no-repeat; border-bottom: dashed 1px #c6c6c6; vertical-align: middle; } .htl_infoTable td.htl_infoBgWhite { padding: 10px 0 10px 20px; background: none; border-bottom: solid 1px #dfdfdf; } .htl_infoTable .htl_infoArrowGray { vertical-align:top; background: #f7f7f7 url(/kokunai_htl/resources/images/plan/bg_service_arrow.gif) left center no-repeat; } /* 入れ子用のテーブル */ .htl_infoTable table { width: 100%; height: 100%; } .htl_infoTable table th { padding-left: 0; width: 153px; height: 100%; font-weight: bold; vertical-align: top; background-color: #f7f7f7; border-bottom: solid 1px #dfdfdf; vertical-align: middle; } .htl_infoTable th span { display: block; margin-right: 10px; } .htl_infoTable table td { padding: 10px 15px; vertical-align: middle; background-image: none; background-color: #fff; border-bottom: solid 1px #dfdfdf; } .htl_infoTable table tr.htl_infoTrBtm th, .htl_infoTable table tr.htl_infoTrBtm td { border-bottom: none; vertical-align: middle; } .htl_infoTable table th img { vertical-align: middle; } /* アクセス用テーブル */ .htl_accessDetail { float: right; width: 390px; } .htl_accessDetail table { margin: 0 0 10px 0; width: 390px; } .htl_accessDetail table tr th { width: 87px; } .htl_accessDetail table td { padding: 10px 10px 10px 20px; } .htl_accessDetail table dl { margin-top: 5px; padding: 10px; background: #ffebd1; } .htl_accessDetail table dt { float: left; width: 190px; } .htl_accessDetail table dd { float: right; width: 40px; text-align: right; } /* 写真リスト共通 */ .htl_infoPhoto { clear: both; } .htl_infoPhoto li { float: left; margin-bottom: 10px; padding-right: 56px; width: 200px; } .htl_infoPhoto li.htl_infoAdjust { padding-right: 0; } .htl_infoPhoto dt { display: block; width: 198px; height: 148px; text-align: center; border: solid 1px #dfdfdf; line-height: 0.6; } .htl_infoPhoto dt img { } .htl_infoPhoto dd { margin: 5px 5px 0 5px; } /* フォトギャラリー用クラス */ .htl_infoGallery { clear: both; margin-bottom: 20px; } .htl_infoGallery li { float: left; margin: 18px 0 0 0; padding: 0 56px 18px 0; width: 200px; border-bottom: dashed 1px #dfdfdf; } .htl_infoGallery li dl { margin: 25px 0 0 0; } .htl_infoGallery li dl dt { display: block; width: 198px; height: 148px; text-align: center; border: solid 1px #dfdfdf; line-height: 0.6; } .htl_infoGallery li dl dd { margin: 5px 5px 0 5px;} .htl_infoGallery li h2 { margin-bottom: -17px; line-height: 1.0; } .htl_infoGallery li.htl_infoAdjust { padding-right: 0; } /* 小さいテーブル */ .htl_infoSubTable { float: right; width: 640px; border: solid 1px #dfdfdf; } .htl_infoSubTable tr th { padding: 10px 0 10px 10px; width: 110px; background: #f5f5f5; border-bottom: 1px dashed #c6c6c6;} .htl_infoSubTable tr.htl_infoSubTitle th { padding: 10px; font-weight: bold; background-color: #e1e1e1; border-bottom: none; } .htl_infoSubTable td { padding: 10px; border-bottom: 1px dashed #c6c6c6; } /* 左側の詳細 */ .htl_infoSubList { float: left; width: 320px; background: #fffef1; border: 1px solid #dfdfdf; } .htl_infoSubList dt { margin: 10px 10px 7px 10px; padding: 2px 5px; background: #ffebd1; font-weight: bold; } .htl_infoSubList dd { margin: 0 15px 15px 15px; } .htl_infoTitle { clear: both; font-weight: bold; } .htl_infoBathDetail { clear: both; padding: 10px 0 0 10px; } /* お風呂情報 */ #tabbody-bath h3 { margin-bottom: 8px; font-weight: bold; } /* やどだより */ .htl_topicsInner { padding-top: 10px; margin-bottom: 10px; } .htl_topicsInner .htl_sorterPlan dt { width: 70px; } .htl_topicsInner .htl_sorterPlan dd { margin-left: 70px;} .htl_topicsInner .htl_topicsAccess { margin-bottom: 10px; } .htl_topicsInner .htl_topicsAccess span { padding: 0 17px 0 2px; font-weight: bold; font-size: 1.334em; color: #c81528; } .htl_topicsKeyword { width: 970px; margin-bottom: 5px; border: 1px solid #dfdfdf; } .htl_topicsKeyword tr { background: #fff url(/kokunai_htl/resources/images/search/bg_refinement_white.gif) left center no-repeat; } .htl_topicsKeyword th { width: 108px; padding: 7px 0; border-bottom: dashed 1px #c6c6c6; vertical-align: middle; line-height: 1.0; } .htl_topicsKeyword th img { margin-left: 10px; } .htl_topicsKeyword td { background: #fff; } .htl_topicsKeyword td ul { padding: 5px 10px 5px 0; } .htl_topicsKeyword td ul li { display: inline; padding: 0 12px 0 8px; border-right: 1px solid #4a4a4a; line-height: 1.8; } .htl_topicsKeyword td ul li.last-child { border-right: none; } .htl_topicsKeyword td ul li .htl_active { font-weight: bold; } /* やどだよりエントリー */ .htl_topicsEntry dl { margin-bottom: 15px; padding: 10px 20px 10px 10px; width: 940px; background: url(/kokunai_htl/resources/images/plan/info_yadodayori_bg.gif) left bottom no-repeat; } .htl_topicsEntry dt { float: left; width: 200px; } .htl_topicsEntry dt img { border: solid 2px #fff; } .htl_topicsEntry dd { float: right; width: 730px; } .htl_topicsEntry dd img { margin-right: 5px; } .htl_topicsEntry dd.htl_topicsIcon { margin: 3px 0 15px 0; } .htl_topicsEntry dd.htl_topicsCopy { padding-bottom: 5px; margin-bottom: 8px; font-weight: bold; border-bottom: dashed 1px #87877a; } .htl_topicsEntry dd.htl_topicsCoupon p { margin-bottom: 15px; float: left; } .htl_topicsEntry dd.htl_topicsCoupon p.htl_topicsDate { float: right; } .htl_topicsEntry dd.htl_topicsCoupon a { padding-left: 17px; background: url(/kokunai_htl/resources/images/common/icon_external_yado.gif) left center no-repeat; } .htl_topicsEntry dd.htl_topicsMore { padding: 0 30px 5px 0; text-align: right; } .htl_topicsEntry dd.htl_topicsMore a { padding-left: 17px; background: url(/kokunai_htl/resources/images/common/icon_external_yado.gif) left center no-repeat; } /* 予約するボタン */ .htl_btnReserve { clear: both; margin: 0 0 25px 0; text-align: center; } /* 代案 -------------------------------------------------------------*/ .htl_alternative { margin: 10px 5px 10px 10px; width: 450px; text-align: left; } .htl_alternative h3 { } .htl_alternative .htl_title { } .htl_alternative .htl_title h3 { font-weight: bold; line-height: 1.5; width: 450px; } .htl_alternative .htl_title h3 a { } .htl_alternative .htl_title h3 a img { vertical-align: middle; } .htl_alternative .htl_title h3 .htl_iconRecommend { float: left; display: block; margin-bottom: 5px; padding: 0 5px 0 0; } .htl_alternative .htl_title h3 .htl_iconPremium { float: left; display: block; margin-bottom: 5px; padding: 2px 5px 0 0; } .htl_alternative .htl_title h3 a .htl_name { text-decoration: underline; font-weight: bold; } /* アイコン二つ */ /*.htl_alternative .htl_title h3.htl_type01 a .htl_name { padding: 5px 0 0 0; width: 365px; } /* おすすめのみ */ /*.htl_alternative .htl_title h3.htl_type02 a .htl_name { padding: 3px 0 0 0; width: 404px; } /* Pのみ */ /*.htl_alternative .htl_title h3.htl_type03 a .htl_name { padding: 5px 0 0 0; width: 411px; } /* アイコン無し */ /*.htl_alternative .htl_title h3.htl_type04 a .htl_name { float: none; padding: 0; width: 450px; }*/ .htl_alternative .htl_area { clear: both; padding-bottom: 5px; text-align: right; } .htl_alternative .htl_detail { margin-bottom: 5px; } .htl_alternative .htl_detail dt { float: left; width: 108px; } .htl_alternative .htl_detail dt img { border: 1px solid #e0e0e0; } .htl_alternative .htl_detail dd.htl_copy { float: left; width: 342px; } .htl_alternative .htl_detail dd.htl_price { font-weight: bold; } .htl_alternative .htl_detail dd.htl_price span { padding-left: 5px; font-size: 1.334em; color: #c81528; } /*.htl_alternative .htl_valuation { margin-bottom: 5px; background: url(/kokunai_htl/resources/images/valuation/bg_valuation_wide_btm_alt.gif) left bottom no-repeat; } .htl_alternative .htl_valuation .htl_valuationTitle { padding: 5px; background: url(/kokunai_htl/resources/images/valuation/bg_valuation_wide_top_alt.gif) 0 0 no-repeat; border: none; } .htl_alternative .htl_valuation .htl_total { float: left; width: 140px; background: url(/kokunai_htl/resources/images/valuation/bg_valuation_wide_divider.gif) right top repeat-y; } .htl_alternative .htl_valuation .htl_total dt { margin: 0 5px 0 12px; } .htl_alternative .htl_valuation .htl_total .htl_score { font-size: 1.5em; color: #c81528; } .htl_alternative .htl_valuation .htl_total .htl_star { margin-left: 12px; padding-bottom: 3px; } .htl_alternative .htl_valuation .htl_total .htl_star img { margin: 0 1px; } .htl_alternative .htl_valuation .htl_total .htl_number { padding-bottom: 5px; text-align: center; font-size: .834em; } .htl_alternative .htl_valuation .htl_valuationItem { float: right; margin: 12px 0 8px 0; width: 300px; } .htl_alternative .htl_valuation .htl_valuationItem li { float: left; margin-bottom: 12px; width: 98px; line-height: 1.0; } .htl_alternative .htl_valuation .htl_valuationItem li img { margin-right: 5px; } .htl_alternative .htl_valuation .htl_valuationItem li .htl_score { font-weight: bold; color: #c81528; } .htl_alternative .htl_valuation .htl_valuationItem li.htl_iconBath { width: 196px; }*/ .htl_alternative .htl_valuationOuter { float: left; width: 180px; background: url(/kokunai_htl/resources/images/valuation/bg_valuation_alt.gif) 0 0 no-repeat; } .htl_alternative .htl_valuationOuter .htl_valuationTitle { padding: 4px; line-height: 1.1; } .htl_alternative .htl_valuationOuter .htl_valuation { padding: 1px 0 7px; text-align: center; line-height: 1.1; } .htl_alternative .htl_valuationOuter .htl_valuation .htl_score { font-weight: bold; font-size: 1.5em; color: #c81528; } .htl_alternative .htl_valuationOuter .htl_valuationRurubu { clear: both; margin: 4px 0 0 0; } .htl_alternative .htl_valuationOuter .htl_valuationRurubu dt { float: left; width: 85px; height: 20px; text-align: left; } .htl_alternative .htl_valuationOuter .htl_valuationRurubu dd { line-height: 20px; } .htl_alternative .htl_valuationOuter .htl_valuationRurubu dd.htl_star { float: left; width: 80px; } .htl_alternative .htl_valuationOuter .htl_valuationRurubu dd.htl_point { float: left; width: 15px; color: #fe6501; font-weight: bold; text-align: right; white-space: nowrap; } .htl_valuationOuter .htl_valuationRurubu { margin-left: 0; } .htl_alternative .htl_valuationRurubu { margin-left: 232px; } .htl_alternative .htl_access { float: left; width: 245px; } .htl_alternative .htl_access dt { font-size: 14px; font-weight: bold; line-height:26px; } .htl_alternative .htl_access dt img { margin-left: 5px; vertical-align: middle; } .htl_alternative .htl_access dd { margin-top: 5px; } /* 施設一覧＆プラン一覧向け 宿詳細料金部分 */ .htl_alternative .htl_priceOuter { width: 260px; } .htl_alternative .htl_priceOuter .htl_price1 { margin-bottom: 5px; } .htl_alternative .htl_priceOuter .htl_price1 dt { float: left; font-size: 11px; font-weight: bold; line-height: 2.0; color: #373737; } .htl_alternative .htl_priceOuter .htl_price1 dd { float: right; font-weight: bold; color: #c81528; font-size: 12px; line-height: 1.5;white-space: nowrap; } .htl_alternative .htl_priceOuter .htl_price2 { clear: both; padding-top: 3px; background: url(/kokunai_htl/resources/images/common/bg_price_dot.gif) left top repeat-x; } .htl_alternative .htl_priceOuter .htl_price2 dt { float: left; font-size: 11px; font-weight: bold; line-height: 2.0; color: #373737; } .htl_alternative .htl_priceOuter .htl_price2 dd { float: right; font-weight: bold; font-size: 12px; line-height: 1.8; white-space: nowrap; text-align: right; } .htl_alternative .htl_priceOuter .htl_price2 dd span { padding-left: 14px; color: #c81528; font-size: 12px; background: url(/kokunai_htl/resources/images/icon/icon_total.png) left center no-repeat; } .htl_alternative .htl_priceOuter .htl_priceMsg { clear: both; text-align: right; } .htl_alternative .htl_priceOuter .htl_priceMsg span { font-size: 10px; } .htl_alternative .htl_priceOuter .htl_priceMsg.border { padding-top: 6px; background: url(/kokunai_htl/resources/images/common/bg_price_dot.gif) left top repeat-x; } .htl_alternative .htl_priceOuter .htl_priceMsg dt { float: left; font-size: 10px; } .htl_alternative .htl_priceOuter .htl_priceMsg dd { float: right; } .htl_alternative .htl_bodyOuter .htl_priceOuter { clear: both; margin-top: -5px; float: right; width: 290px; } /* 施設カレンダー -------------------------------------------------------------*/ .htl_shisetsuCalender { margin-bottom: 20px; } .htl_shisetsuCalender .htl_planTable { margin: 0 0 10px 0; width: 745px; } .htl_shisetsuCalender .htl_planTable .htl_hotelList { width: 316px; } .htl_shisetsuCalender .htl_planTable .htl_calenderInner { margin: 10px 8px; text-align: left; width: 298px; } .htl_shisetsuCalender .htl_calenderInner h3 { float: left; font-weight: bold; line-height: 1.5; width: 298px; } .htl_shisetsuCalender .htl_calenderInner h3 a { } .htl_shisetsuCalender .htl_calenderInner h3 .htl_iconRecommend { padding: 0 3px 0 0; } .htl_shisetsuCalender .htl_calenderInner h3 .htl_iconPremium { padding: 0 3px 0 0; } .htl_shisetsuCalender .htl_calenderInner h3 a .htl_name { padding: 5px 0 0 0; text-decoration: underline; } /* アイコン二つ */ /*.htl_shisetsuCalender .htl_calenderInner h3.htl_type01 a .htl_name { padding: 5px 0 0 0; width: 213px; } /* おすすめのみ */ /*.htl_shisetsuCalender .htl_calenderInner h3.htl_type02 a .htl_name { padding: 2px 0 0 0; width: 252px; } /* Pのみ */ /*.htl_shisetsuCalender .htl_calenderInner h3.htl_type03 a .htl_name { width: 259px; } /* アイコン無し */ /*.htl_shisetsuCalender .htl_calenderInner h3.htl_type04 a .htl_name { float: none; padding: 0; width: 298px; }*/ .htl_shisetsuCalender .htl_calenderInner .htl_area { padding: 5px 0 5px; } /* .htl_shisetsuCalender .htl_price { clear: both; margin-top: -5px; padding-bottom: 5px; font-weight: bold; } .htl_shisetsuCalender .htl_price span { padding-left: 5px; font-size: 1.334em; color: #c81528; }*/ .htl_shisetsuCalender .htl_detail { } .htl_shisetsuCalender .htl_detail dt { float: left; width: 100px; text-align: right; } .htl_shisetsuCalender .htl_detail dt a img { width: 110px; height: 81px; border: 1px solid #e0e0e0; line-height: 0.6; } .htl_shisetsuCalender .htl_detail dd { float: right; width: 180px; } .htl_shisetsuCalender .htl_detail dd div.htl_valuation { background: url(/kokunai_htl/resources/images/valuation/bg_valuation_alt.gif) 0 0 no-repeat; } .htl_shisetsuCalender .htl_detail dd div.htl_valuation .htl_valuationTitle { padding: 4px; line-height: 1.1; } .htl_shisetsuCalender .htl_detail dd .htl_valuation { padding: 1px 0 7px; text-align: center; line-height: 1.1; } .htl_shisetsuCalender .htl_detail dd .htl_valuation .htl_score { font-weight: bold; font-size: 1.5em; color: #c81528; } .htl_shisetsuCalender .htl_detail dd .htl_priceOuter { float: none; margin: -5px 0 0 16px; width: 164px; text-align: right; } .htl_shisetsuCalender .htl_detail dd .htl_priceOuter .htl_price1 { margin-bottom: 2px; } .htl_shisetsuCalender .htl_detail dd .htl_priceOuter .htl_price2 { display: inline; } .htl_shisetsuCalender .htl_detail dd .htl_valuationRurubu { margin: 0 0 0 0; } .htl_shisetsuCalender .htl_detail dd .htl_valuationRurubu dt { float: left; width: 85px; height: 20px; text-align: left; } .htl_shisetsuCalender .htl_detail dd .htl_valuationRurubu dd { line-height: 20px; } .htl_shisetsuCalender .htl_detail dd .htl_valuationRurubu dd.htl_star { float: left; width: 80px; } .htl_shisetsuCalender .htl_detail dd .htl_valuationRurubu dd.htl_point { float: left; width: 15px; color: #fe6501; font-weight: bold; text-align: right; white-space: nowrap; } .htl_shisetsuCalender .htl_detail dd .htl_valuationRurubu dd.htl_total { float: left; width: 57px; text-align: right; white-space: nowrap; } .htl_valuationOuter .htl_valuationRurubu { margin-left: 0; } .htl_alternative .htl_valuationRurubu { margin-left: 232px; } .htl_shisetsuCalender .htl_vacancy { float: left; } .htl_shisetsuCalender .htl_perHead { float: right; } .htl_shisetsuCalender .htl_planTable td.htl_linkTd .htl_priceAll { margin: 20px 5px 0 5px; padding-top: 10px; background: url(/kokunai_htl/resources/images/common/bg_dot_td.gif) 0 0 repeat-x; } .htl_shisetsuCalender .htl_planTable td.htl_linkTd .htl_priceAll span { padding-left: 0; background: none; } .htl_shisetsuCalender .htl_planTable td.htl_linkTd .htl_priceAll2 { margin: 20px 5px; padding-top: 20px; background: url(/kokunai_htl/resources/images/common/bg_dot_td.gif) 0 0 repeat-x; } .htl_shisetsuCalender .htl_planTable td.htl_linkTd .htl_priceAll2 span { display: block; padding-top: 13px; background: url(/kokunai_htl/resources/images/icon/icon_total.png) 0 0 no-repeat; } .htl_shisetsuCalender .htl_aboutPrice { margin: 0 0 15px 0; border: 1px solid #de899c; background: #de899c; border-radius: 5px; } .htl_shisetsuCalender .htl_aboutPrice dt { float: left!important; width: 126px; height: 23px; background: #de899c; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .htl_shisetsuCalender .htl_aboutPrice dt img { margin: 5px 0 0 10px; } .htl_shisetsuCalender .htl_aboutPrice dd { float: left!important; width: 617px; background: #fff; line-height: 25px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .htl_shisetsuCalender .htl_aboutPrice dd p { margin-left: 10px; } .htl_shisetsuCalender .htl_aboutPrice dd p img { margin: -3px 3px 0 3px; vertical-align: middle; } /* カレンダー -------------------------------------------------------------*/ .htl_calMsg { padding: 10px 0; } .htl_monthList { position:relative; margin: 0 auto; padding-bottom: 15px; float: left; left: 50% } .htl_monthList li { position: relative; float: left; right: 50%; padding: 0 25px; white-space: nowrap; border-right: 1px solid #333333; line-height: 1.5; font-weight:bold; } .htl_monthList li a { margin: 0; line-height: 1.5; padding:0; font-weight: normal; } .htl_monthList li.last-child { border-right: none; } .htl_calMonthOuter { clear: both; margin:0 auto; width: 970px; } .htl_calMonthOuter .htl_calender { margin-bottom: 10px; width: 480px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-collapse: collapse; } .htl_calMonthOuter .htl_monthTitle { margin-bottom: 10px; padding: 5px; text-align: center; font-weight: bold; background:#818181 url(/kokunai_htl/resources/images/calender/bg_title.gif) 0 0 repeat-x; color: #fff; } .htl_calMonthOuter th { padding: 5px; background: url(/kokunai_htl/resources/images/plan/th_bg.gif) -1px 0 repeat-x; text-align: center; vertical-align: top; border: 1px solid #d2d2d2; } .htl_calMonthOuter th.htl_week.htl_calSun { background: url(/kokunai_htl/resources/images/plan/th_bg_sun.gif) -1px 0 repeat-x; color: #C5264B; } .htl_calMonthOuter th.htl_week.htl_calSat { background: url(/kokunai_htl/resources/images/plan/th_bg_sat.gif) -1px 0 repeat-x; color: #1429ca; } .htl_calMonthOuter td { padding: 5px; vertical-align: top; background: #f7f7f7; border: 1px solid #d2d2d2; } .htl_calMonthOuter td a { position: relative; display: block; width: 100%; height: 100%; text-decoration: underline!important; } .htl_calMonthOuter td span.htl_noRoom { position: relative; display: block; width: 100%; height: 100%; } .htl_calMonthOuter td span.htl_date { position: absolute; left: 1px; top: 1px; text-decoration: underline; } .htl_calMonthOuter td span.htl_status { display: block; padding: 15px 0; text-align: center; } .htl_calMonthOuter td.htl_calSat { background: #dfedf2; } .htl_calMonthOuter td.htl_calSun { background: #f2e3e6; } .htl_calMonthOuter .htl_noRoom .htl_date { text-decoration: none!important; } .htl_calMonthOuter .htl_caution { clear: both; margin:0; padding:0; width: 970px; border: none; } .htl_calMonthOuter .htl_vacancy { float: left; width: 300px; margin-bottom:0; } .htl_calMonthOuter .htl_perHead { float: right; width: 300px; text-align: right; } /* 子供用モーダル画面 -------------------------------------------------------------*/ #popupCtr3 {} #popupCtr3 .titCtr { position:relative; background:#cb6762; color:#FFF;} #popupCtr3 .titCtr .title { padding:10px; background:#cb6762; color:#FFF; text-align:center; font-weight:bold;} #popupCtr3 .titCtr .close { position:absolute; top:0; right:0; padding:10px 10px 10px 16px; background: url(/kokunai_htl/resources/images/detail/icon_close1.gif) 0 13px no-repeat; cursor: pointer; text-decoration:underline; font-weight:bold;} #popupCtr3 .popupInner { display:block; padding: 10px; background:#fff; border:solid 1px #cb6762;} #popupCtr3 table.popup3 { width:100%; margin-bottom:10px; border:solid 1px #dfdfdf;} #popupCtr3 table.popup3 th { width:50px; width:70px; width:50px; padding:10px; background:#f1efe7; border-bottom:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; text-align:left; vertical-align:middle;} #popupCtr3 table.popup3 th img { vertical-align:middle;} #popupCtr3 table.popup3 td { padding:10px; background:#FFF; border-bottom:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; vertical-align:middle;} #popupCtr3 table.popup3 td.htl_txt { padding:10px 30px;} #popupCtr3 table.popup3 .htl_max { padding:5px 15px; background:#faeeef; border-radius:5px;} #popupCtr3 table.popup3 .htl_linkArrow { padding-left:5px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) 0 6px no-repeat;} #popupCtr3 table.popup3 .htl_price { font-weight: bold; color: #c81528; font-size: 1.334em;} #popupCtr3 table.popup3 .htl_priceTotal { font-weight: bold; color: #c81528; font-size: 1.5em;} #popupCtr3 .htl_error { color:#c51b26; font-weight:bold;} /* Send Mail -------------------------------------------------------------*/ #htl_page_sendmail { width: 600px; } #htl_page_sendmail .htl_modalWin { position: relative; margin: 15px; width: 570px; } #htl_page_sendmail .htl_modalWin .btnClose { position: absolute; top: 5px; left: 470px; width: 100px; text-align: right; cursor: pointer; } #htl_page_sendmail .htl_modalWin .btnClose img { margin-left: 3px; vertical-align: middle; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner .htl_title { margin-bottom: 10px; padding: 12px 10px 8px 10px; background: url(/kokunai_htl/resources/images/area/title_bg.gif) 0 0 repeat-x; border: solid 1px #e5bdc9; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner .htl_title h2 { float: left; font-weight: bold; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner .htl_title p { float: right; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner .htl_entry { margin: 10px 0 0 0; padding: 10px; background: url(/kokunai_htl/resources/images/calender/bg_mail.gif) 0 0 no-repeat; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner .htl_entry span { font-size: 14px; font-weight: bold; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner .htl_entry p { margin-bottom: 10px; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner .htl_entry #frmMail { padding: 3px; width: 400px; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner .htl_entry dt { float: left; width: 420px; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner .htl_entry dd { float: left; width: 120px; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner ul, #htl_page_sendmail .htl_modalWin .htl_modalWinInner .divider { padding: 20px 0 0 0; background: url(/kokunai_htl/resources/images/calender/bg_mail2.gif) 0 0 no-repeat; } #htl_page_sendmail .htl_modalWin .htl_modalWinInner ul li { text-indent: -1em; padding-left: 1em; } /* PhotoGallery -------------------------------------------------------------*/ /* #htl_page_Photo { width: 650px; } #htl_page_Photo .htl_modalWin { position: relative; margin-left: 10px; width: 650px; } #htl_page_Photo .htl_modalWin .btnClose { position: absolute; top: 1px; left: 551px; width: 100px; text-align: right; cursor: pointer; } #htl_page_Photo .htl_modalWin .btnClose img { margin-left: 3px; vertical-align: middle; } .photo { float:left; width: 415px; border-right: 1px solid #ccc; } .photo img { margin-right: 10px; } .modalDetail { float:right;width: 220px; padding-top: 20px; } #htl_page_Photo .bg { padding-bottom:10px; background: url(/kokunai_htl/resources/images/common/bg_dot.gif) left bottom repeat-x; } #htl_page_Photo ul { margin: 5px 15px 0 0; padding-top: 5px; background: url(/kokunai_htl/resources/images/common/bg_dot.gif) 0 0 repeat-x; } #htl_page_Photo ul li.back { float: left; padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_left.gif) left center no-repeat; } #htl_page_Photo ul li.next { float: right; padding-right: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) right center no-repeat; } */ /* PhotoGallery -------------------------------------------------------------*/ .htl_modalWin { padding: 10px 10px 28px 10px; } .htl_modalWin .btnClose { position: absolute; top: 5px; right: 5px; width: 100px; text-align: right; cursor: pointer; } .htl_modalWin .btnClose img { margin-left: 3px; vertical-align: middle; } .htl_modalWin .photo { float:left; width: 415px; border-right: 1px solid #ccc; } .htl_modalWin .photo img { margin-right: 10px; } .htl_modalWin .modalDetail { float:right;width: 209px; padding-top: 20px; } .htl_modalWin .bg { padding-bottom:10px; background: url(/kokunai_htl/resources/images/common/bg_dot.gif) left bottom repeat-x; } .htl_modalWin .photo ul { margin: 5px 15px 0 0; padding-top: 5px; background: url(/kokunai_htl/resources/images/common/bg_dot.gif) 0 0 repeat-x; } .htl_modalWin .photo ul li.back { float: left; padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_left.gif) left center no-repeat; } .htl_modalWin .photo ul li.next { float: right; padding-right: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) right center no-repeat; } /* あなたにおすすめ！旅館・ホテルPICK UP! -------------------------------------------------------------*/ .htl_pickup { clear: both; margin-bottom: 20px; width: 745px; overflow: hidden; } .htl_pickup h2 { padding-left: 35px; height: 28px; line-height: 2.3; background: url(/kokunai_htl/resources/images/common/title_pickup.gif) 0 0 no-repeat; color: #d94751; } .htl_pickup h2 span { color: #373737; font-weight:normal; } .htl_pickup ul { border-top: 1px solid #f5c2d4; border-left: 1px solid #f5c2d4; } .htl_pickup ul li { float: left; margin: 0 0 0 0; width: 371px; border-right: 1px solid #f5c2d4; } .htl_pickup ul li .htl_pickupInner { padding: 10px; border-bottom: 1px solid #f5c2d4;} .htl_pickup ul li .htl_pickupInner .htl_image { float: left; width: 100px; height: 75px; border: 1px solid #e0e0e0; line-height: 0.6; } .htl_pickup ul li .htl_pickupInner .htl_detail { margin-left: 110px; } .htl_pickup ul li .htl_pickupInner .htl_detailInner { padding-bottom: 5px; } .htl_pickup ul li .htl_pickupInner .htl_name { margin-bottom: 5px; font-weight: bold; } .htl_pickup ul li .htl_pickupInner .htl_name img { float: right; margin-left: 5px; } .htl_pickup ul li .htl_pickupInner .htl_name .htl_area { font-weight: normal; } .htl_pickup ul li .htl_pickupInner .htl_area { } .htl_pickup ul li .htl_pickupInner .htl_price { font-weight: bold; color: #c81528; } .htl_pickup ul li .htl_pickupInner .htl_price span { padding-right: 5px; font-weight: normal; font-size: .834em; color: #373737; } .htl_pickup ul li .htl_pickupInner .htl_copy { clear: both; } /* ご注意・ご案内 -------------------------------------------------------------*/ .htl_caution { clear: both; margin-bottom: 20px; border: 1px solid #e0e0e0; } .htl_caution h3 { padding: 5px 0; width: 114px; background: #707070; text-align: center; color: #fff; font-weight: bold; } .htl_caution .htl_cautionList { padding: 10px 10px 0 10px; border-top: 1px solid #e0e0e0; } .htl_caution .htl_cautionList li { list-style: disc; margin-left: 16px; } .htl_caution .htl_cautionReadme { margin: 0 10px; } .htl_caution .htl_cautionInner { margin: 10px; padding: 10px; background: #f7f7f7; } .htl_caution .htl_cautionInner ul { float: left; margin-top: 15px; width: 490px; } .htl_caution .htl_cautionInner ul li { float: left; margin: 0 30px 10px 0; white-space: nowrap; } .htl_caution .htl_cautionInner .htl_mobileMsg { float: right; margin-top: 5px; width: 212px; } .htl_caution .htl_cautionInner .htl_mobileMsg dt { float: left; width: 140px; } .htl_caution .htl_cautionInner .htl_mobileMsg dd { float: right; width: 66px; } /* 周辺の旅館・ホテル予約 -------------------------------------------------------------*/ .htl_linkCroud { clear: both; margin-bottom: 20px; } .htl_linkCroud h2 { margin-bottom: 10px; padding: 8px; font-weight: bold; background: #e0e0e0; line-height: 1.0; } .htl_linkCroud h3 { margin: 0 10px 5px 10px; font-weight: bold; } .htl_linkCroud p { margin: 0 10px 10px 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; line-height: 1.6; } .htl_linkCroud p.last { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /* SEOリンク集 --------------------------------------*/ #htl_page_list #SEO-LINKS { margin-top:30px; } #htl_page_list #SEO-LINKS dl dt { margin-top:15px; padding:3px 0 0 3px; border-left:3px solid #999999; font-size:95%; font-weight: bold; line-height:1; } #htl_page_list #SEO-LINKS dl dd { margin-top:2px; font-size:95%; } #htl_page_list #SEO-LINKS dl dd ul li { display:inline; color:#666666; } /* sidebar -------------------------------------------------------------*/ /*キーワードから探す*/ #htl_sidebar #htl_keyword { margin-bottom: 15px; width: 205px; } #htl_sidebar #htl_keyword h2 { } #htl_sidebar #htl_keyword #htl_keywordInner { padding: 10px 10px 5px 10px; border: 1px solid #e0e0e0; border-top: none; } #htl_sidebar #htl_keyword #htl_keywordInner ul { } #htl_sidebar #htl_keyword #htl_keywordInner .htl_keywordList li { display: inline; } #htl_sidebar #htl_keyword #htl_keywordInner .htl_keywordList li input { margin-right: 2px; } #htl_sidebar #htl_keyword #htl_keywordInner .htl_keywordList li label { margin-right: 8px; } #htl_sidebar #htl_keyword #htl_keywordInner dl { margin-top: 5px; } #htl_sidebar #htl_keyword #htl_keywordInner dt { float: left; line-height: 1.0; } #htl_sidebar #htl_keyword #htl_keywordInner dt input { margin-bottom: 10px; padding: 2px 0; width: 180px; line-height: 1.0; } #htl_sidebar #htl_keyword #htl_keywordInner dd { margin-top:2px; text-align: center; } /* バナー */ #htl_sidebar .htl_banner { clear: both; margin-bottom: 20px; } #htl_sidebar .htl_banner li { margin-bottom: 10px; } #htl_sidebar .htl_banner li.last-child { margin-bottom: 0; } /* クリップ */ #htl_sidebar .htl_clip { clear: both; margin-bottom: 15px; padding-bottom: 7px; background:url(/kokunai_htl/resources/images/sidebar/clip_bg.gif); } #htl_sidebar .htl_clip .htl_clipInner { margin: 0 7px; background: #fff; } #htl_sidebar .htl_clip .htl_clipHowto { margin: 0 10px; padding: 7px 0; } #htl_sidebar .htl_clip ul { margin: 0 10px; background: url(/kokunai_htl/resources/images/top/htl/clip_bg_btm.gif) left top repeat-x; } #htl_sidebar .htl_clip ul li { clear: both; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; } #htl_sidebar .htl_clip .htl_name { float: left; width: 151px; } #htl_sidebar .htl_clip .htl_delete { float: right; width: 20px; margin-top: 2px; text-align: right; line-height: 1.0; } #htl_sidebar .htl_clip .htl_area { clear: both; padding: 2px 0 3px; } #htl_sidebar .htl_clip .htl_image { float: left; width: 80px; height: 60px; border: 1px solid #e0e0e0; line-height: 0.6; } #htl_sidebar .htl_clip .htl_valuation { margin-left: 90px; margin-bottom: 2px; background-image: none; width: 90px; } #htl_sidebar .htl_clip .htl_valuation span { background-color: #f5d5d6; text-align:center; color:#333; padding:3px 5px; font-size:10px; } #htl_sidebar .htl_clip .htl_point { margin-left: 90px; margin-bottom: 2px; } #htl_sidebar .htl_clip .htl_star { margin-left: 90px; margin-bottom: 2px; } #htl_sidebar .htl_clip .htl_star img { vertical-align:top; } #htl_sidebar .htl_clip .htl_price { clear: both; padding: 3px 0 0 0; color: #c81528; font-weight: bold; } #htl_sidebar .htl_clip .htl_compare { clear: both; padding: 5px 10px 7px 10px; text-align: right; } #htl_sidebar .htl_clip .iconPremium { float: left; margin-right: 3px; } /* ミニマップ＆最近見た旅館・ホテル */ #htl_sidebar .htl_minimap { clear: both; margin-bottom: 10px; } #htl_sidebar .htl_history, #htl_sidebar #recentHotel { clear: both; margin-bottom: 20px; } #index #htl_sidebar #recentHotel { clear: both; margin-bottom: 15px; } #htl_sidebar .htl_minimap h2, #htl_sidebar .htl_history h2, #htl_sidebar #recentHotel h2 { padding: 4px 10px 3px 8px; background: url(/kokunai_htl/resources/images/sidebar/title_bg_glay.gif) 0 0 repeat-x; border-bottom: 1px solid #e0e0e0; color: #fff; } #htl_sidebar .htl_minimap dl, #htl_sidebar .htl_history ul, #htl_sidebar #recentHotel ul { padding: 10px 0 5px; background: url(/kokunai_htl/resources/images/sidebar/history_bg.gif) 0 0 no-repeat; border: 1px solid #e0e0e0; border-top: none; } #htl_sidebar .htl_minimap dt { margin: 0 7px 5px 7px; border: 1px solid #e0e0e0; } #htl_sidebar .htl_minimap dd, #htl_sidebar .htl_history li, #htl_sidebar #recentHotel li { margin: 0 10px 5px; padding-left: 7px; background: url(/kokunai_htl/resources/images/common/arrow_right.gif) 0 8px no-repeat; } /* クリップを見比べる */ #index #htl_sidebar .htl_clip { margin: -16px 0 15px; padding: 10px; border: 1px solid #e0e0e0; } #index #htl_sidebar .htl_clip dt { line-height: 20px; } #index #htl_sidebar .htl_clip dt a { padding: 3px 0 3px 22px; background: url(/kokunai_htl/resources/images/top/htl/clip.gif) left center no-repeat; } #index #htl_sidebar .htl_clip dd { text-align: right; margin-top: 5px; } /* ランキング */ #htl_sidebar .htl_ranking { clear: both; margin-bottom: 20px; background: url(/kokunai_htl/resources/images/sidebar/ranking_title.gif) 0 0 no-repeat; } #htl_sidebar .htl_ranking h2 { padding: 7px 10px 8px 8px; background: url(/kokunai_htl/resources/images/sidebar/ranking_title_btm.gif) left bottom no-repeat; color: #fff; line-height: 1.4; font-weight: bold; } #htl_sidebar .htl_rankingInner { background: #fff; border: 1px solid #d872a4; border-top: none; } #htl_sidebar .htl_rankingInner .htl_rankingMsg { margin: 0 10px; padding-top: 7px; } #htl_sidebar .htl_rankingInner .htl_rankingTerm { margin: 0 10px 10px 10px; text-align: right; } #htl_sidebar .htl_ranking ol { margin: 0 8px; } #htl_sidebar .htl_ranking ol li { clear: both; } #htl_sidebar .htl_ranking .htl_name { margin-bottom: 5px; padding: 9px 5px 6px 42px; } #htl_sidebar .htl_ranking .htl_area { clear: both; padding: 2px 0 5px; } #htl_sidebar .htl_ranking .htl_image { float: left; width: 80px; height: 60px; border: 1px solid #e0e0e0; line-height: 0.6; } #htl_sidebar .htl_ranking .htl_premium { margin-left: 80px; margin-bottom: 5px; } #htl_sidebar .htl_ranking .htl_price { margin-left: 80px; color: #c81528; font-weight: bold; } #htl_sidebar .htl_ranking .htl_copy { clear: both; margin-bottom: 15px; padding-top: 3px; } #htl_sidebar .htl_ranking ol li.htl_ranking1 .htl_name { background: url(/kokunai_htl/resources/images/sidebar/ranking_bg_01.gif) 0 0 no-repeat; } #htl_sidebar .htl_ranking ol li.htl_ranking2 .htl_name { background: url(/kokunai_htl/resources/images/sidebar/ranking_bg_02.gif) 0 0 no-repeat; } #htl_sidebar .htl_ranking ol li.htl_ranking3 .htl_name { background: url(/kokunai_htl/resources/images/sidebar/ranking_bg_03.gif) 0 0 no-repeat; } #htl_sidebar .htl_ranking ol li.htl_ranking4 .htl_name { background: url(/kokunai_htl/resources/images/sidebar/ranking_bg_04.gif) 0 0 no-repeat; } #htl_sidebar .htl_ranking ol li.htl_ranking5 .htl_name { background: url(/kokunai_htl/resources/images/sidebar/ranking_bg_05.gif) 0 0 no-repeat; } /* あなたにおすすめ＆キャンペーン */ #htl_sidebar .htl_recommend, #htl_sidebar .htl_campaign { clear: both; margin-bottom: 20px; background: url(/kokunai_htl/resources/images/sidebar/title_bg_pink.gif) 0 0 no-repeat; } #htl_sidebar .htl_recommend h2, #htl_sidebar .htl_campaign h2 { padding: 7px 10px 8px 8px; background: url(/kokunai_htl/resources/images/sidebar/title_bg_pink_btm.gif) left bottom no-repeat; color: #fff; line-height: 1.4; font-weight: bold; } #htl_sidebar .htl_recommend ul, #htl_sidebar .htl_campaign ul { padding-top: 10px; background: #fff; } #htl_sidebar .htl_recommend ul li, #htl_sidebar .htl_campaign ul li { margin-bottom: 10px; } #htl_sidebar .htl_recommend ul li.last-child, #htl_sidebar .htl_campaign ul li.last-child { margin-bottom: 0; } #htl_sidebar .htl_recommend dt { margin-bottom: 3px; } #htl_sidebar .htl_recommend dd { margin-bottom: 3px; padding: 0 8px; } /* やどだより */ #htl_sidebar .htl_yadodayori { clear: both; margin-bottom: 20px; padding-bottom: 25px; background: url(/kokunai_htl/resources/images/sidebar/yadodayori_bg_btm.gif) left bottom no-repeat; } #htl_sidebar .htl_yadodayoriInner { padding: 0 12px 0 8px; background: url(/kokunai_htl/resources/images/sidebar/yadodayori_bg.gif) 0 0 repeat-y; } #htl_sidebar .htl_yadodayoriInner .htl_yadodayoriMsg { margin-bottom: 5px; padding: 5px 0; } #htl_sidebar .htl_yadodayoriInner ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d7d7bd; } #htl_sidebar .htl_yadodayoriInner ul li dl .name { margin-bottom: 3px; } #htl_sidebar .htl_yadodayoriInner ul li dl .area { margin-bottom: 3px; } #htl_sidebar .htl_yadodayoriInner ul li dl .image { margin-bottom: 7px; border: 3px solid #fff; } #htl_sidebar .htl_yadodayoriInner ul li dl .title { margin-bottom: 3px; font-weight: bold; } #htl_sidebar .htl_yadodayoriInner ul li dl .title .update { font-weight: normal; } #htl_sidebar .htl_yadodayoriInner ul li dl .text a { padding-left: 17px; background: url(/kokunai_htl/resources/images/common/icon_external_yado.gif) left center no-repeat; } #htl_sidebar .htl_yadodayoriInner .htl_yadodayoriLink { padding-bottom: 7px; text-align: right; } #htl_sidebar .htl_yadodayoriInner .htl_yadodayoriLink a { padding-left: 15px; background: url(/kokunai_htl/resources/images/common/icon_external_yado.gif) left center no-repeat; line-height: 1.0; } /* JR・航空 sidebar共通 */ #htl_sidebar .htl_iconTicket { clear: both; padding: 0 0 5px 1px; } /* yadoTop -------------------------------------------------------------*/ #index #contentsarea { width: auto; margin: 0; } #index #contentsarea a { text-decoration: none; } #index #contentsarea a:hover { text-decoration: underline; } #index #timerDisp { display: none !important; } #index #contentsarea #htl_double { float: left; width: 745px; } #index #contentsarea #htl_sidebar { float: right; width: 209px; } /* 左右の幅設定 -------------------------------------------------------------*/ #index .htl_topLeft { float: left; width: 362px; /* background: url(/kokunai_htl/resources/images/top/bg_362.gif) 0 0 repeat-y; border-bottom: 1px solid #e0e0e0; */ } #index .htl_topRight { float: right; width: 373px; /*background: url(/kokunai_htl/resources/images/top/bg_373.gif) 0 0 repeat-y; border-bottom: 1px solid #e0e0e0; */} #index .htl_topOuter { clear: both; background: url(/kokunai_htl/resources/images/top/htl/bg_upper.gif) 0 0 repeat-y; } #index .htl_topDivider { clear: both; height: 21px; /*background: url(/kokunai_htl/resources/images/top/htl/bg_divider01.gif) 0 0 no-repeat; */} #index .htl_topDivider hr { display: none; } /* パンくず ------------------------------------------------------------*/ #index #htl_topicPath { margin: 10px 0 15px; } #index #htl_topicPath li { float: left; } #index #htl_topicPath li span { padding: 0 5px; } /* H1 -------------------------------------------------------------*/ #index #htl_contents .htl_title { margin-bottom: 10px; padding: 7px 0 5px 17px; background: url(/kokunai_htl/resources/images/top/htl/bg_h1.gif) left bottom no-repeat; } #index #htl_contents .htl_title h1 { float: left; padding: 0; font-size: 1.334em; font-weight: bold; line-height: 1.0; background: none; } #index #htl_contents .htl_title p { float:right; } /* ミニバナー -------------------------------------------------------------*/ #index .htl_miniBanner { margin-bottom: 20px; } /* 条件から探す -------------------------------------------------------------*/ #index .htl_topCondition { border-bottom: 1px solid #e0e0e0;} #index .htl_topCondition h2 { background: #fff; overflow:hidden;} #index .htl_topCondition .htl_topConditionInner { } #index .htl_topCondition .htl_topConditionInner #htl_message { margin: 0 0 5px 0; padding: 0 0 6px 12px; background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) left bottom repeat-x; } #index .htl_topCondition .htl_topConditionInner #htl_message span { display: block; padding-left: 20px; background:url(/kokunai_htl/resources/images/common/icon_smile.gif) -2px 0 no-repeat; color: #ff0066; } #index .htl_topCondition .htl_topConditionInner ul { margin: 10px 12px 7px 12px; padding: 0 0 0 30px; background: url(/kokunai_htl/resources/images/top/htl/bg_condition.gif) 0 0 no-repeat; zoom: 1; } #index .htl_topCondition .htl_topConditionInner ul.clearfix:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; } #index .htl_topCondition .htl_topConditionInner ul li { float: left; padding: 8px 0; width: 150px; white-space: nowrap; } #index .htl_topCondition .htl_topConditionInner ul li label { padding-left: 3px; } #index .htl_topCondition .htl_topConditionInner select { margin-right: 5px; } #index .htl_topCondition .htl_topConditionInner dt { clear: both; float: left; width: 104px; margin-bottom: 5px; } #index .htl_topCondition .htl_topConditionInner dt.dayIcon { background: url(/kokunai_htl/resources/images/top/htl/icon_day.gif) 12px 2px no-repeat; text-indent: -9999px; } #index .htl_topCondition .htl_topConditionInner dt.areaIcon { background: url(/kokunai_htl/resources/images/top/htl/icon_area.gif) 12px 2px no-repeat; text-indent: -9999px; } #index .htl_topCondition .htl_topConditionInner dt.personsIcon { width: 87px; background: url(/kokunai_htl/resources/images/top/htl/icon_persons.gif) 12px 2px no-repeat; text-indent: -9999px; } #index .htl_topCondition .htl_topConditionInner dt.startIcon { background: url(/kokunai_htl/resources/images/top/htl/icon_start.gif) 12px 2px no-repeat; text-indent: -9999px; } #index .htl_topCondition .htl_topConditionInner dd #htl_frmStart { margin-right: 5px; padding: 3px; width: 90px; color: #373737; background: #fffadb url(/kokunai_htl/resources/images/top/htl/icon_calender.gif) 78px 2px no-repeat; border: 1px solid #b5b5b5; border-radius: 5px; } #index .htl_topCondition .htl_topConditionInner dd { padding-left: 115px; padding-bottom: 6px; margin-bottom: 5px; background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) left bottom repeat-x; } #index .htl_topCondition .htl_topConditionInner dd.personsIcon { float: left; width: 269px; padding: 0; background-image: none; } #index .htl_topCondition .htl_topConditionInner dd.personsIcon p.adlut { float: left; } #index .htl_topCondition .htl_topConditionInner dd.personsIcon p.roomIcon { float: left; margin-left: 20px; padding-left: 42px; background: url(/kokunai_htl/resources/images/top/htl/icon_room.gif) 0 2px no-repeat; } #index .htl_topCondition .htl_topConditionInner dd.personsIcon p.roomIcon span { display: none; } #index .htl_topCondition .htl_topConditionInner dd a { text-decoration: underline!important; } #index .htl_topCondition .htl_topConditionInner .htl_topCalender { clear: both; padding: 0 12px; } #index .htl_topCondition .htl_topConditionInner .htl_topCalender a img { margin-right: 3px; text-decoration: none; } #index .htl_topCondition .htl_topConditionInner .htl_caution { padding-left: 10px; font-size: .834em; } #index .htl_topCondition .htl_topConditionInner .htl_topBtnSearch { text-align: center; } #index .htl_topCondition .htl_topConditionInner dd.last-child { background-image: none; } #index .htl_topCondition .htl_topConditionInner .htl_topCalender { clear: both; padding-bottom: 5px; } #index .htl_topCondition .htl_topConditionInner .htl_topBtnSearch { padding: 7px 0 5px; background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) left top repeat-x; text-align: center; } #index .htl_topCondition .htl_topConditionInner select.htl_active { background: #ffbbbc; border: 1px solid #707070; } #index .htl_topCondition .htl_topConditionInner #htl_frmStart.htl_active { background: #ffbbbc url(/kokunai_htl/resources/images/search/icon_calender.gif) 78px 2px no-repeat!important; } /* 地図から探す -------------------------------------------------------------*/ #index .htl_topMap { padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; } #index .htl_topMap h2 { background: #fff; } #index .htl_topMap p.map { position: relative; width :371px; margin: 5px 0 0 1px; height: 285px; background: url(/kokunai_htl/resources/images/top/htl/map_0.gif) no-repeat scroll 0 0 transparent; overflow: hidden; } /* テキストリンク -------------------------------------------------------------*/ #index .htl_topList { clear: both; padding: 10px 0; background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) 0 0 repeat-x; text-align: center; } #index .htl_topList a { padding-left: 8px; background: url(/kokunai_htl/resources/images/top/htl/arrow_right.gif) left center no-repeat; } #index .htl_topListAdjust { clear: both; width: 745px; background: url(/kokunai_htl/resources/images/top/htl/bg_upper.gif) 0 0 repeat-y; } #index .htl_topListLeft { float: left; padding: 5px 0; width: 372px; background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) 0 0 repeat-x; text-align: right; } #index .htl_topListRight { float: right; padding: 5px 0; width: 362px; background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) 0 0 repeat-x; text-align: right; } #index .htl_topListAdjust a { padding: 0 10px 0 8px; background: url(/kokunai_htl/resources/images/top/htl/arrow_right.gif) left center no-repeat;} #index .htl_topBtn { clear: both; margin-top: -5px; padding: 0 0 10px 0; /*background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) 0 0 repeat-x; */ text-align: center; } /* キーワードから探す -------------------------------------------------------------*/ #index .htl_topKeyword h2 { padding-top: 20px; background: #fff; overflow:hidden;} #index .htl_topKeyword .htl_topKeywordInner { padding: 10px 12px; } #index .htl_topKeyword .htl_topKeywordInner ul { } #index .htl_topKeyword .htl_topKeywordInner li { display: inline; } #index .htl_topKeyword .htl_topKeywordInner li input { margin-right: 2px; } #index .htl_topKeyword .htl_topKeywordInner li label { margin-right: 15px; } #index .htl_topKeyword .htl_topKeywordInner dl { margin-top: 5px; } #index .htl_topKeyword .htl_topKeywordInner dt { float: left; line-height: 1.0; } #index .htl_topKeyword .htl_topKeywordInner dt input { margin-top: 5px; padding: 5px; width: 250px; line-height: 1.0; } #index .htl_topKeyword .htl_topKeywordInner dd { margin-left: 280px;margin-top:2px } #index .htl_topKeyword .htl_topPopulerKeyword { margin-top: -5px; padding: 10px 12px; background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) 0 0 repeat-x; } /* ピックアップ！ -------------------------------------------------------------*/ #index .htl_topPickup { padding-bottom: 5px; } #index .htl_topPickup h2 { padding-top: 20px; background: #fff; } #index .htl_topPickupInner { padding: 14px 4px 0 4px; } #index .htl_topPickupInner dl { float: left; margin: 0 0 12px 0; } #index .htl_topPickupInner dt { margin: 0 11px 5px 11px; width: 154px; } #index .htl_topPickupInner dd { margin: 0 11px 5px 11px; width: 154px; } #index .htl_topPickupInner dt a img { display: block; padding: 1px; border: 1px solid #fff; } #index .htl_topPickupInner dt a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #index .htl_topCampaign { padding-top: 20px; background: url(/kokunai_htl/resources/images/top/htl/bg_divider01.gif) 0 0 no-repeat; } #index .htl_topCampaignInner { position: relative; padding: 15px 4px 0 4px; border: 1px solid #e0e0e0; border-top: none; } #index .htl_topCampaignInner .slider { position: absolute; left: 10px; height: 97px; } #index .htl_topCampaignInner .slider div { float: left; margin: 0; width: 230px; height: 97px; } #index .htl_topCampaignInner .slider div a img { display: block; padding: 1px; border: 1px solid #fff; } #index .htl_topCampaignInner .slider div a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #index .htl_topCampaignInner .bx-wrapper { position: relative; } #index .htl_topCampaignInner .bx-wrapper .bx-prev { position: absolute; display: block; left: -14px; top: 2px; background: url(/kokunai_htl/resources/images/top/htl/slider_prev.gif); width: 15px; height: 78px; text-indent: -9999px; } #index .htl_topCampaignInner .bx-wrapper .bx-next { position: absolute; display: block; left: 688px; top: 2px; background: url(/kokunai_htl/resources/images/top/htl/slider_next.gif); width: 15px; height: 78px; text-indent: -9999px; } #index .htl_topSpecial { padding-top: 20px; padding-bottom: 5px; background: url(/kokunai_htl/resources/images/top/htl/bg_divider01.gif) 0 0 no-repeat; } #index .htl_topSpecialInner { padding: 15px 1px 0 1px; border: 1px solid #e0e0e0; border-top: none; } #index .htl_topSpecialInner ul li { float: left; padding-bottom: 15px; width: 185px; } #index .htl_topSpecialInner dl { margin: 0 15px; } #index .htl_topSpecialInner dt { margin: 0 0 5px 0; width: 155px; } #index .htl_topSpecialInner dd { margin: 0 0px 5px 0; width: 155px; } #index .htl_topSpecialInner dt a img { display: block; padding: 1px; border: 1px solid #fff; } #index .htl_topSpecialInner dt a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } /* 目的別に見る -------------------------------------------------------------*/ #index .htl_topPurpose { float: left; width: 362px; } #index .htl_topPurpose h2 { } #index .htl_topPurposeInner { padding: 10px 4px 10px 5px; } #index .htl_topPurposeInner p { margin: 0 5px; } /* 定番から探す -------------------------------------------------------------*/ #index .htl_topStandard { float: right; width: 373px; } #index .htl_topStandardInner { padding: 10px 4px 10px 5px; } #index .htl_topStandardInner p { float: left; margin: 0 0 0 5px; } /* 人気の日程 -------------------------------------------------------------*/ #index .htl_topShecule { clear: both; border-bottom: 1px solid #e0e0e0; } #index .htl_topShecule h2 { padding-top: 20px; background: #fff; } #index .htl_topSheculeInner { padding: 10px 4px 10px 5px; } #index .htl_topSheculeInner p { margin: 0 5px; } /* 地域のおすすめ情報 -------------------------------------------------------------*/ #index .htl_topArea { } #index .htl_topArea h2 { padding-top: 23px; background: #fff; } #index .htl_topAreaInner { padding: 15px 0 0 0; border: 1px solid #e0e0e0; border-top: none; } #index .htl_topAreaInner ul { padding-left: 15px; } #index .htl_topAreaInner ul li { float: left; width: 104px; } #index .htl_topAreaInner dl { margin-bottom: 10px; width: 104px; } #index .htl_topAreaInner dt { width: 82px; } #index .htl_topAreaInner dt img { padding: 1px; } #index .htl_topAreaInner dt a img { border: 1px solid #fff; } #index .htl_topAreaInner dt a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #index .htl_topAreaInner dd { padding-top: 5px; width: 82px; text-align: center; } /* 新着情報 -------------------------------------------------------------*/ #index .htl_topWhatsnew { clear: both; margin: 0 2px 10px 2px; } #index .htl_topWhatsnew h2 { margin-bottom: 10px; } #index .htl_topWhatsnew li { clear: both; margin-bottom: 10px; padding-bottom: 10px; background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) left bottom repeat-x; } #index .htl_topWhatsnew li dt { float: left; width: 90px; } #index .htl_topWhatsnew li dt img { display: block; padding: 1px; border: 1px solid #fff; } #index .htl_topWhatsnew li dt a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #index .htl_topWhatsnew li dd { margin-left: 90px; } #index .htl_topWhatsnew li dd .htl_topNew { padding: 0 0 5px 38px; background: url(/kokunai_htl/resources/images/top/htl/icon_new.gif) 0 0 no-repeat; } /* ランキング -------------------------------------------------------------*/ #index .htl_topRanking { clear: both; margin-bottom: 20px; padding-top: 20px; } #index .htl_topRanking h2 { padding: 9px 10px 13px 8px; background: url(/kokunai_htl/resources/images/top/htl/bg_ranking_title.gif) 0 0 no-repeat; line-height: 1.2; color: #fff; } #index .htl_topRankingInner { padding: 10px; border: 1px solid #d872a4; } #index .htl_topRankingInner ul { margin: 0 0 10px 0; padding: 5px 12px 5px 12px; background: #e1e1e1; } #index .htl_topRankingInner ul li { display: inline; padding: 0 11px 0 9px; border-right: 1px solid #4a4a4a; line-height: 1.8; font-weight: bold; } #index .htl_topRankingInner ul li.last-child { border-right: none; } #index .htl_topRankingInner ul li a { font-weight: normal; } #index .htl_topRankingInner ul li.active a { text-decoration: none; font-weight: bold; color: #373737 !important; } #index .htl_topRankingMsg { float: left; margin-bottom: 15px; } #index .htl_topRankingTerm { float: right; margin-bottom: 15px; } #index .htl_topRankingBest5 { clear: both; } #index .htl_topRankingAreaMsg { clear: both; } #index .htl_topRankingInner dl { float: left; line-height: 1.4; } #index .htl_topRankingInner dt a { min-height: 30px; height: auto !important; height: 30px; } #index .htl_topRankingInner .htl_topRanking01 { width: 147px; } #index .htl_topRankingInner .htl_topRanking01 dt { width: 137px; background: #eae1d2; } #index .htl_topRankingInner .htl_topRanking01 dt a { display: block; padding: 5px 10px 5px 43px; background: url(/kokunai_htl/resources/images/top/htl/bg_ranking01.gif) 3px 4px no-repeat; } #index .htl_topRankingInner .htl_topRanking01 dd { width: 137px; background: #eae1d2; } #index .htl_topRankingInner .htl_topRanking01 .htl_topRankingImage img { margin: 0 32px 0 33px; border: 1px solid #987433; } #index .htl_topRankingInner .htl_topRanking02 { width: 147px; } #index .htl_topRankingInner .htl_topRanking02 dt { width: 137px; background: #e1e1e1; } #index .htl_topRankingInner .htl_topRanking02 dt a { display: block; padding: 5px 10px 5px 43px; background: url(/kokunai_htl/resources/images/top/htl/bg_ranking02.gif) 3px 4px no-repeat; } #index .htl_topRankingInner .htl_topRanking02 dd { width: 137px; background: #e1e1e1; } #index .htl_topRankingInner .htl_topRanking02 .htl_topRankingImage img { margin: 0 32px 0 33px; border: 1px solid #696969; } #index .htl_topRankingInner .htl_topRanking03 { width: 147px; } #index .htl_topRankingInner .htl_topRanking03 dt { width: 137px; background: #e9deda; } #index .htl_topRankingInner .htl_topRanking03 dt a { display: block; padding: 5px 10px 5px 43px; background: url(/kokunai_htl/resources/images/top/htl/bg_ranking03.gif) 3px 4px no-repeat; } #index .htl_topRankingInner .htl_topRanking03 dd { width: 137px; background: #e9deda; } #index .htl_topRankingInner .htl_topRanking03 .htl_topRankingImage img { margin: 0 32px 0 33px; border: 1px solid #9a7161; } #index .htl_topRankingInner .htl_topRanking04 { width: 146px; } #index .htl_topRankingInner .htl_topRanking04 dt { width: 136px; background: #f3e3ee; } #index .htl_topRankingInner .htl_topRanking04 dt a { display: block; padding: 5px 10px 5px 38px; background: url(/kokunai_htl/resources/images/top/htl/bg_ranking04.gif) 3px 5px no-repeat; } #index .htl_topRankingInner .htl_topRanking04 dd { width: 136px; background: #f3e3ee; } #index .htl_topRankingInner .htl_topRanking04 .htl_topRankingImage img { margin: 0 32px 0 32px; border: 1px solid #acacac; } #index .htl_topRankingInner .htl_topRanking05 { width: 136px; background: #f3e3ee; } #index .htl_topRankingInner .htl_topRanking05 dt a { display: block; padding: 5px 10px 5px 38px; background: url(/kokunai_htl/resources/images/top/htl/bg_ranking05.gif) 3px 5px no-repeat; } #index .htl_topRankingInner .htl_topRanking05 .htl_topRankingImage img { margin: 0 32px 0 32px; border: 1px solid #acacac; } #index .htl_topRankingInner .htl_topRankingArea p { padding: 5px 5px 0 5px ; } #index .htl_topRankingInner .htl_topRankingStar { padding: 5px 0 10px 0; text-align: center; line-height: 1.0; } #index .htl_topRankingInner .htl_topRankingStar img { margin: 0 1px; } #index .htl_topRankingInner .htl_topRankingStar span { padding-left: 3px; font-weight: bold; color: #c81528; } #index .htl_topRankingInner .htl_topRankingImage a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #index .htl_topRankingInner .htl_otherRanking { clear: both; padding-top: 10px; text-align: right; } #index .htl_topRankingInner .htl_otherRanking a { padding: 0 0 0 8px; background: url(/kokunai_htl/resources/images/top/htl/arrow_right.gif) left center no-repeat; } /* あなたにおすすめ！旅館・ホテルPICK UP! -------------------------------------------------------------*/ #index .htl_pickup { clear: both; margin-bottom: 20px; width: 745px; overflow: hidden; } #index .htl_pickup h2 { padding-left: 35px; height: 28px; line-height: 2.3; background: url(/kokunai_htl/resources/images/top/htl/title_pickup.gif) 0 0 no-repeat; color: #d94751; } #index .htl_pickup h2 span { color: #373737; font-weight:normal; } #index .htl_pickup ul { border-top: 1px solid #f5c2d4; border-left: 1px solid #f5c2d4; } #index .htl_pickup ul li { float: left; margin: 0 0 0 0; width: 371px; border-right: 1px solid #f5c2d4; } #index .htl_pickup ul li .htl_pickupInner { padding: 10px; height: 150px; border-bottom: 1px solid #f5c2d4; } #index .htl_pickup ul li .htl_pickupInner .htl_image { float: left; width: 100px; border: 1px solid #e0e0e0; } #index .htl_pickup ul li .htl_pickupInner .htl_detail { margin-left: 110px; } #index .htl_pickup ul li .htl_pickupInner .htl_detailInner { padding-bottom: 5px; } #index .htl_pickup ul li .htl_pickupInner .htl_name { margin-bottom: 5px; font-weight: bold; } #index .htl_pickup ul li .htl_pickupInner .htl_name img { float: right; margin-left: 5px; } #index .htl_pickup ul li .htl_pickupInner .htl_name .htl_area { font-weight: normal; } #index .htl_pickup ul li .htl_pickupInner .htl_area { } #index .htl_pickup ul li .htl_pickupInner .htl_price { font-weight: bold; color: #c81528; } #index .htl_pickup ul li .htl_pickupInner .htl_price span { padding-right: 5px; font-weight: normal; font-size: .834em; color: #373737; } #index .htl_pickup ul li .htl_pickupInner .htl_copy { clear: both; } /* 人気の旅館・ホテル -------------------------------------------------------------*/ #index .htl_topPopularHotel { clear: both; margin-bottom: 25px; } #index .htl_topPopularHotel h2 { margin-bottom: 5px; } #index .htl_topPopularHotel p { line-height: 1.8; } /* ご注意・ご案内 -------------------------------------------------------------*/ #index .htl_caution { clear: both; margin-bottom: 20px; border: none; } #index .htl_caution h3 { padding: 5px 0; width: 114px; background: #707070; text-align: center; color: #fff; font-weight: bold; } #index .htl_caution .htl_cautionList { padding: 10px 10px 0 10px; border-top: 1px solid #e0e0e0; } #index .htl_caution .htl_cautionList li { list-style: disc; margin-left: 16px; } #index .htl_caution .htl_cautionReadme { margin: 0 10px; } #index .htl_caution .htl_cautionInner { margin: 0; padding: 10px; background: #f7f7f7; } #index .htl_caution .htl_cautionInner ul { float: left; margin-top: 15px; width: 490px; } #index .htl_caution .htl_cautionInner ul li { float: left; margin: 0 30px 10px 0; white-space: nowrap; } #index .htl_caution .htl_cautionInner .htl_mobileMsg { float: right; margin-top: 5px; width: 212px; } #index .htl_caution .htl_cautionInner .htl_mobileMsg dt { float: left; width: 140px; } #index .htl_caution .htl_cautionInner .htl_mobileMsg dd { float: right; width: 66px; } #index .htl_externalGray { padding-left: 17px; background: url(/kokunai_htl/resources/images/top/htl/icon_external_gray.gif) left center no-repeat; } /* sidebar -------------------------------------------------------------*/ /* JTBプレミアム */ #index .htl_topPremum { margin: 0 2px 20px 2px; } #index .htl_topPremum h2 { } #index .htl_topPremumInner { border: 2px solid #a1884f; border-top: none; } #index .htl_topPremumInner .title { padding-bottom: 5px; } #index .htl_topPremumInner dl { margin: 0 3px 3px 3px; } #index .htl_topPremumInner dt { margin-bottom: 5px; } #index .htl_topPremumInner dt a img { display: block; padding: 1px; border: solid 1px #fff; } #index .htl_topPremumInner dt a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #index .htl_topPremiumLink { padding: 5px; background: #e2dbca; text-align: right; } #index .htl_topPremiumLink a { padding-left: 7px; background: url(/kokunai_htl/resources/images/top/htl/arrow_premium.gif) left center no-repeat; } /* 温泉 */ #index .htl_topOnsen { margin: 0 2px 20px 2px; } #index .htl_topOnsen h2 { } #index .htl_topOnsenInner { border: 2px solid #3877c6; border-top: none; } #index .htl_topOnsenInner .title { padding-bottom: 5px; } #index .htl_topOnsenInner dl { margin: 0 3px 3px 3px; } #index .htl_topOnsenInner dt { margin-bottom: 5px; } #index .htl_topOnsenInner dt a img { display: block; padding: 1px; border: solid 1px #fff; } #index .htl_topOnsenInner dt a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #index .htl_topOnsenLink { padding: 2px 5px; background: #e4eef9; text-align: right; } #index .htl_topOnsenLink a { padding-left: 7px; background: url(/kokunai_htl/resources/images/top/htl/arrow_premium.gif) left center no-repeat; } /* バナー */ #index .htl_topSideBanner { margin-bottom: 10px; } #index .htl_topSideBanner a img { display: block; padding: 1px; border: solid 1px #fff; } #index .htl_topSideBanner a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } /* おすすめランキング */ #index .htl_ranking h2{ background: url("/kokunai_htl/resources/images/top/htl/ranking_title_btm.gif") no-repeat scroll left bottom transparent; color:#FFFFFF; font-weight:bold; line-height:1.4; padding:7px 10px 8px 8px; } #index .htl_ranking { background: url("/kokunai_htl/resources/images/top/htl/ranking_title.gif") no-repeat scroll 0 0 transparent; clear:both; margin-bottom:20px; } #index .htl_rankingInner {background: none repeat scroll 0 0 #FFFFFF; border-color: -moz-use-text-color #D872A4 #D872A4; border-right: 1px solid #D872A4; border-style: none solid solid; border-width: medium 1px 1px; } /* 国内観光情報 */ #index .htl_topDomestic { clear: both; margin: 0 2px 20px 2px; } #index .htl_topDomestic h2 { padding: 4px 10px 3px 8px; background: url(/kokunai_htl/resources/images/top/htl/title_bg_glay.gif) 0 0 repeat-x; border-bottom: 1px solid #e0e0e0; color: #fff; } #index .htl_topDomestic ul { padding: 10px 0 5px; background: url(/kokunai_htl/resources/images/top/htl/history_bg.gif) 0 0 no-repeat; border: 1px solid #e0e0e0; border-top: none; } #index .htl_topDomestic li { padding-bottom: 10px; margin: 0 8px 10px; border-bottom: 1px solid #e0e0e0; } #index .htl_topDomestic li p { margin-bottom: 5px; } #index .htl_topDomestic li dt { float: left; margin-left: -2px; } #index .htl_topDomestic li dt img { display: block; padding: 1px; border: 1px solid #fff; } #index .htl_topDomestic li dt a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #index .htl_topDomestic li dd { margin-left: 87px; } #index .htl_topDomestic li.last { padding-bottom: 0; border-bottom: none; } /* ブログ */ #index .htl_topBlog { clear: both; margin: 0 2px 20px 2px; } #index .htl_topBlog h2 { padding: 4px 10px 3px 8px; background: url(/kokunai_htl/resources/images/top/htl/title_bg_glay.gif) 0 0 repeat-x; border-bottom: 1px solid #e0e0e0; color: #fff; } #index .htl_topBlog ul { padding: 10px 0 5px; background: url(/kokunai_htl/resources/images/top/htl/history_bg.gif) 0 0 no-repeat; border: 1px solid #e0e0e0; border-top: none; } #index .htl_topBlog li { clear: both; padding-bottom: 10px; margin: 0 8px 10px; border-bottom: 1px solid #e0e0e0; } #index .htl_topBlog li p { margin-bottom: 5px; } #index .htl_topBlog li dt { float: left; } #index .htl_topBlog li dd { margin-left: 53px; } #index .htl_topBlog li.last { margin-bottom: 5px; padding-bottom: 0; border-bottom: none; } /* PR */ #index .htl_topPR { clear: both; margin: 0 2px 20px 2px; background: url(/kokunai_htl/resources/images/top/htl/title_bg_pink.gif) 0 0 no-repeat; } #index .htl_topPR h2 { padding: 7px 10px 8px 8px; background: url(/kokunai_htl/resources/images/top/htl/title_bg_pink_btm.gif) left bottom no-repeat; color: #fff; line-height: 1.4; } #index .htl_topPR ul { padding-top: 10px; background: #fff; } #index .htl_topPR ul li { margin-bottom: 10px; padding-bottom: 10px; background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) left bottom repeat-x; } #index .htl_topPR ul li.last-child { margin-bottom: 0; padding-bottom: 0; background-image: none; } #index .htl_topPR dt { float: left; } #index .htl_topPR dt img { display: block; padding: 1px; border: 1px solid #fff; } #index .htl_topPR dt a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #index .htl_topBlog li dt img { display: block; padding: 1px; border: 1px solid #fff; } #index .htl_topBlog li dt a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #index .htl_topPR dd { margin-left: 60px; } /* おしらせ */ #index .htl_topInfo { clear: both; margin: 0 2px 20px 2px; background: url(/kokunai_htl/resources/images/top/htl/title_bg_pink.gif) 0 0 no-repeat; } #index .htl_topInfo h2 { padding: 7px 10px 8px 8px; background: url(/kokunai_htl/resources/images/top/htl/title_bg_pink_btm.gif) left bottom no-repeat; color: #fff; line-height: 1.4; } #index .htl_topInfo ul { padding-top: 10px; background: #fff; } #index .htl_topInfo ul li { margin-bottom: 10px; padding-bottom: 10px; background: url(/kokunai_htl/resources/images/top/htl/bg_dot.gif) left bottom repeat-x; } #index .htl_topInfo ul li.last-child { margin-bottom: 0; padding-bottom: 0; background-image: none; } #index .htl_topInfo ul li dl { margin: 0 5px; } #index .htl_topInfo ul li dt { padding-left: 7px; background: url(/kokunai_htl/resources/images/top/htl/arrow_right.gif) left center no-repeat; } #index .htl_topInfo ul li dd { padding-left: 7px; } /* クリップ */ /* #index #htl_sidebar .htl_clip { clear: both; margin-bottom: 15px; padding-bottom: 7px; } #index #htl_sidebar .htl_clip .htl_clipInner { margin: 0 7px; background: #fff; } #index #htl_sidebar .htl_clip .htl_clipHowto { margin: 0 10px; padding: 7px 0; background: url(/kokunai_htl/resources/images/top/htl/clip_bg_btm.gif) left bottom repeat-x; } #index #htl_sidebar .htl_clip ul { margin: 0 10px; } #index #htl_sidebar .htl_clip ul li { clear: both; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; } #index #htl_sidebar .htl_clip .htl_name { float: left; width: 151px; } #index #htl_sidebar .htl_clip .htl_delete { float: right; width: 20px; margin-top: 2px; text-align: right; line-height: 1.0; } #index #htl_sidebar .htl_clip .htl_area { clear: both; padding: 2px 0 3px; } #index #htl_sidebar .htl_clip .htl_image { float: left; width: 70px; height: 53px; border: 1px solid #e0e0e0; } #index #htl_sidebar .htl_clip .htl_premium { margin-left: 80px; margin-bottom: 5px; } #index #htl_sidebar .htl_clip .htl_price { margin-left: 80px; color: #c81528; font-weight: bold; } #index #htl_sidebar .htl_clip .htl_compare { clear: both; padding: 5px 10px 7px 10px; text-align: right; } */ /* ミニマップ＆最近見た旅館・ホテル */ /* #index #htl_sidebar .htl_minimap { clear: both; margin-bottom: 10px; } #index #htl_sidebar .htl_history { clear: both; margin-bottom: 20px; } #index #htl_sidebar .htl_minimap h2, #index #htl_sidebar .htl_history h2 { padding: 4px 10px 3px 8px; background: url(/kokunai_htl/resources/images/top/htl/title_bg_glay.gif) 0 0 repeat-x; border-bottom: 1px solid #e0e0e0; color: #fff; } #index #htl_sidebar .htl_minimap dl, #index #htl_sidebar .htl_history ul { padding: 10px 0 5px; background: url(/kokunai_htl/resources/images/top/htl/history_bg.gif) 0 0 no-repeat; border: 1px solid #e0e0e0; border-top: none; } #index #htl_sidebar .htl_minimap dt { margin: 0 7px 5px 7px; border: 1px solid #e0e0e0; } #index #htl_sidebar .htl_minimap dd, #index #htl_sidebar .htl_history li { margin: 0 10px 5px; padding-left: 7px; background: url(/kokunai_htl/resources/images/top/htl/arrow_right.gif) 0 8px no-repeat; } */ /* クリップ上書き */ /* #index #clipBox { padding-bottom: 10px; background: url(/kokunai_htl/resources/images/top/htl/bg_extrabox_bottom.gif) no-repeat scroll center bottom transparent; } #index #clipBox .head { height: 27px; background: url(/kokunai_htl/resources/images/top/htl/bg_clipboxtitle.gif) no-repeat scroll 0 0 transparent; line-height: 1em; padding: 8px 0 0 40px; text-align: left; } #index #clipBox .inner { margin: 0 10px 5px 11px; padding: 10px 0; background: url(/kokunai_htl/resources/images/top/htl/bg_clipbox.gif) left bottom no-repeat; } #index #clipBox .linkWindow { padding-left: 12px !important; background: url(/kokunai_htl/resources/images/top/htl/window.gif) left top no-repeat !important; } */ /* 特集一覧 -------------------------------------------------------------*/ #htl_page_planlist { width: 975px; } #htl_page_planlist #htl_contents { margin: 0 0 0 5px; width: 970px; text-align: left; } /* ヘッダー */ #htl_page_planlist #headerImage { margin-bottom: 20px; } #htl_page_planlist #miniBanner { margin-bottom: 15px; } /* Local Nav */ #htl_page_planlist #navCategory { width: 970px; height: 52px; margin-bottom: 10px; background: url(/kokunai_htl/resources/images/planlist/nav.gif) 0 0 no-repeat; } #htl_page_planlist #navCategory li { float: left; width: 241px; text-indent: -9999px; } #htl_page_planlist #navCategory li a { display: block; width: 238px; height: 52px; } #htl_page_planlist #navCategory li#navAll a:hover, #htl_page_planlist #navCategory li#navAll .active { background: url(/kokunai_htl/resources/images/planlist/nav.gif) 0 -52px; } #htl_page_planlist #navCategory li#navPlan a:hover, #htl_page_planlist #navCategory li#navPlan .active { background: url(/kokunai_htl/resources/images/planlist/nav.gif) -241px -52px; } #htl_page_planlist #navCategory li#navTickt a:hover, #htl_page_planlist #navCategory li#navTickt .active { background: url(/kokunai_htl/resources/images/planlist/nav.gif) -482px -52px; } /* Sub Nav */ #htl_page_planlist #subNavCategory { clear: both; margin-bottom: 35px; padding-left: 101px; background: url(/kokunai_htl/resources/images/planlist/subnav.gif) 0 0 no-repeat; } #htl_page_planlist #subNavCategory li { float: left; width: 96px; height: 27px; text-indent: -9999px; } #htl_page_planlist #subNavCategory li#subNavBenefit { width: 103px; } #htl_page_planlist #subNavCategory li#subNavLocal { width: 94px; } #htl_page_planlist #subNavCategory li a { display: block; height: 27px; } /* Category Title */ #htl_page_planlist h2.category { margin-bottom: 10px; height: 30px; line-height: 30px; } #htl_page_planlist h2.category span { display: none; } #htl_page_planlist .titleBenefit { padding-left: 90px; border-bottom: 2px solid #d70014; background: url(/kokunai_htl/resources/images/planlist/title_benefit.gif) 0 0 no-repeat; } #htl_page_planlist .titleSeason { padding-left: 130px; border-bottom: 2px solid #d93d99; background: url(/kokunai_htl/resources/images/planlist/title_season.gif) 0 0 no-repeat; } #htl_page_planlist .titleBath { padding-left: 139px; border-bottom: 2px solid #e94606; background: url(/kokunai_htl/resources/images/planlist/title_bath.gif) 0 0 no-repeat; } #htl_page_planlist .titleFine { padding-left: 90px; border-bottom: 2px solid #e1930b; background: url(/kokunai_htl/resources/images/planlist/title_fine.gif) 0 0 no-repeat; } #htl_page_planlist .titleGourmet { padding-left: 107px; border-bottom: 2px solid #000000; background: url(/kokunai_htl/resources/images/planlist/title_gourmet.gif) 0 0 no-repeat; } #htl_page_planlist .titleBussiness { padding-left: 90px; border-bottom: 2px solid #160091; background: url(/kokunai_htl/resources/images/planlist/title_bussiness.gif) 0 0 no-repeat; } #htl_page_planlist .titleDate { padding-left: 106px; border-bottom: 2px solid #d1025c; background: url(/kokunai_htl/resources/images/planlist/title_date.gif) 0 0 no-repeat; } #htl_page_planlist .titleFamily { padding-left: 140px; border-bottom: 2px solid #3f9300; background: url(/kokunai_htl/resources/images/planlist/title_family.gif) 0 0 no-repeat; } #htl_page_planlist .titleLocal { padding-left: 110px; border-bottom: 2px solid #900100; background: url(/kokunai_htl/resources/images/planlist/title_local.gif) 0 0 no-repeat; } /* リスト */ #htl_page_planlist .listCategory { clear: both; margin-bottom: 15px; } #htl_page_planlist .listCategory .categoryInner { float: right; width: 744px; } #htl_page_planlist .listCategory .categoryInner li { float: left; padding-top: 5px; width: 186px; } #htl_page_planlist .listCategory li { margin-bottom: 20px; } #htl_page_planlist .listCategory .last li { margin-bottom: 15px; } /* ピックアップ */ #htl_page_planlist .pickup { float: left; padding-bottom: 20px; width: 214px; background: url(/kokunai_htl/resources/images/planlist/bg_pickup.gif) left bottom repeat-y; } #htl_page_planlist .pickup h3 { height: 55px; } #htl_page_planlist .pickup .itemPlan { margin: 0 30px 20px 30px !important; } #htl_page_planlist .pickup .point { margin: 0 19px; padding-top: 8px; width: 176px; background: url(/kokunai_htl/resources/images/planlist/bg_point_top.gif) 0 no-repeat; } #htl_page_planlist .pickup .point dt { margin: 0 9px 10px 9px; padding: 0 0 5px 20px; background: url(/kokunai_htl/resources/images/planlist/icon_point.gif) 0 0 no-repeat; border-bottom: 1px dashed #f94c68; line-height: 21px; color: #f94c68; font-weight: bold; } #htl_page_planlist .pickup .point dd { padding: 0 15px 10px 15px; background: url(/kokunai_htl/resources/images/planlist/bg_point_btm.gif) left bottom no-repeat; } /* 一覧の詳細部分 */ #htl_page_planlist .itemPlan { margin: 0 16px; width: 154px; } #htl_page_planlist .itemPlan dt { padding-bottom: 5px; text-align: center; } #htl_page_planlist .itemPlan dt a img { display: block; padding: 1px; border: 1px solid #fff; } #htl_page_planlist .itemPlan dt a:hover img { border: 1px solid #c51b26; filter: alpha(opacity=70); opacity: 0.7; } #htl_page_planlist .itemPlan dd { clear: both; padding: 0 2px; } #htl_page_planlist .itemPlan dd.title { padding-bottom: 7px; } #htl_page_planlist .itemPlan dd.icon { padding-bottom: 7px; } #htl_page_planlist .itemPlan dd .iconPlan { float: left; } #htl_page_planlist .itemPlan dd .iconTicket { float: right; } /* ページトップ */ #htl_page_planlist .listCategory .pageTop { clear: both; text-align: right; } #htl_page_planlist .listCategory .pageTop a { padding-left: 11px; background: url(/kokunai_htl/resources/images/planlist/arrow_top.gif) 0 no-repeat; } /* 追加 */ .htl_navLocalPlan { margin: 10px 0 0; } .htl_navLocalPlan ul { } .htl_navLocalPlan ul li { text-indent: -9999px; height: 41px; } .htl_navLocalPlan ul.htl_normal { background: url(/kokunai_htl/resources/images/nav/nav_plan_normal.gif) 0 0 no-repeat; } .htl_navLocalPlan ul.htl_normal li.htl_listPlan { float: left; width: 485px; } .htl_navLocalPlan ul.htl_normal li.htl_listTour { float: right; width: 485px; } .htl_navLocalPlan ul.htl_normal li.htl_listTour a { display: block; margin-top: 8px; height: 33px; } .htl_navLocalPlan ul.htl_normal li.htl_listTour a:hover { background: url(/kokunai_htl/resources/images/nav/nav_plan_normal.gif) -485px -49px no-repeat; } .htl_navLocalPlan ul.htl_tour { background: url(/kokunai_htl/resources/images/nav/nav_plan_tour.gif) 0 0 no-repeat; } .htl_navLocalPlan ul.htl_tour li.htl_listPlan { float: left; width: 485px; } .htl_navLocalPlan ul.htl_tour li.htl_listTour { float: right; width: 485px; } .htl_navLocalPlan ul.htl_tour li.htl_listPlan a { display: block; margin-top: 8px; height: 33px; } .htl_navLocalPlan ul.htl_tour li.htl_listPlan a:hover { background: url(/kokunai_htl/resources/images/nav/nav_plan_tour.gif) 0 -49px no-repeat; } .htl_navLocalPlan ul.htl_normal.htl_onlyTab { background: url(/kokunai_htl/resources/images/nav/nav_planList_onlyYd.gif); } /* Footer -------------------------------------------------------------*/ #htl_footer { clear: both; text-align: center; } #htl_footerInner { } #htl_footerInner dd { background: #efefef; } /* Modal Window -------------------------------------------------------------*/ #modal_wrap { margin: 0 auto; } #modal_wrap.modalKodawari { width: 620px; } #modal_wrap.modalRoom { width: 415px; } #modal_wrap.modalFood { width: 415px; } #modal_wrap .titCtr { position:relative; background:#cb6762; color:#FFF;} #modal_wrap .titCtr .title { padding:10px; background:#cb6762; color:#FFF; text-align:center; font-weight:bold;} #modal_wrap .titCtr .close { position:absolute; top:0; right:0; padding:10px 10px 10px 16px; background: url(/kokunai_htl/resources/images/detail/icon_close1.gif) 0 13px no-repeat; cursor: pointer; text-decoration:underline; font-weight:bold;} #modal_wrap .modalInner { display:block; padding: 10px; background:#fff; border:solid 1px #cb6762;} #modal_wrap .modalInner .htl_roomtype { margin: 0 auto; } #modal_wrap .modalInner .htl_roomtype li { float: left; margin-bottom: 10px; width: 130px; } #modal_wrap .modalInner .htl_roomtype li input { float: left; } #modal_wrap .modalInner .htl_roomtype li label { float: left; margin-left: 5px; line-height: 1.1; } #modal_wrap .modalInner .htl_foodtype li { float: left; margin-bottom: 10px; width: 130px; } #modal_wrap .modalInner .htl_foodtype li input { float: left; } #modal_wrap .modalInner .htl_foodtype li label { float: left; margin-left: 5px; line-height: 1.1; } #modal_wrap .modalInner .htl_kodawari { width: 600px; } #modal_wrap .modalInner .htl_kodawari dl { padding-bottom: 15px; } #modal_wrap .modalInner .htl_kodawari dl.htl_last { padding-bottom: 0; } #modal_wrap .modalInner .htl_kodawari dt { margin-bottom: 10px; padding: 5px; font-weight: bold; background: #e0e0e0; } #modal_wrap .modalInner .htl_kodawari dd { float: left; margin-bottom: 10px; width: 200px; white-space: nowrap; } #modal_wrap .modalInner .htl_kodawari dd input { float: left; } #modal_wrap .modalInner .htl_kodawari dd label { float: left; margin-left: 5px; line-height: 1.1; } #modal_wrap .modalInner .htl_kodawari dl.htl_first dd { width: 600px; white-space: nowrap; } #modal_wrap .modalInner .htl_btn { clear: both; margin-left: 123px; padding: 10px 0 5px; text-align: center; } #modal_wrap .modalInner .htl_btn dt { float: left; width: 148px; } #modal_wrap .modalInner .htl_btn dd { float: left; padding-top: 20px; width: 120px; } #modal_wrap .modalInner .htl_btn dd a { padding: 0 0 0 13px; background: url(/kokunai_htl/resources/images/common/close_02.gif) left center no-repeat; } #modal_wrap .modalInner #htl_btnKodawari { margin-left: 223px!important; } #modal_wrap .modalInner #htl_btnKodawari dd { margin-left: 101px; } /* clearfix -------------------------------------------------------------*/ div:after,ul:after,ol:after,dl:after,.clearfix:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; } div,ul,ol,dl,.clearfix { zoom: 1; } /* from detail.css -------------------------------------------------------------*/ #popupCtr4 {} #popupCtr4 .titCtr { position:relative; background:#6296c7; color:#FFF;} #popupCtr4 .titCtr .title { padding:10px; background:#6296c7; color:#FFF; text-align:center; font-weight:bold;} #popupCtr4 .titCtr .close { position:absolute; top:0; right:0; padding:10px 10px 10px 16px; background: url(/kokunai_htl/resources/images/detail/icon_close2.gif) 0 13px no-repeat; cursor: pointer; text-decoration:underline; font-weight:bold;} #popupCtr4 .htl_date { padding-bottom:3px; text-align:center;} #popupCtr4 .popupInner { display:block; padding:3px 10px; background:#fff; border:solid 1px #6296c7;} table.popup4 { width:100%; margin-bottom:5px; border:solid 1px #dfdfdf;} table.popup4 th { padding:3px 10px; background:#f1efe7; border-bottom:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; text-align:left; vertical-align:middle;} table.popup4 th.item {width:60px;} table.popup4 th img { vertical-align:middle;} table.popup4 td { padding:3px 10px 3px 20px; background:#FFF; border-bottom:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; vertical-align:middle;} table.popup4 .htl_price1 { font-weight: bold; color: #c81528;} /* .htl_price2 { font-weight: bold; color: #c81528; font-size: 1.334em;} .htl_total { text-align:right; padding-right:10px;}s */ #popupCtr2 {} #popupCtr2 .titCtr { position:relative; background:#6296c7; color:#FFF;} #popupCtr2 .titCtr .title { padding:10px; background:#6296c7; color:#FFF; text-align:center; font-weight:bold;} #popupCtr2 .titCtr .close { position:absolute; top:0; right:0; padding:10px 10px 10px 16px; background: url(/kokunai_htl/resources/images/detail/icon_close2.gif) 0 13px no-repeat; cursor: pointer; text-decoration:underline; font-weight:bold;} #popupCtr2 .htl_date { padding-bottom:3px; text-align:center;} #popupCtr2 .popupInner { display:block; padding:3px 10px; background:#fff; border:solid 1px #6296c7;} table.popup2 { width:100%; margin-bottom:3px; border:solid 1px #dfdfdf;} table.popup2 th { padding:3px 10px; background:#f1efe7; border-bottom:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; text-align:left; vertical-align:middle;} table.popup2 th.item {width:60px;} table.popup2 th img { vertical-align:middle;} table.popup2 td { padding:3px 10px 3px 20px; background:#FFF; border-bottom:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; vertical-align:middle;} table.popup2 .htl_price1 { font-weight: bold; color: #c81528;} /* .htl_price2 { font-weight: bold; color: #c81528; font-size: 1.334em;} .htl_total { display:inline-block; float:right; padding-right:10px;} */ .htl_PriceAtt { display:inline-block; float:left; padding-top:20px;} .htl_childMsg { clear: both; padding-bottom: 5px; font-weight: bold; color: #c81528; } #popupCtr2 .htl_error { margin-bottom:5px; padding:5px; color:#c51b26; font-weight:bold; text-align:center; border:solid 1px #dfdfdf;}