@charset 'utf-8';

/*-----------------------------------------------------
Common
-------------------------------------------------------*/
#Content {
	width: 100%;
	line-height: 1;
	text-align: center;
}
#Content h2 {
	height: 180px;
	position: relative;
	background: #fff;
}
#Content h2 img {
	position: absolute;
	top: 0;bottom: 0;left: 0;right: 0;
	margin: auto;
}

/*-----------------------------------------------------
Intro
-------------------------------------------------------*/
div.intro {
	height: 565px;
	position: relative;
	background: url('../images/intro_bg.jpg');
}
div.intro h1 {
	position: relative;
	z-index: 1;
	margin: 0 0 32px;
	padding: 70px 0 0;
}
div.intro p.text_wrap {
	position: relative;
	z-index: 1;
}
div.intro p.text_wrap img.text01 {
	position: relative;
	left: 22px;
}
div.intro p.text_wrap a {
	position: absolute;
	top: 43px;
	left: 50%;
	margin-left: -261px;
}
div.intro p.chara {
	position: absolute;
	top: 51px;
	left: 50%;
	margin-left: -310px;
}

/*-----------------------------------------------------
Powerup
-------------------------------------------------------*/
div.powerup div.inside {
	height: 802px;
	background-image: url('../images/powerup_bg01.jpg'), url('../images/powerup_bg02.jpg');
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
}
div.powerup div.step {
	padding: 60px 0 0;
}
div.powerup div.step div.box {
	display: inline-block;
	position: relative;
	margin: 0 20px 112px;
}
div.powerup div.step div.box p.txt {
	width: 120%;
	position: absolute;
	bottom: -77px;
	left: -10%;
	text-align: center;
}

/*-----------------------------------------------------
Howto
-------------------------------------------------------*/
div.howto div.inside {
	height: 1403px;
	background-image: url('../images/howto_bg01.jpg'), url('../images/howto_bg02.jpg');
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
}
div.howto p.lead {
	margin: 0 0 39px;
	padding: 60px 0 0;
}
div.howto p.img {
	margin: 0 0 20px;
}
div.howto p.text_wrap {
	position: relative;
	margin: 0 0 40px;
}
div.howto p.text_wrap a {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -238px;
}
div.howto p.text_wrap img.text02 {
	position: relative;
	left: 67px;
}
div.howto p.btn {
	margin: 35px 0 0;
}