@charset "utf-8";
#contents .moduleUnit{position:absolute;top:133px;left:50%;margin-left:-475px;z-index:10;}
/* categoryTop 
------------------------------------ */
.ttlHead{color:#fff;height:155px;background-color:#eaeaea;}
.ttlHead .inr{width:950px;margin:0 auto;}
.ttlHead h2{font-size:30px;line-height:155px;text-shadow: 0 0 3px #503738;}

/* 重要なお知らせ */
.importantInfo{background-color:#fff;box-shadow:0 3px 4px rgba(0,0,0,.2);}
.importantInfo .infoInr{width:950px;margin:0 auto;padding:8px;}
.importantInfo .infoInr > ul{background: url(/world/commonY16/img/bg_important_info.png) no-repeat 0 0;min-height:26px;padding-left:35px;}
.importantInfo .infoInr > ul li{padding-top:4px;}
.importantInfo .infoInr > ul li a{color:#990000;}
.importantInfo .infoInr > ul li a.iconLink,.importantInfo .infoInr > ul li a.iconOther{position:relative;overflow:hidden;padding-left:12px;}
.importantInfo .infoInr > ul li a.iconLink{padding-left:12px;}
.importantInfo .infoInr > ul li a.iconOther{padding-left:16px;}
.importantInfo .infoInr > ul li a.iconLink:after,
.importantInfo .infoInr > ul li a.iconOther:after{content:"";display:inline-block;background-image:url(/world/commonY16/img/icon_links_sprite.png);background-repeat:no-repeat;position:absolute;top:50%;}
.importantInfo .infoInr > ul li a.iconLink:after{width:4px;height:7px;margin-top:-4px;background-position:0 -17px;left:2px;}
.importantInfo .infoInr > ul li a.iconOther:after{width:11px;height:10px;margin-top:-5px;background-position:0 -95px;left:0;}

/* index
------------------------------------ */
/* mainVisual */
.mainVisualWrap{background-color:#333;position:relative;width:100%;min-width:950px;height:600px;overflow:hidden;}
.mainVisualWrap .mainVisualItem{position:absolute;width:950px;height:600px;top:0;left:50%;margin-left:-475px;}
.mainVisualWrap .mainVisualItem .pic{position:absolute;top:0;left:-225px;}
.mainVisualWrap .mainVisualItem .pic img{}
.mainVisualWrap .mainVisualItem .itemLink{position:absolute;bottom:77px;right:0;}
.mainVisualWrap .mainVisualItem .itemLink >a{display:block;background:#fff;background:rgba(255,255,255,.9);padding:18px 20px 15px;width:340px;position:relative;text-decoration:none;}
.mainVisualWrap .mainVisualItem .itemLink >a span{display:block;width:275px;}
.mainVisualWrap .mainVisualItem .itemLink >a:after{content:"";display:inline-block;width:49px;height:49px;background:url(/world/commonY16/img/icon_crsl_sprite.png) no-repeat 0 -44px;position:absolute;top:50%;right:20px;margin-top:-23px;}
.mainVisualWrap .mainVisualItem .itemLink .ttlTxt{font-size:20px;}
.mainVisualWrap .mainVisualItem .itemLink .detailTxt{font-size:14px;margin-top:3px;}
.mainVisualWrap .mainVisualItemBtn .itemNav{background:rgba(255,255,255,.9);padding:18px 20px;width:340px;border-top:1px solid #d0d0d0;position:absolute;bottom:30px;left:50%;margin-left:95px;}
.mainVisualWrap .mainVisualItemBtn ol{text-align:center;font-size:0;}
.mainVisualWrap .mainVisualItemBtn li{display:inline-block;margin-left:15px;}
.mainVisualWrap .mainVisualItemBtn li:first-child{margin-left:0;}
.mainVisualWrap .mainVisualItemBtn li a{content:"";display:inline-block;width:10px;height:10px;background:url(/world/commonY16/img/icon_crsl_sprite.png) no-repeat;}
.mainVisualWrap .mainVisualItemBtn li a.numBtn{background-position:0 -14px}
.mainVisualWrap .mainVisualItemBtn li a.numBtn.is-current{background-position:0 0px}
.mainVisualWrap .mainVisualItemBtn li a.pauseBtn{background-position:0 -29px;}
.mainVisualWrap .mainVisualItemBtn li a.startBtn{background-position:0 -154px;}
.mainVisualWrap .mainVisualItemBtn li a span{text-indent:-10000px;display:inline-block;}
/* お得な運賃 */
.lowFaresUnit{position:relative;}
.lowFaresUnit .lowFaresCt{width:505px;position:absolute;top:40px;left:30px;}
.lowFaresUnit .lowFaresCt .headCt{background-color:#cc0000;color:#fff;padding:16px 20px;border-bottom:1px solid #8a0a0a;display:table;width:465px;}
.lowFaresUnit .lowFaresCt .headCt .lowFaresTtl{font-size:20px;width:6.5em;}
.lowFaresUnit .lowFaresCt .headCt .lowFaresSelect{font-size:16px;}
.lowFaresUnit .lowFaresCt .headCt .lowFaresSelect.icon_arw_WH_L:after{left:-24px;}
.lowFaresUnit .lowFaresCt .headCt .lowFaresSelect  select{width:275px;font-size:16px;}
.lowFaresUnit .lowFaresCt .headCt .lowFaresSelect > p{display:inline-block;vertical-align:middle;}
.lowFaresUnit .lowFaresCt .priceList li{border-bottom:1px solid #e0e0e0;}
.lowFaresUnit .lowFaresCt .priceList a{display:table;width:100%;position:relative;background:#fff;padding-left:0;}
.lowFaresUnit .lowFaresCt .priceList a:hover{text-decoration:none;background:#f1f1f1;}
.lowFaresUnit .lowFaresCt .priceList a.icon:after{right:15px;}
.lowFaresUnit .lowFaresCt .priceList span{display:table-cell;font-size:12px;vertical-align:middle;padding:14px 0 14px 15px;}
.lowFaresUnit .lowFaresCt .priceList span.classTxt{display:block;font-size:16px;vertical-align:baseline;padding:0;}
.lowFaresUnit .lowFaresCt .priceList span.lowest{width:225px;font-size:16px;padding-right:35px;padding-left:5px;text-align:right;}
.lowFaresUnit .lowFaresCt .priceList span.priceTxt{display:inline;font-size:21px;font-weight:bold;color:#cc0000;vertical-align:baseline;padding:0 2px 0 0;}
.lowFaresUnit .btmTxtUnit{display:table;width:100%;background-color:#fff;}
.lowFaresUnit .btmTxtUnit .detailTxt,.lowFaresUnit .btmTxtUnit .ruleLinks{display:table-cell;vertical-align:middle;padding:10px 0 10px 30px;}
.lowFaresUnit .btmTxtUnit .detailTxt{font-size:12px;}
.lowFaresUnit .btmTxtUnit .ruleLinks{padding-right:30px;text-align:right;}
.lowFaresUnit .custom select{background-color:#fff;cursor:pointer;font-size:16px;height:30px;padding: 0 35px 0 15px;vertical-align:middle;}
.lowFaresUnit .custom select option{background:#fff;color:#000;font-size:14px;}
.lowFaresUnit .lowFaresCt .headCt .lowFaresSelect select{background:url(/world/commonY16/img/bg_mdl_select_arw_RD.png) no-repeat right 12px bottom 50% #fff;}
.ie9- .lowFaresUnit .lowFaresCt .headCt .lowFaresSelect select{background-image:none;border-bottom:0;padding-right:0;}/* ie8+9*/

.lowFaresUnit .lowFaresCt.line2{top:22px;}
.lowFaresUnit .lowFaresCt.line2 .headCt{padding-top:8px;padding-bottom:10px;line-height:1.7;}
.lowFaresUnit .lowFaresCt.line2 .headCt .lowFaresTtl{width:auto;}

/* flight_planning 
------------------------------------ */
.flightPlanningPg .ttlHead{background:url(/world/commonY16/img/head_flight_planning_index.jpg) no-repeat 70% 0 #303038;}
/* service 
------------------------------------ */
.servicePg .ttlHead{background:url(/world/commonY16/img/head_service_index.jpg) no-repeat 70% 0 #503738;}

/* jmb 
------------------------------------ */
/* login  */
.loginBoxWrap{position:absolute;width:950px;top:130px;left:50%;margin-left:-475px;z-index:10;box-shadow:1px 1px 2px rgba(0,0,0,.2),-1px -1px 2px rgba(0,0,0,0.1);}
.loginBox{position:relative;background:#f5f5f5; padding:0 30px;letter-spacing:-1em;}
.loginBox .loginBoxHead{padding:0 12px;display:inline-block;letter-spacing:normal;}
.loginBox .loginBoxHead:first-child{padding-left:0;}
.loginBox .loginBoxHead > a{font-size:14px;color:#cc0000;border-bottom:2px solid #f5f5f5;padding:15px 8px 13px;display:block;text-decoration:none;}
.loginBox .loginBoxHead > a:hover,
.loginBox .loginBoxHead > a.is-current{border-bottom-color:#cc0000;}
.loginBox .loginBoxCt{background:#fff;width:890px;margin:0 -30px;padding:12px 30px 15px;position:absolute;border-top:1px solid #d0d0d0;letter-spacing:normal;}
.loginBox .loginBoxCt .loginArea{letter-spacing:-1em}
.loginBox .loginBoxCt .loginArea li{display:inline-block;letter-spacing:normal;margin-left:10px;line-height:1.7;}
.loginBox .loginBoxCt .loginArea li:first-child{margin-left:0;}
.loginBox .loginBoxCt .loginArea li input[type="text"],
.loginBox .loginBoxCt .loginArea li input[type="password"]{width:220px;border:1px solid #d0d0d0;font-size:16px;padding:7px 10px;color:#666;}
.loginBox .loginBoxCt .loginTxt{font-size:12px;line-height:1.8;vertical-align:middle;padding-top:3px;}
.loginBox .loginBoxCt .loginTxt input[type="checkbox"]{display:none;}
.loginBox .loginBoxCt .loginTxt input[type="checkbox"] + label{position:relative;padding-left:20px;}
.loginBox .loginBoxCt .loginTxt input[type="checkbox"] + label:hover{text-decoration:underline;color:#cc0000;}
.loginBox .loginBoxCt .loginTxt input[type="checkbox"] + label:after{content:"";display:inline-block;width:15px;height:15px;background:url(/world/commonY16/img/icon_login_box.png) no-repeat 0 -20px;position:absolute;top:0;left:0;}
.loginBox .loginBoxCt .loginTxt input[type="checkbox"]:checked + label:after{ background-position:0 0;}
.loginBox .loginBoxCt .loginTxt span{display:block;}
.memberService_box{padding:30px;}
.memberService_box > h2.ttlTxt,.memberService_box .inBox{float:left;}
.memberService_box > h2.ttlTxt{font-weight:normal;width:18%;font-size:16px;}
.memberService_box .inBox{padding-left:4%;width:23%;}
.box_clm.bcCol4 .ttlTxt{font-size:18px; font-weight:normal; letter-spacing:normal; width:100%; float:none; margin-bottom:20px;}
.box_clm.bcCol4 .memberService_box .inBox{padding-left:2.5%;}
.box_clm.bcCol4 .memberService_box .inBox:first-child, .box_clm.bcCol4 .memberService_box .inBox:nth-child(5){padding-left:0px;}
.box_clm.bcCol4 .memberService_box .inBox:nth-child(n + 5){margin-top:20px;}

/* crsl*/
.crslUnit .slider {width: 120px;height:200px;overflow:hidden;position:relative;}
.crslUnit .slider .slideSet {/*overflow: hidden;*/position:absolute;}
.crslUnit .slider .slide {/*border: 1px solid #f00;*/float:left;}

/* sp banner 
------------------------------------ */
.spBnrWrap{padding:30px 0;background-color:#d6d6d6;}
.spBnrWrap .spBnr{width:910px;margin:0 auto;}
.spBnrWrap .spBnr .btnRD {display:block;padding:25px;text-align:center;font-size:38px;font-weight:bold;text-decoration:none;}
.spBnrWrap ~ #contents .moduleUnit{top:300px!important;}
.spBnrWrap.disNon ~ #contents .moduleUnit{top:133px!important;}

/* login status
------------------------------------ */
.spBnrWrap:not(.disNon) ~ #contents .loginStatusBar{top:277px;}
.loginStatusBar{ background:rgba(0,0,0,.65);width:100%;padding:5px 0;position:absolute;top:110px;color:#fff;z-index:1;}
.loginStatusBar + .moduleUnit{top:175px!important;}
.loginStatusBar > .inr{width:950px;margin:0 auto;}
.loginStatusBar > .inr ul{display:table; height:20px;}
.loginStatusBar > .inr li{display:table-cell;vertical-align:middle;font-size:20px;padding:0 16px;border-left:1px solid #666;line-height:1;}
.loginStatusBar > .inr li:first-child{border-left:none;padding-left:0;}
.loginStatusBar > .inr li img{vertical-align:bottom;}
.loginStatusBar .loginError p{font-size:18px;}
.loginStatusBar .loginError p.btnReload{margin:2px 0;}
.loginStatusBar .loginError p a{border:1px solid #ffffff;color:#ffffff;padding:2px 10px;}
body.isLogin .spBnrWrap ~ #contents .moduleUnit{top:352px!important;}
body.isLogin .spBnrWrap.disNon ~ #contents .moduleUnit{top:175px!important;}

.memberLogin .icon_links_other_WH:after,.memberLogin .icon_links_other_RD:after{top:11px;}

.inr_jmbLoginError{background: #444444 none repeat scroll 0 0;border: 3px solid #cdcdcd;color: #ffffff;margin-top: 10px;padding: 15px;width: 743px;}
.loginBoxCt .inr_jmbLoginError{width: 856px;margin-bottom:10px;}

/* 180319 */
.destinationLinks{margin-left:-25px;}
.destinationLinks li{float:left;width:427px;margin-left:25px;}
.destinationLinks li .txtLink{line-height:inherit;}
.bgWT{background-color:#fff; }

/* link */
.destinationLinks .txtLink { display: inline-block; *display: inline; *zoom: 1; padding-left: 10px; font-size: 14px; line-height: 24px; color: #0f0f69!important; text-decoration: none !important; background: url(//www.jal.co.jp/jp/commonY15/img/icon_arrow_right_red_01.png) 0 8px no-repeat; }
.destinationLinks .txtLink:link { text-decoration: none }
.destinationLinks .txtLink:visited, .destinationLinks .txtLink:focus { color: #0f0f69!important; }
.destinationLinks .txtLink:hover { color: #ca0000!important; text-decoration: underline !important; }
.destinationLinks .txtLink.fs12 { font-size: 12px; background-position: 0 7px; }
.destinationLinks .txtLink.fs16 { font-size: 16px }
.destinationLinks .txtLink.fs18 { font-size: 18px; background-position: 0 7px; }
.destinationLinks .txtLink.fs20 { font-size: 20px; background: url(//www.jal.co.jp/jp/commonY15/img/icon_arrow_right_red_02.png) 0 4px no-repeat; }
.destinationLinks .txtLink.iconOther { padding-left: 17px; background: url(//www.jal.co.jp/jp/en/commonY15/img/icon_ext_red_01.png) 0 6px no-repeat; }
.destinationLinks .txtLink.iconOther > i{display:none;speak:normal;}
.destinationLinks .txtLink.iconOther.fs12 { font-size: 12px; background-position: 0 4px; }
.destinationLinks .txtLink.iconOtherImg {padding-left:0; background:none;}
.destinationLinks .txtLink.iconOtherImg img.extIcon{margin-right:5px;}
.destinationLinks .txtLink.iconOtherImg > i{display:none;speak:normal;}
.destinationLinks .txtLink.iconPdf { padding-left: 20px; background: url(//www.jal.co.jp/jp/commonY15/img/icon_pdf_red_01.png) 0 3px no-repeat; }
.destinationLinks .txtLink.iconPdf.fs12 { font-size: 12px; background-position: 0 5px; }
.destinationLinks .txtLink.iconDown { padding-left:15px; background:url(//www.jal.co.jp/jp/commonY15/img/icon_anchor_red_01.png) 0px 6px no-repeat;}
.destinationLinks .txtLink.iconDown.fs12 { font-size: 12px; background-position: 0 4px; }
.destinationLinks .txtLink.iconUp { padding-left:15px; background:url(//www.jal.co.jp/jp/commonY15/img/icon_anchor_up_red_01.png) 0px 5px no-repeat;}
.destinationLinks .txtLink.iconUp.fs12 { font-size: 12px; background-position: 0 4px; }
.destinationLinks .txtLink.disable { color: #666666; background: url(//www.jal.co.jp/jp/commonY15/img/icon_arrow_right_grey_01.png) 0 6px no-repeat; }
.destinationLinks .txtLink.disable:hover { color: #666666; text-decoration: none !important; }
.destinationLinks .txtLink.fcRD { color: #cc0000 }
.destinationLinks .txtLink.fcRD:visited { color: #cc0000 }