@charset "utf-8";
/* CSS Document */


#contents{
	min-height: 960px;

}
#episode{
	position:relative;
	padding-bottom: 150px;
}
.comingsoon{
	text-align:center;
}

#episode_tab{
    width: 408px;
    height: 58px;
    margin: 0 auto 30px;
	background-image:url(../img/common/bgTab.png);
}

#episode_tab_inner{
	width: 398px;
	height:52px;
	margin: 0 auto;
	padding-top: 3px;
}

#episode_tab p.list{
	float:left;
	width:199px;
	height:52px;
	text-indent:-9998px;
	background-image:url(../img/common/tabNewest_o.png);
	background-position:left top;
	position: relative;
}
#episode_tab p.list a{
	display:block;
	width:199px;
	height:52px;
	text-indent:-9998px;
	background-image:url(../img/common/tabNewest.png);
	background-position:left top;
}
#episode_tab p.list a{
	float:right;
	width:199px;
	height:52px;
	text-indent:-9998px;
	background-image:url(../img/common/tabNewest.png);
	background-position:left top;
}
#episode_tab p.about{
	float:right;
	width:199px;
	height:52px;
	text-indent:-9998px;
	background-image:url(../img/common/tabIndex_o.png);
	background-position:left top;
	position: relative;
}
#episode_tab p.about a{
	display:block;
	width:199px;
	height:52px;
	text-indent:-9998px;
	background-image:url(../img/common/tabIndex.png);
	background-position:left top;
}
#story_list_head{
	background:url(../img/common/frameTop.png) center top no-repeat;
	width:880px;
	margin:0 auto;
	padding-top:10px;
}
#story_list_foot{
	background:url(../img/common/frameBottm.png) center bottom no-repeat;
	margin:0 auto;
	padding-bottom:5px;
}
#story_list{
    padding: 40px 0 28px;
	background:url(../img/common/bg_txt.png);
}
#story_list li{
	width:808px;
	margin: 0 auto 12px;
	background:#000;
	border-radius:3px;
	color:#FFF;
	line-height: 1.5em;
	font-size: 13px;
	padding: 5px 0;
}
#story_list li a{
	color:#ffd401;
	text-decoration:none;
}
#story_list li a:hover{
	color:#ffd401;
	text-decoration:underline;
}
#story_list li p.number{
	float: left;
	background: url(../img/common/bgEpisode.png);
	width: 70px;
	height: 21px;
	padding: 5px 0 0;
	text-align: center;
	color: #000;
	margin: 0 16px;
}
#story_list li p.title{
	float: left;
	padding-top: 4px;
	font-size: 14px;
	letter-spacing: 0.03em;
}
#story_list li p.date{
	float: right;
	padding: 5px 0px 0 11px;
	margin-right: 20px;
	background-image: url(../img/common/bullet.png);
	background-position: 0px 10px;
	background-repeat: no-repeat;
	color: #f69000;
}
#story_title{
	background-image:url(../img/common/bgTitle.png);
	width:780px;
	height:149px;
	margin:0 auto;
	position:relative;
}
#story_title #number{
	background: url(../img/common/bgEpisode.png);
	width: 70px;
	height: 20px;
	position: absolute;
	left: 180px;
	top: 36px;
	text-align: center;
	font-size: 13px;
	padding-top: 6px;
}
#story_title #title{
	position: absolute;
	left: 265px;
	top: 35px;
	text-align: center;
	font-size: 20px;
	padding-top: 7px;
	color: #ffd400;
	letter-spacing: 0.03em;
}
#story_title #staff{
	position: absolute;
	left: 175px;
	top: 74px;
	text-align: center;
	font-size: 13px;
	color: #f69000;
	line-height: 1.8em;
	letter-spacing: 0.03em;
}
#story_thumb{
	margin: 50px 0 0;

}
#story_thumb dl{
	width:780px;
	margin:0 auto;
	border-bottom:solid 1px #FFF;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#story_thumb dt{
	float:left;
	width: 320px;
	margin-right: 20px;
}
#story_thumb dd{
	float: left;
	color: #fff;
	width: 440px;
	font-size: 12px;
	line-height: 1.6em;
	letter-spacing: 0.03em;
}