@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
   */

   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td,
   article, aside, canvas, details, embed,
   figure, figcaption, footer, header, hgroup,
   menu, nav, output, ruby, section, summary,
   time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
		max-height: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

a{
    text-decoration:none;
	-webkit-tap-highlight-color:#dcb4dc; color:#8867a8;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)!important; 
}



.link-normal{
	color:#222;
	text-decoration:underline;
}

body{
    -webkit-text-size-adjust: 100%;
    background: #fff;
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:13px;
	overflow:hidden;
}


.f-l { float: left !important; }
.f-r { float: right !important; }

.clear { clear: both; }
.clr {
    clear: both;
    height: 1px;
    width: 1px;
    padding: 0;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    border: 0;
    font-size: 0;
    line-height: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }

.t-center{
    text-align:center !important;
}

.t-right{
    text-align:right !important;
}

.t-left{
    text-align:left !important;
}


img{
	vertical-align:top;
}

.m-auto{
    margin-left:auto;
    margin-right:auto;
}

.img-full{
	width:100%;
	height:auto;
}

.txt-hidden{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;	
}

body{
	background:#1563a2;
	background:#111;
}

#about-world{
	width:1400px;
	height:460px;
	background:#fff;
	background:url(../img/common/bg.png) repeat-x;
	
	
	overflow:hidden;
	position:relative;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-700px;
	margin-top:-230px;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

#about-world-sunset{
	width:1400px;
	height:460px;
	background:#fff;
	background:url(../img/common/bg_sunset.png) repeat-x;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#alert-bg{
	position:fixed;
	z-index:2000;
	width:100%;
	height:100%;
	background:#000;
	display:none;
}

#alert-txt{
	position:absolute;
	width:100%;
	text-align:center;
	font-size:28px;
	line-height:1.8;
	top:50%;
	margin-top:-14px;
	color:#FFF;
	z-index:2001;
	display:none;
}

.alert-sp #alert-txt,
.alert-sp #alert-bg{
	display:block;
}

#about-world-inner{
	width:1400px;
	height:460px;
	position:relative;
	position:absolute;
	top:0;
	left:0;
}

#js-about-world-move{
	position:relative;
	width:5600px;
	height:460px;
	left:-500px;
	left:0px;
}


/* item */

#js-layer-cloud2{
	position:absolute;
	top:28px;
	width:7000px;
	/*width:1400px;*/
	height:460px;
	background:url(../img/common/bg_cloud2.png) repeat-x;
}

#js-layer-cloud{
	position:absolute;
	top:28px;
	width:7000px;
	/*width:1400px;*/
	height:460px;
	background:url(../img/common/bg_cloud.png) repeat-x;
}

.about-scene{
	position:absolute;
	top:0;
	width:1400px;
	height:460px;
}

.about-scene-inner{
	position:relative;
	width:1400px;
	height:460px;
}

#about-scene01{left:0;}
#about-scene02{left:1400px;}
#about-scene03{left:2800px;}
#about-scene04{left:4200px;}


/* scene01 */

#js-about-scene01-tit{
	position:absolute;
	top:50%;
	left:388px;
	width:624px;
	height:48px;
	margin-top:-24px;
	margin-top:-12px;
	background:url(../img/scene_01/scene_01_tit_bg.png) 0 0 no-repeat;
	display:none;
}

#js-about-scene01-tit div{
	width:0;
	height:48px;
	background:url(../img/scene_01/scene_01_tit_txt.png) 0 0 no-repeat;
}

#js-about-scene01-man{
	position:absolute;
	bottom:0px;
	left:122px;
	width:246px;
	height:265px;
	display:none;
}

#js-about-scene01-man-body{
	position:absolute;
	top:0;
	left:0;
	width:246px;
	height:265px;
	background:url(../img/scene_01/scene_01_man.png) 0 0 no-repeat;
}

#js-about-scene01-man-body.speak01{
	background:url(../img/scene_01/scene_01_man.png) 0 -265px no-repeat;
}

#js-about-scene01-man-body.speak02{
	background:url(../img/scene_01/scene_01_man.png) 0 -530px no-repeat;
}

#js-about-scene01-man-eye{
	position:absolute;
	left:78px;
	top:54px;
	width:40px;
	height:14px;
	background:url(../img/scene_01/scene_01_man_eye.png) 0 0 no-repeat;
}

#js-about-scene01-man-eye.close{
	background:url(../img/scene_01/scene_01_man_eye.png) 0 -14px no-repeat;
}

#js-about-scene01-man-mouth{
	position:absolute;
	left:78px;
	top:72px;
	width:40px;
	height:16px;
	background:url(../img/scene_01/scene_01_man_mouth.png) 0 -14px no-repeat;	
}

#js-about-scene01-man-mouth.speak{
	background:url(../img/scene_01/scene_01_man_mouth.png) 0 2px no-repeat;	
}

#js-about-scene01-serif{
	position:absolute;
	top:70px;
	left:326px;
	width:762px;
	height:299px;
	background:url(../img/scene_01/scene_01_tips.png) 0 0 no-repeat;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	display:none;
}

#js-about-scene01-serif li{
	position:absolute;
	height:20px;
	overflow:hidden;
    text-indent: 100%;
    white-space: nowrap;
}


#js-about-scene01-serif-01{
	top:61px;
	left:250px;
	width:262px;
	background:url(../img/scene_01/scene01_serif_01.png) 0 0 no-repeat;
}

#js-about-scene01-serif-02{
	top:82px;
	left:167px;
	width:430px;
	background:url(../img/scene_01/scene01_serif_02.png) 0 0 no-repeat;
}

#js-about-scene01-serif-03{
	top:113px;
	left:148px;
	width:466px;
	background:url(../img/scene_01/scene01_serif_03.png) 0 0 no-repeat;
}

#js-about-scene01-serif-04{
	top:145px;
	left:251px;
	width:140px;
	background:url(../img/scene_01/scene01_serif_04.png) 0 0 no-repeat;
}

#js-about-scene01-serif-05{
	top:145px;
	left:391px;
	width:124px;
	background:url(../img/scene_01/scene01_serif_05.png) 0 0 no-repeat;
}


#js-about-scene01-serif-06{
	top:166px;
	left:251px;
	width:262px;
	background:url(../img/scene_01/scene01_serif_06.png) 0 0 no-repeat;
}

#js-about-scene01-serif-07{
	top:196px;
	left:168px;
	width:428px;
	background:url(../img/scene_01/scene01_serif_07.png) 0 0 no-repeat;
}


#js-about-scene01-serif-08{
	top:217px;
	left:236px;
	width:292px;
	background:url(../img/scene_01/scene01_serif_08.png) 0 0 no-repeat;
}


/* arrow btn */

.btn-scene-change a{
	position:relative;
	display:block;
}

.btn-scene-change a span{
	position:absolute;
	display:block;
}

#js-btn-start{
	position:absolute;
	top:50%;
	left:1238px;
	margin-top:-56px;	
}

#js-btn-start a{
	width:140px;
	height:111px;
	display:block;
	background:url(../img/scene_01/btn_start.png) 0 0 no-repeat;
	position:relative;	
	display:none;
}

#js-btn-start a span{
	position:absolute;
	top:0;
	left:0;
	width:140px;
	height:111px;
}

#js-btn-start .js-btn-bg{background:url(../img/scene_01/btn_start.png) 0 -111px no-repeat;}
#js-btn-start .js-btn-img{background:url(../img/scene_01/btn_start.png) 0 -222px no-repeat;}

#modal-menu-items-01{
	position:absolute;
	top:400px;
	left:400px;
}

#modal-menu-items-01 li{
	width:188px;	
	float:left;
	height:64px;
	margin-right:18px;
	position:relative;
	display:none;
}

#modal-menu-items-01 li div{
	position:absolute;
	width:54px;
	height:64px;
	background:url(../img/common/tips_click.png) 0 0 no-repeat;
	top:-50px;
	right:0px;
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
}

#modal-menu-items-01 li div span{
	position:absolute;
	width:54px;
	height:64px;
	cursor:pointer;

}

#modal-menu-items-01 li div .tips-bg{
	background:url(../img/common/tips_click.png) 0 -64px no-repeat;
}

#modal-menu-items-01 li div .tips-click{
	background:url(../img/common/tips_click.png) 0 -128px no-repeat;
}

#modal-menu-items-01 li a{
	width:188px;
	height:52px;
	display:block;
	background:url(../img/scene_01/btn_scene_01_bg.png) 0 0 no-repeat;
}

#modal-menu-items-01 li a span.js-btn-bg{
	width:188px;
	height:52px;
	display:block;
	position:absolute;
	top:0;
	background:url(../img/scene_01/btn_scene_01_bg.png) 0 -52px no-repeat;
}

#modal-menu-items-01 li a span.js-btn-img{
	width:188px;
	height:52px;
	display:block;
	position:absolute;
	top:0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#modal-menu-items-01 li a span.js-btn-txt{
	display:none;
}

#js-modal-menu-01-01 a span.js-btn-img{
	background:url(../img/scene_01/btn_scene_01_txt.png) 2px 4px no-repeat;
}

#js-modal-menu-01-02 a span.js-btn-img{
	background:url(../img/scene_01/btn_scene_01_txt.png) 2px -52px no-repeat;
}

#js-modal-menu-01-03 a span.js-btn-img{
	background:url(../img/scene_01/btn_scene_01_txt.png) 2px -104px no-repeat;
}

#js-btn-scene01-skip{
	position:absolute;
	left:50%;
	top:401px;
	margin-left:-61px;
}

#js-btn-scene01-skip a{
	position:relative;
	width:112px;
	height:52px;
	display:block;
	background:url(../img/scene_01/btn_scene_01_skip.png) 0 0 no-repeat;
	display:none;
}

#js-btn-scene01-skip a span{
	position:absolute;
	top:0;
	left:0;
	width:112px;
	height:52px;	
}

#js-btn-scene01-skip .js-btn-bg{
	background:url(../img/scene_01/btn_scene_01_skip.png) 0 -52px no-repeat;
}

#js-btn-scene01-skip .js-btn-img{
	background:url(../img/scene_01/btn_scene_01_skip.png) 0 -104px no-repeat;
}

/* scene02 */

#js-about-scene04-tit,
#js-about-scene03-tit,
#js-about-scene02-tit{
	position:absolute;
	top:17px;
	left:50%;
	margin-left:-117px;
	background:url(../img/scene_02/scene_02_tit.png) 0 0 no-repeat;
	width:234px;
	height:36px;
	display:none;
}

#js-about-scene03-tit{
	background:url(../img/scene_03/scene_03_tit.png) 0 0 no-repeat;
}

#js-about-scene04-tit{
	background:url(../img/scene_04/scene_04_tit.png) 0 0 no-repeat;
}

#js-about-scene04-tit div,
#js-about-scene03-tit div,
#js-about-scene02-tit div{
	background:url(../img/scene_02/scene_02_tit.png) 0 -36px no-repeat;
	width:234px;
	height:36px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	width:0;
}

#js-about-scene03-tit div{
	background:url(../img/scene_03/scene_03_tit.png) 0 -36px no-repeat;
}

#js-about-scene04-tit div{
	background:url(../img/scene_04/scene_04_tit.png) 0 -36px no-repeat;
}

#about-scene04 .modal-menu-items li,
#about-scene03 .modal-menu-items li,
#about-scene02 .modal-menu-items li{
	position:absolute;
	height:100px;
	display:none;
}

#about-scene04 .modal-menu-items li a,
#about-scene03 .modal-menu-items li a,
#about-scene02 .modal-menu-items li a{
	position:relative;
	display:block;
}

#about-scene04 .modal-menu-items li a span em,
#about-scene03 .modal-menu-items li a span em,
#about-scene02 .modal-menu-items li a span em{
	visibility:hidden;
}

.modal-menu-items li a .js-btn-img{
	/*
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	*/
	text-indent:-9999px;
}

#about-scene04 .modal-menu-items li a .js-btn-txt,
#about-scene03 .modal-menu-items li a .js-btn-txt,
#about-scene02 .modal-menu-items li a .js-btn-txt{
	display:none;
}

#about-scene04 .modal-menu-items li a span,
#about-scene03 .modal-menu-items li a span,
#about-scene02 .modal-menu-items li a span{
	position:absolute;
	top:0;
	left:0;
	display:block;
}

#about-scene04 .modal-menu-items li div,
#about-scene03 .modal-menu-items li div,
#about-scene02 .modal-menu-items li div{
	position:absolute;
	width:52px;
	height:64px;
	background:url(../img/common/tips_click_noshadow.png) 0 0 no-repeat;
	top:-64px;
	left:50%;
	margin-left:-28px;
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
}

#about-scene04 .modal-menu-items li div span,
#about-scene03 .modal-menu-items li div span,
#about-scene02 .modal-menu-items li div span{
	position:absolute;
	width:52px;
	height:64px;
	cursor:pointer;
}

#about-scene04 .modal-menu-items li div .tips-bg,
#about-scene03 .modal-menu-items li div .tips-bg,
#about-scene02 .modal-menu-items li div .tips-bg{
	background:url(../img/common/tips_click_noshadow.png) 0 -64px no-repeat;
}

#about-scene04 .modal-menu-items li div .tips-click,
#about-scene03 .modal-menu-items li div .tips-click,
#about-scene02 .modal-menu-items li div .tips-click{
	background:url(../img/common/tips_click_noshadow.png) 0 -128px no-repeat;
}

#about-scene04 .modal-menu-items li#js-modal-menu-04-08 div,
#about-scene04 .modal-menu-items li#js-modal-menu-04-07 div{
	top:40px;
}

#about-scene04 .modal-menu-items li#js-modal-menu-04-08 div,
#about-scene04 .modal-menu-items li#js-modal-menu-04-07 div{
	background:url(../img/common/tips_click_noshadow.png) -52px 0 no-repeat;
}

#about-scene04 .modal-menu-items li#js-modal-menu-04-08 div .tips-bg,
#about-scene04 .modal-menu-items li#js-modal-menu-04-07 div .tips-bg{
	background:url(../img/common/tips_click_noshadow.png) -52px -64px no-repeat;
}

#about-scene04 .modal-menu-items li#js-modal-menu-04-08 div .tips-click,
#about-scene04 .modal-menu-items li#js-modal-menu-04-07 div .tips-click{
	background:url(../img/common/tips_click_noshadow.png) -52px -128px no-repeat;
}

#js-modal-menu-02-01{
	top:100px;
	left:206px;	
}

#js-modal-menu-02-01 a{
	width:106px;
	height:44px;
	background:url(../img/scene_02/btn_scene_02_01.png) 0 0 no-repeat;
}

#js-modal-menu-02-01 a span{
	width:106px;
	height:44px;
}

#js-modal-menu-02-01 a .js-btn-bg{background:url(../img/scene_02/btn_scene_02_01.png) 0 -44px no-repeat;}
#js-modal-menu-02-01 a .js-btn-img{background:url(../img/scene_02/btn_scene_02_01.png) 0 -88px no-repeat;}

#js-modal-menu-02-02{
	top:100px;
	left:420px;	
}

#js-modal-menu-02-02 a{
	width:204px;
	height:44px;
	background:url(../img/scene_02/btn_scene_02_02.png) 0 0 no-repeat;
}

#js-modal-menu-02-02 a span{
	width:200px;
	height:44px;
	
}

#js-modal-menu-02-02 a .js-btn-bg{background:url(../img/scene_02/btn_scene_02_02.png) 0 -44px no-repeat;}
#js-modal-menu-02-02 a .js-btn-img{background:url(../img/scene_02/btn_scene_02_02.png) 0 -84px no-repeat;}

#js-modal-menu-02-03{
	top:152px;
	left:693px;	
}

#js-modal-menu-02-03 a{
	width:222px;
	height:58px;
	background:url(../img/scene_02/btn_scene_02_03.png) 0 0 no-repeat;
}

#js-modal-menu-02-03 a span{
	width:222px;
	height:58px;
}



#js-modal-menu-02-03 a .js-btn-bg{background:url(../img/scene_02/btn_scene_02_03.png) 0 -58px no-repeat;}
#js-modal-menu-02-03 a .js-btn-img{background:url(../img/scene_02/btn_scene_02_03.png) 0 -116px no-repeat;}

#js-modal-menu-02-04{
	top:165px;
	left:1086px;	
}

#js-modal-menu-02-04 a{
	width:82px;
	height:44px;
	background:url(../img/scene_02/btn_scene_02_04.png) 0 0 no-repeat;
}

#js-modal-menu-02-04 a span{
	width:82px;
	height:44px;
}

#js-modal-menu-02-04 a .js-btn-bg{background:url(../img/scene_02/btn_scene_02_04.png) 0 -44px no-repeat;}
#js-modal-menu-02-04 a .js-btn-img{background:url(../img/scene_02/btn_scene_02_04.png) 0 -88px no-repeat;}


/* scene02 obj */


#scene02-obj-01{
	position:absolute;
	top:142px;
	left:138px;
	width:275px;
	height:203px;
}

#scene02-obj-01-body{
	position:absolute;
	top:0;
	left:0;
	width:275px;
	height:203px;
	background:url(../img/scene_02/scene02_obj_01.png) 0 0 no-repeat;
}

#scene02-obj-01-clane{
	position:absolute;
	top:52px;
	left:269px;
	width:8px;
	height:300px;
	overflow:hidden;
}

#js-scene02-obj-01-clane{
	width:8px;
	height:200px;
	position:relative;
	background:url(../img/scene_02/scene02_obj_clane.png) 0 0 no-repeat;
	top:-170px;
}

#scene02-obj-02{
	position:absolute;
	top:152px;
	left:454px;
	width:120px;
	height:280px;
}

#scene02-obj-02-body{
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:280px;
	background:url(../img/scene_02/scene02_obj_02_body.png) 0 0 no-repeat;
}

#js-scene02-obj-02-windmill{
	position:absolute;
	top:-1px;
	left:6px;
	width:108px;
	height:108px;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	background:url(../img/scene_02/scene02_obj_02_windmill.png) 0 0 no-repeat;
}

#scene02-obj-03{
	position:absolute;
	top:208px;
	left:680px;
}

#scene02-obj-03-body{
	position:relative;
	background:url(../img/scene_02/scene02_obj_03.png) 0 0 no-repeat;
	width:260px;
	height:116px;
}

#scene02-obj-04{
	position:absolute;
	top:236px;
	left:1015px;

}

#scene02-obj-04-body{
	position:relative;
	left:0;
	background:url(../img/scene_02/scene02_obj_04.png) 0 0 no-repeat;
	width:220px;
	height:88px;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

#js-btn-scene04-prev,
#js-btn-scene03-prev,
#js-btn-scene02-prev{
	position:absolute;
	top:50%;
	left:20px;
	margin-top:-51px;
}

#js-btn-scene04-prev a,
#js-btn-scene03-prev a,
#js-btn-scene02-prev a{
	width:75px;
	height:102px;
	background:url(../img/scene_02/btn_scene_02_prev.png) 0 0 no-repeat;
	position:relative;
	display:block;
}

#js-btn-scene03-prev a{
	background:url(../img/scene_03/btn_scene_03_prev.png) 0 0 no-repeat;
}

#js-btn-scene04-prev a{
	background:url(../img/scene_04/btn_scene_04_prev.png) 0 0 no-repeat;
}

#js-btn-scene04-prev a span,
#js-btn-scene03-prev a span,
#js-btn-scene02-prev a span{
	position:absolute;
	top:0;
	left:0;
	width:75px;
	height:102px;
}

#js-btn-scene02-prev .js-btn-bg{background:url(../img/scene_02/btn_scene_02_prev.png) 0 -102px no-repeat;}
#js-btn-scene02-prev .js-btn-img{background:url(../img/scene_02/btn_scene_02_prev.png) 0 -204px no-repeat;}

#js-btn-scene03-prev .js-btn-bg{background:url(../img/scene_03/btn_scene_03_prev.png) 0 -102px no-repeat;}
#js-btn-scene03-prev .js-btn-img{background:url(../img/scene_03/btn_scene_03_prev.png) 0 -204px no-repeat;}

#js-btn-scene04-prev .js-btn-bg{background:url(../img/scene_04/btn_scene_04_prev.png) 0 -102px no-repeat;}
#js-btn-scene04-prev .js-btn-img{background:url(../img/scene_04/btn_scene_04_prev.png) 0 -204px no-repeat;}

#js-btn-scene03-next,
#js-btn-scene02-next{
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-51px;
}

#js-btn-scene03-next a,
#js-btn-scene02-next a{
	width:68px;
	height:102px;
	background:url(../img/scene_02/btn_scene_02_next.png) 0 0 no-repeat;
	position:relative;
	display:block;
}

#js-btn-scene03-next a{
	background:url(../img/scene_03/btn_scene_03_next.png) 0 0 no-repeat;
}

#js-btn-scene03-next a span,
#js-btn-scene02-next a span{
	position:absolute;
	top:0;
	left:0;
	width:68px;
	height:102px;
}

#js-btn-scene02-next .js-btn-bg{background:url(../img/scene_02/btn_scene_02_next.png) 0 -102px no-repeat;}
#js-btn-scene02-next .js-btn-img{background:url(../img/scene_02/btn_scene_02_next.png) 0 -204px no-repeat;}


#js-btn-scene03-next .js-btn-bg{background:url(../img/scene_03/btn_scene_03_next.png) 0 -102px no-repeat;}
#js-btn-scene03-next .js-btn-img{background:url(../img/scene_03/btn_scene_03_next.png) 0 -204px no-repeat;}


/* scene03 */

#scene03-obj-smoke{
	position:absolute;
	top:15px;
	left:855px;
	background:url(../img/scene_03/smoke.png) 0 0 no-repeat;
	width:100px;
	height:100px;
}

#scene03-obj-train{
	position:absolute;
	top:191px;
	left:1274px;
	left:1274px;
	background:url(../img/scene_03/scene03_obj_train.png) 0 0 no-repeat;
	width:242px;
	height:36px;
}

#scene03-bg{
	background:url(../img/scene_03/scene_03_bg.png) 0 0 no-repeat;
	width:1400px;
	height:460px;
	position:absolute;
	top:0;
	left:0;
}

#js-modal-menu-03-01{
	top:194px;
	left:120px;	
}

#js-modal-menu-03-01 a{
	width:92px;
	height:44px;
	background:url(../img/scene_03/btn_scene_03_01.png) 0 0 no-repeat;
}

#js-modal-menu-03-01 a span{
	width:92px;
	height:44px;
}

#js-modal-menu-03-01 a .js-btn-bg{background:url(../img/scene_03/btn_scene_03_01.png) 0 -44px no-repeat;}
#js-modal-menu-03-01 a .js-btn-img{background:url(../img/scene_03/btn_scene_03_01.png) 0 -88px no-repeat;}

#js-modal-menu-03-02{
	top:194px;
	left:345px;	
}

#js-modal-menu-03-02 a{
	width:82px;
	height:44px;
	background:url(../img/scene_03/btn_scene_03_02.png) 0 0 no-repeat;
}

#js-modal-menu-03-02 a span{
	width:82px;
	height:44px;
}

#js-modal-menu-03-02 a .js-btn-bg{background:url(../img/scene_03/btn_scene_03_02.png) 0 -44px no-repeat;}
#js-modal-menu-03-02 a .js-btn-img{background:url(../img/scene_03/btn_scene_03_02.png) 0 -88px no-repeat;}

#js-modal-menu-03-03{
	top:194px;
	left:460px;	
}

#js-modal-menu-03-03 a{
	width:126px;
	height:44px;
	background:url(../img/scene_03/btn_scene_03_03.png) 0 0 no-repeat;
}

#js-modal-menu-03-03 a span{
	width:126px;
	height:44px;
}

#js-modal-menu-03-03 a .js-btn-bg{background:url(../img/scene_03/btn_scene_03_03.png) 0 -44px no-repeat;}
#js-modal-menu-03-03 a .js-btn-img{background:url(../img/scene_03/btn_scene_03_03.png) 0 -88px no-repeat;}

#js-modal-menu-03-04{
	top:150px;
	left:748px;	
}

#js-modal-menu-03-04 a{
	width:92px;
	height:44px;
	background:url(../img/scene_03/btn_scene_03_04.png) 0 0 no-repeat;
}

#js-modal-menu-03-04 a span{
	width:92px;
	height:44px;
}

#js-modal-menu-03-04 a .js-btn-bg{background:url(../img/scene_03/btn_scene_03_04.png) 0 -44px no-repeat;}
#js-modal-menu-03-04 a .js-btn-img{background:url(../img/scene_03/btn_scene_03_04.png) 0 -88px no-repeat;}

#js-modal-menu-03-05{
	top:150px;
	left:1070px;	
}

#js-modal-menu-03-05 a{
	width:106px;
	height:44px;
	background:url(../img/scene_03/btn_scene_03_05.png) 0 0 no-repeat;
}

#js-modal-menu-03-05 a span{
	width:106px;
	height:44px;
}

#js-modal-menu-03-05 a .js-btn-bg{background:url(../img/scene_03/btn_scene_03_05.png) 0 -44px no-repeat;}
#js-modal-menu-03-05 a .js-btn-img{background:url(../img/scene_03/btn_scene_03_05.png) 0 -88px no-repeat;}


/* scene04 */

#scene04-obj-03{
	position:absolute;
	top:248px;
	left:732px;
}

#scene04-car-world-wrap{
	position:absolute;
	top:248px;
	left:732px;		
}

#scene04-car-world{
	position:relative;
	width:1000px;
	height:300px;
}

.scene04-obj-03-body{
	width:60px;
	height:34px;
	position:absolute;
	top:0;
	left:0;	
}

.scene04-obj-03-body-inner{
	width:60px;
	height:34px;
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	text-indent:0;
}

.scene04-obj-03-body-inner.col01{
	background:url(../img/scene_04/scene04_obj_car.png) 0 0 no-repeat;
}

.scene04-obj-03-body-inner.col01.rotate{
	background:url(../img/scene_04/scene04_obj_car.png) 0 -34px no-repeat;
}

.scene04-obj-03-body-inner.col02{
	background:url(../img/scene_04/scene04_obj_car.png) -60px 0 no-repeat;
}

.scene04-obj-03-body-inner.col02.rotate{
	background:url(../img/scene_04/scene04_obj_car.png) -60px -34px no-repeat;
}

.scene04-obj-03-body-inner.col03{
	background:url(../img/scene_04/scene04_obj_car.png) -120px 0 no-repeat;
}

.scene04-obj-03-body-inner.col03.rotate{
	background:url(../img/scene_04/scene04_obj_car.png) -120px -34px no-repeat;
}

.scene04-obj-03-body-inner.col04{
	background:url(../img/scene_04/scene04_obj_car.png) -180px 0 no-repeat;
}

.scene04-obj-03-body-inner.col04.rotate{
	background:url(../img/scene_04/scene04_obj_car.png) -180px -34px no-repeat;
}

.scene04-obj-03-body-inner.col05{
	background:url(../img/scene_04/scene04_obj_car.png) -240px 0 no-repeat;
}

.scene04-obj-03-body-inner.col05.rotate{
	background:url(../img/scene_04/scene04_obj_car.png) -240px -34px no-repeat;
}

.scene04-obj-03-body-inner.col06{
	background:url(../img/scene_04/scene04_obj_car.png) -300px 0 no-repeat;
}

.scene04-obj-03-body-inner.col06.rotate{
	background:url(../img/scene_04/scene04_obj_car.png) -300px -34px no-repeat;
}

.scene04-obj-03-body-inner.col07{
	background:url(../img/scene_04/scene04_obj_car.png) -360px 0 no-repeat;
}

.scene04-obj-03-body-inner.col07.rotate{
	background:url(../img/scene_04/scene04_obj_car.png) -360px -34px no-repeat;
}

.scene04-obj-03-body-inner.col08{
	background:url(../img/scene_04/scene04_obj_car.png) -420px 0 no-repeat;
}

.scene04-obj-03-body-inner.col08.rotate{
	background:url(../img/scene_04/scene04_obj_car.png) -420px -34px no-repeat;
}

.scene04-obj-03-body-inner.col09{
	background:url(../img/scene_04/scene04_obj_car.png) -480px 0 no-repeat;
}

.scene04-obj-03-body-inner.col09.rotate{
	background:url(../img/scene_04/scene04_obj_car.png) -480px -34px no-repeat;
}

.scene04-obj-03-body-inner.col10{
	background:url(../img/scene_04/scene04_obj_car.png) -540px 0 no-repeat;
}

.scene04-obj-03-body.col10.rotate{
	background:url(../img/scene_04/scene04_obj_car.png) -540px -34px no-repeat;
}


#scene04-obj-07{
	background:url(../img/scene_04/scene04_obj_07.png) 0 0 no-repeat;
	width:56px;
	height:56px;
	position:absolute;
	top:312px;
	left:303px;
}

#scene04-obj-08{
	position:absolute;
	top:242px;
	left:525px;
}

#scene04-obj-08-body{
	background:url(../img/scene_04/scene04_obj_08.png) 0 0 no-repeat;
	width:34px;
	height:38px;
	position:absolute;
	position:relative;
	top:0;
	left:0;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

#scene04-bg{
	background:url(../img/scene_04/scene_04_bg.png) 0 0 no-repeat;
	width:1400px;
	height:460px;
	position:absolute;
	top:0;
	left:0;
}

#scene04-front{
	background:url(../img/scene_04/scene_04_front.png) 0 0 no-repeat;
	width:1400px;
	height:460px;
	position:absolute;
	top:0;
	left:0;
}

#js-modal-menu-04-01{
	top:106px;
	left:110px;	
}

#js-modal-menu-04-01 a{
	width:172px;
	height:44px;
	background:url(../img/scene_04/btn_scene_04_01.png) 0 0 no-repeat;
}

#js-modal-menu-04-01 a span{
	width:172px;
	height:44px;
}

#js-modal-menu-04-01 a .js-btn-bg{background:url(../img/scene_04/btn_scene_04_01.png) 0 -44px no-repeat;}
#js-modal-menu-04-01 a .js-btn-img{background:url(../img/scene_04/btn_scene_04_01.png) 0 -88px no-repeat;}

#js-modal-menu-04-02{
	top:125px;
	left:336px;	
}

#js-modal-menu-04-02 a{
	width:206px;
	height:44px;
	background:url(../img/scene_04/btn_scene_04_02.png) 0 0 no-repeat;
}

#js-modal-menu-04-02 a span{
	width:206px;
	height:44px;
}

#js-modal-menu-04-02 a .js-btn-bg{background:url(../img/scene_04/btn_scene_04_02.png) 0 -44px no-repeat;}
#js-modal-menu-04-02 a .js-btn-img{background:url(../img/scene_04/btn_scene_04_02.png) 0 -88px no-repeat;}

#js-modal-menu-04-03{
	top:135px;
	left:561px;	
}

#js-modal-menu-04-03 a{
	width:232px;
	height:44px;
	background:url(../img/scene_04/btn_scene_04_03.png) 0 0 no-repeat;
}

#js-modal-menu-04-03 a span{
	width:232px;
	height:44px;
}

#js-modal-menu-04-03 a .js-btn-bg{background:url(../img/scene_04/btn_scene_04_03.png) 0 -44px no-repeat;}
#js-modal-menu-04-03 a .js-btn-img{background:url(../img/scene_04/btn_scene_04_03.png) 0 -88px no-repeat;}

#js-modal-menu-04-04{
	top:178px;
	left:812px;	
}

#js-modal-menu-04-04 a{
	width:82px;
	height:44px;
	background:url(../img/scene_04/btn_scene_04_04.png) 0 0 no-repeat;
}

#js-modal-menu-04-04 a span{
	width:82px;
	height:44px;
}

#js-modal-menu-04-04 a .js-btn-bg{background:url(../img/scene_04/btn_scene_04_04.png) 0 -44px no-repeat;}
#js-modal-menu-04-04 a .js-btn-img{background:url(../img/scene_04/btn_scene_04_04.png) 0 -88px no-repeat;}

#js-modal-menu-04-05{
	top:178px;
	left:900px;	
}

#js-modal-menu-04-05 a{
	width:106px;
	height:44px;
	background:url(../img/scene_04/btn_scene_04_05.png) 0 0 no-repeat;
}

#js-modal-menu-04-05 a span{
	width:106px;
	height:44px;
}

#js-modal-menu-04-05 a .js-btn-bg{background:url(../img/scene_04/btn_scene_04_05.png) 0 -44px no-repeat;}
#js-modal-menu-04-05 a .js-btn-img{background:url(../img/scene_04/btn_scene_04_05.png) 0 -88px no-repeat;}

#js-modal-menu-04-06{
	top:151px;
	left:1041px;	
}

#js-modal-menu-04-06 a{
	width:82px;
	height:44px;
	background:url(../img/scene_04/btn_scene_04_06.png) 0 0 no-repeat;
}

#js-modal-menu-04-06 a span{
	width:82px;
	height:44px;
}

#js-modal-menu-04-06 a .js-btn-bg{background:url(../img/scene_04/btn_scene_04_06.png) 0 -44px no-repeat;}
#js-modal-menu-04-06 a .js-btn-img{background:url(../img/scene_04/btn_scene_04_06.png) 0 -88px no-repeat;}

#js-modal-menu-04-07{
	top:298px;
	left:189px;	
}

#js-modal-menu-04-07 a{
	width:118px;
	height:44px;
	background:url(../img/scene_04/btn_scene_04_07.png) 0 0 no-repeat;
}

#js-modal-menu-04-07 a span{
	width:118px;
	height:44px;
}

#js-modal-menu-04-07 a .js-btn-bg{background:url(../img/scene_04/btn_scene_04_07.png) 0 -44px no-repeat;}
#js-modal-menu-04-07 a .js-btn-img{background:url(../img/scene_04/btn_scene_04_07.png) 0 -88px no-repeat;}

#js-modal-menu-04-08{
	top:298px;
	left:496px;	
}

#js-modal-menu-04-08 a{
	width:92px;
	height:44px;
	background:url(../img/scene_04/btn_scene_04_08.png) 0 0 no-repeat;
}

#js-modal-menu-04-08 a span{
	width:92px;
	height:44px;
}

#js-modal-menu-04-08 a .js-btn-bg{background:url(../img/scene_04/btn_scene_04_08.png) 0 -44px no-repeat;}
#js-modal-menu-04-08 a .js-btn-img{background:url(../img/scene_04/btn_scene_04_08.png) 0 -88px no-repeat;}

/***********/

#js-about-scene04-serif{
	position:absolute;
	top:-70px;
	left:1122px;
	width:358px;
	height:264px;
	background:url(../img/scene_04/scene_04_tips.png) 0 0 no-repeat;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	display:none;
}

#js-about-scene04-serif li{
	position:absolute;
	height:20px;
	overflow:hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#js-about-scene04-serif-01{
	top:87px;
	left:35px;
	width:230px;
	background:url(../img/scene_04/scene04_serif_01.png) 0 0 no-repeat;
}

#js-about-scene04-serif-02{
	top:109px;
	left:80px;
	width:136px;
	background:url(../img/scene_04/scene04_serif_02.png) 0 0 no-repeat;
}

#js-about-scene04-serif-03{
	top:131px;
	left:72px;
	width:152px;
	background:url(../img/scene_04/scene04_serif_03.png) 0 0 no-repeat;
}

#js-about-scene04-serif-04{
	top:153px;
	left:22px;
	width:252px;
	background:url(../img/scene_04/scene04_serif_04.png) 0 0 no-repeat;
}

#js-about-scene04-serif-05{
	top:175px;
	left:33px;
	width:230px;
	background:url(../img/scene_04/scene04_serif_05.png) 0 0 no-repeat;
}

#js-about-scene04-man{
	position:absolute;
	bottom:0px;
	left:1170px;
	width:240px;
	height:260px;
	display:none;
}

#js-about-scene04-man-body{
	position:absolute;
	top:0;
	left:0;
	width:240px;
	height:260px;
	background:url(../img/scene_04/scene_04_man.png) 0 -520px no-repeat;
}

#js-about-scene04-man-body.speak01{
	background:url(../img/scene_04/scene_04_man.png) 0 0 no-repeat;
}

#js-about-scene04-man-body.speak02{
	background:url(../img/scene_04/scene_04_man.png) 0 -260px no-repeat;
}

#js-about-scene04-man-eye{
	position:absolute;
	left:122px;
	top:49px;
	width:40px;
	height:14px;
	background:url(../img/scene_04/scene_04_man_eye.png) 0 0 no-repeat;
}

#js-about-scene04-man-eye.close{
	background:url(../img/scene_04/scene_04_man_eye.png) 0 -14px no-repeat;
}

#js-about-scene04-man-mouth{
	position:absolute;
	left:122px;
	top:65px;
	width:40px;
	height:16px;
	background:url(../img/scene_04/scene_04_man_mouth.png) 0 -14px no-repeat;	
}

#js-about-scene04-man-mouth.speak{
	background:url(../img/scene_04/scene_04_man_mouth.png) 0 2px no-repeat;	
}

#js-btn-scene04-back{
	position:absolute;
	left:1160px;
	top:341px;
}

#js-btn-scene04-back a{
	position:relative;
	width:195px;
	height:94px;
	display:block;
	background:url(../img/scene_04/btn_scene_04_back.png) 0 0 no-repeat;
	display:none;
}

#js-btn-scene04-back a span{
	position:absolute;
	top:0;
	left:0;
	width:195px;
	height:94px;	
}

#js-btn-scene04-back .js-btn-bg{
	background:url(../img/scene_04/btn_scene_04_back.png) 0 -94px no-repeat;
}

#js-btn-scene04-back .js-btn-img{
	background:url(../img/scene_04/btn_scene_04_back.png) 0 -188px no-repeat;
}

/* seagull-items*/

.seagull-items li{
	background:url(../img/common/seagull.png) 0 0 no-repeat;
	width:40px;
	height:30px;
	position:absolute;
	top:100px;
	left:100px;
}


/* modal */

#js-modal-bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#1A1A1A;
	z-index:2;
	display:none;
}

#js-cover-layer{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#ff0000;
	z-index:5;
	display:none;
}

#js-modal-wrap{
	background:#FFF;
	width:320px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:4;
	margin-left:-160px;
	display:none;

	/*
	
	margin-top:-110px;
	*/
	
}

#modal-tit-bg{
	position:absolute;
	top:0;
	left:0;
	width:320px;
	background:#1563A2;
	color:#FFF;
	height:32px;
}

#js-modal-tit{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:160px;
	width:320px;
}

#js-modal-tit div{
	width:320px;
	background:#1563A2;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	padding:8px 0 7px 0;
	line-height:1.4;
}



#js-modal-txt{
	margin-top:32px;
	overflow:hidden;
	width:0;
}

#js-modal-txt div{
	line-height:1.8;
	color:#333;
	font-size:14px;
	padding:18px 25px;
	width:320px;
}

#js-modal-close{
	position:absolute;
	top:-16px;
	right:-16px;	
}

#js-modal-close a{
	background:url(../img/common/modal_btn_close.png) 0 0 no-repeat;
	width:32px;
	height:32px;
	display:block;
	position:relative;
}

#js-modal-close a span{
	position:absolute;
	width:32px;
	height:32px;
	display:block;
	top:0;
	left:0;
}

#js-modal-close .js-btn-bg{
	background:url(../img/common/modal_btn_close.png) 0 -32px no-repeat;
}

#js-modal-close .js-btn-img{
	background:url(../img/common/modal_btn_close.png) 0 -64px no-repeat;
}

#js-loading-bg{
	position:fixed;
	width:100%;
	height:100%;
	background:#111;
	background:#1563A2;

	z-index:1000;
}

#js-loading-txt{
	position:absolute;
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	letter-spacing:0.01em;
	top:50%;
	z-index:1001;
	font-size:14px;
	margin-top:-7px;
}


.small-pc #about-world,
.non-pc #about-world{
	position:static;
	position:absolute;
	top:0;
	margin-top:0;
	left:0;
	margin-left:0;
}

/*

.non-pc #js-modal-wrap{
	margin-left:-260px;
}

.non-pc #js-modal-txt div,
.non-pc #js-modal-tit,
.non-pc #js-modal-tit div,
.non-pc #js-modal-wrap,
.non-pc #modal-tit-bg{
	width:520px;
}



.non-pc #js-modal-txt div{
	font-size:22px;
}

.non-pc #js-loading-txt{
	font-size:22px;
	margin-top:-11px;
}



*/

.non-pc #js-modal-tit div{
	font-size:16px;
}

.non-pc #js-modal-close{
	position:absolute;
	top:-35px;
	right:-25px;	
}

.non-pc #js-modal-close a{
	background:url(../img/common/modal_btn_close_sp.png) 0 0 no-repeat;
	background-size:50px 50px;
	width:50px;
	height:50px;
	display:block;
	position:relative;
}

.non-pc #js-modal-close a span{
	display:none;
}

.non-pc #js-modal-close .js-btn-bg{
	display:none;
}

.non-pc #js-modal-close .js-btn-img{
	display:none;
}

#js-btn-goto-about{
	width:100%;
	text-align:center;
	padding:100px 0;
}

#js-btn-goto-about a{
	background:#CCC;
	font-size:14px;
	font-weight:bold;
	line-height:1.6;
	color:#333;
	padding:10px;
}

body.connect{
	background:#FFF;
}

@media screen and (min-width: 360px) {
	

}

@media screen and (min-width: 960px) {
	
}