@charset "shift_jis";
.story_top{
	background:url(../img/head/bg_head.jpg) no-repeat left top;
	height:398px;
	padding-left:335px;
	width:564px;
}

.story_top ul{
	background:url(../img/head/bg_ul.jpg) no-repeat left top;
	width:564px;
	height:251px;
}
.story_top ul li{
	padding-top:37px;
	float:left;
}

.story_top ul li a.on img{
	filter: alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
}


.story_top ul li.first{
	padding-left:137px;
}


.story_page{
	background:url(../img/page/bg_page.gif) repeat-y right top;
	width:899px;
}

.story_page .story_page_ul{
	width:209px;
	float:left;
}

.story_page .story_page_ul ul{
	margin-left:23px;
	margin-top:15px;
}
.story_page .story_page_ul li{
	font-size:0px;
	line-height:0px;
	vertical-align: bottom;
	padding-bottom:3px;
	width:104px;
}
.story_page .story_page_ul li.li_01 a:hover{
	background:url(../img/page/navi_side/li_01_on.gif) no-repeat left top;
	height:19px;
	display:block;
}
#story_page_01 .story_page_ul li.li_01 a{
	background:url(../img/page/navi_side/li_01_txt.gif) no-repeat left top;
	padding-bottom:25px;
	height:424px;
	display:block;
}
.story_page .story_page_ul li.li_02 a:hover{
	background:url(../img/page/navi_side/li_02_on.gif) no-repeat left top;
	height:19px;
	display:block;
}
#story_page_02 .story_page_ul li.li_02 a{
	background:url(../img/page/navi_side/li_02_txt.gif) no-repeat left top;
	padding-bottom:25px;
	height:210px;
	display:block;
}
.story_page .story_page_ul li.li_03 a:hover{
	background:url(../img/page/navi_side/li_03_on.gif) no-repeat left top;
	height:19px;
	display:block;
}
#story_page_03 .story_page_ul li.li_03 a{
	background:url(../img/page/navi_side/li_03_txt.gif) no-repeat left top;
	padding-bottom:25px;
	height:203px;
	display:block;
}
.story_page .story_page_ul li.li_04 a:hover{
	background:url(../img/page/navi_side/li_04_on.gif) no-repeat left top;
	height:19px;
	display:block;
}
#story_page_04 .story_page_ul li.li_04 a{
	background:url(../img/page/navi_side/li_04_txt.gif) no-repeat left top;
	padding-bottom:25px;
	height:367px;
	display:block;
	
}
.story_page .story_page_ul li.li_05 a:hover{
	background:url(../img/page/navi_side/li_05_on.gif) no-repeat left top;
	height:19px;
	display:block;
}
#story_page_05 .story_page_ul li.li_05 a{
	background:url(../img/page/navi_side/li_05_txt.gif) no-repeat left top;
	height:203px;
	display:block;
}
#story_page_01 .story_page_ul li.li_01 a img,
#story_page_02 .story_page_ul li.li_02 a img,
#story_page_03 .story_page_ul li.li_03 a img,
#story_page_04 .story_page_ul li.li_04 a img,
#story_page_05 .story_page_ul li.li_05 a img{
	filter: alpha(opacity=0);
	opacity: 0.0;
	-moz-opacity: 0.0;
}


.story_page .story_page_txt{
	width:579px;
	float:left;
	padding-bottom:50px;
	margin-bottom:20px;
}
.story_page .story_page_txt h4{
	margin-bottom:50px;
}
.story_page .story_page_txt p{
	text-indent:1em;
	margin-bottom:1.5em;
}
.story_page .story_page_txt p strong{
	font-weight: bold;
	font-size:1.6em;
	line-height:1.4;
}
#story_page_01 .story_page_txt{
	background:url(../img/page/page_01.gif) no-repeat left bottom;
}
#story_page_02 .story_page_txt{
	background:url(../img/page/page_02.gif) no-repeat left bottom;
}
#story_page_03 .story_page_txt{
	background:url(../img/page/page_03.gif) no-repeat left bottom;
}
#story_page_04 .story_page_txt{
	background:url(../img/page/page_04.gif) no-repeat left bottom;
}
#story_page_05 .story_page_txt{
	background:url(../img/page/page_05.gif) no-repeat left bottom;
}


.story_foot{
	background:url(../img/page/bg_foot.gif) no-repeat left bottom;
	width:899px;
	clear:both;
	height:150px;
}
.story_foot ul{
	padding-left:209px;
	width:579px;
}
.story_foot ul li{
	float:left;
	display:block;
	height:18px;
}

.story_foot ul li.li_01_back{
	background:url(../img/page/navi_foot/li_01_back_on.gif) no-repeat left top;
}
.story_foot ul li.li_02_back{
	background:url(../img/page/navi_foot/li_02_back_on.gif) no-repeat left top;
}
.story_foot ul li.li_03_back{
	background:url(../img/page/navi_foot/li_03_back_on.gif) no-repeat left top;
}
.story_foot ul li.li_04_back{
	background:url(../img/page/navi_foot/li_04_back_on.gif) no-repeat left top;
}
.story_foot ul li.li_05_back{
	background:url(../img/page/navi_foot/li_05_back_on.gif) no-repeat left top;
}

.story_foot ul li.li_01_next{
	background:url(../img/page/navi_foot/li_01_next_on.gif) no-repeat left top;
	float:right;
}
.story_foot ul li.li_02_next{
	background:url(../img/page/navi_foot/li_02_next_on.gif) no-repeat left top;
	float:right;
}
.story_foot ul li.li_03_next{
	background:url(../img/page/navi_foot/li_03_next_on.gif) no-repeat left top;
	float:right;
}
.story_foot ul li.li_04_next{
	background:url(../img/page/navi_foot/li_04_next_on.gif) no-repeat left top;
	float:right;
}
.story_foot ul li.li_05_next{
	background:url(../img/page/navi_foot/li_05_next_on.gif) no-repeat left top;
	float:right;
}