@charset "shift_jis";

body#prologuePop {
	background-color: transparent;
}

/* about */
.about {
	position:relative;
	width: 960px;
	height: 490px;
}

.about h2 {
	margin: 0 0 42px 55px;
}

.about .copy01 {
	margin-left: 55px;	
}

.about .copy02 {
	position: absolute;
	top: 348px;
	left: 505px;
}

.about .img01 {
	position: absolute;
	top: 78px;
	left: 465px;
}

.about .img02 {
	position: absolute;
	top: 268px;
	left: 160px;
}

.about .chara01 {
	position: absolute;
	top: -100px;
	right: 0;
}

.about .chara02 {
	position: absolute;
	top: 235px;
	left: 0;
}

/* character */
.character {
	width:850px;
	height:308px;
	margin: 0 auto;
}

.character h2 {
	margin-bottom: 20px;
}

.character .copy01 {
	margin-bottom: 20px;
}

.character .img01 {
	float: right;
}


/* story */
#story {
	position: relative;
	background: url(../images/story_bg.gif) center 0 no-repeat;
	width:885px;
	height:378px;
	margin: 0 auto;
}

#story .ttl {
	padding: 25px 0 0 71px;
}

#story #storyIntroArea {
	position:absolute;
	left: 71px;
	top: 66px;
	overflow:hidden;
}

.storyInner {
	position: relative;
	height: 258px;
	overflow: hidden;
}

.storyInner .storyImg {
	position:absolute;
	left: 0;
	top: 0;
}

.storyInner .storyImg .slideImg {
	width: 904px;
	height: 258px;
}
.storyInner .storyImg .slideImg li {
	width: 452px;
	height: 258px;
	display: block;
}

.storyInner .storyTxt {
	position: absolute;
	left: 470px;
	top: 0;
}
.storyInner .storyTxt p {
	margin-left: 4px;
}
.story01 .storyTxt {
	margin-top: 32px;
}
.story02 .storyTxt {
	margin-top: 68px;
}
.story03 .storyTxt {
	margin-top: 49px;
}
.story04 .storyTxt p {
	margin-bottom: 16px;
}


#story #storyIntroArea .bx-wrapper,
#story #storyIntroArea .bx-viewport,
#story #storyIntroArea #storySlider,
#story #storyIntroArea .noScriptBox,
#story #storyIntroArea .noScriptBox iframe {
	width: 735px;
	height: 258px;
}

#story #storyIntroArea .noScriptBox iframe {
	overflow:hidden;
}

/* number Btn */
#story #storySelect {
	position: absolute;
	left: 366px;
	top: 341px;
	z-index:90;
	width: 160px;
	overflow: hidden;
}

#story #storySelect li {
	float: left;
}

#story #storySelect li a {
	width: 40px;
	height: 32px;
	display: block;
}

#story #storySelect li a.active img {
	visibility: hidden;
}

#story #storySelect li#storyNum01 a.active {
	background: url(../images/story01_btn_on.png) left top no-repeat;
}
#story #storySelect li#storyNum02 a.active {
	background: url(../images/story02_btn_on.png) left top no-repeat;
}
#story #storySelect li#storyNum03 a.active {
	background: url(../images/story03_btn_on.png) left top no-repeat;
}
#story #storySelect li#storyNum04 a.active {
	background: url(../images/story04_btn_on.png) left top no-repeat;
}

/* next/prev Btn*/
ul#storySetBtn {
	position: relative;
	width:885px;
	z-index:100;
	top: 102px;
	left: 0;
}

ul#storySetBtn li {
	vertical-align:top;
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/zoom:1;
	/display:inline;
}

ul#storySetBtn,
ul#storySetBtn li,
ul#storySetBtn li a {
	height: 66px;
}
ul#storySetBtn li a {
	display: block;
}

ul#storySetBtn li#prevBtn,
ul#storySetBtn li#prevBtn a {
	position: absolute;
	left: 0;
	top: 0;
	width: 57px;
}
ul#storySetBtn li#prevBtn a {
	background: url(../images/prev_btn_off.jpg) no-repeat left top;
}
ul#storySetBtn li#prevBtn a:hover {
	background:url(../images/prev_btn_on.jpg) no-repeat left top;
}

ul#storySetBtn li#nextBtn,
ul#storySetBtn li#nextBtn a {
	position: absolute;
	right: -1px;
	top: 0;
	width: 58px;
}
ul#storySetBtn li#nextBtn a {
	background:url(../images/next_btn_off.jpg) no-repeat left top;
}
ul#storySetBtn li#nextBtn a:hover {
	background:url(../images/next_btn_on.jpg) no-repeat left top;
}


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	*zoom: 1;
}

/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}