/*_______________________________________________________________*/ /*______________ Basical - General Settings _____________*/ /*_______________________________________________________________*/ body { height:100%; } #simplemodal-container { margin:0; padding:0; } #simplemodal-overlay { cursor:pointer; background-color:#000; } #simplemodal-loader-overlay { cursor:auto; background-color:#000; } .simplemodal-wrap { width:562px; background-color:#fff; } #overlay, .modal_content { display:none; margin:0; padding:0; width:542px; } #simplemodal-overlay.modal_content { width:auto; } #simplemodal-container:after, .simplemodal-wrap:after, #overlay:after, .modal_content:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } /*_______________________________________________________________*/ /*______________ Typical Settings - Used in Travelko _________*/ /*_______________________________________________________________*/ /*______________ [0] General Setting[s] _______________________*/ /*______________ [0-1] Overlay Box Setting[s] ___________________*/ #container div.overlay_wrapper { margin:0; padding:2px 2px 20px 2px; width:536px; border:solid 1px #b8b8b8; background-color:#fff; } #container div.loader { margin:0 auto; width:198px; } /*______________ [0-2] Fixed Contents ______________*/ #container .overlay_wrapper:after, .overlay_wrapper .popup_Name:after, .overlay_wrapper .item_Navi:after, .overlay_wrapper .genre_Navi:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } /*______________ [1] Heading Block ___________________*/ .overlay_wrapper p.popup_Name { padding:0.2em 0 0.2em 8px; font-weight:bold; min-height:1em; height:auto !important; height:1em; } .overlay_wrapper p.popup_Name span { float:left; font-size:120%; } .overlay_wrapper p.caption_Area { padding:0.7em 8px; width:500px; color:#666; } .overlay_wrapper a.modalClose { cursor:pointer; overflow:hidden; display:block; float:right; width:60px; height:17px; cursor:pointer; text-indent:-9999px; } /*______________ [1-1] kaigai Colored ________________*/ .kaigai .overlay_wrapper p.popup_Name { color:#fff; background-color:#0066CC; } .kaigai .overlay_wrapper p.popup_Name a { background:url(../images/tx01_a001.gif) no-repeat; } /*______________ [1-2] kokunai Colored _______________*/ .kokunai .overlay_wrapper p.popup_Name { color:#fff; background-color:#ff6633; } .kokunai .overlay_wrapper p.popup_Name a { background:url(../images/tx01_b001.gif) no-repeat; } /*______________ [2] Pagenation Block _______________*/ .overlay_wrapper .item_Navi { margin:0.7em auto; padding:0 0 0 5px; width:475px; line-height:1.2; } .overlay_wrapper .item_Navi dt { padding:0 0.2em 0.1em 0; font-weight:bold; color:#666; } .overlay_wrapper .item_Navi dd, .overlay_wrapper .item_Navi li { display:inline; float:left; margin:0 1em 0 0; white-space:nowrap; } .overlay_wrapper .item_Navi dd a, .overlay_wrapper .item_Navi li a { display:inline-block; padding:0 0 0 7px; white-space:nowrap; background:url(/element/shared/images/burette/ar04_f001.gif) no-repeat left center; } /*______________ [3] Genre Selection Block (TAB) _______________*/ .overlay_wrapper ul.genre_Navi { margin:0 auto 0.7em auto; width:480px; } .overlay_wrapper ul.genre_Navi li { display:inline; float:left; margin:0 3px 0 0; height:23px; text-align:center; } .overlay_wrapper ul.genre_Navi li span { display:block; float:left; padding:0 0 0 15px; min-width:120px; width:auto !important; width:120px; height:23px; line-height:23px; white-space:nowrap; } .overlay_wrapper ul.genre_Navi li em { display:block; float:left; padding:0 15px 0 0; height:23px; font-weight:bold; } .overlay_wrapper ul.genre_Navi li a { display:block; float:left; padding:0 15px 0 0; height:23px; } .overlay_wrapper ul.genre_Navi li a:link, .overlay_wrapper ul.genre_Navi li a:visited { background-position: right -48px; } .overlay_wrapper ul.genre_Navi li a:hover, .overlay_wrapper ul.genre_Navi li a:active { background-position: right -24px; } .overlay_wrapper ul.genre_Navi li a span { cursor:pointer; text-decoration:underline; } .overlay_wrapper ul.genre_Navi li a:link span, .overlay_wrapper ul.genre_Navi li a:visited span { background-position: left -48px; } .overlay_wrapper ul.genre_Navi li a:hover span, .overlay_wrapper ul.genre_Navi li a:active span { background-position: left -24px; } /*______________ [3-1] kaigai Colored ____________________*/ .kaigai .overlay_wrapper ul.genre_Navi { border-bottom:solid 2px #0066CC; } .kaigai .overlay_wrapper ul.genre_Navi li em { color:#fff; background:url(../images/tab01_a001.gif) no-repeat right top; } .kaigai .overlay_wrapper ul.genre_Navi li em span { background:url(../images/tab01_a001.gif) no-repeat left top; } .kaigai .overlay_wrapper ul.genre_Navi li a { background-image:url(../images/tab01_a001.gif); } .kaigai .overlay_wrapper ul.genre_Navi li a span { background-image:url(../images/tab01_a001.gif); } /*______________ [3-2] kokunai Colored ___________________*/ .kokunai .overlay_wrapper ul.genre_Navi { border-bottom:solid 2px #ff6633; } .kokunai .overlay_wrapper ul.genre_Navi li em { color:#fff; background:url(../images/tab01_b001.gif) no-repeat right top; } .kokunai .overlay_wrapper ul.genre_Navi li em span { background:url(../images/tab01_b001.gif) no-repeat left top; } .kokunai .overlay_wrapper ul.genre_Navi li a { background-image:url(../images/tab01_b001.gif); } .kokunai .overlay_wrapper ul.genre_Navi li a span { background-image:url(../images/tab01_b001.gif); } /*______________ [4] Item Sort Block ______________________*/ .overlay_wrapper dl.sort_Navi { margin:0.5em auto; width:480px; text-align:right; } .overlay_wrapper dl.sort_Navi dt { display:inline; padding:0 1.8em 0 10px; white-space:nowrap; } .overlay_wrapper dl.sort_Navi dd { display:inline; white-space:nowrap; } .overlay_wrapper dl.sort_Navi dd a { margin:0 0.4em 0 0; } .overlay_wrapper dl.sort_Navi dd em { margin:0 0.4em 0 0; padding:0 0.2em; font-weight:bold; } /*______________ [4-1] kaigai Colored _____________________*/ .kaigai .overlay_wrapper dl.sort_Navi dt { background:url(/element/shared/images/burette/ar07_a001.gif) no-repeat left center; } .kaigai .overlay_wrapper dl.sort_Navi dd em { background-color:#FFAD08; } /*______________ [4-2] kokunai Colored ____________________*/ .kokunai .overlay_wrapper dl.sort_Navi dt { background:url(/element/shared/images/burette/ar07_b001.gif) no-repeat left center; } .kokunai .overlay_wrapper dl.sort_Navi dd em { background-color:#AAD56B; } /*______________ [5] Form Block ______________*/ .overlay_wrapper div.item_wrapper:after, .overlay_wrapper div.item_Area:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } /*______________ [5-1] no-scroll, no-border, maximum-width_______________*/ .overlay_wrapper div.item_wrapper { margin:0 auto; padding:2px 0 2px 2px; width:514px; } /*______________ [5-2] auto-scroll, border, fixed-width _______________*/ .overlay_wrapper div.item_Area { overflow:auto; margin:0 auto; padding:2px 0 2px 2px; width:476px; height:198px; border:solid 1px #999999; } /*______________ [6] Attension Text Block _______________*/ .overlay_wrapper p.attension_Area { margin:0.5em auto; width:480px; font-size:80%; color:red; line-height:1.3; } /*______________ [7] Form Submit Block __________________*/ .overlay_wrapper .submit_Table { text-align:center; margin:1.2em auto 0.5em auto; } .overlay_wrapper .submit_Table th { text-align:left; font-weight:bold; color:#666; } .overlay_wrapper .submit_Table tr.submit td { padding:0 0 0 10px; height:40px; line-height:40px; line-height:1; vertical-align:middle; font-weight:bold; } .overlay_wrapper .submit_Table tr.submit td p { display:inline-block; margin:0; padding:4px 10px 5px 0; height:31px; line-height:31px; vertical-align:middle; } .overlay_wrapper .submit_Table tr.submit td img, .overlay_wrapper .submit_Table tr.submit td input { margin:0 0.5em; vertical-align:middle; } /*_______________ [7-1] kaigai Colored__________________*/ .kaigai .overlay_wrapper .submit_Table tr.submit td { color:#666; background:url(../images/bg01_a001.gif) no-repeat left bottom #ebf3fb; } .kaigai .overlay_wrapper .submit_Table tr.submit td p { background:url(../images/bg01_a002.gif) no-repeat right bottom #ebf3fb; } /*_______________ [7-2] Colored__________________*/ .kokunai .overlay_wrapper .submit_Table tr.submit td { color:#666; background:url(../images/bg01_b001.gif) no-repeat left bottom #FFF3EF; } .kokunai .overlay_wrapper .submit_Table tr.submit td p { background:url(../images/bg01_b002.gif) no-repeat right bottom #FFF3EF; } /*_______________ [8] loader(spinner) Block _______________*/ .overlay_wrapper div.loader p.loadbox { padding:1em 0 0.5em 0; text-align:center; color:#f00; } .overlay_wrapper div.loader p.loadbox img { display:block; margin:0 auto 1em auto; width:24px; }