@charset "utf-8";


/***************************************
	story CSS
***************************************/
*{
	margin: 0px;
	padding: 0px;
}

body{
	margin: 0px;
	padding: 0px;
	}

/* ALL */

#storyBox{
	width: 650px;
	height: 393px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#storyBox .main{
	height: 361px;
}

#storyBox .main .story,#storyBox .main .phot{
	float: left;
	height: 361px;
}

#storyBox .main .story{
	width: 328px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 288px;
	height: 316px;

}

#storyBox .main .story h1{
	padding-bottom: 15px;
}

#storyBox .main .story p{
	font-size: 11px;
	line-height: 18px;
	color: #2e1812;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#storyBox .main .phot{
	width: 322px;
}

#storyBox .nav{
	clear: both;
	background-color: #5ec42b;
	height: 32px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	voice-family:inherit;
	height: 12px;
}

#storyBox .nav .back,#storyBox .nav .next{
	height: 14px;
	width: 54px;
}

#storyBox .nav .back a,#storyBox .nav .next a{
	border: 0px;
}

#storyBox .nav .back{
	float: left;
}

#storyBox .nav .page{
	padding-top: 2px;
	height: 10px;
	width: 522px;
	float: left;
}

#storyBox .nav .page img{
	margin-left: 223px;
}

#storyBox .nav .next{
	float: right;
}