/*_________ [1] Tooltop as Help    __________*/
.qtipHelp_Area                { width:424px; border:solid 7px #C1E0FF; text-align:left; background-color:#ffffff; }
.qtipHelp_Area2               { width:302px; padding:0; border:solid 7px #C1E0FF; text-align:left; background-color:#ffffff; }



/*_________ [1-1] Header Setting   __________*/
.qtip-title        { padding:7px 4px 7px 8px; width:412px; line-height:1.1; border-bottom:solid 1px #7abdff; background-color:#e1f0ff; }
.qtip-title:after  { content:'.'; display:block; clear:both; height:0px; visibility:hidden; }
.qtip-title em     { display:inline; float:left; color:#333333; font-weight:bold; font-style:normal;}
.qtip-title span   { display:inline; float:right; text-align:right; font-size:78%; line-height:1.28; }



/*_________ [1-2] Contents Setting __________*/
.simplemodal-data .qtip-content       { padding:12px 10px 20px 10px; width:518px; border-color:#3399ff; line-height:1.2; background-color:#ffffff; }
.simplemodal-data .qtip-content p     { font-size:93.75%; margin-bottom:7px; color:#555555; }
.simplemodal-data .qtip-content table { width:517px table-layout:fixed; border-collapse:collapse; border-spacing:0; }
.simplemodal-data .qtip-content table td.outward { border-right: solid 1px #c8c8c8; }
.simplemodal-data .qtip-content table td.outward,
.simplemodal-data .qtip-content table td.return  { width:258px; vertical-align:top; border-bottom: solid 1px #c8c8c8; } 
.simplemodal-data .qtip-content table table      { width:258px; vertical-align:top; table-layout:fixed; border-collapse:collapse; border-spacing:0; }
.simplemodal-data .qtip-content th.ttl    { border-color:#c8c8c8; border-style:solid; border-width:1px 0 1px 0; padding:3px; vertical-align:top; background-color:#f0f0f0; font-weight:normal; color:#666666; font-size:78%; text-align:center; }
.simplemodal-data .qtip-content th.ttl em { margin:0 0.8em 0 0; font-weight:bold; font-size:120%;}
.simplemodal-data .qtip-content tr.item th{ font-size:78%; font-weight:normal; color:#777777; border-bottom:solid 1px #c8c8c8; line-height:1.6; }
.simplemodal-data .qtip-content td.outward tr.item th.departureTime { padding-left:20px; text-align:left; }
.simplemodal-data .qtip-content td.return tr.item th.departureTime  { padding-left:23px; text-align:left; }
.simplemodal-data .qtip-content tr.item th.arrivalTime { text-align:center; }
.simplemodal-data .qtip-content table .departureTime { width:84px; }
*html .qtip-content table .departureTime { width:79px; }
*:first-child+html .simplemodal-data .simplemodal-data .qtip-content table .departureTime { width:79px; }
.simplemodal-data .simplemodal-data .qtip-content table .arrivalTime   { width:66px; text-align:center; }
.simplemodal-data .qtip-content table .charge        { width:108px; text-align:center; }
.simplemodal-data .qtip-content table table td         { padding:3px; vertical-align:top; white-space:nowrap; background-color:#FFFFFF; border-bottom: dotted 1px #bdbdbd; line-height:26px; }
.simplemodal-data .qtip-content table td.outward td.departureTime { padding-left:14px; }
.simplemodal-data .qtip-content table td.return td.departureTime  { padding-left:17px; }
.simplemodal-data .qtip-content table table tr.last td { border-bottom:none; }
.simplemodal-data .qtip-content tr.select td         { background-color:#fff3da;}
.simplemodal-data .qtip-content td.departureTime     { background:url(../images/ar03_001.gif) no-repeat right top; }
.simplemodal-data .qtip-content td.departureTime.via { background:url(../images/ar03_002.gif) no-repeat right top; }
.simplemodal-data .qtip-content tr.select td.departureTime     { background:url(../images/ar03_001.gif) #fff3da no-repeat right top; }
.simplemodal-data .qtip-content tr.select td.departureTime.via { background:url(../images/ar03_002.gif) #fff3da no-repeat right top; }
.simplemodal-data .qtip-content td.arrivalTime   { text-align:center; }
.simplemodal-data .qtip-content td.charge        { font-size:86%; color:#555555; }

/*________ [1-3] Contents2 Setting ________*/
.qtipHelp_Area2 .qtip-title       { padding:7px 4px 7px 8px; width:290px; line-height:1.1; border-bottom:solid 1px #7abdff; background-color:#e1f0ff; font-weight:bold; }     
.qtipHelp_Area2 .qtip-content     { padding:7px 11px 0 10px !important; width:281px !important; line-height:1.2 !important; background-color:#ffffff !important; }
.qtipHelp_Area2 .qtip-content p   { margin:0 0 1em 0; }
.qtipHelp_Area2 .qtip-content span{ display:block; padding:0 0 0 1em; }
.qtipHelp_Area2 .qtip-content li  { display:block; padding:0 0 0 1em; margin:0 0 1em 0; text-indent:-0.7em; }


/* .hotel-fee
----------------------------------------------- */

.cmn-tip-container.hotel-fee{
width:500px;
}
.cmn-tip-container.hotel-fee p span{
color:#e30707
}

/* .booking-info
----------------------------------------------- */

.cmn-tip-box .booking-info-box p{
margin:0 0 10px 0;
}
.cmn-tip-box .booking-info-box p .info-st{
color:#e30707;
}
.cmn-tip-box .booking-info-box dl{
margin-bottom:8px;
}
.cmn-tip-box .booking-info-box dl dt{
display:block;
box-sizing:border-box;
border:1px solid #ccc;
border-radius:3px;
position:relative;
height:30px;
vertical-align:middle;
margin-bottom:6px;
}
.cmn-tip-box .booking-info-box dl.flight-list dt:before{
content:'2';
font-size:18px;
font-weight:bold;
padding:2px 4px 0 10px;
}
.cmn-tip-box .booking-info-box dl.hotel-list dt:before{
content:'1';
font-size:18px;
font-weight:bold;
padding:2px 4px 0 10px;
}
.cmn-tip-box .booking-info-box dl dt span{
height:28px;
box-sizing:border-box;
vertical-align:top;
display:inline-block;
border-left:1px solid #ccc;
padding:5px 0 0 35px;
position:relative;
}

.cmn-tip-box .booking-info-box dl.flight-list dt span:before{
content:'';
position:absolute;
background:url(/element/j_dp/shared/images/ic-dp.png) no-repeat;
display:block;
width:22px;
height:22px;
background-position:-8px -12px;
left:5px ;
top:50%;
margin-top:-11px;
}
.cmn-tip-box .booking-info-box dl.hotel-list dt span:before{
content:'';
position:absolute;
background:url(/element/j_dp/shared/images/ic-dp.png) no-repeat;
display:block;
width:24px;
height:20px;
background-position:-8px -56px;
left:5px ;
top:50%;
margin-top:-10px;
}

.cmn-tip-box .booking-info-box .flight-list + p{
margin-bottom:25px;
}