/*__________________ [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; text-align:left;} #container #priceCalenderModal-container div.overlay_wrapper { width:728px; height:auto; } div#container div.overlay_wrapper {height:auto;} div#container div.simplemodal-data{height:auto;} /*__________________ [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; border-width:0; background-color:#bdbdbd; text-align:left;} 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:auto; margin:0 auto; padding:0 20px 2px 0; width:518px; height:350px; border-width:1px 0; border-color:#bdbdbd; } /*__________________ [1-0-6] Attention Area Setting ________________________*/ .attention_Area { font-size:80%; color:#e30707; } /*__________________ [3] Genre Select Item Table (top/list) _____________________*/ div.overlay_wrapper div.genreItem_Area { padding:0.5em 0px 2px 0; width:538px; height:auto; overflow:visible; overflow-x:visible; overflow-y:visible; } div.overlay_wrapper div.item_Area table.genreItem_Table { margin:0 auto 1.2em auto; width:520px; border-collapse:separate; border-spacing:3px; border-width:0; line-height:1.2; color: #333333;} 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 div.item_Area table.genreItem_Table th { padding:0; border-width:0; color:#464646; text-align:left; background-color:#ffffff; } div.overlay_wrapper div.item_Area table.genreItem_Table th.subHeader { padding:0.3em 20px 0 1.4em; color:#666666; } div.overlay_wrapper div.item_Area table.genreItem_Table tr + tr th { padding: 8px 20px 0 5px; border-top:1px dotted #BDBDBD; } div.overlay_wrapper div.item_Area table.genreItem_Table td { empty-cells:hide; padding: 1px 0px 0.5em 8px; width:156px; border-width:0; line-height:1.3; vertical-align:top; } div.overlay_wrapper div.item_Area table.genreItem_Table .lastrow td { padding:1px 16px 0.6em 0; } div.overlay_wrapper div.item_Area table.genreItem_Table td label { display:block; } div.overlay_wrapper div.item_Area table.genreItem_Table td.hover label, div.overlay_wrapper div.item_Area table.genreItem_Table td label:hover { background-color:#f2f2f2; } div.overlay_wrapper div.item_Area table.genreItem_Table td img { vertical-align:middle; } div.overlay_wrapper div.item_Area table.genreItem_Table tr.disabled td, div.overlay_wrapper div.item_Area table.genreItem_Table td.disabled { color:#cccccc; } div.overlay_wrapper div.item_Area table.genreItem_Table tr.disabled img, div.overlay_wrapper div.item_Area table.genreItem_Table td.disabled img { filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; } /*__________________ [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 Site Setting List (list) ___________________*/ #Area_Modal_Condition2 { width: 811px;} div#container #Area_Modal_Condition2 div.overlay_wrapper { padding:0; width:809px; } div#container #Area_Modal_Condition2 div.overlay_wrapper div.genreItem_Area { width:789px; padding:0.5em 10px 2px} #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table { width:789px; border-collapse:collapse; } #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table .row { width:263px;} #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table td { padding:0 !important; vertical-align:middle;} #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table td div { width:255px; padding: 4px 0 4px 8px; } #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table td div:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table td input { float:left; margin:10px 3px 0 0 !important; } #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table td .border { position:relative; display: block; float:left; width:80px; height: 31px; margin:0 5px 0 0; text-align: center; background-color:#FFFFFF; border: 1px solid #C4C4C4;} #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table td img { margin:0 auto; height:31px;} #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table td img.kuru { position: absolute; left: 30px; top: 5px; height:20px; z-index: 100;} #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table td .loaded { position: absolute; left:-1px; top: -1px; width:82px; height:33px; line-height:33px; text-align:center; font-weight:bold; color:000000; background-color:#ffffff; opacity:0.6; filter: alpha(opacity=60); /* ie lt 8 */ -ms-filter: "alpha(opacity=60)"; /* ie 8 */ -moz-opacity:0.6; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.6; /* Safari 1.x */ zoom:1; z-index: 1; } #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table td label { display:block; float:left; width:255px; word-break:break-all; word-wrap:break-word; line-height:33px; overflow:hidden; } #Area_Modal_Condition2 div.overlay_wrapper div.item_Area table.genreItem_Table td label.twoLine { line-height:1.2; } /*__________________[6] loading Box __________________*/ #hotelLoading_Area #loadingAttention_Box .vendor_progressbar { margin:0 auto; width:273px; border-radius:3px; border:solid 1px #b3b3b3; box-shadow:0 2px 1px 0 rgba(128,128,128,0.2) inset; background-color:#ffffff; } #hotelLoading_Area #loadingAttention_Box .ui-progressbar { width:271px; margin:1px; height:12px; border-radius:3px; overflow:hidden; text-indent:-9999px; background-position:left top; } #hotelLoading_Area #loadingAttention_Box .ui-progressbar-value { height:12px; margin:0; border-radius:0; background-image:url(../../shared/images/modal_bg01_001.gif); } /*__________________ [5] Modal Keyword Setting ___________________*/ /* Hack for IE6 */ * html #keywordForm_Col .inputArea { height:1px;} * html #keywordForm_Col .inputTextArea { width:220px;} /* Hack for IE7 */ *:first-child+html #keywordForm_Col .inputArea { height:40px;} #keywordForm_Col{ border-bottom:1px solid #bdbdbd; border-top:1px solid #bdbdbd; padding:15px 0 57px 0; } #keywordForm_Col dl.hotel{ width:250px; float:left; margin-right:6px; padding-left:25px; } #keywordForm_Col dl.hotel dt img { margin: 0 0.5em; vertical-align: middle; } #keywordForm_Col dl.hotel dt{ width:250px; font-size:80%; font-weight:bold; color:#e42020; height:17px; } #keywordForm_Col dl.hotel dd input[type="text"]{ width:215px; height:16px; padding:1px 5px } #keywordForm_Col dl.hotel dd{ background:url(/element/w_hotel/shared/images/ic_01_002.gif) no-repeat right center; } #keywordForm_Col dl.place{ width:215px; float:left; } #keywordForm_Col dl.place dt{ width:215px; font-size:80%; font-weight:bold; color:#555; height:17px; } #keywordForm_Col dl.place dd input[type="text"]{ width:215px; height:16px; padding:1px 5px } #keywordForm_Col .submit_Area{ float:right; padding:17px 15px 0px 0; width:140px; } /*__________________ [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 { 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%; color:#333333} 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:#E30707; } div.overlay_wrapper .submit_Area .number input { vertical-align:top; } div.overlay_wrapper .submit_Area .button { display:block; padding:12px 0 0 4px; width:508px; height:40px; line-height:40px; } div.overlay_wrapper .submit_Area .button input { margin:3px 0 0 0; } #Area_Modal_Condition { width: 540px; } div#container #Area_Modal_Condition div.overlay_wrapper { padding:0; width:538px; } /*__________________ [11] modal_toAir _______________*/ #modal_content_list_wair_window.simplemodal-data { width:540px; } div#container div.overlay_wrapper.toair_Area { width:538px; padding: 0;border: 7px solid #b8b8b8;} .overlay_wrapper.toair_Area { color: #333;font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif; } .overlay_wrapper.toair_Area .taHeader { background: url("/element/w_hotel/shared/images/bg_modalhotel.jpg") no-repeat 0 0; height: 92px; line-height: 1; position: relative; border-bottom:#d9d9d9 solid 1px; } .overlay_wrapper.toair_Area .taHeader .ttl { color: #333; font-size: 14px; font-weight: bold; padding: 7px 0 0 32px; } .overlay_wrapper.toair_Area .taHeader .ttl .trIcon { width:auto; padding:15px 50px 10px 0; background: url("/element/w_hotel/shared/images/icon_travelko.png") no-repeat right 0; display:inline-block; } .overlay_wrapper.toair_Area .taHeader .ttl .trIcon img { margin-right: 2px; position: relative; top: 2px; } .overlay_wrapper.toair_Area .taHeader .ttl .chara { color:#414040; display:block; font-size:19px; padding-bottom:3px; letter-spacing: -0.02em; } * html .overlay_wrapper.toair_Area .taHeader .ttl .chara { line-height:1.2em; padding-bottom:7px; } :first-child + html .overlay_wrapper.toair_Area .taHeader .ttl .chara { line-height:1.2em; padding-bottom:7px; } .overlay_wrapper.toair_Area .taHeader .ttl .chara .txt1 { font-size:21px; } .overlay_wrapper.toair_Area .taHeader .ttl .chara .txt2 { font-size:22px; } .overlay_wrapper.toair_Area .taHeader .ttl .chara .blue { font-size:24px; color:#3879cc; } .overlay_wrapper.toair_Area .taHeader .ttl .chara .low { font-size:24px; color:#ef4741;} .overlay_wrapper.toair_Area .taHeader a.modalClose { background-image: url("/element/w_hotel/shared/images/extra_bt02_002.gif"); position: absolute; right: 0; top: 5px; text-indent: -9999px;width: 60px;} .overlay_wrapper.toair_Area .taContents { padding:22px 15px 13px; text-align:center; color:#000; background:#fff;} .overlay_wrapper.toair_Area .taContents .mainTxt { padding-bottom:14px; text-align:center; color:#000; } .overlay_wrapper.toair_Area .taContents .mainTxt .mtSearch { font-size:15px; } .overlay_wrapper.toair_Area .taContents .mainTxt .mtSearch .num { font-size:20px; font-weight:bold; } .overlay_wrapper.toair_Area .taContents .mainTxt .mtSearch .txt2 { font-size:18px; } .overlay_wrapper.toair_Area .taContents .mainTxt .mtSearch .txt2 .symbol { font-size:22px; } .overlay_wrapper.toair_Area .taContents .mainTxt .mtSearch .txt2 .symbol .place { font-size:22px; font-weight:bold; } .overlay_wrapper.toair_Area .taContents .submitArea ul { clear:both; margin-bottom:21px; padding-left:29px; } .overlay_wrapper.toair_Area .taContents .submitArea ul:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } .overlay_wrapper.toair_Area .taContents .submitArea li { width:80px; height:32px; line-height:32px; padding-right:8px; float:left; } .overlay_wrapper.toair_Area .taContents .submitArea li.lt2 { width:98px; } .overlay_wrapper.toair_Area .taContents .submitArea li a { width:auto; text-align:center; font-size:18px; font-weight:bold; display:block; /*background: #fff url("/element/w_hotel/shared/images/bg_btngra1.gif") repeat-x 0 bottom;*/ /* SVG as background image (IE9) */ background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NTAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMC4xIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y5RjlGOSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ1MCkiIC8+Cjwvc3ZnPg==); background-image: -webkit-linear-gradient(#fff 10%, #f9f9f9); background-image: linear-gradient(#fff 10%, #f9f9f9); background-color:#fff; box-shadow: 0 -2px 1px rgba(210, 210, 210, .7) inset; border:#c1c1c1 solid 1px; border-bottom-color:#a7a6a6; border-radius:3px; } .overlay_wrapper.toair_Area .taContents .submitArea .link { text-align:right; } .overlay_wrapper.toair_Area .taContents .submitArea .link a { padding-left:9px; font-size:14px; background: url("/element/shared/images/burette/ar03_g001.gif") no-repeat 0 45%; } #simplemodal-overlay { cursor: pointer; background-color: #000; } .taContents dl { width:460px; text-align:left; margin-left:25px; } .taContents dt { float:left; width:100px; clear:both; font-weight: normal; font-size:15px; } .taContents dd { width:360px; margin-left:95px; font-weight:bold; font-size:18px; text-indent: -0.7em; padding-left: 1em; } .taContents dd:before{ content:': ' } .cmn-modal-box.modal-attention{ z-index: 0; width: 500px; } .simplemodal-data .cmn-modal-box.modal-attention{ color: #333; } .simplemodal-data .cmn-modal-box.modal-attention .list-info{ margin-bottom: 30px; text-align: center; } .simplemodal-wrap div#overlay, div.simplemodal-data { padding:0; width:auto; border-width: 0; background-color: inherit; } div#container div.simplemodal-data { height: auto; background: none; }