@charset "shift_jis";

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

#main .mission-top {
	margin: 0 0 0 40px;
	width: 880px;
	height: 300px;
	position: relative;
}

#main .mission-top .mission-top-copy li {
	margin-bottom: 14px;
}

#main .mission-top .mission-top-img01 {
	position: absolute;
	top: -89px;
	left: 606px;
	z-index: 11;
}

#main .mission-top .mission-top-img02 {
	position: absolute;
	top: 54px;
	left: 474px;
	z-index: 10;
}

#main .mission-top .mission-top-img01 li,
#main .mission-top .mission-top-img02 li {
	position: absolute;
	top: 0;
	left: 0;
}

#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;
	position: relative;
}

#main .newrank .newrank-ttl dd .more {
	position: absolute;
	top: 91px;
	left: 250px;
}

#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;
}