/*__________________ [4] Modal Contents  ___________________*/
/*__________________ [4-1] 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; }
#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); }
div.overlay_wrapper div.item_Area                { overflow:visible; overflow-x:vibisle; overflow-y:vibisle; margin:0 auto; padding:0; width:100%; height:auto; border-right-width: 0; border-bottom-width: 1px; border-bottom-color:#BDBDBD; border-left-width: 0; border-top-width: 0px; }


/*__________________ [4-2] Modal ___________________*/
#container div.overlay_wrapper p.popup_Name      { margin:0; padding:0.4em 0 0.4em 10px; line-height:1.4; background-color:#f0f0f0; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#bdbdbd; }
#container div.overlay_wrapper p.popup_Name em   { color:#333333; }
#container div.overlay_wrapper p.popup_Name span span { float:none; margin-left:1em; color:#333333; font-weight:normal; font-size:74%; }
#container div.overlay_wrapper p.popup_Name a    { background-image:url(../images/extra_bt02_001.gif); }


.overlay_wrapper ul              { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("/element/j_dp/shared/images/mnav_bt01_001.gif"); background-origin: padding-box; background-position: left -100px; background-repeat: repeat-x; background-size: auto auto; height: 30px; margin-bottom: 0; margin-right: 0;	margin-top: 15px; width: 533px;	padding-right: 0; padding-bottom: 0; padding-left: 5px; }
.overlay_wrapper li              { float: left; height: 30px; padding-bottom: 0; padding-left: 5px; padding-right: 0; padding-top: 0; }
.overlay_wrapper li a, .overlay_wrapper li b { background-image: url("/element/j_dp/shared/images/mnav_bt01_001.gif"); display: block; font-weight: bold; height: 30px; line-height: 30px; text-align: center; white-space: nowrap; }
.overlay_wrapper 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: 140px; }
.overlay_wrapper li b            { background-position: right -50px; color: #81651B; padding-bottom: 0; padding-left: 0; padding-right: 7px; padding-top: 0; width: 133px; }
.overlay_wrapper li b.link       { color:#666666;}
.overlay_wrapper li a#howtoUse   { width: 140px; }
.overlay_wrapper li a#howtoUse b { width: 140px; }
.overlay_wrapper li a.selected   { background-position: left 0; color:#81651b; }
.overlay_wrapper li a.selected b { background-position: right 0; }
.overlay_wrapper li a:hover, .overlay_wrapper li a:active     { background-position: left 0; }
.overlay_wrapper li a:hover b, .overlay_wrapper li a:active b { background-position: right 0; cursor: pointer; color:#81651b; }



/*__________________ [4-2-1] Modal ___________________*/
#Area_Agent_Searching { font-family:var(--cmn-font-family);}
#Area_Agent_Searching .searchCondition          { background-color:#f7f7f7; border: solid 1px #e8e8e8; border-radius: 5px; margin:0 auto 11px; padding:8px 14px 8px 14px; width:470px;}
#Area_Agent_Searching .searchCondition table    { border-collapse:collapse; font-family:var(--cmn-font-family);}
#Area_Agent_Searching .searchCondition table th { border-right: dotted 1px #d6d6d6; color:#555555; font-size:93.75%; width:5.3em; }
#Area_Agent_Searching .searchCondition table td { padding: 0 0 0 12px; }
#Area_Agent_Searching .searchCondition table dl:after{ content:'.'; display:block; clear:both; height:0px; visibility:hidden; }
#Area_Agent_Searching .searchCondition table dt { clear:both; float: left; color:#666666; background:url(/element/j_dp/list/images/searchCondition_bg01_001.png) no-repeat right center; font-size:78.125%; padding:3px 0 3px 0; width:5.2em; }
#Area_Agent_Searching .searchCondition table dd { float: left; padding:2px 0 2px 8px; white-space: nowrap; }
#Area_Agent_Searching .searchCondition table .out { background: url(/element/j_dp/list/images/ar02_001.gif) no-repeat right 3px; padding-right:33px; }
#Area_Agent_Searching .searchCondition table .in  { padding:2px 0 3px 15px;}

#Area_Agent_Searching .aboutDP { background:url(/element/j_dp/list/images/bg_travelko.gif) no-repeat 404px bottom #fcf8ee; border: solid 1px #e3dac5; border-radius: 5px; margin:0 auto 17px; padding: 0 15px 1px 14px; width: 469px; }
#Area_Agent_Searching .aboutDP dt { color:#733c10; font-size:125%; font-weight: bold; line-height:43px; }
#Area_Agent_Searching .aboutDP dd { margin: 0 0 14px; line-height:1.48; }
#Area_Agent_Searching .aboutDP dd img { padding:0 0 4px 0; }


/*__________________ [4-3] Item Table Fixed _______________*/
div.overlay_wrapper div.item_Area table.genreItem_Table            { border-collapse:separate; width:515px; line-height:1.2; border-top-width: 1px; border-top-style: dotted; border-top-color: #bdbdbd; margin-right: 11px; margin-bottom: 12px; margin-left: 11px; border-bottom-style: none; border-right-style: none; border-left-style: none; border-spacing:3px; }
div.overlay_wrapper div.item_Area table.genreItem_Table.table_top  { border-top:none; }
div.overlay_wrapper div.item_Area table.genreItem_Table th         { padding:9px 16px 0px 0px; border-width:0; color:#4D4D4D; text-align:left; background-color:#ffffff; }
div.overlay_wrapper div.item_Area table.genreItem_Table th span    { font-weight:normal; font-size:80%;	display:block; color: #666666; margin-bottom: 5px; }
div.overlay_wrapper div.item_Area table.genreItem_Table td         { padding:4px 0px 4px 0px; width:259px; border-width:0; line-height:1.1; vertical-align:top; }
div.overlay_wrapper div.item_Area table.genreItem_Table td.hover,
div.overlay_wrapper div.item_Area table.genreItem_Table td:hover   { background-color:#f2f2f2; }
div.overlay_wrapper div.item_Area table.genreItem_Table td img     { vertical-align:top; }



div.overlay_wrapper div.item_Area .conditionExplain_Txt        { width:508px; border-bottom:solid 1px #eee9d6; line-height:1.3;	color:#666666; background-color:#f8f3e6; margin-bottom: 10px; margin-top:-2px; padding:10px 15px 10px 15px; }
div.overlay_wrapper div.item_Area input[type="checkbox"],
div.overlay_wrapper div.item_Area input[type="radio"],
div.overlay_wrapper div.item_Area input                        { margin:0 3px 0 0; padding:0; vertical-align:middle; }


div.overlay_wrapper div.item_Area table.genreItem_Table td span.vendor_Img    { display:inline-block; margin:0 3px 0 0; width:51px; height:17px; border:solid 1px #c4c4c4; text-align:center; vertical-align:middle; background-color:#ffffff; }
div.overlay_wrapper div.item_Area table.genreItem_Table td span.vendor_Img img{ margin:0; vertical-align:top; }

div.overlay_wrapper div.item_Area p.extension            { margin-left:13px; padding-bottom: 2px; padding-left: 0; padding-right: 0; padding-top: 0.5em; }
div.overlay_wrapper div.item_Area p.extension a,
div.overlay_wrapper div.item_Area p.extension span       { background-image: url("../../shared/images/filter_bt03_001.gif"); background-repeat: no-repeat; cursor: pointer;display: inline-block; height: 23px; line-height: 23px; }
div.overlay_wrapper div.item_Area p.extension a          { background-position: left center; padding-bottom: 0; padding-left: 18px; padding-right: 0; padding-top: 0; }
div.overlay_wrapper div.item_Area p.extension a:link,
div.overlay_wrapper div.item_Area p.extension a:visited  { color: #0B41A1; }
div.overlay_wrapper div.item_Area p.extension span       { background-position: right top; padding-bottom: 0; padding-left: 0; padding-right: 0.8em; padding-top: 0; }

* 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; }





/*__________________ [4-4] Vendor Table Fixed _______________*/
div.overlay_wrapper div.item_Area table.vendorList_Table            { border-collapse:separate; border-spacing:3px; margin:0 0 1em 0; width:532px; border-width:0; line-height:1.2; background-color:#fff; }
div.overlay_wrapper div.item_Area table.vendorList_Table img        { vertical-align:middle; }
div.overlay_wrapper div.item_Area table.vendorList_Table th         { padding:5px 20px 5px 5px; border-width:0; text-align:left; color:#666666; background-color:#ffffff;  }
div.overlay_wrapper div.item_Area table.vendorList_Table td         { padding:5px 20px 5px 5px; width:241px; border-width:0; line-height:1.1; vertical-align:top; }
div.overlay_wrapper div.item_Area table.vendorList_Table td.hover,
div.overlay_wrapper div.item_Area table.vendorList_Table td:hover   { background-color:#f2f2f2; }
div.overlay_wrapper div.item_Area table.vendorList_Table td span.vendor_Img    { display:inline-block; margin:0 3px 0 0; width:60px; height:21px; line-height:21px; border:solid 1px #c4c4c4; text-align:center; vertical-align:middle; background-color:#ffffff; }
div.overlay_wrapper div.item_Area table.vendorList_Table td span.vendor_Img img{ margin:0; vertical-align:top; }
div.overlay_wrapper div.item_Area table.vendorList_Table input      { vertical-align:middle; }
* html div.overlay_wrapper .vendorList_Table input                  { width:1em; height:1em; }

#container div.overlay_wrapper div.item_Area td.disabled            { color:#999999; }
#container div.overlay_wrapper div.item_Area td.disabled img        { filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; }


/*__________________ [4-5] Submit Area (ordinal -> [1-5] ) _______________*/
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(../../shared/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(/element/j_dp/shared/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; }



/*_________ [4-6] Google Map Modal Extended_________*/
div#gmapmodal-container                   { padding:0; width:722px; }
div#gmapmodal-container:after             { content:'.'; display:block; clear:both; height:0px; visibility:hidden; }
div#gmapmodal-container div#overlay,
div#gmapmodal-container div.simplemodal-data,
div#gmapmodal-container div.overlay_wrapper  { width:722px; }
* html div#gmapmodal-container div.overlay_wrapper { padding:0 0 40px 0; }
div#gmapmodal-container div.popup_Name       { border-bottom:solid 1px #bdbdbd; }

#hotelMap_Box   { float:left; padding:10px; width:400px; }
#map_canvas     { overflow:hidden; margin:0 0 10px 0; width:400px; height:275px; }

#googleMapRoute                        { width:400px; border-style:solid; border-color:#bdbdbd; border-width:1px 0; line-height:1.2; }
#googleMapRoute div                    { padding:6px 5px 6px 10px; width:385px; border-style:solid; border-color:#ffffff; border-width:1px 0; background-color:#f7f7f7; }
#googleMapRoute div:after              { content:'.'; display:block; clear:both; height:0px; visibility:hidden; }
#googleMapRoute .routeDecision_List       { float:left; width:265px; }
#googleMapRoute .routeDecision_List dt    { margin:0 0 0.5em 0; font-weight:bold; }
#googleMapRoute .routeDecision_List dl    { float:left; line-height:1.5; }
#googleMapRoute .routeDecision_List dl dt { clear:both; float:left; margin:0 0 0.3em 0; width:65px; height:1.5em; font-weight:normal; }
#googleMapRoute .routeDecision_List dl dd { float:left; margin:0 0 0.3em 0; width:190px; }
#googleMapRoute .routeDecision_List dl dd.transport       { width:auto; }
#googleMapRoute .routeDecision_List dl dd input           { vertical-align:middle; }
#googleMapRoute .routeDecision_List dl dd.departure input { width:190px; }
#googleMapRoute p                      { float:left; padding:1.6em 0 0 10px; }
#googleMapRoute p a                    { overflow:hidden; display:block; width:89px; height:36px; text-indent:-9999px; background:url(../../shared/images/route_bt01_001.gif)  no-repeat left top; }
#googleMapRoute p a:hover,
#googleMapRoute p a:active             { background-position:left -50px; }

#mapFloatingWindow                     { position:absolute; z-index:10000; bottom:6px; left:50%; margin:0 0 0 -135px; padding:5px; width:260px; min-height:20px; height:auto !important; height:20px; line-height:20px; border:2px solid #999999; text-align:center; background-color:#ffffff; }
#mapFloatingWindow b                   { color:#666666; }

.overlay_wrapper .itemInfo_Box        { overflow-x:hidden; overflow-y:visible; display:inline; float:right; margin:10px 10px 10px 0; padding:0 18px 0 0; width:274px; }
.overlay_wrapper .itemInfo_Box strong { display:block; padding:0 0 0.2em 0; border-bottom:solid 1px #c9c9c9; font-weight:bold; font-size:120%; }
.overlay_wrapper .itemInfo_Box dl     { margin:0.8em 0 0 0; }
.overlay_wrapper .itemInfo_Box dt     { margin:0 0 0.3em 0; font-weight:bold; }
.overlay_wrapper .itemInfo_Box dd     { margin:0 0 0.3em 0; padding:0 0 0.3em 0; border-bottom:dotted 1px #c7c7c7; }