@charset "shift_jis";

/* ========================================
	mission 
======================================== */
#main .ttl {
	padding: 8px 0 26px 29px;
}

#main .add {
	margin: 0 auto;
	width: 878px;
}

#main .add-v2-ttl {
	padding: 16px 0 9px 25px;
}

#main .add-main {
	height: 286px;
	background: url(../mission2/images/add_bg01.png) 0 0 no-repeat;

}

#main .add-v2-copy {
	padding: 0 0 6px 24px;
	position: relative;
}

#main .add-v2-copy .more {
	position: absolute;
	top: 0;
	left: 473px;
}

#main .add-old {
	margin: 0 0 0 22px;
	height: 144px;
	background: url(../mission2/images/add_bg02.png) 0 0 no-repeat;
	position: relative;
}

#main .add-v2-copy2 {
	padding: 25px 0 0 18px;
}

#main .add-old .more {
	position: absolute;
	top: 114px;
	left: 32px;
}

#main .download {
	margin: 35px 0 0 40px;
	height: 236px;
	position: relative;
}

#main .download-ttl {
	margin-bottom: 8px;
}

#main .download-img01 {
	margin-left: 20px;
}

#main .download-img02 {
    position: absolute;
    top: -22px;
    left: 610px;
}

#main .about {
	margin: 0 0 0 40px;
}

#main .about-ttl {
	margin: 0 0 8px 0;
}

#main .info {
	margin: 0 0 0 2px;
}

#main .info li {
	margin-bottom: 10px;
}

#main .first {
	margin: 22px 0 0 2px;
	position: relative;
}

#main .first-ttl {
	margin: 0 0 20px 0;
}

#main .first-img01 {
	margin: 8px 0 0 30px;
}

#main .first-copy01 {
	position: absolute;
	top: 116px;
	left: 448px;
}

#main .first-copy02 {
	position: absolute;
	top: 212px;
	left: 449px;
}

#main .first-img02 {
	margin: 20px 0 0 73px;
}

#main .buy {
	margin: 45px 0 0 40px;
	height: 501px;
	position: relative;
}

#main .buy-img01 {
	margin: 4px 0 0 30px;
}

#main .buy-copy01 {
	position: absolute;
	top: 39px;
	left: 452px;
}

#main .buy-copy02 {
	position: absolute;
	top: 180px;
	left: 452px;
}

#main .buy-copy02 .more {
	position: absolute;
	top: 57px;
	left: 295px;
}

#main .buy-photo01 {
	margin: 30px 0 0 65px;
}

#main .content {
	margin: 0 0 0 40px;
}

#main .content-ttl {
	margin: 0 0 8px 0;
}

#main .content-img {
	margin: 0 0 0 30px;
}


#main .btm {
	padding: 33px 0 74px 15px;
}



#main .mission-wrap {
	margin-top: -25px;
	width: 960px;
	height: 919px;
	position: relative;
}

#main .mission-bg1 {
	background: url(../mission/images/mission_bg01.png) 0 0 no-repeat;
}

#main .mission-bg2 {
	height: 919px;
	background: url(../mission/images/mission_bg02.png) 0 450px no-repeat;
}


#main .mission-wrap .mission01 dt,
#main .mission-wrap .mission02 dt,
#main .mission-wrap .mission03 dt {
	z-index: 10;
}

#main .mission-wrap .mission01 {
	position: absolute;
	top: 39px;
	left: 50px;
}

#main .mission-wrap .mission01 dt {
	position: absolute;
	top: 0;
	left: 0;
}

#main .mission-wrap .mission01 dd {
	position: absolute;
	top: 37px;
	left: 42px;
}

#main .mission-wrap .mission02 {
	position: absolute;
	top: 104px;
	left: 490px;
}

#main .mission-wrap .mission02 dt {
	position: absolute;
	top: 0;
	left: 96px;
}

#main .mission-wrap .mission02 dd {
	position: absolute;
	top: 39px;
	left: 0;
}


#main .mission-wrap .mission03 {
	position: absolute;
	top: 337px;
	left: 169px;
}

#main .mission-wrap .mission03 dt {
	position: absolute;
	top: 0;
	left: 0;
}

#main .mission-wrap .mission03 dd {
	position: absolute;
	top: 38px;
	left: 52px;
}

#main .mission-wrap .mission-pkm01 {
	position: absolute;
	top: -53px;
	left: 695px;
	z-index: 11;
}


#main .mission-wrap .mission-other {
	position: absolute;
	top: 605px;
	left: 65px;
}

#main .mission-wrap .mission-other-ttl {
	margin: 0 0 0 2px;

}

#main .mission-wrap .mission-other-copy {
	margin: 10px 0 0 2px;

}

#main .mission-wrap .mission-pikmin {
	margin: 9px 0 0 0;
}

#main .mission-wrap .mission-pikmin li {
	width: 395px;
	float: left;
}

#main .mission-wrap .mission-murasaki {
	position: absolute;
	top: 39px;
	left: 0;
}

#main .mission-wrap .mission-shiro {
	position: absolute;
	top: 39px;
	left: 388px;
}

#main .mission-wrap .mission-btn {
	margin: 15px 0 0 205px;
}

#main .mode {
	margin: 0 0 0 40px;
	width: 880px;
	position: relative;
}

#main .mode {
	margin: 78px 0 0 40px;
	width: 880px;
	height: 222px;
	position: relative;
}

#main .mode-story {
	position: absolute;
	top: 0;
	left: 0;
}

#main .mode-story-btn {
	margin: 14px 0 0 13px;
}

#main .mode-bingo {
	position: absolute;
	top: 0;
	left: 450px;
}

#main .mode-bingo-btn {
	margin: 15px 0 0 17px;
}

#main .rank {
	margin: 0 0 0 40px;
	width: 880px;
	height: 425px;
	position: relative;
}

#main .rank .rank-ttl dd {
	padding: 11px 0 15px 0;
}

#main .rank .rank-img {
	padding: 0 0 21px 0;
}

#main .rank .rank-img li {
	float: left;
}

#main .newrank {
	margin: 0 0 0 40px;
	width: 880px;
	height: 289px;
	position: relative;
}

#main .newrank .newrank-ttl dd {
	padding: 11px 0 15px 0;
}

#main .newrank .newrank-img {
	position: absolute;
	top: 34px;
	left: 480px;
}

#main .newrank .update {
	position: absolute;
	top: -12px;
	left: 380px;
}

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

#pop-wrapper .pop-top {
	height: 10px;
	background: url(../mission/images/pop_top_bg.png) 0 0 no-repeat;
}

#pop-wrapper .pop-btm {
	height: 10px;
	background: url(../mission/images/pop_btm_bg.png) 0 0 no-repeat;
}

#pop-wrapper .pop-main {
	background: url(../mission/images/pop_main_bg.jpg) 0 0 repeat-y;
}

#pop1 .pop-main,
#pop2 .pop-main,
#pop3 .pop-main {
	height: 670px;
}

#pop-murasaki .pop-main,
#pop-shiro .pop-main {
	height: 740px;
}

#pop1 #pop-movie,
#pop2 #pop-movie,
#pop3 #pop-movie {
	padding: 7px 0 0 70px;
}

#pop-murasaki #pop-movie,
#pop-shiro #pop-movie {
	margin: 0 0 0 70px;
}

/*#pop-wrapper #stagePoster {
	width: 826px;
	height: 640px;
	position: relative;
}
*/
#pop-wrapper .pop-movie-bg {
	width: 826px;
	height: 529px;
	background: url(../mission/images/pop_movie_bg.jpg) 0 0 no-repeat;
	position: relative;
}

#pop-wrapper .pop-movie-bg li {
	position: absolute;
	top: 11px;
	left: 10px;
}

#pop-wrapper .movie-inner {
	width: 826px;
	height: 479px;
	text-align: center;
	padding: 50px 0 0 0;
}

#pop-wrapper h1 {
	padding: 13px 0 0 0;
	text-align: center;
}

#pop-wrapper .pop-chara {
	margin: 8px 0 0 385px;
}

#pop-wrapper .pop-chara li {
	padding-right: 10px;
	float: left;
	width: 90px;
	position: relative;
}

#pop-wrapper .pop-chara li .new {
	position: absolute;
	top: -9px;
	left: -2px;
}
#pop-wrapper .pop-alw-left {
	position: absolute;
	top: 305px;
	left: 10px;
}

#pop-wrapper .pop-alw-right {
	position: absolute;
	top: 305px;
	left: 889px;
}

#pop-wrapper .pop-close {
	position: absolute;
	top: 19px;
	left: 894px;
}