@charset "utf-8";
/* CSS Document */
@import url("common_in.css");

#contents {
	position: relative;
}

#contents .backbtn{
	position: absolute;
	right: 0;
	top: -25px;
}



#storyList {
	padding-top: 33px;
	background: url(../../news/img/top.gif) no-repeat left top;
	border-bottom:1px solid #f4abb2;
}

#storyList li {
	width: 640px;
	border-top:1px solid #f4abb2;
	display: table;
	background: url(../../movie/img/movie_arrow.png) no-repeat 590px center  #fcf8ef;
}


#storyList li a{
	display: block
	width: 640px;
	padding:15px 0px;
	border-top:1px solid #f4abb2;
	display: table; #fcf8ef;
	text-decoration: none;
}

#storyList li a p{
	padding: 10px 20px 0 80px;
	margin: 0 auto;
	background: url(../../story/img/listicon.png) no-repeat 10px center;
	min-height: 54px;
}

#storyBox {
	background: #f8f1e1;
	padding: 25px 20px;
}

h3.story {
	width: 540px;
	padding: 20px 20px 25px 80px;
	background: url(../../story/img/title_bg.png) no-repeat left bottom;
	margin-bottom: 10px;
}

#storyBox .credit {
	color: #fd6ea4;
	margin-bottom: 10px;
}

#storyBox #storyImg {
	width: 600px;
	height: 338px;
	margin: 20px auto;
	position: relative;
}

#storyBox #storyImg ul{
	width: 600px;
	height: 338px;
}

#storyBox #storyImg ul li{
	position: absolute;
	left: 0;
	top: 0;
}

#storyBox #prev {
	background: url(../../story/img/arrow_left.png) no-repeat left bottom;
	width: 75px;
	height: 68px;
	position: absolute;
	left: -20px;
	top: 135px;
	z-index: 500;
}

#storyBox #next {
	background: url(../../story/img/arrow_right.png) no-repeat left bottom;
	width: 75px;
	height: 68px;
	position: absolute;
	right: -20px;
	top: 135px;
	z-index: 500;
}


.tit_yokoku{

	margin:10px auto;
    
    text-align:center;

}