@charset "utf-8";
/*--------------------------------------------------------
	
	ストーリー用CSS

---------------------------------------------------------*/

.yellowBox {padding:0;}
.yellowBox h2 { float:left; margin-left:40px; margin-bottom:20px;}
p.day {float:left;
	color:#5f4407;
	font-size:22px;
	display:inline;
	line-height:35px;
	text-indent:1em;}
	
.whiteBox {
	clear:both;
	background:#FFF;
	margin:15px 15px 0;
	padding:15px 10px;
}

#arasuji {width:270px; float:left;}
#arasuji p {display:block;
width:100%; height:470px;
overflow:auto;
}


#imgArea { float:right; width:250px;}

#imgArea img{width:100%;}

#nextStory { background:#90b732; padding:0 0 5px 0;
	box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
	margin-bottom:10px;}
#nextStory span { background:#fff;
	display:block; padding:8px; margin:5px 5px 0;}



#blueBox {padding:30px 0;}
#blueBox h2 {
	background:#0a73a4;
	text-align:center; 
	position:relative;}
	#blueBox h2 img { width:263px; margin:0 auto;}
	#blueBox h2 .left{
		display:block;
		background:url(../images/ribbon_left.png) no-repeat;
		width:5px; height:37px;
		position:absolute;
		top:0; left:-5px;
	}
	#blueBox h2 .right{
		display:block;
		background:url(../images/ribbon_right.png) no-repeat;
		width:5px; height:37px;
		position:absolute;
		top:0; right:-5px;
	}
	
	
ul.backnumber {
	width:552px;
	margin:0 auto;
	overflow:hidden;
}

ul.backnumber li{
	width:184px; height:150px;
	float:left;
}
	ul.backnumber li img{width:184px;}