/*__________________ [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; 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:auto; margin:0 auto; padding:0 20px 2px 0; width:518px; height:350px; border-width:1px 0; border-color:#bdbdbd; }

/*__________________ [1-0-5] Sort Navigation Box Fixed  ____________________*/
#container div.overlay_wrapper dl.sort_Navi       { margin:0.5em auto 0.5em 17px; text-align:left; 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; font-weight:normal; 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 0 2px 0; width:538px; height:auto; overflow:visible; overflow-x:visible; overflow-y:visible; }
div.overlay_wrapper .genreItem_Table                { margin:0 auto 1.2em auto; width:520px; border-collapse:separate; border-spacing:3px; border-width:0; line-height:1.2; }
div.overlay_wrapper .genreItem_Table caption        { margin:0 0 0.6em 0; 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:0; 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 tr + tr th     { padding:0.6em 0 0 0; border-top:1px dotted #BDBDBD; }
div.overlay_wrapper .genreItem_Table td             { empty-cells:hide; padding:1px 16px 1px 0; width:156px; border-width:0; line-height:1.3; vertical-align:top; }
div.overlay_wrapper .genreItem_Table .lastrow td    { padding:1px 16px 0.6em 0; }
div.overlay_wrapper .genreItem_Table td label       { display:block; }
div.overlay_wrapper .genreItem_Table td.hover label,
div.overlay_wrapper .genreItem_Table td label:hover { background-color:#f2f2f2; }
div.overlay_wrapper .genreItem_Table td img         { vertical-align:middle; }

div.overlay_wrapper .genreItem_Table tr.disabled td,
div.overlay_wrapper .genreItem_Table td.disabled      { color:#cccccc; }
div.overlay_wrapper .genreItem_Table tr.disabled img,
div.overlay_wrapper .genreItem_Table td.disabled img  { filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; }




/*_________________ [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; }




/*__________________ [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%; }
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; }