@charset "UTF-8";
/* CSS Document */

*{margin:0;padding:0;}
body, body p{padding:0; font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size:10pt; line-height:1.6;}
body {margin:0;padding:0;background:#222; color:#FFF; text-align:left; -webkit-text-size-adjust: 100%;}
a, a:visited{color:#FFF; text-decoration:none; overflow:hidden; outline:none;}
a:hover{color:#FFF; text-decoration:underline;}
img{border:none;}
table{border-collapse:collapse;}

/**/
h2{padding:0 0 30px 0;}
#videoWrap{width:320px; height:180px; margin:0 auto; position:relative; z-index:10;}
#videoWrap2{width:288px; height:162px; margin:0 auto; position:relative; z-index:10;}

#section1{background:url(/sp/international/promotions/787-9/ferryflight/image/1/bg.png) no-repeat left top; background-size:100% 100%; padding:55px 5% 45px; position:relative; z-index:11;}

#section2{background-image:url(/sp/international/promotions/787-9/ferryflight/image/2/map.png), url(/sp/international/promotions/787-9/ferryflight/image/2/bg.png); background-repeat:no-repeat, no-repeat; background-position:center 185px, left top; background-size:720px 280px, 100% 100%; padding:20px 5%; position:relative; z-index:11;}
#section2 h2{padding:0 0 150px 0;}
#section2 .note{font-size:8pt; text-align:right; margin:0 -10px 20px 0;}
#section2 .img{text-align:center; padding:20px 0 0 0; margin:0 0 -85px;}

#section3{background:url(/sp/international/promotions/787-9/ferryflight/image/3/bg.png) no-repeat left top; background-size:100% 100%; padding:50px 5% 0px; margin:-35px 0 0 0; position:relative; z-index:11;}
#section3 #featureWrap{_zoom:1; overflow:hidden; padding:30px 0 0 0;}
#section3 #featureWrap #block{width:50%; height:190px; float:left;}
#section3 #featureWrap #block p{font-size:9pt; line-height:1.5; padding:0 0 10px; text-align:center;}

#section4{background-image:url(/sp/international/promotions/787-9/ferryflight/image/4/sky.png), url(/sp/international/promotions/787-9/ferryflight/image/4/bg.png); background-repeat:no-repeat, no-repeat; background-position:center bottom, left top; background-size:720px 120px, 100% 100%; padding:50px 5% 170px; margin:-45px 0 0 0; position:relative; z-index:10;}
#section4 p{color:#00a7ea; font-size:9pt; padding:0 0 30px 0;}

#section5{background:url(/sp/international/promotions/787-9/ferryflight/image/5/bg.png) no-repeat left top; background-size:100% 100%; margin:-45px 0 0 0; position:relative; z-index:9;}
#section5 #inner{padding:70px 5% 30px;}
#section5 #infoWrap{background:url(/sp/international/promotions/787-9/ferryflight/image/5/border.png) no-repeat center top; background-size:100% 4px;}
#section5 #infoWrap #block{background:url(/sp/international/promotions/787-9/ferryflight/image/5/border.png) no-repeat center bottom; background-size:100% 4px; _zoom:1; padding:15px 0 5px 0;}
#section5 #infoWrap #block p{padding:0 0 15px 0;}
#section5 #sldWrap{width:100%; height:230px; overflow:hidden; padding:0 0 60px 0;}
#section5 #sldWrap #belt{_zoom:1; overflow:hidden; width:5149px; padding:0 5%;}
#section5 #sldWrap #belt #block{width:270px; float:left; padding:0 1px 0 0;}
#section5 #sldWrap #belt #block p{text-align:center; font-size:9pt; padding:0 0 5px 0;}

#section6{background:url(/sp/international/promotions/787-9/ferryflight/image/6/bg.png) no-repeat left top; background-size:100% 100%; padding:50px 0 40px; margin:-30px 0 0 0; position:relative; z-index:15;}
#section6 h2{text-align:center;}
#section6 p{padding:0 0 40px 0; text-align:center;}
#section6 p.flightmap{padding:0 0 25px 0;}
#section6 .copyright{position:absolute; width:100%; background:#222; padding:8px 0; left:0; bottom:0; color:#BBB; font-size:8pt;}

.btn2{width:140px; height:65px; position:fixed; right:0; top:0; z-index:50;}
.circle{border-radius:50%;