@charset "shift_jis";

/*******************************************
*02story layout
********************************************/
#candy{
	width:980px;
	margin:0 auto;
	position:relative;
}
#img-candy{
	position:absolute;
	top:55px;
	right:100px;
}
#story-tl{
	width:873px;
	margin:0 auto 35px auto;
	padding-top:110px;
	background:transparent url(../img/story/bg_tl.gif) no-repeat bottom;
}
#story-tl ul{
	width:388px;
	position:absolute;
	top:65px;
	left:300px;
	overflow:hidden;
}
#story-tl ul li{
	float:left;
	padding-right:40px;
	padding-top:9px;
}
#in-story-tl{
	width:555px;
	margin:0 auto;
	padding-bottom:20px;
	text-align:left;
	color:#e838a9;
	overflow:hidden;
}
#in-story-tl p{
	float:left;
	padding:10px 0 0 7px;
	width:121px;
}
#in-story-tl dl{
	width:425px;
	float:right;
}
#in-story-tl dt{margin-bottom:5px;}
#in-story-tl dd{font-weight:bold;}

#story-area{
	width:835px;
	margin:0 auto 30px auto;
	overflow:hidden;
}
#story-area ul{
	width:309px;
	float:left;
}
#story-area ul li{
	background:transparent url(../img/story/bg_p.gif) no-repeat;
	padding:13px 0 14px 0;
	margin-bottom:15px;
}
#story-d{
	width:495px;
	padding-top:10px;
	float:right;
	text-align:left;
}
#story-d p{	line-height:1.7;
margin-bottom:15px;
}
#btn-dataget{
	width:630px;
	margin:0 auto 30px auto;
	overflow:hidden;
}

/**list**************/
#story-list{
	width:800px;
	margin:0 auto;
	color:#e838a9;
}
#story-list div.story-li{
	overflow:hidden;
	padding:10px 0 15px 0;
	background:transparent url(../img/story/bg_list.gif) repeat-x bottom;
}
#story-list div.story-li div{
	width:757px;
	margin:0 auto;
	background:transparent url(../img/story/bg_heart.gif) no-repeat 0 10px;
	overflow:hidden;
	text-align:left;
}
#story-list div.story-li p{
	padding:5px 10px 5px 100px;
	float:left;
	background:transparent url(../img/story/bg_list_day.jpg) no-repeat 80px 0;
}
#story-list div.story-li dl{
	width:500px;
	float:right;
}
#in-story-tl dt{margin-bottom:5px;}
#in-story-tl dd{font-weight:bold;}