@charset "shift_jis";

#wrapper01 {
	background-image: url(../story/images/bg01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
}

#wrapper02 {
	background-image: url(../story/images/bg02.jpg);
	background-position: center 240px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#wrapper03 {
	background-image: url(../story/images/bg03.jpg);
	background-position: center 480px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#wrapper04 {
	background-image: url(../story/images/bg04.jpg);
	background-position: center 720px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#wrapper05 {
	background-image: url(../story/images/bg05.jpg);
	background-position: center 960px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body#storyandchara #gnavi {
	background: url(../story/images/header_bg.png) no-repeat left top;
}

body#storyandchara .inner {
	position: relative;
}

/* ========================================
	#main
======================================== */
/* --------------------------------
	#story
-------------------------------- */
#story {
	background: url(../story/images/story_bg01.png) no-repeat left top;
	position: relative;
}
#story .storyWrap01 {
	background: url(../story/images/story_bg02.png) no-repeat left 343px;
	height: 723px;
}

#story .ttl {
	padding-top: 36px;
}

#story .storyInner {
	padding: 75px 0 114px 50px;
}

#story .storyTtl {
	margin-bottom: 29px;
}

#story #storyMovie {
	position: absolute;
	width: 524px;
	height: 296px;
	left: 387px;
	top: 274px;
}

#story #storyMovie .sceneslide li {
	position: absolute;
	top: 0;
	left: 0;
}

body#storyandchara .inner #chara01 {
	position: absolute;
	right: 0;
	top: 96px;
	z-index: -1;
}

#story #chara02 {
	position: absolute;
	left: 31px;
	top: 553px;
}

#story #chara03 {
	position: absolute;
	left: 787px;
	top: 624px;
}

#story .awa {
	position: absolute;
	left: 93px;
	top: 528px;
}


/* --------------------------------
	#character
-------------------------------- */
#character {
	position: relative;
	margin-bottom: 10px;
}

#character .charaWrap01 {
	background: url(../story/images/chara_bg01.png) no-repeat center top;
}

#character .charaWrap02 {
	background: url(../story/images/chara_bg02.png) no-repeat center 500px;
	height: 755px;
}

#character h2 {
	position: absolute;
	left: 222px;
	top: 0;
}

#character .charaPop01 {
	position: absolute;
	left: 9px;
	top: 82px;
}
#character .charaPop02 {
	position: absolute;
	left: 372px;
	top: 250px;
}
#character .charaPop03 {
	position: absolute;
	left: 579px;
	top: 99px;
}
#character .charaPop04 {
	position: absolute;
	left: 126px;
	top: 422px;
}
#character .charaPop05 {
	position: absolute;
	left: 650px;
	top: 422px;
}

#character .awa02 {
	position: absolute;
	left: 20px;
	top: 0;
}

#character .awa03 {
	position: absolute;
	left: 629px;
	top: -16px;
}

body#storyandchara #footer .foot-inner .inner {
	background: url(../story/images/chara_footer.png) no-repeat left top;
}