@charset 'utf-8';

/*-----------------------------------------------------
Common
-------------------------------------------------------*/
#Content {
	width: 100%;
	line-height: 1;
	text-align: center;
	background: url('../images/intro_bg02.jpg') center top repeat-y;
}
div.official h2,
div.extra h2 {
	position: relative;
}

/*-----------------------------------------------------
Intro
-------------------------------------------------------*/
div.intro {
	height: 6778px;
	position: relative;
	background: url('../images/intro_bg01.jpg') center top no-repeat;
}
div.intro h1 {
	margin: 0 0 40px;
	padding: 70px 0 0;
}
div.intro p.txt {margin: 0 0 370px;}
div.intro ul.chara li {
	position: absolute;
	left: 50%;
}
div.intro ul.chara li.chara01 {top: 375px;margin-left: -322px;}
div.intro ul.chara li.chara02 {top: 360px;margin-left: 23px;}
div.intro ul.chara li.chara03 {top: 890px;margin-left: -319px;}
div.intro ul.chara li.chara04 {top: 882px;margin-left: 30px;}
div.intro ul.chara li.chara05 {top: 1125px;margin-left: -278px;}
div.intro ul.chara li.chara06 {top: 1162px;margin-left: 44px;}
div.intro ul.chara li.chara07 {top: 1382px;margin-left: -288px;}
div.intro ul.chara li.chara08 {top: 1426px;margin-left: 10px;}
div.intro ul.chara li.chara09 {top: 1666px;margin-left: -286px;}
div.intro ul.chara li.chara10 {top: 1684px;margin-left: 45px;}
div.intro ul.chara li.chara11 {top: 1900px;margin-left: -303px;}
div.intro ul.chara li.chara12 {top: 1930px;margin-left: 8px;}
div.intro ul.chara li.chara13 {top: 2165px;margin-left: -290px;}
div.intro ul.chara li.chara14 {top: 2160px;margin-left: 37px;}
div.intro ul.chara li.chara15 {top: 2395px;margin-left: -270px;}
div.intro ul.chara li.chara16 {top: 2389px;margin-left: 43px;}
div.intro ul.chara li.chara17 {top: 2653px;margin-left: -296px;}
div.intro ul.chara li.chara18 {top: 2660px;margin-left: 30px;}
div.intro ul.chara li.chara19 {top: 2925px;margin-left: -319px;}
div.intro ul.chara li.chara20 {top: 2910px;margin-left: 20px;}
div.intro ul.chara li.chara21 {top: 3178px;margin-left: -297px;}
div.intro ul.chara li.chara22 {top: 3187px;margin-left: 22px;}
div.intro ul.chara li.chara23 {top: 3445px;margin-left: -281px;}
div.intro ul.chara li.chara24 {top: 3437px;margin-left: -24px;}
div.intro ul.chara li.chara25 {top: 3710px;margin-left: -301px;}
div.intro ul.chara li.chara26 {top: 3691px;margin-left: 13px;}
div.intro ul.chara li.chara27 {top: 3973px;margin-left: -300px;}
div.intro ul.chara li.chara28 {top: 3962px;margin-left: 28px;}
div.intro ul.chara li.chara29 {top: 4265px;margin-left: -302px;}
div.intro ul.chara li.chara30 {top: 4243px;margin-left: 36px;}
div.intro ul.chara li.chara31 {top: 4518px;margin-left: -320px;}
div.intro ul.chara li.chara32 {top: 4535px;margin-left: 1px;}
div.intro ul.chara li.chara33 {top: 4772px;margin-left: -280px;}
div.intro ul.chara li.chara34 {top: 4792px;margin-left: 48px;}
div.intro ul.chara li.chara35 {top: 5105px;margin-left: -298px;}
div.intro ul.chara li.chara36 {top: 5068px;margin-left: 30px;}
div.intro ul.chara li.chara37 {top: 5333px;margin-left: -267px;}
div.intro ul.chara li.chara38 {top: 5318px;margin-left: 23px;}
div.intro ul.chara li.chara39 {top: 5609px;margin-left: -287px;}
div.intro ul.chara li.chara40 {top: 5600px;margin-left: 40px;}

/* mii
------------------------------------------------ */
div.intro div.mii {
	width: 584px;
	position: absolute;
	top: 5884px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 8px 8px 8px;
	border-radius: 12px;
	background: #7f368d;
}
div.intro div.mii h3 { padding: 30px 0; }
div.intro div.mii div.box{
	height: 630px;
	position: relative;
	padding: 40px 0;
	background: url('../images/mii_bg.png') center top no-repeat;
}
div.intro div.mii div.box p.txt {margin: 0 0 35px;}
div.intro div.mii div.box p.btn { margin: 0 0 40px; }
div.intro div.mii div.box ul.images li { display: inline-block; }
div.intro div.mii div.box ul.images li:first-child { margin: 0 20px 20px 0; }
div.intro div.mii div.box ul.mii_chara li { position: absolute; }
div.intro div.mii div.box ul.mii_chara li.chara01 { top: 100px;left: -10px; }
div.intro div.mii div.box ul.mii_chara li.chara02 {top: 148px;left: 491px;}
div.intro div.mii div.box ul.mii_chara li.chara03 {top: 510px;left: 34px;}
div.intro div.mii div.box ul.mii_chara li.chara04 {top: 530px;left: 456px;}