/** Add Style */
body { overflow-x: hidden; }

#movie { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

#airport, #strength { width: 100%; margin: 0 auto; }

#airport { height: 590px; }

#strength { height: 650px; }

.wrap { width: 790px; margin: 0 auto; }

.airport { position: absolute; opacity: 0; filter: alpha(opacity=0); z-index: 1000; }

.anim1, .anim2, .anim3 { opacity: 0; filter: alpha(opacity=0); position: relative; z-index: 1000; }

.anim1 *, .anim2 *, .anim3 * { transition: all 0.6s ease; }

.brightness { -webkit-filter: brightness(120%); filter: brightness(120%); }

.anim3__0 img { transition: all 0.0s ease; /* background: url(../images/animation01/animation3_0.png) no-repeat; background-blend-mode: overlay;
*/ }

.anim1__0 img { transition: all 0.0s ease; /* background: url(../images/animation01/animation1_0.png) no-repeat; background-blend-mode: overlay;
*/ }

.anim1 .p__1, .anim1 .p__2, .anim1 .p__3, .anim1 .p__4, .anim1 .p__5 { position: relative; opacity: 0; filter: alpha(opacity=0); }
.anim1 .p__1 { top: 47px; }
.anim1 .p__3 { top: 23px; margin: 0 3px 0 1px; }
.anim1 .p__4 { top: 47px; }
.anim1 .p__5 { top: 15px; }
.anim1 li { position: absolute; }
.anim1 li.anim1__0, .anim1 li.anim1__1, .anim1 li.anim1__2, .anim1 li.anim1__3 { opacity: 0; filter: alpha(opacity=0); }
.anim1 li.anim1__0 { top: 110px; left: 200px; }
.anim1 li.anim1__1 { top: 104px; left: 213px; -webkit-transform-origin: bottom left; transform-origin: bottom left; -ms-transform-origin: bottom left; }
.anim1 li.anim1__2 { top: 87px; left: 274px; }
.anim1 li.anim1__2:after { content: ""; display: block; padding-bottom: 3px; width: 202px; }
.anim1 li.anim1__2.line { /*border-bottom: solid 1px #fff;*/ width: 0; }
.anim1 li.anim1__2 img { position: relative; left: 0; }
.anim1 li.anim1__3 { top: 64px; left: 498px; }

.anim2 { top: 0; left: 0; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; }
.anim2 .route { -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; }
.anim2 .route img { position: absolute; top: 134px; left: 148px; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; opacity: 0; filter: alpha(opacity=0); }
.anim2 .text { position: absolute; top: 156px; left: 498px; opacity: 0; filter: alpha(opacity=0); }
.anim2 .text img { position: relative; left: 0; }
.anim2 .route img { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.anim2 .route img.line { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.anim1 .line_wrap { position: relative; display: block; width: 340px; height: 350px; }
.anim1 .line_mask { position: relative; display: block; width: 0px; height: 44px; overflow: hidden; -webkit-transform-origin: bottom left; transform-origin: bottom left; -ms-transform-origin: bottom left; transition: all 0.0s linear; -ms-transition: all 0.0s linear; background: url(../images/animation01/animation_line01.png) no-repeat; }

.anim3 .line_wrap { position: relative; display: block; width: 350px; height: 350px; }
.anim3 .line_mask { position: relative; display: block; width: 0px; height: 80px; overflow: hidden; -webkit-transform-origin: bottom left; transform-origin: bottom left; -ms-transform-origin: bottom left; transition: all 0.0s linear; -ms-transition: all 0.0s linear; background: url(../images/animation01/animation_line02.png) no-repeat; }
.anim3 li { position: absolute; }
.anim3 li.anim3__0, .anim3 li.anim3__1, .anim3 li.anim3__2, .anim3 li.anim3__3 { opacity: 0; }
.anim3 li.anim3__0 { top: 188px; left: 118px; }
.anim3 li.anim3__1 { top: 174px; left: 143px; -webkit-transform-origin: bottom left; transform-origin: bottom left; -ms-transform-origin: bottom left; }
.anim3 li.anim3__2 { top: 157px; left: 357px; }
.anim3 li.anim3__2 img { position: relative; left: 0; }
.anim3 li.anim3__2:after { content: ""; display: block; padding-bottom: 3px; }
.anim3 li.anim3__2.line { /*border-bottom: solid 1px #fff;*/ width: 0; }
.anim3 li.anim3__3 { top: 10px; left: 574px; }

.airplane_box { position: relative; }

.airplane { position: absolute; z-index: 1000; opacity: 0; width: 14px; height: 14px; -webkit-transform-origin: center center; transform-origin: center center; -ms-transform-origin: center center; }
.airplane img { width: 14px; position: absolute; -webkit-transform-origin: center center; transform-origin: center center; -ms-transform-origin: center center; opacity: 0; filter: alpha(opacity=0); }
.airplane.p1 { top: 241px; left: 112px; }
.airplane.p1 img { -webkit-transform: rotate(24deg); transform: rotate(24deg); -ms-transform: rotate(24deg); /* transform: rotate(-20deg); -ms-transform: rotate(-20deg);
*/ }

.airplane_w { position: absolute; z-index: 1000; width: 14px; height: 14px; -webkit-transform-origin: center center; transform-origin: center center; -ms-transform-origin: center center; opacity: 0; filter: alpha(opacity=0); }
.airplane_w img { width: 14px; position: absolute; -webkit-transform-origin: center center; transform-origin: center center; -ms-transform-origin: center center; }
.airplane_w.w1 { top: 205px; left: 100px; }
.airplane_w.w2 { top: 223px; left: 106px; }
.airplane_w.w3 { top: 241px; left: 112px; }
.airplane_w.w1 img, .airplane_w.w2 img { width: 13px; -webkit-transform: rotate(24deg); transform: rotate(24deg); -ms-transform: rotate(24deg); /* transform: rotate(-20deg); -ms-transform: rotate(-20deg);
*/ }
.airplane_w.w3 img { -webkit-transform: rotate(114deg); transform: rotate(114deg); -ms-transform: rotate(114deg); /* transform: rotate(-20deg); -ms-transform: rotate(-20deg);
*/ }

#strength .circle { position: absolute; }
#strength .map { position: relative; opacity: 0; filter: alpha(opacity=0); }
#strength .map_img img { position: relative; }

.ie9 #strength .map_img img { position: relative; left: 0px; }

#strength .circle1 { position: absolute; /*    background: url(../images/animation02/circle0.png) no-repeat 0 0;*/ width: 790px; height: 650px; left: 0; top: 0; }

#strength .wrap { position: relative; }
#strength .circle1.bg { background: url(../images/animation02/circle0.png) no-repeat 0 0; }
#strength .circle1 span { background: url(../images/animation02/circle0.png) no-repeat 0 0; display: block; content: ""; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; overflow: hidden; width: 0px; height: 0px; border-radius: 0%; background-color: transparent; position: absolute; top: 0; }
#strength .circle1 span.top { left: 0; height: 325px; }
#strength .circle1 span.bottom { top: 325px; right: 0; height: 325px; background: url(../images/animation02/circle0.png) no-repeat right bottom; }
#strength .copy { position: relative; }
#strength .copy .head1, #strength .copy .head2 { position: relative; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#strength .copy .head2 { margin-top: 10px; }
#strength .copy .head2 { opacity: 0; filter: alpha(opacity=0); }
#strength .copy .head2 img { -webkit-transform-origin: center center; transform-origin: center center; -ms-transform-origin: center center; }
#strength .copy li { opacity: 0; filter: alpha(opacity=0); }

#strength .asia_wrap { position: absolute; top: 0; left: 0; }

#strength .asia_map { position: absolute; top: 0; left: 0; width: 790px; height: 650px; }
#strength .asia_map li { position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#strength .copy { position: absolute; padding-left: 15px; }
#strength .copy ul { padding-top: 15px; position: relative; }
#strength .copy li { margin-left: 30px; border-bottom: solid 1px #a1a1a1; width: 230px; height: 30px; }
#strength .copy li.time5 { height: auto; }
#strength .copy li.time5 span.small { position: relative; top: 0; font-size: 10px; line-height: 20px; }
#strength .copy li.time5 img.small { top: 8px; margin: 0 5px; width: 8px; height: auto; }
#strength .copy li span { position: relative; top: 4px; }
#strength .copy li img { position: relative; top: 10px; margin: 0 10px; }
#strength .copy li:first-child { border-top: solid 1px #a1a1a1; }
#strength .copy .notice { margin-left: 30px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; line-height: 30px; font-size: 11px; }

.pos_okinawa { top: 334px; left: 462px; }

.pos_shanghai { top: 288px; left: 350px; }

.pos_hongkong { top: 362px; left: 280px; }

.pos_thailand { top: 438px; left: 184px; }

.pos_taiwan { top: 344px; left: 362px; }

.pos_malaysia { top: 530px; left: 200px; }

.pos_singapore { top: 542px; left: 245px; }

.pos_shanghai_line { top: 291px; left: 411px; -webkit-transform-origin: right bottom; transform-origin: right bottom; -ms-transform-origin: right bottom; }

.pos_hongkong_line { top: 336px; left: 353px; -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; }

.pos_taiwan_line { top: 336px; left: 412px; -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; }

.pos_thailand_line { top: 338px; left: 244px; -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; }

.pos_singapore_line { top: 338px; left: 270px; -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; }

.pos_malaysia_line { top: 534px; left: 258px; -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; }

.pos_shanghai_airplane { top: 334px; left: 462px; opacity: 0; filter: alpha(opacity=0); }
.pos_shanghai_airplane img { width: 14px; -webkit-transform: rotate(-93deg); transform: rotate(-93deg); -ms-transform: rotate(-93deg); }

.pos_taiwan_airplane { top: 328px; left: 464px; opacity: 0; filter: alpha(opacity=0); }
.pos_taiwan_airplane img { width: 14px; -webkit-transform: rotate(-150deg); transform: rotate(-150deg); -ms-transform: rotate(-150deg); }

.pos_hongkong_airplane { top: 328px; left: 464px; opacity: 0; filter: alpha(opacity=0); }
.pos_hongkong_airplane img { width: 14px; -webkit-transform: rotate(-152deg); transform: rotate(-152deg); -ms-transform: rotate(-152deg); }

.pos_thailand_airplane { top: 337px; left: 464px; opacity: 0; filter: alpha(opacity=0); }
.pos_thailand_airplane img { width: 14px; -webkit-transform: rotate(-162deg); transform: rotate(-162deg); -ms-transform: rotate(-162deg); }

.pos_singapore_airplane { top: 324px; left: 464px; opacity: 0; filter: alpha(opacity=0); }
.pos_singapore_airplane img { width: 14px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -ms-transform: rotate(-180deg); }

#strength2 { height: 300px; position: relative; }
#strength2 .filling, #strength2 .kitting, #strength2 .repair, #strength2 .merge { position: relative; }
#strength2 .kitting { left: 180px; top: 119px; }
#strength2 .kitting .parts1 img { position: absolute; }
#strength2 .kitting .parts1 .check1 { top: 0; z-index: 10; }
#strength2 .kitting .parts1 .check2 { top: 19px; z-index: 10; }
#strength2 .kitting .parts1 .check3 { top: 29px; z-index: 10; }
#strength2 .kitting .parts1 .check4 { top: 38px; z-index: 10; }
#strength2 .kitting .parts1_bg { z-index: 0; }
#strength2 .filling img { position: absolute; }
#strength2 .filling .mask { position: absolute; top: 153px; left: 31px; z-index: 100; }
#strength2 .filling .parts0 { position: absolute; top: 101px; left: 45px; z-index: 500; }
#strength2 .filling .parts1 { position: absolute; top: 0; left: 0; z-index: 600; }

.liquid_wrap { position: relative; }

#strength2 .filling .liquid1 { display: block; width: 35px; height: 60px; background: #fff; position: absolute; top: 160px; left: 36.1px; -webkit-transform-origin: bottom; transform-origin: bottom; -ms-transform-origin: bottom; }
#strength2 .filling .liquid2 { display: block; width: 2px; height: 60px; background: #fff; position: absolute; top: 159px; left: 52px; -webkit-transform-origin: top; transform-origin: top; -ms-transform-origin: top; }
#strength2 p { color: #fff; position: absolute; top: 300px; }
#strength2 .kitting { opacity: 0.5; filter: alpha(opacity=50); }
#strength2 .kitting .parts0 { position: absolute; top: 0; left: 0; z-index: 1000; }
#strength2 .kitting .parts1 { position: absolute; top: 25px; left: 36px; z-index: 910; opacity: 0; filter: alpha(opacity=0); }
#strength2 .kitting .parts2 { position: absolute; top: 34px; left: 74px; z-index: 920; opacity: 0; filter: alpha(opacity=0); }
#strength2 .caption { position: relative; top: 270px; }
#strength2 .caption li { float: left; font-size: 20px; }
#strength2 .caption li.on { color: #fdd000; opacity: 0; filter: alpha(opacity=0); }
#strength2 .caption li.cap1 { position: relative; left: 33px; }
#strength2 .caption li.cap2 { position: relative; left: 168px; }
#strength2 .caption li.cap3 { position: relative; left: 260px; }
#strength2 .caption li.cap4 { position: relative; left: 360px; }

.display_wrap { position: absolute; top: 0; left: 0; }
.display_wrap .display { position: relative; width: 148px; height: 84px; left: 15px; top: 9px; background: #fff; display: block; opacity: 0; filter: alpha(opacity=0); }

/*
.display_mask { display: block; background: #000; transform-origin: bottom; -ms-transform-origin: bottom; width: 95px; height: 50px; position: relative; top: -57px; left: 40px; z-index: 10000;
}*/
#strength2 .repair img, #strength2 .merge img { position: absolute; }
#strength2 .repair { left: 425px; top: 122px; opacity: 0.5; filter: alpha(opacity=50); }
#strength2 .repair .parts0 { z-index: 100; }
#strength2 .repair .parts1 { z-index: 90; }
#strength2 .repair .parts2 { z-index: 80; }
#strength2 .repair .parts3 { z-index: 70; left: 80px; top: 0; }
#strength2 .repair .parts3 .neji1 { left: 50px; top: 5px; }
#strength2 .repair .parts3 .neji2 { left: 60px; top: 10px; }
#strength2 .repair .parts3 .neji3 { left: 70px; top: 5px; }
#strength2 .repair .parts3 .neji4 { left: 40px; top: 7px; }
#strength2 .repair .parts4 { z-index: 60; left: 135px; top: 15px; }
#strength2 .repair .parts5 { z-index: 50; left: 155px; top: 15px; }
#strength2 .repair .parts6 { z-index: 40; opacity: 0; filter: alpha(opacity=0); left: 10px; }
#strength2 .merge { left: 650px; top: 88px; opacity: 0.5; filter: alpha(opacity=50); }
#strength2 .merge_wrap img { position: absolute; }
#strength2 .merge .parts0 { z-index: 100; top: 100px; }
#strength2 .merge .parts1 { z-index: 100; top: 100px; left: 50px; }
#strength2 .merge .parts2 { z-index: 100; top: 63px; left: 25px; }
#strength2 .merge .parts3 { z-index: 100; top: -7px; left: 170px; }
#strength2 .merge .parts4 { z-index: 100; top: 30px; left: 120px; }
#strength2 .merge .parts5 { z-index: 200; top: 30px; left: -19px; opacity: 0; filter: alpha(opacity=0); }
#strength2 .merge .parts6 { z-index: 50; top: 57px; left: 9px; opacity: 0; filter: alpha(opacity=0); }

.head1_1 p, .head1_2 p { position: relative; float: left; vertical-align: bottom; padding: 2px; }

.head1_1 img { float: left; vertical-align: bottom; }

.head1_2 { clear: both; }
.head1_2 img { float: left; vertical-align: bottom; }