@charset "UTF-8";
#container {
    background: #000 url("../img/bg.jpg") no-repeat center -40px;
}
/* ========================================
	#pagetop
======================================== */
#container .pagetop {
	position: relative;
	z-index: 70;
}
#container .pagetop .pagetop-wrap a {
	display: block;
	width: 275px;
	height: 142px;
}
#container .pagetop-wrap {
	width: 275px;
	height: 142px;
	position: absolute;
    top:452px;
	right: -200px;
}
#container .pagetop-wrap2 {
    position:absolute;
}
#container .pagetop-img {
	position: absolute;
	top: 36px;
	left: 0px;
}
#container .pagetop-arw {
	position: absolute;
	top: 0;
	left: 64px;
}

/* ========================================
	#main-visual
======================================== */
#main-visual {
	height: 877px;
	overflow: hidden;
}
#main-visual-bg1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 877px;
	background: url("../img/main_enemy_img.png") no-repeat center top;
}
#main-visual .inner {
	z-index: 1;
}
#main-img {
	position: absolute;
	top: 0;
	left: -70px;
}
#main_arrow {
    position:absolute;
    left:447px;
    top:800px;
    z-index:11;
}
#main_arrow .arrow_s{
    margin-top:0;
}
#logo {
	position: absolute;
	left: -10px;
	top: 444px;
}
#logo-base,
#logo-effect {
	position: absolute;
	left: 0;
	top: 0;
}
#logo-effect {
	opacity: 0;
}

#main-visual .main_banner {
	position: absolute;
	left: 640px;
	top: 506px;
}
#main-visual .main_banner .waku{
	position: absolute;
	left: 0;
	top: 10px;
    z-index:0;
}
#main-visual .main_banner ul.main_banner_list{
	position: absolute;
    width:270px;
	left: 20px;
	top: 0px;
    z-index:1;
}
#main-visual .main_banner ul.main_banner_list li{
    float:left;
    margin-top:-5px;
}
#main-visual .main_banner ul.main_banner_list li:first-child{
    margin-right:8px;
    margin-top:0px;
}
#main-visual .main_banner .main_blast{
	position: absolute;
	left: 1px;
	top: 123px;
    z-index:2;
}
#main-visual .main_banner .update_btn{
	position: absolute;
	left: 111px;
	top: 194px;
    z-index:2;
}


/* ========================================
	#concept
======================================== */
#concept {
	position: relative;
	z-index: 3;
	height: 983px;
}
#concept-bg{
    position:absolute;
    width:100%;
    min-width:960px;
    height: 983px;
    overflow:hidden;
}
#concept-bg .bg_inner{
    position:relative;
    width:1100px;
    height:983px;
    margin:0 auto;
    /background:rgba(255,0,4,0.3);
}
#concept-bg .screen{
    position:absolute;
}
#concept-bg .screen1{
    top:40px;
    left:2px;
}
#concept-bg .screen2{
    top:54px;
    right:59px;
}
#concept-bg .screen3{
    top:208px;
    left:201px;
}
#concept-bg .screen4{
    top:697px;
    left:324px;
}
#concept-bg .screen5{
    top:752px;
    left:235px;
}
#concept-bg .screen6{
    top:803px;
    left:350px;
}
#concept-flash{
    position: absolute;
    left: 50%;
    margin-left:-480px;
    width:960px;
    height: 983px;
}
/*#concept-flash .img img{
    position:relative;
}
*/
#concept-flash .flash1{
    position:absolute;
    top:-20px;
    left:0;
}
#concept-flash .flash2{
    position:absolute;
    top:670px;
    left:331px;
}
#concept-flash .flash2 div{
    position:absolute;
}
#concept-flash .img{
    position:absolute;
    top:264px;
    left:331px;
}
#concept-flash .img div{
    position:absolute;
}
#concept-flash .img .slider{
    top:46px;
    left:260px;
}
#concept-flash .img .slider .slide{
    display:none;
}
#concept .txt{
    position:absolute;
    top:350px;
}
#concept .txt_light{
    position:absolute;
    top:350px;
    display:none;
}

/* ========================================
	#stage
======================================== */
#stage {
	position: relative;
	z-index: 3;
	height: 540px;
    background: url("../img/bg2.jpg") repeat-y center top #000;
}
#stage .stage_bg{
    position:absolute;
    width:100%;
    min-width:960px;
    height: 540px;
    background: url("../img/stage_bg.jpg") no-repeat center top #000;
    z-index:0;
}
#stage .inner{
    position:relative;
    top:4px;
    width:940px;
    height:495px;
    overflow:hidden;
}
#stage .stage_bg2{
    width:940px;
    height:495px;
}
#stage .stage_bg3{
    width:940px;
    height:495px;
    display:none;
}
#stage .inner div{
    position:absolute;
}
#stage .inner .kado1{
    top:-2px;
    left:0;
    z-index:9;
}
#stage .inner .kado2{
    top:483px;
    left:0;
    z-index:10;
}
#stage .inner .txt{
    top:40px;
    left:402px;
    z-index:8;
}
#stage .inner .stars{
    z-index:7;
}
#stage .inner .star1{
    top:142px;
    left:0;
}
#stage .inner .star2{
    top:248px;
    left:576px;
}
#stage .inner .star3{
    top:24px;
    left:118px;
}
#stage .inner .star a.btn{
    display:block;
    position:absolute;
    z-index:1;
}
#stage .inner .star .ss{
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}
#stage .inner .star1 a.btn{
    top:67px;
    left:438px;
}
#stage .inner .star2 a.btn{
    top:1px;
    left:160px;
}
#stage .inner .star3 a.btn{
    top:0px;
    left:0px;
}

/* ========================================
	#mech
======================================== */
#mech {
	position: relative;
	z-index: 3;
	height: 1135px;
    background: url("../img/bg2.jpg") repeat-y center top #000;
}
#mech .mech_bg{
    position:absolute;
    width:100%;
    min-width:960px;
    height: 1135px;
    background: url("../img/mech_bg2.jpg") no-repeat center top #000;
    z-index:0;
}
#mech .inner{
    position:relative;
    height:960px;
}
#mech .inner div{
    position:absolute;
}
#mech .inner .txt{
    top:68px;
    left:48px;
}
#mech .inner .funcs{
    position:relative;
    top:220px;
}
#mech .inner .func1{
    top:0;
    left:-310px;
}
#mech .inner .func2{
    top:0;
    right:500px;
}
#mech .inner .func3{
    top:368px;
    left:-310px;
}
#mech .inner .func4{
    top:368px;
    right:500px;
}
#mech .inner .func1 .btn{
    top:84px;
    left:326px;
}
#mech .inner .func2 .btn{
    top:84px;
    left:66px;
}
#mech .inner .func3 .btn{
    top:26px;
    left:326px;
}
#mech .inner .func4 .btn{
    top:26px;
    left:66px;
}
#mech .inner .func .btn{
    display:none;
    z-index:2;
}
#mech .inner .func .btn a:hover{
    display:block;
    width:420px;
    height:237px;
    background:rgba(0,0,0,0.4);
}
#movie-area1 {
	position: absolute;
	top:78px;
    left:320px;
}
#movie-area2 {
	position: absolute;
	top:78px;
    left:60px;
}
#movie-area3 {
	position: absolute;
	top:20px;
    left:320px;
}
#movie-area4 {
	position: absolute;
	top:20px;
    left:60px;
}
#mech .movie-box {
	position: relative;
	width: 432px;
}
#mech .movie-yt {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 426px;
	height: 242px;
	overflow: hidden;
}
#mech .movie-yt iframe {
	position: absolute;
	top: -5px;
	left: -20px;
	width: 456px;
	height: 254px;
}
#mech .movie-frame{
    z-index:1;
}

#movie02,
#movie03,
#movie04,
#movie05{
    position:absolute;
    width: 456px;
	height: 254px;
    margin-left:3px;
    margin-top:-3px;
    z-index:0;
}
#movie02 img,
#movie03 img,
#movie04 img,
#movie05 img{
    margin-left:-3px;
    margin-top:3px;
}

.link_btn{
    position:relative;
    width:661px;
    height:90px;
    background: url("../img/link_btn_shadow.png") no-repeat left top;   
    padding:8px 0 0 8px;
    left:149px;
}
#mech .link_btn{
    top:970px;
}


/* ========================================
	#control
======================================== */
#control {
	position: relative;
	z-index: 3; 
	height: 998px;
    background: url("../img/bg2.jpg") repeat-y center top #000;
}
#control .control_bg{
    position:absolute;
    width:100%;
    min-width:960px;
    height: 998px;
    background: url("../img/control_bg2.jpg") no-repeat center top #000;
    z-index:0;
}
#control .inner{
    position:relative;
    width:940px;
    height:795px;
    top:12px;
    /background:rgba(238,0,3,0.3);
}
#control .inner div{
    position:absolute;
}
#control .inner .control_bg2{
    width:940px;
    height:795px;
}
#control .inner .control_bg3{
    width:940px;
    height:795px;
    display:none;
}
#control .inner .txt{
    top:40px;
    left:322px;
}
#control .inner .img{
    top:228px;
    left:166px;
}
#control .inner .detail1{
    top:26px;
    left:39px;
    width:249px;
    height:444px;
    overflow:hidden;
}
#control .inner .detail2{
    top:353px;
    left:478px;
    width:421px;
    height:297px;
    overflow:hidden;
}
#control .inner .shiten1{
    top:448px;
    left:223px;
}
#control .inner .shiten2{
    top:384px;
    left:440px;
}
#control .link_btn{
    top:826px;
}

/* ========================================
	#multi
======================================== */
#multi {
	position: relative;
	z-index: 3;
	height: 580px;
}
#multi .multi_bg{
    position:absolute;
    width:100%;
    min-width:960px;
    height: 580px;
    background: url("../img/multi_bg.jpg") no-repeat center top #000;
    z-index:0;
}
#multi .inner div{
    position:absolute;
}
#multi .inner .tit{
    top:26px;
    left:214px;
}
#multi .inner .txt{
    top:138px;
    left:8px;
}
#multi .inner .img{
    top:182px;
    left:11px;
}

/* ========================================
	#custom
======================================== */
#custom {
	position: relative;
	z-index: 3;
	height: 727px;
}
#custom .custom_bg{
    position:absolute;
    width:100%;
    min-width:960px;
    height: 519px;
    background: url("../img/custom_bg.jpg") no-repeat center top #000;
    z-index:0;
}
#custom .inner div{
    position:absolute;
}
#custom .inner .txt{
    top:37px;
    left:8px;
}
#custom .inner .ex{
    top:197px;
    left:11px;
}
#custom .inner .img{
    top:178px;
    left:279px;
}
#custom .link_btn_warp{
    position:relative;
    top:519px;
    width:100%;
    min-width:960px;
    height: 207px;
    background: #000 url("../img/custom_link_bg.jpg") no-repeat center top;
}
#custom .link_btn{
    top:18px;
}


/* ========================================
	#info
======================================== */
#info {
	position: relative;
	z-index: 3;
	height: 679px;
}
#info .info_bg{
    position:absolute;
    width:100%;
    min-width:960px;
    height: 704px;
    background: url("../img/info_bg2.jpg") no-repeat center top #000;
    z-index:0;
}

/*-------------------------
	#spec
---------------------------*/
#spec,
.spec-pack,
.spec-ico,
.spec-cero,
.spec-amiibo,
.spec-img01,
.spec-img02,
.spec-img03,
.spec-detail {
	position: absolute;
}

#spec {
	width: 335px;
	height: 376px;
	left: 11px;
	top: 0;
	background: url("../img/spec_bg.png") no-repeat left top;
}
.spec-pack {
	left: 20px;
	top: 22px;
}
.spec-ico {
	left: 211px;
	top: 22px;
}
.spec-cero {
	left: 272px;
	top: 135px;
}
.spec-amiibo {
	left: 211px;
	top: 135px;
}
.spec-img01 {
	left: 20px;
	top: 205px;
}
.spec-img02 {
	left: 20px;
	top: 250px;
}
.spec-img03 {
	left: 20px;
	top: 278px;
}
.spec-detail {
	left: 20px;
	top: 312px;
}


/*-------------------------
	#bnr-area
---------------------------*/
#bnr-area,
.bnr-ttl,
.bnr1,
.bnr2,
.bnr3 {
	position: absolute;
}

#bnr-area {
	width: 574px;
	left: 376px;
	top: 0;
}
.bnr1 {
	left: 0;
	top: 0;
}
.bnr2 {
	left: 0;
	top: 73px;
}
.bnr3 {
	left: 0;
	top: 231px;
}