/* --------------------------------------------------------- */ /* 06-01 CSS設定 (shisetsu) */ /* --------------------------------------------------------- */ /* ヘッター部分 */ #shisetsu-header { margin: 22px 0 0 0; padding: 0; } /* 枠部分 */ #shisetsu-waku01 { margin: 15px 0 0 0; padding: 0; } #shisetsu-waku01 #td01 { margin: 0; padding: 9px; border: 1px solid #f93; } #shisetsu-waku01 #td02 { width: 500px; } #shisetsu-waku01 #td03 { width: 100px; } #shisetsu-waku01 #td04 { margin: 0; padding: 6px 0 0 0; } #shisetsu-waku01 img.icon01 { margin: 0 0 0 1px; padding: 0; } /* タブ部分 */ #shisetsu-tab01 { margin: 20px 0 0 0; padding: 0; } #shisetsu-tab01 #bg01 { background: #FFF3D7; } #shisetsu-tab01 .img01 { margin: 0 0 0 9px; } #shisetsu-tab01 .img02 { margin: 0 0 0 17px; } #shisetsu-tab01 .img03 { margin: 0 0 0 5px; } #shisetsu-tab01 .img04 { margin: 0 0 0 334px; } #shisetsu-tab01 .img05 { margin: 0 0 0 322px; } /*検索パネル*/ #search-list02v2 { margin: 1px 0 0 0; padding: 0; } #search-list02v2 #table01 { background: #FBF5E1; } #search-list02v2 #set02 td { margin: 0; padding: 0 4px; } #search-list02v2 #set02 td .td01 { width: 60px; } #search-list02v2 #set02 td .td02 { width: 80px; } #search-list02v2 #td01{ margin:0;padding:4px 10px;text-align:left; } #search-list02v2 #table01 .lin01{ margin:4px 0 4px 0;padding:0; } /* メイン部分 */ #shisetsu-main01 { margin: 20px 0 0 0; padding: 0; } #shisetsu-main01 #td01 { width: 135px; } #shisetsu-main01 #td02 { width: 14px; } #shisetsu-main01 .td03 { width: 471px; } #shisetsu-main01 .td04 { width: 471px; text-align: right; } #shisetsu-main01-pht01 { margin: 20px 0 0 0; padding: 0; } /* メイン部分 写真レイアウト */ #shisetsu-main01-pht01 .td01 { width: 300px; } #shisetsu-main01-pht01 .td02 { width: 20px; } #shisetsu-main01-pht01 .td03 { width: 300px; } #shisetsu-main01-pht02 { margin: 20px 0 0 0; padding: 0; } #shisetsu-main01-pht02 .td01 { width: 300px; } #shisetsu-main01-pht02 .td02 { width: 20px; } #shisetsu-main01-pht02 .td03 { width: 300px; } /* メイン部分 詳細レイアウト */ .shisetsu-main02 { margin: 18px 0 0 0; padding: 0; } .shisetsu-main02 .ttl01 { width: 6px; } .shisetsu-main02 .ttl02 { width: 124px; } .shisetsu-main02 .ttl03 { width: 480px; text-align: right; } .shisetsu-main02 .ttl04 { width: 10px; } .shisetsu-main03 { margin: 10px 0 0 0; padding: 0; } .shisetsu-main03 .td01 { margin: 0; padding: 4px; width: 90px; background: #E8E5DB; } /* 宿詳細(客室例タブ)用設定 追加20060330 */ .shisetsu-main03 .td01EX { margin: 0; padding: 4px; width: 94px; background: #E8E5DB; } .shisetsu-main03 .td02 { margin: 0; padding: 0; width: 10px; } .shisetsu-main03 .td03 { margin: 0; padding: 4px 0; width: 520px; } .shisetsu-main03 .iconbox { margin: 8px 0 0 0; } .shisetsu-main03 .icon01 { margin: 0 5px 0 0; } .shisetsu-main03 .icon02 { margin: 0 0 0 5px; } .shisetsu-main03 .textbox { margin: 6px 0 0 0; padding: 9px; width: 380px; background: #EEE; } .shisetsu-main04 { margin: 0; padding: 0; } .shisetsu-main04 table { background: #D3C9B0; } .shisetsu-main04 table .td01 { background: #E8E5DB; width: 149px; height: 19px; text-align: center; } .shisetsu-main04 table .td02 { background: #F3F2ED; width: 49px; height: 19px; text-align: center; } .shisetsu-main04 table .td03 { background: #FFFFFF; width: 49px; height: 19px; text-align: center; } .shisetsu-main04 table .td04 { background: #E8E5DB; width: 99px; height: 19px; text-align: center; } .shisetsu-main04 table .td05 { background: #F3F2ED; width: 99px; height: 19px; text-align: center; } .shisetsu-main04 table .td06 { background: #FFFFFF; width: 99px; height: 19px; text-align: center; } .shisetsu-main05 { margin: 10px 0 0 0; padding: 0; } .shisetsu-main05 table { background: #D3C9B0; } .shisetsu-main05 .td01 { padding: 5px; background: #FFFFFF; width: 31px; text-align: center; } .shisetsu-main05 .td02 { padding: 5px; background: #FFFFFF; width: 129px; } .shisetsu-main05 .td04 { padding: 5px; background: #FFFFFF; width: 289px; } /* 宿詳細(長)用設定 追加20060421 */ .shisetsu-main05 .td03 { padding: 5px; font-size:80%; background: #FFFFFF; width: 129px; } .shisetsu-main06 { margin: 10px 0 0 0; padding: 0; } .shisetsu-main06 .td01 { width: 310px; } .shisetsu-main06 .td02 { width: 310px; text-align: right; } .shisetsu-main06 .td03 { margin: 0; padding: 4px; width: 90px; background: #E8E5DB; } .shisetsu-main06 .td04 { margin: 0; padding: 0; width: 10px; } .shisetsu-main06 .td05 { margin: 0; padding: 0; width: 18px; } .shisetsu-main06 .td06 { margin: 0; padding: 0; width: 182px; } /* --------------------------------------------------------- */ /* 06-02 CSS設定 (planlist) */ /* --------------------------------------------------------- */ /* 枠 */ #planlist-waku01 { margin: 0; padding: 0; } #planlist-waku01 table { background: #FBF5E1; } #planlist-waku01 #td01 { margin: 0; padding: 7px 10px; } #planlist-waku01 .td02 { width: 290px; } #planlist-waku01 .td03 { width: 20px; text-align: center; } #planlist-waku01 .form01 { margin: 6px 0 0 0; padding: 0; } /* 0909 検索パネル修正対応ここから */ .clearfix:after { content: " " !important; display: block !important; height: 0 !important; clear: both !important; visibility: hidden !important; } .clearfix { display: inline-block !important; min-height: 1% !important; } /* Hides from IE-mac \*/ * html .clearfix { height: 1% !important; } .clearfix { display: block !important; } /* End hide from IE-Mac */ /* プラン一覧ページ 件数表示 */ div#planlist-header{ margin: -20px 0px 15px 0px; } div#planlist-header p.volume{ padding: 0px 0px 5px 0px; border-bottom: 1px solid #D0D0D0; text-align: left; color: #333333; font-size: 90%; font-weight: bold; line-height: 1.3; } div#planlist-header p.volume span{ color: #FF6600; font-size: 147%; font-weight: bold; } div#planlist-header p.notice{ margin: 30px 0px -10px 0px; text-align: right; } /* 12-02 NTAリンクバナー */ .ntalink-l{ padding: 0px 0px 5px 0px; text-align: center; } .ntalink-s{ padding: 0px 0px 5px 0px; border-bottom: 1px solid #D0D0D0; text-align: right; } /* プラン一覧ページ 検索パネル */ /*div#search_panel_740{ width: 740px; } */ div#search_panel_740 div.search-panel{ padding: 5px 0px 10px 0px; width: 740px; position: relative; background: #fbf5e1 url(/jalan/common/image/searchpanel_bg.gif) repeat-x left bottom; font-size: 12px; line-height: 1.3; } div#search_panel_740 div.search-panel div.column select{ height: 21px; border: 1px #999999 solid; background-color: #ffffff; } div#search_panel_740 div.search-panel div.column input#dyn_y_txt{margin: 0px 2px 0px 0px;width: 56px;height: 21px;text-align:right;} div#search_panel_740 div.search-panel div.column input#dyn_m_txt{margin: 0px 2px 0px 4px;width: 42px;height: 21px;text-align:right;} div#search_panel_740 div.search-panel div.column input#dyn_d_txt{margin: 0px 2px 0px 4px;width: 42px;height: 21px;text-align:right;} div#search_panel_740 div.search-panel div.column input#datecheck{margin: 0px 2px 0px 0px;} div#search_panel_740 div.search-panel div.column div.datecheck-column{margin: 2px 0px 0px 10px;} div#search_panel_740 div.search-panel div.column select#dyn_stay_txt{margin: 0px 2px 1px 10px;width: 42px;} div#search_panel_740 div.search-panel div.column select#dyn_room_num{margin: 0px 2px 1px 0px;width: 42px;} div#search_panel_740 div.search-panel div.column div#room-num{margin: 0px 5px 0px 15px;padding: 0px 0px 0px 15px;border-left: 1px solid #d3c9b0;position: relative;} div#search_panel_740 div.search-panel div.column select#dyn_adult_num{margin: 0px 2px 2px 4px;width: 42px;} div#search_panel_740 div.search-panel div.column p#adultnum-text, div#search_panel_740 div.search-panel div.column p#childnum{margin: 2px 2px 0px 4px;height: 21px; font-size: 13px;} div#search_panel_740 div.search-panel div.column select#dyn_meal_txt{width: 90px;} div#search_panel_740 div.search-panel div.column select#dyn_badget_min{width: 80px;} div#search_panel_740 div.search-panel div.column select#dyn_badget_max{width: 80px;} div#search_panel_740 div.search-panel div.column input, div#search_panel_740 div.search-panel div.column select, div#search_panel_740 div.search-panel div.column span, div#search_panel_740 div.search-panel div.column img{ vertical-align: middle; } div#search_panel_740 div.search-panel div.column{ margin: 0px 10px; padding: 6px 0px; width: 720px; clear: both; border-bottom: 1px solid #d3c9b0; } div#search_panel_740 div.search-panel div.column p{ float: left; font-size: 12px; } div#search_panel_740 div.search-panel div.last-column{ border-bottom: none; } div#search_panel_740 div.search-panel div.column div.item{ float: left; } div#search_panel_740 div.search-panel div.column div.item p.caption{ margin: 4px 0px 0px 0px; } div#search_panel_740 div.search-panel div.column div.meal p.caption{ margin: 0px; float: none; text-align: left; } div#search_panel_740 div.search-panel div.column div.box{ padding: 0px 10px 0px 0px; float: left; text-align: left; } div#search_panel_740 div.search-panel div.column div.box p, div#search_panel_740 div.search-panel div.column div.box p.caption{ margin: 0px; float: none; } div#search_panel_740 div.search-panel div.column div.box p.disable-text{ color: #666666; } div#search_panel_740 div.search-panel div.column div.box table tr td{ padding: 0px 2px 2px 2px; font-size: 11px; } div#search_panel_740 div.search-panel div.column div.box table tr td input{ margin: 0px 2px 0px 0px; padding: 0px; } div#search_panel_740 div.search-panel div.column div.box table.box1, div#search_panel_740 div.search-panel div.column div.box table.box2, div#search_panel_740 div.search-panel div.column div.box table.box3{ padding: 5px 5px 5px 0px; background-color: #f8ecc2; } div#search_panel_740 div.search-panel input#research{ z-index: 1000; position: absolute; bottom: 15px; right: 10px; } /* 0910 デイユース対応ここから */ /* 日帰り・デイユースプラン一覧ページ 検索パネル */ div#du_search_panel_740{ margin: -30px 0 0; padding: 0 0 30px; } div#du_search_panel_740 div.search-panel{ padding: 5px 0px 10px 0px; width: 740px; position: relative; background: #fbf5e1 url(/jalan/common/image/searchpanel_bg.gif) repeat-x left bottom; font-size: 12px; line-height: 1.3; } div#du_search_panel_740 div.search-panel div.column select{ height: 21px; border: 1px #999999 solid; background-color: #ffffff; } div#du_search_panel_740 div.column div#td_area_k{float:left;} div#du_search_panel_740 div.column div.dyn_area_cont{padding: 0px 8px 0px 0px;} div#du_search_panel_740 div.column input#dyn_y_txt{margin: 0px 2px 0px 0px;width: 56px;height: 21px;text-align:right;} div#du_search_panel_740 div.column input#dyn_m_txt{margin: 0px 2px 0px 4px;width: 42px;height: 21px;text-align:right;} div#du_search_panel_740 div.column input#dyn_d_txt{margin: 0px 2px 0px 4px;width: 42px;height: 21px;text-align:right;} div#du_search_panel_740 div.column input#datecheck{margin: 0px 2px 0px 0px;} div#du_search_panel_740 div.column div.datecheck-column{margin: 2px 0px 0px 10px;} div#du_search_panel_740 div.column div.dayuse-text{margin: 4px 0px 0px 10px;} div#du_search_panel_740 div.column select#dyn_stay_txt{margin: 0px 2px 1px 10px;width: 42px;} div#du_search_panel_740 div.column select#dyn_room_num{margin: 0px 2px 1px 0px;width: 42px;} div#du_search_panel_740 div.column div#room-num{margin: 0px 5px 0px 15px;padding: 0px 0px 0px 15px;border-left: 1px solid #d3c9b0;position: relative;} div#du_search_panel_740 div.column div.number{/margin: -1px 0px 0px 0px;}/* for IE6 IE7 */ div#du_search_panel_740 div.column select#dyn_adult_num{margin: 0px 2px 2px 4px;width: 42px;} div#du_search_panel_740 div.column p#adultnum-text, div#du_search_panel_740 div.column p#childnum{margin: 2px 2px 0px 4px;height: 21px; font-size: 13px;} div#du_search_panel_740 div.column select#dyn_checkin{margin: 0px 10px 1px 5px; width: 80px;} div#du_search_panel_740 div.column select#dyn_usetime{margin: 0px 2px 1px 5px; width: 80px;} div#du_search_panel_740 div.column div.badget{margin: 0px 0px 0px 15px;padding: 0px 0px 0px 15px;border-left: 1px solid #d3c9b0;position: relative;} div#du_search_panel_740 div.column select#dyn_badget_min{margin: 0px 0px 1px 4px;width: 80px;} div#du_search_panel_740 div.column select#dyn_badget_max{margin: 0px 0px 1px 0px;width: 80px;} div#du_search_panel_740 div.column select#dyn_meal_txt{margin: 0px 0px 1px 0px;width: 90px;} div#du_search_panel_740 div.search-panel div.column input, div#du_search_panel_740 div.search-panel div.column select, div#du_search_panel_740 div.search-panel div.column span, div#du_search_panel_740 div.search-panel div.column img{ vertical-align: middle; } div#du_search_panel_740 div.search-panel div.column{ margin: 0px 10px; padding: 6px 0px; width: 720px; clear: both; border-bottom: 1px solid #d3c9b0; } div#du_search_panel_740 div.search-panel div.column p{ float: left; font-size: 12px; } div#du_search_panel_740 div.search-panel div.last-column{ border-bottom: none; } div#du_search_panel_740 div.search-panel div.column div.item{ float: left; } div#du_search_panel_740 div.search-panel div.column div.item p.caption{ margin: 4px 0px 0px 0px; } div#du_search_panel_740 div.search-panel div.column div.meal p.caption{ margin: 0px; float: none; text-align: left; } div#du_search_panel_740 div.search-panel div.column div.box{ padding: 0px 10px 0px 0px; float: left; text-align: left; } div#du_search_panel_740 div.search-panel div.column div.box p, div#du_search_panel_740 div.search-panel div.column div.box p.caption{ margin: 0px; float: none; } div#du_search_panel_740 div.search-panel div.column div.box p.disable-text{ color: #666666; } div#du_search_panel_740 div.search-panel div.column div.box table tr td{ padding: 0px 2px 2px 2px; font-size: 11px; } div#du_search_panel_740 div.search-panel div.column div.box table tr td input{ margin: 0px 2px 0px 0px; padding: 0px; } div#du_search_panel_740 div.search-panel div.column div.box table.box1, div#du_search_panel_740 div.search-panel div.column div.box table.box2, div#du_search_panel_740 div.search-panel div.column div.box table.box3{ padding: 5px 5px 5px 0px; background-color: #f8ecc2; } div#du_search_panel_740 div.search-panel input#research{ z-index: 1000; position: absolute; bottom: 15px; right: 10px; } /* 日帰り・デイユースプラン一覧ページ 検索パネル */ div.du_details01-charge01 div.search-panel{ width: 590px; font-size: 12px; line-height: 1.3; } div.du_details01-charge01 div.search-panel div.column select{ height: 21px; border: 1px #999999 solid; background-color: #ffffff; } div.du_details01-charge01 div.search-panel div.column input#dyn_y_txt{margin: 0px 2px 0px 0px;width: 56px;height: 21px;text-align:right;} div.du_details01-charge01 div.search-panel div.column input#dyn_m_txt{margin: 0px 2px 0px 4px;width: 42px;height: 21px;text-align:right;} div.du_details01-charge01 div.search-panel div.column input#dyn_d_txt{margin: 0px 2px 0px 4px;width: 42px;height: 21px;text-align:right;} div.du_details01-charge01 div.search-panel div.column div.datecheck-column{margin: 2px 0px 0px 10px;} div.du_details01-charge01 div.search-panel div.column div.dayuse-text{margin: 4px 15px 0px 10px;} div.du_details01-charge01 div.search-panel div.column select#dyn_stay_txt{margin: 0px 2px 1px 10px;width: 42px;} div.du_details01-charge01 div.search-panel div.column select#dyn_room_num{margin: 0px 2px 1px 0px;width: 42px;} div.du_details01-charge01 div.search-panel div.column select#dyn_adult_num{margin: 0px 2px 2px 4px;width: 42px;} div.du_details01-charge01 div.search-panel div.column p#adultnum-text, div.du_details01-charge01 div.search-panel div.column p#childnum{margin: 2px 2px 0px 4px;height: 21px; font-size: 13px;} div.du_details01-charge01 div.search-panel div.column select#dyn_meal_txt{width: 90px;} div.du_details01-charge01 div.search-panel div.column input, div.du_details01-charge01 div.search-panel div.column select, div.du_details01-charge01 div.search-panel div.column span, div.du_details01-charge01 div.search-panel div.column img{ vertical-align: middle; } div.du_details01-charge01 div.search-panel div.column p{ float: left; font-size: 12px; } div.du_details01-charge01 div.search-panel div.column div.item{ float: left; } div.du_details01-charge01 div.search-panel div.column div.button{ padding: 0px 16px 0px 0px; float: right; } div.du_details01-charge01 div.search-panel div.column div.item p.caption{ margin: 4px 0px 0px 0px; } /* 0910 デイユース対応ここまで */ /* プラン詳細ページ 検索パネル */ div.details01-charge01 div.search-panel{ width: 590px; font-size: 12px; line-height: 1.3; } div.details01-charge01 div.search-panel div.column select{ height: 21px; border: 1px #999999 solid; background-color: #ffffff; } div.details01-charge01 div.search-panel div.column input#dyn_y_txt{margin: 0px 2px 0px 0px;width: 56px;height: 21px;text-align:right;} div.details01-charge01 div.search-panel div.column input#dyn_m_txt{margin: 0px 2px 0px 4px;width: 42px;height: 21px;text-align:right;} div.details01-charge01 div.search-panel div.column input#dyn_d_txt{margin: 0px 2px 0px 4px;width: 42px;height: 21px;text-align:right;} div.details01-charge01 div.search-panel div.column div.datecheck-column{margin: 2px 0px 0px 10px;} div.details01-charge01 div.search-panel div.column div.stay-count{margin: 0px 15px 0px 0px;} div.details01-charge01 div.search-panel div.column select#dyn_stay_txt{margin: 0px 2px 1px 10px;width: 42px;} div.details01-charge01 div.search-panel div.column select#dyn_room_num{margin: 0px 2px 1px 0px;width: 42px;} div.details01-charge01 div.search-panel div.column select#dyn_adult_num{margin: 0px 2px 2px 4px;width: 42px;} div.details01-charge01 div.search-panel div.column p#adultnum-text, div.details01-charge01 div.search-panel div.column p#childnum{margin: 2px 2px 0px 4px;height: 21px; font-size: 13px;} div.details01-charge01 div.search-panel div.column select#dyn_meal_txt{width: 90px;} div.details01-charge01 div.search-panel div.column input, div.details01-charge01 div.search-panel div.column select, div.details01-charge01 div.search-panel div.column span, div.details01-charge01 div.search-panel div.column img{ vertical-align: middle; } div.details01-charge01 div.search-panel div.column p{ float: left; font-size: 12px; } div.details01-charge01 div.search-panel div.column div.item{ float: left; } div.details01-charge01 div.search-panel div.column div.button{ padding: 0px 16px 0px 0px; float: right; } div.details01-charge01 div.search-panel div.column div.item p.caption{ margin: 4px 0px 0px 0px; } /* 0909 検索パネル修正対応ここまで */ /* 宿泊プラン */ #planlist-main01 { margin: 6px 0 0 0; padding: 0; } #planlist-main01 #td01 { width: 490px; } #planlist-main01 #td02 { width: 63px; } #planlist-main01 #td03 { width: 67px; } .planlist-plan01 { margin: 0; padding: 0; } .planlist-plan01 img.lin01 { margin: 2px 0 4px 0; } .planlist-plan01 .td01 { width: 387px; } .planlist-plan01 .td02 { width: 103px; } .planlist-plan01 .td03 { width: 63px; } .planlist-plan01 .td04 { width: 67px; text-align: right; } .planlist-plan02 { margin: 10px 0 7px 0; padding: 0; } .planlist-plan02 .td01 { width: 135px; } .planlist-plan02 .td02 { width: 12px; } .planlist-plan02 .td03 { width: 473px; } .planlist-plan03 { margin: 10px 0 0 0; padding: 0; } .planlist-plan03 .td01 { margin: 0; padding: 4px; width: 90px; background: #E8E5DB; } .planlist-plan03 .td02 { margin: 0; padding: 0; width: 10px; } .planlist-plan03 .td03 { margin: 0; padding: 4px 0; width: 64px; } .planlist-plan03 .td04 { margin: 0; padding: 4px 0; width: 209px; } .planlist-plan03 .iconbox { margin: 6px 0 0 0; } .planlist-plan03 .icon01 { margin: 0 5px 0 0; } .foot-textbox01 { margin: 9px 0 0 0; padding: 0; } .foot-textbox01 .textbox { padding: 0 27px 0 0; } /* 検索内容表示枠 */ #searchcontentstable tr { margin-top: 2px; } #searchcontentstable .td01 { width: 54px; white-space: nowrap; } #searchcontentstable .td02 { width: 114px; white-space: nowrap; } #searchcontentstable .td03 { width: 34px; white-space: nowrap; } #searchcontentstable .td04 { width: 63px; white-space: nowrap; } #searchcontentstable .td05 { width: 68px; white-space: nowrap; } #searchcontentstable .td07 { width: 550px; } /* --------------------------------------------------------- */ /* 06-07 CSS設定 (room0607) */ /* --------------------------------------------------------- */ .room0607-01 { margin: 20px 0 0 0; } .room0607-02 { margin: 10px 0 0 0; } .room0607-03 { margin: 18px 0 0 0; } .room0607-02 .text01{ margin:0; padding: 8px 0 7px 0; } .room0607-01 .bg01,.room0607-02 .bg01 { background: #E8E5DB; text-align: center; padding: 4px; } .room0607-01 .td01,.room0607-02 .td01 { width: 190px; padding: 4px; } .room0607-01 .td02,.room0607-02 .td02 { width: 88px; padding: 4px; text-align: center; } .room0607-01 .td03,.room0607-02 .td03 { width: 118px; padding: 4px; text-align: center; } .room0607-01 .td04,.room0607-02 .td04 { width: 158px; } /* --------------------------------------------------------- */ /* 06-08 CSS設定 (room0608) */ /* --------------------------------------------------------- */ /* トピックス用 */ .room0608-01 { margin: 30px 0 0 0; padding: 0 0 10px 0; } .room0608-01 .wakubg01 { background: #D3C9B0; width: 1px; } .room0608-01 .wakubg02 { padding: 10px; background: #F8F7EC; width: 618px; } /* --------------------------------------------------------- */ /* 06-09 CSS設定 (bar0609) */ /* --------------------------------------------------------- */ .bar0609-01-ttl { margin: 0; padding: 4px 5px; background: #E8E5DB; } .bar0609-01-text01 { margin: 8px 0 0 0; padding: 0; } .bar-fc01 { color: #82795D; } /* --------------------------------------------------------- */ /* 06-10 CSS設定 (details01) */ /* --------------------------------------------------------- */ /* 枠 */ #details01-waku01 { margin: 10px 0 0 0; padding: 0; } #details01-waku01 #table01 { background: #F7F3E7; } #details01-waku01 .td01 { padding: 0 0 0 10px; } #details01-waku01 .td02 { padding: 4px 10px; background: #E8E5DB; width: 115px; } #details01-waku01 .td03 { padding: 4px 10px; width: 474px; } #details01-waku01 .box01 { margin: 7px 0 0 0; padding: 0; } #details01-waku01 .box02 { margin: 10px 0 0 0; padding: 0; } #details01-waku01 .icon01 { margin: 0 5px 0 0; padding: 0; } #details01-waku01 .icon02 { margin: 0 5px 0 8px; padding: 0; } #details01-waku01 .icon03 { margin: 0 4px 0 20px; padding: 0; } /* 写真枠 */ #details01-pht01 { margin: 26px 0 0 0; padding: 0; } .details01-pht02 { margin: 20px 0 5px 0; padding: 0; } .details01-pht02 .td01 { margin: 0; padding: 4px; width: 90px; background: #E8E5DB; } .details01-pht02 .td02 { margin: 0; padding: 0; width: 10px; } .details01-pht02 .td03 { margin: 0; padding: 4px 0; width: 64px; } .details01-pht02 .td04 { margin: 0; padding: 4px 0; width: 356px; } .details01-pht02 .icon01 { margin: 0 5px 0 0; } /* メインコンテンツ */ .details01-charge01 { margin: 0; padding: 0; } .details01-charge01 .td01 { width: 2px; background: #E7C577; } .details01-charge01 .td02 { padding: 16px 8px; width: 616px; background: #F8F5EF; } .details01-charge01 .td03 { background: #E7C577; } /* 追加20060123 UA */ .details01-charge01 .td04 { padding: 16px 0px; width: 616px; background: #F8F5EF; } .details01-charge02 { margin: 14px 0 8px 0; padding: 0; } .details01-charge02 .text01 { padding: 8px 0; } .details01-charge01 .text02 { margin: 3px 0 0 0; padding: 10px; border: 1px solid #D3C9B0; background-color:#fff; } .details01-charge01 .text03 { margin: 0; padding: 14px 0 0 0; } .details01-charge01 .text04 { margin: 0; padding: 20px 0 0 0; } .details01-charge01 .text05 { margin: 0; padding: 9px 0 0 20px; } .details01-charge01 .text05 .td01 { width: 67px; background: #E8E5DB; text-align: center; } .details01-charge01 .text05 .td02 { padding: 8px 0 8px 19px; width: 488px; } .details01-charge01 .text07 { margin: 0; padding: 9px 0 0 0; } .details01-charge01 .text07 .td01 { margin: 0; padding: 0; width: 292px; } .details01-charge01 .text07 .td02 { margin: 0; padding: 0; width: 16px; } .details01-charge01 .text07 .td03 { margin: 0; padding: 4px 4px 4px 14px; width: 130px; background: #FFF; } .details01-charge01 .text07 .td04 { margin: 0; padding: 4px 4px 4px 10px; width: 162px; background: #FFF; } .details01-charge01 .text07 .box01 { margin: 0; padding: 0 0 10px 0; } .details01-charge01 .text07 .box02 { background: #D3C9B0; } /* 追加20060123 UA */ .details01-charge01 .text08 { margin: 3px 0 0 0; padding: 10px 0; } /* 追加20060123 UA */ .details01-charge01 .text09 { padding:10px 0 5px 0; border-bottom:1px solid #999999; } /* 追加20120509 */ .details01-charge01 .text10 { background:#ffeeb7; margin: 9px 0 0 21px; padding:10px; } .details01-charge01 .text10 .charge { float:left; width:358px; padding-top: 10px; } .details01-btn03 { margin: 0; text-align: right; float:right; width:178px; } .details01-charge01 .text10 .notes { text-align:right; font-size: 10px; padding: 2px 0px 0px; clear: both; } /* /追加20120509 */ .details01-btn01 { margin: 0; padding: 10px 0 0 0; text-align: right; } .details01-btn01 .text01 { padding: 8px 0; } .details01-btn02 { margin: 0; padding: 10px 0 0 0; } #details01-etc01 { margin: 10px 0 20px 0; padding: 0; } #details01-etc01 .icon01 { margin: 0 4px 0 36px; padding: 0; } #details01-etc01 .icon02 { margin: 0 4px 0 28px; padding: 0; } #details01-etc02 { margin: 18px 0 20px 0; padding: 0; } #details01-etc02 .bg01 { background: #D3C9B0; } #details01-etc02 .bg02 { background: #FFFFFF; } #details01-etc02 img.lin01 { margin: 5px 0; padding: 0; } #details01-etc02 .td01 { width: 340px; } #details01-etc02 .td02 { width: 74px; } #details01-etc02 .td03 { width: 100px; } #details01-etc02 .td04 { width: 92px; text-align: center; } #details01-etc02 .td05 { padding: 0 0 0 24px; } #details01-etc03 { margin: 5px 0 0px 0; padding: 0; } #details01-etc02 .cw01 { width: 2px; background: #D3C9B0; } #details01-etc02 .cw02 { padding: 0; width: 616px; } #details01-etc02 .cw03 { background: #D3C9B0; } /* --------------------------------------------------------- */ /* 06-11 CSS設定 (details02) */ /* --------------------------------------------------------- */ /* メインコンテンツ */ .text02 .icon03 { margin: 0 4px 0 20px; padding: 0; } .details01-charge01 .text05 .td03 { width: 120px; background: #E8E5DB; text-align: center; } .details01-charge01 .text05 .td04 { padding: 8px 0 8px 19px; width: 435px; } /* 追加20060123 UA */ .resv_cal {margin-left:21px;} /* 宿詳細(短)用設定 追加20060223 */ .shisetsu-main01-yad_list { margin: 2px; padding: 0; } .shisetsu-main01-yad_list .s12_30 { padding: 2px; FONT-SIZE: 75%; COLOR: #303030; LINE-HEIGHT: 1.3em } /* 宿詳細修正「宿からのお知らせ」部、その上のフォト4枚追加 090123 */ div#shisetsu-main01-pht03{ margin: 40px 0px 40px 0px; } div#shisetsu-main01-pht03 table tr td p.photoframe{ padding: 1px 0px 0px 0px; width: 149px; height: 112px; background: url(/uw/images/hotel_detail_frameline.gif) no-repeat left top; text-align: center; } div#shisetsu-main01-pht03 table tr td p.link{ margin: 10px 0px 0px 0px; text-align: right; } div#shisetsu-main01-pht03 table tr td p.link a{ padding: 0px 0px 0px 8px; background: url(/uw/images/tri_s.gif) no-repeat left center; } table.yado_oshirase{ border-right: #D6C49B solid 1px; border-left: #D6C49B solid 1px; border-bottom: #D6C49B solid 1px; } table.yado_oshirase tr td ul{ margin: 14px; } table.yado_oshirase tr td ul li{ margin: 0px 0px 3px 0px; padding: 0px 0px 0px 10px; background: url(/uw/images/tri_s.gif) no-repeat left center; } table.yado_oshirase tr td ul li img{ margin: 0px 0px 0px 0.5em; vertical-align: middle; } /* 20120509追加 */ .shisetsu-main02 .ttl02_b { text-align:left; width: 20px; } .shisetsu-main02 .ttl03_b { width: 320px; text-align: left; } .shisetsu-main02 .ttl05_b { font-size: 75%; font-weight: bold; width: 200px; height: 16px; display: block; padding: 4px 0 5px 40px; text-align: right; } .shisetsu-main02 .ttl05_b img { vertical-align:middle; } div.details01-charge01 div.search-panel div.column div.button_s{ padding: 0px 0px 0px 8px; float: left; } /* プラン一覧残室インジケータ */ .vacancyCount { display: inline-block; background-color: #FFFFFF; border: 1px solid #AAAAAA; border-radius: 3px; padding: 0px 1px; width: 6.8em; font-size: 10px; font-weight: normal; text-align: center; color: #999999; } .vacancyCount span { color: #FF0000; font-weight: bold; } /* 宿詳細 */ .jpack_l_side ul { padding:78px 0 10px; text-align:center; } .jpack_l_side ul li { padding:0 0 2px; } .jpacklink-l_3_side ul { background:url(/dp/images/bnr_pack_l_side.gif) no-repeat 0 0; } .jpacklink-l_2_side ul { background:url(/dp/images/bnr_pack_l_2_side.gif) no-repeat 0 0; } .jpacklink-l_2_2_side ul { background:url(/dp/images/bnr_pack_l_2_2_side.gif) no-repeat 0 0; } .jpacklink-l_1_jal_side ul { background:url(/dp/images/bnr_pack_l_1_jal_side.gif) no-repeat 0 0; padding-top:100px; } .jpacklink-l_1_ana_side ul { background:url(/dp/images/bnr_pack_l_1_ana_side.gif) no-repeat 0 0; padding-top:100px; } .jpacklink-l_1_jr_side ul { background:url(/dp/images/bnr_pack_l_1_jr_side.gif) no-repeat 0 0; padding-top:100px; } .jpackyodonm p { float:left; font-size:12px; font-weight:bold; line-height:1.5; padding-left:7px; } .jpackyodonm img { float: right; } .jpack_l ul { height:50px; margin-bottom:10px; padding:5px 8px 0 0; } .jpack_l ul li { float: right; padding-left:5px; } .jpacklink-l_info .dp-btn { padding: 18px 0 0 8px !important; } .jpacklink-l_3 ul { background: url(/dp/images/bnr_pack_l.gif) no-repeat 0 0; } .mR0 {margin-right:0 !important;} .mR210 {margin-right:210 !important;} .mB15 {margin-bottom:15px !important;} .w180 {width:180px !important;} .w330 {width:330px !important;} .w420 {width:420px !important;} .w590 {width:590px !important;} /* 航空券付き宿泊プラン_プラン詳細 */ .jpackPlanArea { position:relative; background:url(/kensaku/detail/images/plan_waku_bottom.gif) no-repeat left bottom; margin:10px auto 23px; width:620px; } .jpackPlanArea .jpackPlanInner { background:url(/kensaku/detail/images/plan_waku_top.gif) no-repeat left top; padding:32px 12px 0; } .jpackPlanArea .hedPlan { position:absolute; top:-5px; left:7px; } .jpackPlanArea .hedPrice { position:absolute; top:12px; right:40px; color:#666666; font-size:10px; } .jpackPlanArea .planCon { border-top:1px solid #cccccc; padding:0 0 10px; } .jpackPlanArea .planDetails { float:left; margin-right:10px; padding-top:12px; width:372px; text-align:left; } .jpackPlan .planName { padding-bottom:10px; } .jpackPlan .planName .ico-point { margin-left:8px; vertical-align: bottom; } .jpackPlan .planIcon { padding-bottom:5px; } .jpackPlan .planIcon img, .jpackPlan .PlanRoom img { margin-right:5px; } .jpackPlan .PlanRoom span { vertical-align: middle; } .jpackPlan .planPrice { float:left; padding-top:6px; width:214px; text-align:center; } .jpackPlan .single-price { color: #cc0000; font-weight: bold; } .jpackPlan .couponArea { background:#eeeeee; display:block; font-size:11px; line-height:1.2em; margin:4px auto; padding:5px 0; text-align:center; width:170px; } .jpackPlan .couponArea span { display: block; } .jpackPlan .couponArea .couponLink a { background: url(/dp/images/arrow_coupon.gif) no-repeat 0 3px; padding-left: 8px; } .jpackPlan .vacancyCount { background-color: #ffffff; border: 1px solid #aaaaaa; border-radius: 3px 3px 3px 3px; color: #999999; display: inline-block; font-size: 10px; font-weight: normal; padding: 0 1px; text-align: center; width: 6.8em; } .fC00 { color: #cc0000; } /* 航空券付き宿泊プラン_宿プラン一覧 */ .jpackPlanListArea { margin-bottom:30px; } .jpackPlanListArea .btmLine th { border-bottom: 1px solid #cccccc; padding-bottom: 5px; } .jpackPlanListArea .hedPlan { color:#ff6600; font-size:12px; font-weight:bold; text-align:left; } .jpackPlanListArea .hedPrice { font-weight:normal; text-align:center; white-space: nowrap; } .jpackPlanListArea .planCon { position: relative; padding: 10px 0 0 80px; width: 440px; } .jpackPlan .ndpplanotokuImg { left: 0; position: absolute; top: 10px; } .pT6 { padding-top:6px; } /* 航空券付き宿泊プラン_宿詳細 */ .jpackLinkArea ul { height:auto !important; } .jpackPlanDetailsArea { border:1px solid #dddddd; margin:1px 0 30px; padding:10px; } .jpackPlanDetailsArea .hedPlan { color:#666666; font-size:12px; font-weight:bold; text-align:left; } .jpackPlanDetailsArea .hedPrice { font-weight:normal; text-align:center; white-space: nowrap; } .jpackPlanDetailsArea .planCon { position: relative; padding: 10px 0 0 80px; width: 420px; } .jpackPlanDetailsArea .ndpplanotokuImg { left:-5px !important; } .mB0 { margin-bottom:0 !important; } /* 取消無料追加_20140502 */ .free_cancellation{ color:#303030; margin:10px 0 0; } /* バリアフリータイトル用スタイル */ .shisetsu-middleTitle h3 { height: 14px; border-left: solid #ff6600 2px; font: 10px Meiryo,Osaka; color: #333333; padding-left: 5px; font-weight: bold; } .shisetsu-middleTitle .ttl02 { width: 424px; } .shisetsu-middleTitle .ttl03 { width: 180px; } .shisetsu-middleTitle table { background: #D3C9B0; } .shisetsu-middleTitle .td01 { padding: 5px; background: #FFFFFF; width: 27px; text-align: center; } .shisetsu-middleTitle .td02 { padding: 5px; background: #FFFFFF; width: 257px; } /* NJPSNZ-86 ポイント説明バルーン */ .p-tooltip { display: inline-block; position: relative; } .styleguide-scope .u-tooltip-pos-adjust { position: relative; vertical-align: -2px; } .styleguide-scope .p-tooltip__trigger { cursor: pointer; margin: 0; text-decoration: underline; } .styleguide-scope .p-tooltip__trigger:hover .p-tooltip__balloonOuter { opacity: 1; filter: alpha(opacity=100); visibility: visible; z-index: 1; } .styleguide-scope .p-tooltip__trigger:before { content: ''; display: block; width: 100%; height: 25px; position: absolute; bottom: 0; } .styleguide-scope .p-tooltip__balloonOuter { position: absolute; width: 400px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; visibility: hidden; } .styleguide-scope .p-tooltip__balloonOuter .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posTr .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posTl .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posTc .p-tooltip__balloon::before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 100'%3E%3Cfilter id='shadow' x='-100%25' y='0' width='400%25' height='400%25' color-interpolation-filters='sRGB'%3E%3CfeColorMatrix in='SourceAlpha' result='ChangeAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .90 0'/%3E%3CfeGaussianBlur in='ChangeAlpha' result='GaussianBlur' stdDeviation='20'/%3E%3CfeMerge%3E%3CfeMergeNode in='GaussianBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cpolyline points='25,0 75,50 125,0' stroke-width='6' stroke='%23bcb6b3' fill='%23fff' filter='url(%23shadow)'%3E%3C/polyline%3E%3C/svg%3E%0A"); } .styleguide-scope .p-tooltip__balloonOuter.b-posBl .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posBr .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posBc .p-tooltip__balloon::before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 100'%3E%3Cfilter id='shadow' x='-100%25' y='0' width='300%25' height='300%25' color-interpolation-filters='sRGB'%3E%3CfeColorMatrix in='SourceAlpha' result='ChangeAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .50 0'/%3E%3CfeGaussianBlur in='ChangeAlpha' result='GaussianBlur' stdDeviation='6'/%3E%3CfeMerge%3E%3CfeMergeNode in='GaussianBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cpolyline points='25,100 75,50 125,100' stroke-width='6' stroke='%23bcb6b3' fill='%23fff' filter='url(%23shadow)'%3E%3C/polyline%3E%3C/svg%3E%0A"); } .styleguide-scope .p-tooltip__balloonOuter, .styleguide-scope .p-tooltip__balloonOuter.b-posTr { right: -16px; bottom: 25px; text-align: right; } .styleguide-scope .p-tooltip__balloonOuter .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posTr .p-tooltip__balloon::before { bottom: -13px; right: 13px; } .styleguide-scope .p-tooltip__balloonOuter.b-posTl { left: -16px; bottom: 25px; text-align: left; } .styleguide-scope .p-tooltip__balloonOuter.b-posTl .p-tooltip__balloon::before { bottom: -13px; left: 13px; } .styleguide-scope .p-tooltip__balloonOuter.b-posTc { left: 50%; bottom: 25px; margin-left: -200px; text-align: center; } .styleguide-scope .p-tooltip__balloonOuter.b-posTc .p-tooltip__balloon::before { bottom: -13px; left: 50%; margin-left: -10px; } .styleguide-scope .p-tooltip__balloonOuter.b-posBl { left: -16px; top: 25px; text-align: left; } .styleguide-scope .p-tooltip__balloonOuter.b-posBl .p-tooltip__balloon::before { top: -13px; left: 13px; } .styleguide-scope .p-tooltip__balloonOuter.b-posBr { right: -16px; top: 25px; text-align: right; } .styleguide-scope .p-tooltip__balloonOuter.b-posBr .p-tooltip__balloon::before { top: -13px; right: 13px; } .styleguide-scope .p-tooltip__balloonOuter.b-posBc { left: 50%; top: 25px; margin-left: -200px; text-align: center; } .styleguide-scope .p-tooltip__balloonOuter.b-posBc .p-tooltip__balloon::before { top: -13px; left: 50%; margin-left: -10px; } .styleguide-scope .p-tooltip__balloon { background-color: #fff; border: 1px solid #bcb6b3; border-collapse: separate; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); display: inline-block; font-size: 11px; font-weight: normal; line-height: 1.5; padding: 8px 12px; text-align: left; } .styleguide-scope .p-tooltip__balloon::before { content: ''; position: absolute; z-index: 1; display: block; width: 21px; height: 14px; } .styleguide-scope .p-tooltip__balloon a:link, .styleguide-scope .p-tooltip__balloon a:visited, .styleguide-scope .p-tooltip__balloon a:hover { text-decoration: none !important; } @media all and (min-width: 00円) and (min-resolution: 0.001dpcm) { .styleguide-scope .p-tooltip__balloonOuter .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posTr .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posTl .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posTc .p-tooltip__balloon::before { background: url("/assets/img/common/parts_tooltip_arrow_bottom.png") no-repeat 50% 0; background-size: 14px 14px; bottom: -12px; } .styleguide-scope .p-tooltip__balloonOuter.b-posBl .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posBr .p-tooltip__balloon::before, .styleguide-scope .p-tooltip__balloonOuter.b-posBc .p-tooltip__balloon::before { background: url("/assets/img/common/parts_tooltip_arrow_top.png") no-repeat 50% 100%; background-size: 14px 14px; } }