@charset "shift-jis";
/* ===================================================================
	CSS information
	file name  :  story.css
	style info :  story
	date:2011.9.29
=================================================================== */
html,body {
	height: 100%;
}
#maskwrap {
	position: relative;
	min-width: 960px;
	height: 100%;
	min-height: 991px;
	margin: 0 auto;
	overflow: hidden;
}
#wrap {
	position: relative;
	min-width: 960px;
	margin: 0 auto;
}
#contents {
	min-width: 960px;
	height: 735px;
	background: url(../story/img/bg.png) top center no-repeat;
	margin: 0 auto;
}

/* IE6 hack */
* html #maskwrap,
* html #wrap,
* html #contents {
	width:expression(document.body.clientWidth < 962? "960px" : "100%");
}
* html #maskwrap {
	height: 991px;
}

#contents .inner {
	position: relative;
	width: 960px;
	height: 701px;
	margin: 0 auto;
}
#flvplayer {
	position: absolute;
	width: 430px;
	height: 230px;
	top: 7px;
	left: 36px;
}
.txt_area {
	position: absolute;
	top: 7px;
	left: 484px;
}
div.charawrap {
	position: absolute;
	top: 186px;
	left: 50%;
	z-index: 1000;
	width: 1600px;
	height: 3000px;
	margin-left: -800px;
	z-index: 10;
}
div.charainner {
	position: relative;
	width: 1600px;
	height: 3000px;
	margin: 0 auto;
}
div.chara {
	position: absolute;
	z-index: 0;
}
#chara02 {
	top: 204px;
	left: 315px;
}
#chara05 {
	top: 351px;
	left: 824px;
}
#footer {
	z-index: 100;
}