/*__________________ [-6] IE6 Fixed _____________________*/ #container div.fixedModal_Area div.item_Area { overflow-y:auto; height:350px; min-height:250px; } #container div.fixedModal_Area div.hotelList_Area { height:200px; min-height:0; } #container div.fixedModal_Area div.airline_Area { height:250px; } #container div.fixedModal_Area div.vendorList_Area { height:320px; } #container div.fixedModal_Area div.genreItem_Area { height:400px; } /*__________________ [1] Modal Contents ____________________*/ /*__________________ [1-0] General Settings ____________________*/ #container #priceCalenderModal-container div.simplemodal-wrap { width:742px; } #container #priceCalenderModal-container div#overlay, #container #priceCalenderModal-container div.simplemodal-data { width:730px; } #container #priceCalenderModal-container div.overlay_wrapper { width:728px; } /*__________________ [1-0-1] Checkbox Settings ____________________*/ div.overlay_wrapper input[type="checkbox"], div.overlay_wrapper input[type="radio"] { margin:0 3px 0 0; padding:0; vertical-align:middle; } * html div.overlay_wrapper div.item_Area input { width:1em; height:1em; } *:first-child+html div.overlay_wrapper div.item_Area input[type="checkbox"] { width:1em; height:1em; } *:first-child+html div.overlay_wrapper div.item_Area input[type="radio"] { width:1em; height:1em; } /*__________________ [1-0-2] Item Navigation Fixed ____________________*/ div.simplemodal-wrap { width:552px; overflow:visible !important; overflow-x:hidden; overflow-y:auto; } div#overlay, div.simplemodal-data { padding:7px; width:540px; border-width:0; background-color:#bdbdbd; } div#container div.overlay_wrapper { padding:0 0 15px 0; width:538px; } div#modal_htl { width:648px; } #container div.overlay_wrapper .item_Navi { margin:0; padding:1em 9px; width:522px; border-top:solid 1px #bdbdbd; line-height:1.4; } #container div.overlay_wrapper .item_Navi:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #container div.overlay_wrapper .item_Navi li a { padding:0 0 0 10px; background-image:url(/element/shared/images/burette/ar03_b001.gif); } /*__________________ [1-0-3] Popup Title Box Fixed ____________________*/ #container div.overlay_wrapper p.popup_Name { margin:0; padding:0.4em 0 0.4em 10px; line-height:1.4; background-color:#f0f0f0; } #container div.overlay_wrapper p.popup_Name span { font-size:100%; color:#333333; } #container div.overlay_wrapper p.popup_Name a { background-image:url(../images/extra_bt02_001.gif); } /*__________________ [1-0-4] Scrolled Content Box Fixed ____________________*/ div.overlay_wrapper div.item_Area { overflow:visible; overflow-x:hidden; overflow-y:hidden; margin:0 auto; padding:0 20px 2px 0; width:518px; height:100%; min-height:250px; border-width:1px 0; border-color:#bdbdbd; } div.overlay_wrapper div.item_Area { border-bottom:none !important; padding-top:10px;} /*__________________ [1-0-5] Sort Navigation Box Fixed ____________________*/ #container div.overlay_wrapper dl.sort_Navi { margin:0 10px 0.5em auto; color:#666666; overflow-y:hidden; } #container div.overlay_wrapper dl.sort_Navi dt { padding:0 0.3em 0 0; background-image:none; background-color:#ffffff; } #container div.overlay_wrapper dl.sort_Navi dd { margin:0 0.4em 0 0; padding:0 0.4em 0 0; border-right:solid 1px #cacaca; } #container div.overlay_wrapper dl.sort_Navi dd em { padding:0; background-color:transparent; } /*__________________ [1-0-6] Attention Area Setting ________________________*/ .attention_Area { font-size:80%; color:#e30707; } /*__________________ [2] Simple Modal Contents _____________________*/ /*__________________ [2-1] Simple Heading Text _____________________*/ div.overlay_wrapper .modalHeading_Txt { padding:0.3em 10px; font-weight:bold; color:#4D4D4D; } div.overlay_wrapper .modalHeading_Txt span { margin:0 0 0 0.4em; font-size:80%; font-weight:normal } div.overlay_wrapper .modalHeading_Txt span.addition { font-size:100%; color:#999999; } div.overlay_wrapper .modalHeading_Txt span.addition a { margin:0 0.2em; font-weight:bold; } #container div.overlay_wrapper p.caption_Area { padding:0.8em 10px 1em 10px; width:518px; border-top:solid 1px #BDBDBD; } /*__________________ [3] Genre Select Item Table (top/list) _____________________*/ div.overlay_wrapper div.genreItem_Area { padding:0.5em 20px 2px 0; height:auto; } div.overlay_wrapper .genreItem_Table { margin:0 0 1.5em 2px; width:512px; border-collapse:separate; border-spacing:3px; border-width:0; line-height:1.2; } div.overlay_wrapper .genreItem_Table caption { padding:0.3em 20px 0.3em 5px; border-top:solid 1px #e9d8be; text-align:left; font-size:80%; color:#958354; background-color:#f7f3e7; } div.overlay_wrapper .genreItem_Table th { padding:8px 20px 0 5px; border-width:0; color:#464646; text-align:left; background-color:#ffffff; } div.overlay_wrapper .genreItem_Table th.subHeader{ padding:0.3em 20px 0 1.4em; color:#666666; } div.overlay_wrapper .genreItem_Table td { empty-cells:hide; padding:1px 20px 1px 8px; width:140px; border-width:0; line-height:1.1; vertical-align:top; } div.overlay_wrapper .genreItem_Table td.hover, div.overlay_wrapper .genreItem_Table td:hover { background-color:#f2f2f2; } div.overlay_wrapper .genreItem_Table td label { white-space:nowrap; } div.overlay_wrapper .genreItem_Table td img { vertical-align:middle; } div.overlay_wrapper .item_Area .genreItem_Table td input { margin-left:0.9em; } div.overlay_wrapper .departure_Table td { padding:5px 20px 1px 8px; width:auto; } div.overlay_wrapper .departure_Table td .caption { font-size:80%; } /*__________________ [4] Modal Departure Setting List (top/list) ___________________*/ div.overlay_wrapper div.tourDeparture_Area { height:300px; } div.overlay_wrapper > div.tourDeparture_Area { min-height:300px; height:auto; } div.overlay_wrapper .modalDeparture_List { margin:10px auto 0 auto; width:427px; padding:5px 5px 5px 80px; } div.overlay_wrapper .modalDeparture_List dt { clear:both; display:block; margin:0 auto 0 -75px; width:70px; min-height:0; line-height:1.1; font-weight: bold; letter-spacing:-1px; color:#4a4a4a; } div.overlay_wrapper .modalDeparture_List dd { float:left; margin:-1.1em 0 0.9em 0; padding:0 3px 0.5em 0; max-width:none; min-width:4.7em; width:auto !important; width:4.7em; min-height:0; line-height:1; white-space: nowrap; } /*__________________ [5] Modal Hotel List Form (top/list) ___________________*/ div.overlay_wrapper .list_Table { width:100%; border-width:1px 0 0 0; border-collapse:collapse; } div.overlay_wrapper .list_Table th { padding:3px 0; border-width:0; text-align:left; color:#666666; font-size:80%; font-weight:normal; background-color:#F0F0F0; } div.overlay_wrapper .list_Table td { border-width:0; background-color:transparent; } div.overlay_wrapper .item_Area .list_Table { margin:0 0 0 5px; width:526px; border-collapse:collapse; line-height:1.2; } div.overlay_wrapper .item_Area .list_Table tr+tr th, div.overlay_wrapper .item_Area .list_Table tr+tr td { border-top:dotted 1px #BDBDBD; } * html div.overlay_wrapper .item_Area .list_Table td { border-top:dotted 1px #BDBDBD; } *:first-child+html div.overlay_wrapper .item_Area .list_Table tr+tr td { border-top:dotted 1px #BDBDBD; } div.overlay_wrapper .list_Table tr:hover { background-color:#f2f2f2; } div.overlay_wrapper .list_Table tr.disabled td, div.overlay_wrapper .list_Table td.disabled { color:#cccccc; } div.overlay_wrapper .list_Table tr.disabled img, div.overlay_wrapper .list_Table td.disabled img { filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; } /*__________________ [5-1-2] Callier Air List Form (top/list) ___________________*/ div.overlay_wrapper .airline_Table { width:538px; border-top:solid 1px #bdbdbd; } div.overlay_wrapper div.airline_Area .airline_Table { margin:0 0 0 5px; width:528px; border-top-width:0; } div.overlay_wrapper .airline_Table td.check { padding:5px 0; width: 25px; text-align:right; } div.overlay_wrapper .airline_Table td.agent_Img { padding:5px 0; width:85px; } div.overlay_wrapper .airline_Table td.agent_Img span{ display:inline-block; padding:0 2px; width:80px; border:solid 1px #C4C4C4; text-align:center; } div.overlay_wrapper .airline_Table td.name { padding:7px 0 7px 5px; width:413px; } div.overlay_wrapper .airAttention_Area { padding:10px; width:518px; border-bottom:solid 1px #bdbdbd; } div.overlay_wrapper div.mileageTable_Area { padding:5px 0 0 0; height:auto; } div.overlay_wrapper div.mileageTable_Area table { margin: 0 0 0 2px; } div.overlay_wrapper div.mileageTable_Area th { padding:7px 10px 7px 5px; width:150px; } div.overlay_wrapper div.mileageTable_Area td { padding:7px 10px 7px 0; width:337px; } /*__________________ [5-2] Modal Vendor List Form (top/list) ___________________*/ #container #modal_agt .popup_Name { margin:0 0 0.5em 0; border-bottom:solid 1px #bdbdbd; } div.overlay_wrapper .vendorList_Table { width:538px; } #container div.overlay_wrapper dl.vendorSort_List { margin:0.5em auto 0.5em 17px; text-align:left; } #container div.overlay_wrapper dl.vendorSort_List dd { padding:0; border-right-width:0; } #container div.overlay_wrapper dl.vendorSort_List dd:first-child { margin:0 0.4em 0 0; padding:0 0.4em 0 0; border-right:1px solid #CACACA; } #container div.overlay_wrapper dl.vendorSort_List dd em { font-weight:normal; } div.overlay_wrapper div.vendorList_Area { height:auto; } div.overlay_wrapper div.vendorList_Area .vendorList_Table { margin:0 0 0 5px; width:528px; } div.overlay_wrapper .vendorList_Table col.check { width: 30px; } div.overlay_wrapper .vendorList_Table col.rate { width: 72px; } div.overlay_wrapper .vendorList_Table col.name { width:331px; } div.overlay_wrapper .vendorList_Table col.belong { width: 95px; } #container #modal_agt th { border-top:solid 1px #bdbdbd; } div.overlay_wrapper .vendorList_Table th.name { padding:4px 3px 4px 46px; width:314px; } div.overlay_wrapper .vendorList_Table th.belong { padding:4px 20px 4px 5px; width:140px; text-align:right; } div.overlay_wrapper .vendorList_Table td.check { padding:5px 0; width:30px; text-align:right; } div.overlay_wrapper .vendorList_Table td.agent_img { padding:7px 5px; width:62px; white-space:nowrap; } div.overlay_wrapper .vendorList_Table td.agent_img span { display:inline-block; width:60px; height:21px; line-height:21px; border:solid 1px #c4c4c4; text-align:center; vertical-align:top; background-color:#ffffff; } div.overlay_wrapper .vendorList_Table td.agent_img img { margin:0; vertical-align:top; } div.overlay_wrapper .vendorList_Table td.name { padding:7px 5px; width:321px; } div.overlay_wrapper .vendorList_Table td.belong { padding:7px 20px 7px 5px; width:70px; text-align:center; } /*__________________ [5-3] Modal Hotel List Form (top/list) ___________________*/ #container #hotelListModal_Area .hotelViewer_List { margin:15px 0 0 0; padding:0 0 0 5px; width:643px; height:30px; background:url(../../shared/images/mnav_bt01_001.gif) repeat-x left -100px; } #container #hotelListModal_Area .hotelViewer_List li { float:left; padding:0 0 0 5px; height:30px; } #container #hotelListModal_Area .hotelViewer_List li a, #container #hotelListModal_Area .hotelViewer_List li b { background-image: url(../../shared/images/mnav_bt01_001.gif); display: block; font-weight: bold; height: 30px; line-height: 30px; text-align: center; white-space: nowrap; } #container #hotelListModal_Area .hotelViewer_List li a { background-position: left -50px; color: #81651b; outline-style: none; outline-width: medium; padding-bottom: 0; padding-left: 7px; padding-right: 0; padding-top: 0; width: 160px; } #container #hotelListModal_Area .hotelViewer_List li b { background-position: right -50px; color: #81651B; padding-bottom: 0; padding-left: 0; padding-right: 7px; padding-top: 0; width: 153px; } #container #hotelListModal_Area .hotelViewer_List li b.link { color:#666666; } #container #hotelListModal_Area .hotelViewer_List li a#howtoUse { width: 140px; } #container #hotelListModal_Area .hotelViewer_List li a#howtoUse b { width: 140px; } #container #hotelListModal_Area .hotelViewer_List li a.selected { background-position: left 0; color:#81651b; } #container #hotelListModal_Area .hotelViewer_List li a.selected b { background-position: right 0; } #container #hotelListModal_Area .hotelViewer_List li a:hover, #container #hotelListModal_Area .hotelViewer_List li a:active { background-position: left 0; } #container #hotelListModal_Area .hotelViewer_List li a:hover b, #container #hotelListModal_Area .hotelViewer_List li a:active b { background-position: right 0; cursor: pointer; color:#81651b; } #container #hotelListModal_Area { width:648px; } #container #hotelListModal_Area .popup_Name { border-bottom:solid 1px #bdbdbd; } #hotelListModal_Area .genreItem_Table { margin:0 auto 1.3em 7px; width:628px; border-top-width:0; } #hotelListModal_Area .genreItem_Table th { padding:7px 10px 0 0; border-width:0; color:#333333; } #hotelListModal_Area .genreItem_Table td { padding:2px 0 2px 10px; width:112px; border-width:0; line-height:1.1; vertical-align:top; } #container #hotelListModal_Area .sort_Navi { text-align:left; } #container #hotelListModal_Area dl.sort_Navi dt { float:left; padding:0 0.3em 0.1em 0; } #container #hotelListModal_Area dl.sort_Navi dd { float:left; margin:0 0.6em 0.1em 0; } #container #hotelListModal_Area dl.hotelCity_List { margin-right:0; padding:0.6em 10px; width:628px; overflow-y:hidden; background-color:#F8F3E6; } #container #hotelListModal_Area dl.hotelSort_List { clear:both; margin:0 auto 0.3em 10px; padding:0.3em 0 0 0; width:628px; } #container #hotelListModal_Area dl.hotelCity_List dt, #container #hotelListModal_Area dl.hotelSort_List dt { padding:0 0.2em 0.1em 0; background-color:transparent; } #container #hotelListModal_Area dl.hotelCity_List dt { padding:0 0.5em 0 0; color:#81651b; } #container #hotelListModal_Area dl.hotelCity_List dd, #container div.overlay_wrapper dl.hotelSort_List .evaluation { padding:0; border-right-width:0; } #container #hotelListModal_Area dl.hotelCity_List dd a { padding:0 0 0 9px; background:url(/element/shared/images/burette/ar03_a001.gif) no-repeat left center; } #hotelListModal_Area .hotelList_Table { margin:0 auto; width:628px; border-style:solid; border-width:1px 1px 0 1px; border-color:#bdbdbd; } #hotelListModal_Area .hotelList_Area { margin:0 auto; padding:0; width:626px; min-height:300px; border:solid 1px #bdbdbd; } #hotelListModal_Area .hotelList_Area .hotelList_Table { margin:-1px auto 0 auto; width:626px; border-width:0; } #hotelListModal_Area .hotelList_Table caption { padding:0.3em; border-top:solid 1px #cacaca; text-align:left; font-size:80%; color:#666666; background-color:#eeeeee; } #hotelListModal_Area .hotelList_Table col.check { width: 30px; } #hotelListModal_Area .hotelList_Table col.name { width:460px; } #hotelListModal_Area .hotelList_Table col.rank { width: 90px; } #hotelListModal_Area .hotelList_Table col.evaluation { width: 70px; } div.overlay_wrapper .item_Area table.hotelList_Table tr th { border-top:solid 1px #cacaca; border-bottom:solid 1px #cacaca; } div.overlay_wrapper .item_Area table.hotelList_Table tr.mdl_htl_main_info td { border-top:dotted 1px #BDBDBD; } * html div.overlay_wrapper .item_Area table.hotelList_Table th { border-top:solid 1px #cacaca; } * html div.overlay_wrapper .item_Area table.hotelList_Table tr.mdl_htl_main_info td { border-top:dotted 1px #BDBDBD; } *:first-child+html div.overlay_wrapper .item_Area table.hotelList_Table tr th { border-top:solid 1px #cacaca; } *:first-child+html div.overlay_wrapper .item_Area table.hotelList_Table tr.mdl_htl_main_info td { border-top:dotted 1px #BDBDBD;} #hotelListModal_Area .hotelList_Table th { text-align:center; background-color:#e2e2e2; } #hotelListModal_Area .hotelList_Area .hotelList_Table th { padding:0.2em 0 0.2em 0.8em; text-align:left; color:#666666; background-color:#eeeeee; } #hotelListModal_Area .hotelList_Table th.name { padding:4px 0; width:460px; } #hotelListModal_Area .hotelList_Table th.rank { padding:4px 0; width: 83px; } #hotelListModal_Area .hotelList_Table th.evaluation { padding:4px 0; width: 80px; } #hotelListModal_Area .hotelList_Table th img { margin:0 0 0 3px; vertical-align:middle; } #hotelListModal_Area .hotelList_Table td.check { padding:7px 0; width: 30px; text-align:right; } #hotelListModal_Area .hotelList_Table td.name { padding:9px 5px; width:406px; } #container div.overlay_wrapper .disabled td.name a { cursor:text; outline-width:0; color:#cccccc; text-decoration:none; } #hotelListModal_Area .hotelList_Table td.rank { padding:9px 5px; width: 80px; text-align:center; } #hotelListModal_Area .hotelList_Table td.rank img { margin:0 1px 0 0; vertical-align:middle; } #hotelListModal_Area .hotelList_Table td.evaluation { padding:9px 20px 9px 5px; width: 60px; text-align:center; } #hotelListModal_Area .hotelList_Table td.evaluation img { vertical-align:middle; } #hotelListModal_Area .hotelList_Table td.evaluation a { display:inline-block; min-height:14px; line-height:1.4; } #container div.overlay_wrapper .disabled td.evaluation a { cursor:text; outline-width:0; padding:0; color:#cccccc; text-decoration:none; background-image:none; } /*__________________ [5-4] Modal Hotel List Form (top/list) ___________________*/ #hotelListModal_Area .hotelAttention_Area { padding:10px; width:628px; border-bottom:1px solid #BDBDBD; } /*_________________ [7] _________________*/ /*_________________ [7-1] _________________*/ div.overlay_wrapper .hotelInfo_Table { margin:1em auto; width:518px; } div.overlay_wrapper .hotelInfo_Table th { padding:0.3em 7px; width:4.2em; font-weight:normal; font-size:80%; color:#666666; background-color:#e2e2e2; } div.overlay_wrapper .hotelInfo_Table td { padding:0.3em 5px 0.3em 10px; } /*_________________ [7-2] _________________*/ div.overlay_wrapper .hotelData_Table { margin:0 auto; width:518px; border-style:solid; border-width:1px 1px 0 1px; border-color:#bdbdbd; } div.overlay_wrapper div.hotelData_Area { padding:0; width:516px; height:auto; min-height:230px; border:solid 1px #bdbdbd; overflow-x:hidden; overflow-y:visible; overflow:visible; } * html div.overlay_wrapper div.hotelData_Area { height:230px; overflow-y:auto; } div.overlay_wrapper div.hotelData_Area .hotelData_Table { margin:0 0 0 5px; width:508px; border-width:0; } div.overlay_wrapper .hotelData_Table col.name { width:318px; } div.overlay_wrapper .hotelData_Table col.rank { width: 90px; } div.overlay_wrapper .hotelData_Table col.evaluation { width:105px; } div.overlay_wrapper .hotelData_Table th { text-align:center; color:#666666; background-color:#e2e2e2; } div.overlay_wrapper .hotelData_Table th.evaluation { padding:3px 20px 3px 0; width:85px; } div.overlay_wrapper .hotelData_Table th img { margin:0 0 0 3px; } div.overlay_wrapper .hotelData_Table td.name { padding:7px 5px; width:308px; } div.overlay_wrapper .hotelData_Table td.rank { padding:7px 5px; width:80px; text-align:center; } div.overlay_wrapper .hotelData_Table td.evaluation { padding:7px 20px 7px 5px; width:80px; text-align:center; } div.overlay_wrapper .hotelData_Table img { vertical-align:middle; } /*_________________ [7-3] ___________________*/ div.overlay_wrapper .extraHotelList_Txt { margin:0 auto 1em auto; width:518px; } div.overlay_wrapper .extraHotelList_Txt a { padding:0 0 0 7px; background:url(/element/shared/images/burette/ar04_f001.gif) no-repeat left center; } /*_________________ [8] Telephone Overlay (detail) ____________*/ div.overlay_wrapper .modalTitle_Txt { margin:0 auto; padding:1.2em 0 0.4em 0; width:510px; font-size:100%; color:#666666; line-height:1.3; font-weight:bold; } div.overlay_wrapper .modalTourCode_Area { margin:0 auto 1.5em auto; padding:0.8em 20px; width:478px; border:1px solid #ECD59D; line-height:1.2; word-wrap:break-word; background-color:#FFF9EA; } div.overlay_wrapper .modalTourCode_Area b { margin:0 0.2em 0 0; font-weight:bold; } div.overlay_wrapper .modalTourCode_Area b strong { display:inline-block; margin:0.2em 0.4em 0 0.4em; padding:0.1em 0.3em; font:bold 130% verdana; color:#ffffff; background-color:#e30707; } div.overlay_wrapper .modalTourCode_Area .tourCodeAttention_Txt { padding:0.8em 0 0 1em; text-indent:-1em; font-size:80%; color:#999999; } div.overlay_wrapper div.vendorInquiry_Area { overflow-x:hidden; overflow-y:visible; overflow:visible; margin:0 auto -5px auto; padding:0; width:516px; height:auto; min-height:250px; border:solid 1px #bdbdbd; } * html div.overlay_wrapper div.vendorInquiry_Area { height:250px; overflow-y:auto; } div.overlay_wrapper div.vendorInquiry_Area table { margin:0 0 1.2em 0; width:516px; border-collapse:collapse; } div.overlay_wrapper div.vendorInquiry_Area caption { padding:0.3em 25px 0.3em 10px; text-align:left; color:#333333; background-color:#f0f0f0; } div.overlay_wrapper div.vendorInquiry_Area th { width:60px; font-weight:normal; font-size:80%; color:#666666; } div.overlay_wrapper div.vendorInquiry_Area td { width:415px; padding:0.3em 25px 0.2em 10px; width:497px; color:#666666; } div.overlay_wrapper div.vendorInquiry_Area td img { margin:0 3px 0 0; } div.overlay_wrapper div.vendorInquiry_Area td em { font:bold 130% verdana; color:#e30707; } /*_________________ [9] Pricing Calender Overlay (form) ______________________*/ #container div.overlay_wrapper p.modalPricingTable_Txt { width:528px; } #container div.overlay_wrapper p.modalPricingTable_Txt span { width:9em; line-height:1.1; font-weight:normal; font-size:80%; } #container div.overlay_wrapper p.modalPricingTable_Txt .popup_month { padding:0 0 0 40px; text-align:center; width:250px; font-size:120%; line-height:1.1; } #container div.overlay_wrapper p.modalPricingTable_Txt .popup_month b { display:inline-block; width:100px; line-height:1; vertical-align:middle; } #container div.overlay_wrapper p.modalPricingTable_Txt .popup_month a { display:inline-block; padding:15px 0 0 0; width:27px; height:0; vertical-align:middle; overflow:hidden; background-repeat:no-repeat; } #container div.overlay_wrapper p.modalPricingTable_Txt .popup_month a.popup_prev_month { background-image:url(../images/extra_bt03_001.gif); } #container div.overlay_wrapper p.modalPricingTable_Txt .popup_month a.popup_next_month { background-image:url(../images/extra_bt03_002.gif); } #container div.overlay_wrapper p.modalPricingTable_Txt .popup_month a.popup_none { background-position:0 -17px; cursor: default; } #modalPricingTable_Area { clear:both; padding:0; width:538px; height:auto; border-style:solid; border-width:1px 0 0 0; border-color:#BDBDBD; overflow-y:visible; overflow:visible; background-color:#ffffff; } #modalPricingTable_Area table { width:538px; border-width:0; } #modalPricingTable_Area col { width:76px; } #modalPricingTable_Area th { padding:0.3em 0; width:75px; border-style:solid; border-width:0 1px 1px 0; border-color:#BDBDBD; line-height:1.1; text-align:center; font-weight:normal; font-size:80%; color:#666666; background-color:#f9f9f9; } #modalPricingTable_Area th.holiday, #modalPricingTable_Area th.sunday { background-color:#FEE3E8; color:#F31313; } #modalPricingTable_Area th.saturday { border-width:0 0 1px 0; background-color:#D9EFE8; color:#1298A0; } #modalPricingTable_Area td { padding:0; width:75px; border-width:0 1px 1px 0; line-height:1.1; text-align:center; vertical-align:top; background-color:transparent; } #modalPricingTable_Area td.saturday { border-width:0 0 1px 0; width:75px; } #modalPricingTable_Area td.before_dpt { background-color:#F2F2F2; } #modalPricingTable_Area td a { display:block; line-height:1.1; padding:0.2em 0 0 0.1em; text-decoration:none; } #modalPricingTable_Area td a:link, #modalPricingTable_Area td a:visited { border-color:#FFFFFF; } #modalPricingTable_Area td a:hover, #modalPricingTable_Area td a:active { border-color:#F5F5F5; background-color:#fff3db; text-decoration:none; } #modalPricingTable_Area td.selected, #modalPricingTable_Area td.selected a, #modalPricingTable_Area td.selected a:hover, #modalPricingTable_Area td.selected span, #modalPricingTable_Area td.selected a:hover span { background-color:#fff3db; } #modalPricingTable_Area td span { display:block; height:4em; } #modalPricingTable_Area td > a, #modalPricingTable_Area td > span { min-height:4em; height:auto; } #modalPricingTable_Area td b { display:block; margin:0 auto 0 0; text-align:center; width:1em; color:#666666; } #modalPricingTable_Area td.holiday b, #modalPricingTable_Area td.sunday b { color:#f31313; } #modalPricingTable_Area td.saturday b { color:#1298a0; } #modalPricingTable_Area td.before_dpt span b { color:#cccccc; } #modalPricingTable_Area td a b { cursor:pointer; } #modalPricingTable_Area td a span { cursor:pointer; } #modalPricingTable_Area td a span, #modalPricingTable_Area td span span { display:inline-block; margin:0; padding:0; height:auto; border-width:0; text-decoration:none; vertical-align:bottom; } #modalPricingTable_Area td .noData { display:block; margin:0; padding:0.2em 0 0 0.1em; line-height:1; text-decoration:none; } #modalPricingTable_Area td .price { display:inline-block; padding:0 0 0 0.6em; min-height:2.2em; text-align:left; text-indent:-0.6em; letter-spacing:-1px; font-weight:bold; } #modalPricingTable_Area td span .price { color:#cccccc; } * html #modalPricingTable_Area td .price { margin:0 -0.6em 0 0; } *:first-child+html #modalPricingTable_Area td .price { margin:0 -0.6em 0 0; } #modalPricingTable_Area td .state00, #modalPricingTable_Area td .state01, #modalPricingTable_Area td .state02, #modalPricingTable_Area td .state03, #modalPricingTable_Area td .state04, #modalPricingTable_Area td .state05, #modalPricingTable_Area td .state06, #modalPricingTable_Area td .state07 { overflow:hidden; display:inline-block; margin:0.2em auto 0.4em auto; padding:11px 0 0 0; width:70px; height:0; line-height:1.1; background-image:url(../images/price_tx01_001.gif); background-repeat:no-repeat; } #modalPricingTable_Area td .state00, #modalPricingTable_Area td .state04 { margin:1.1em auto 0.4em 0; } #modalPricingTable_Area td .state00 { background-image:url(../images/load_s.gif); background-position:center top; } #modalPricingTable_Area td .state01 { background-position: 0 0; } #modalPricingTable_Area td .state02 { background-position: -70px 0; } #modalPricingTable_Area td .state03 { background-position:-140px 0; } #modalPricingTable_Area td .state04 { background-position:-210px 0; } #modalPricingTable_Area td .state05 { background-position:-280px 0; } #modalPricingTable_Area td .state06 { background-position:-350px 0; } #modalPricingTable_Area td .state07 { background-position:-420px 0; } /*_________________ [9-3] Item Information Area ________________*/ div.overlay_wrapper .priceattention_Txt { padding:0.5em 5px; width:528px; } div.overlay_wrapper .priceInfo_Table { margin:1em auto; width:518px; } div.overlay_wrapper .priceInfo_Table th { padding:0.3em 7px; width:84px; font-weight:normal; font-size:80%; color:#666666; background-color:#e2e2e2; } div.overlay_wrapper .priceInfo_Table td { padding:0.3em 5px 0.3em 10px; width:405px; } /*__________________ [10] Submit Area _______________*/ div.overlay_wrapper .submit_Area { clear:both; margin:-1px auto 0 auto; width:512px; } * html div.overlay_wrapper .submit_Area { margin:-1px auto 15px auto; } div.overlay_wrapper .submit_Area p { padding:15px 0 0 0; width:512px; line-height:1.2; font-weight:bold; text-align:center; background:url(../images/extra_bg01_001.gif) no-repeat center top; } div.overlay_wrapper .submit_Area .number { display:block; padding:12px 10px 0.2em 20px; width:482px; height:30px; line-height:30px; font-size:120%; } div.overlay_wrapper .submit_Area .number b { white-space:nowrap; } div.overlay_wrapper .submit_Area .number span { clear:none; display:inline-block; padding:0; vertical-align:baseline; } #container div.overlay_wrapper .loading .number span { white-space:nowrap; background:url(../images/load.gif) no-repeat 30px center; } div.overlay_wrapper .submit_Area .number span input { display:none; } div.overlay_wrapper .submit_Area .number em { padding:0 0.5em 0 0.8em; font:bold 110% verdana; color:#f00; } div.overlay_wrapper .submit_Area .number input { vertical-align:top; } div.overlay_wrapper .submit_Area .button { display:block; padding:0.2em 0 0 4px; width:508px; height:40px; line-height:40px; } div.overlay_wrapper .submit_Area .button input { margin:3px 0 0 0; }