@charset "shift_jis";

/* ========================================
	index
======================================== */

#index #wrapper {
	background-attachment: scroll;
}

#index #wrapper1 {
	background-position: 0 -135px;
	background-attachment: scroll;
}

#index #mainvisual {
	height: 640px;
	position: relative;
}

/*#index #mainvisual1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}*/

#index #mainvisual1 .mainvisual-wrap1 {
	background: url(../images/bg_main1.jpg) center top no-repeat;
}

#index #mainvisual1 .mainvisual-wrap2 {
	background: url(../images/bg_main2.jpg) center 200px no-repeat;
}

#index #mainvisual1 .mainvisual-wrap3 {
	background: url(../images/bg_main3.jpg) center 400px no-repeat;
}

#index #mainvisual1 .ttl {
	position: absolute;
	top: 75px;
	left: 239px;
}

#index #mainvisual1 .btn-eshop {
	position: absolute;
	top: 104px;
	left: 48px;
}

#index #mainvisual1 .btn-psm {
	position: absolute;
	top: 97px;
	right: 41px;
}

#index #mainvisual .inner {
	height: 640px;
    position: relative;
}

#index #topnavi-wrap {
    margin: 0 auto;
    width: 960px;
	position: relative;
}

#index #topsnavi {
	position: absolute;
	top: -169px;
	left: 0;
}

#index #topsnavi .topsnavi-mission_add {
	position: absolute;
	top: 0;
	left: 135px;
}

#index #topsnavi .topsnavi-arrangement {
	position: absolute;
	top: 0;
	left: 411px;
}

#index #topsnavi .topsnavi-wiiu {
	position: absolute;
	top: 0;
	left: 620px;
}

#index #topsnavi .topsnavi-mission_add .update,
#index #topsnavi .topsnavi-wiiu .update {
	position: absolute;
	top: -54px;
	right: -6px;
}

#index #topnavi {
	position: absolute;
	top: -99px;
	left: 40px;
}

#index #topnavi li {
	float: left;
	position: relative;
	width: 177px;
}

#index #topnavi li > a{
	position: relative;
    display: block;
}

#index #topnavi img.navi-pk {
	position: absolute;
	left: 0;
	top: -70px;
	display: none;
}

#index #topnavi .update {
	position: absolute;
	left: 103px;
	top: -25px;
}

#index #main {
	margin: 0 auto;
	width: 960px;
	height: 760px;
	position: relative;
	background-image: none;
}

#index #movie {
	position: absolute;
	top: 185px;
	left: 669px;
}

#index #movie .update {
	position: absolute;
	top: 1px;
	left: 203px;
}

#index #movie .movie-img {
	position: absolute;
	top: 26px;
	left: 234px;
}

#index .bnr {
	position: absolute;
	top: 340px;
	left: 670px;
}




/* first */
#index #first {
	margin: 0 0 24px 0;
	height: 161px;
	position: relative;
}

#index #first .first-ttl {
	position: absolute;
	top: 0;
	left: 0;
}

#index #first .first-ttl2 {
	position: absolute;
	top: 0;
	left: 218px;
}

#index #first .first-navi01 {
	position: absolute;
	top: 40px;
	left: 218px;
}

#index #first .first-navi02 {
	position: absolute;
	top: 40px;
	left: 361px;
}

#index #first .first-navi03 {
	position: absolute;
	top: 40px;
	left: 505px;
}

#index #first .first-navi04 {
	position: absolute;
	top: 40px;
	left: 648px;
}

#index #first .first-navi05 {
	position: absolute;
	top: 40px;
	left: 792px;
}

#index #first .first-navi06 {
	position: absolute;
	top: 40px;
	left: 935px;
}

#index #first .update {
	position: absolute;
	top: 0;
	left: 873px;
}



/* spec */
#index #spec {
    margin: 0 auto;
	width: 650px;
	height: 225px;
	position: relative;
	top: 0;
	left: 0;
	background: url(../images/spec_bg.png) 0 0 no-repeat;
}

#index #spec .spec-pack {
	position: absolute;
	top: 45px;
	left: 25px;
}

#index #spec .spec-ico {
	position: absolute;
	top: 45px;
	left: 97px;
}

#index #spec .spec-cero {
	position: absolute;
	top: 96px;
	left: 101px;
}

#index #spec .spec-network {
	position: absolute;
	top: 135px;
	left: 25px;
}

#index #spec .spec-guidebook {
	position: absolute;
	top: 164px;
	left: 25px;
}

#index #spec .spec-info1 {
	position: absolute;
	top: 45px;
	left: 155px;
}

#index #spec .spec-info2 {
	position: absolute;
	top: 70px;
	left: 155px;
}

#index #spec .spec-info3 {
	position: absolute;
	top: 97px;
	left: 155px;
}

#index #spec .spec-info4 {
	position: absolute;
	top: 124px;
	left: 155px;
}

#index #spec .spec-info5 {
	position: absolute;
	top: 70px;
	left: 465px;
}

#index #spec .spec-info6 {
	position: absolute;
	top: 97px;
	left: 465px;
}

#index #spec .spec-info7 {
	position: absolute;
	top: 27px;
	left: 461px;
}

#index #spec .spec-info8 {
	position: absolute;
	top: 47px;
	left: 461px;
}

#index #spec .spec-download {
	position: absolute;
	top: 154px;
	left: 156px;
	width:470px;
	height:40px;
	background:url(../images/dlsoft_bg.png) no-repeat;
}

#index #spec .spec-download .btn {
	position: absolute;
	top: 5px;
	left: 306px;
}

#index #spec .spec-txt {
	position: absolute;
	top: 180px;
	left: 156px;
}


/* ========================================
	#footer
======================================== */
#index #footer {
	background-image: none;
}

#index #footer .footnavi ul {
	position: absolute;
	top: 60px;
	right: 0;
}

#index #footer .footnavi .copyright {
	padding: 0;
	position: absolute;
	top: 70px;
	left: 0;
}



/* ========================================
	pop
======================================== */
#pop-wrapper {
	margin: 0 auto;
	width: 850px;
	height: 814px;
	position: relative;
}

#pop-wrapper .pop-head {
	height: 134px;
	background: url(../images/pop_bg1.png) 0 0 no-repeat;
}

#pop-wrapper .pop-head {
	height: 134px;
	background: url(../images/pop_bg1.png) 0 0 no-repeat;
	position: relative;
}

#pop-wrapper .pop-head .pop-u {
	position: absolute;
	top: 29px;
	left: 88px;
}

#pop-wrapper .pop-head .pop-ttl {
	position: absolute;
	top: 40px;
	left: 235px;
}

#pop-wrapper .pop-head .pop-ttl2 {
	position: absolute;
	top: 82px;
	left: 235px;
}

#pop-wrapper .pop-head .pop-story {
	position: absolute;
	top: 40px;
	left: 475px;
}


#pop-wrapper .pop-main {
	background: url(../images/pop_bg2.png) 0 0 repeat-y;
}

#pop-wrapper .pop-main #pop-movie {
	margin: 0 0 0 91px;
}

#pop-wrapper .pop-main #pop-movie .movie-inner {
	padding: 14px 0 0 14px;
	height: 424px;
	width: 654px;
	background: url(../images/pop_movie_bg.jpg) 0 0 no-repeat;
}

#pop-wrapper .pop-main .pop-count3,
#pop-wrapper .pop-main .pop-count4,
#pop-wrapper .pop-main .pop-count5 {
	margin: 0 auto;
	padding: 14px 0 10px 0;
	width: 668px;
}

#pop-wrapper .pop-main .pop-count3 .pop-count-ttl,
#pop-wrapper .pop-main .pop-count4 .pop-count-ttl,
#pop-wrapper .pop-main .pop-count5 .pop-count-ttl {
	margin: 0 0 10px 0;
	text-align: center;
}

#pop-wrapper .pop-main .pop-count3 .pop-count-navi {
	margin: 0 0 0 188px;
}

#pop-wrapper .pop-main .pop-count3 .pop-count-navi li {
	padding-right: 13px;
	width: 89px;
	float: left;
}

#pop-wrapper .pop-main .pop-count-navi li a {
	display: block;
	color: #009FC5;
}

#pop-wrapper .pop-main .pop-count3 .pop-count-navi .pop-count-naem {
	margin: -10px 0 0 0;
	display: block;
	text-align: center;
}

#pop-wrapper .pop-main .pop-count4 .pop-count-navi {
	text-align: center;
}

#pop-wrapper .pop-main .pop-count4 .pop-count-navi .pop-count-naem,
#pop-wrapper .pop-main .pop-count5 .pop-count-navi .pop-count-naem {
	margin: 10px 0 0 0;
	display: block;
	text-align: center;
}

#pop-wrapper .pop-main .pop-count5 .pop-count-navi {
	margin: 0 0 0 104px;
}

#pop-wrapper .pop-main .pop-count5 .pop-count-navi li {
	padding-right: 20px;
	width: 220px;
	float: left;
}


#pop-wrapper .pop-main .pop-alw-left {
	position: absolute;
	top: 330px;
	left: 23px;
}

#pop-wrapper .pop-main .pop-alw-right {
	position: absolute;
	top: 330px;
	left: 765px;
}

#pop-wrapper .pop-main .pop-close {
	position: absolute;
	top: 30px;
	left: 774px;
}


#pop-wrapper .pop-foot {
	clear: both;
	height: 100px;
	background: url(../images/pop_bg3.png) left bottom no-repeat;
	position: relative;

}

#pop-wrapper .pop-foot .pop-navi1 {
	position: absolute;
	top: 0;
	left: 0;
}

#pop-wrapper .pop-foot .pop-navi2 {
	position: absolute;
	top: 0;
	left: 175px;
}

#pop-wrapper .pop-foot .pop-navi3 {
	position: absolute;
	top: 0;
	left: 342px;
}

#pop-wrapper .pop-foot .pop-navi4 {
	position: absolute;
	top: 0;
	left: 509px;
}

#pop-wrapper .pop-foot .pop-navi5 {
	position: absolute;
	top: 0;
	left: 675px;
}