@charset "utf-8";

.film_roll_prev, .film_roll_next{
	width: 30px !important;
	height: 30px !important;
}
.film_roll_prev:visited, .film_roll_next:visited {
	color: #FFF;
}
.film_roll_pager{
	display: none !important;
}
ul.index li{
	overflow: hidden;
	margin-bottom: 5em;
}
ul.index li:last-child{
	margin-bottom: 0em;
}
ul.index li.pic_left dl,
ul.index li.pic_right img{
	float: right;
}
ul.index li.pic_right dl,
ul.index li.pic_left img{
	float: left;
}
ul.index li dl{
	width: 520px;
}
ul.index li dt{
	text-align: center;
	font-size: 180%;
	margin: 0 0 0.5em;
}
ul.index li dd a{
	display: block;
	text-align: center;
	padding: 0.5em 0;
	background-color: #FFF;
	color: #3087ca;
}
ul.index li.pic_right img{
	margin: 0 3em 0 0;
}
ul.index li.pic_left img{
	margin: 0 0 0 3em;
}

.op{
	overflow: hidden;
	margin: 2em 0;
}
.op span{
	font-size: 180%;
	display: block;
}
.op a{
	display: block;
	text-align: center;
	padding: 0.5em 0;
	width: 500px;
	background-color: #3087ca;
	color: #FFF;
}
h3{
	text-align: center;
	font-size: 180%;
	color: #3087ca;
}
.line3 li{
	width: 322px;
	margin: 0 10px 40px 0;
	display: inline-block;
}
.line3 li:nth-of-type(3n+3){
	margin: 0 0 40px 0;
}
.line3 li a{
	display: block;
	text-align: center;
	padding: 0.5em 0;
	margin-top: 0.5em;
	background-color: #3087ca;
	color: #FFF;
}

div.news,
div.info{
	float: left;
	width: 48%
}
div.news{
	margin: 0 3% 0 0;
}
div.news dl{
	height: 450px;
	overflow-y: auto;
}
div.news dl dd,
div.info dl dd{
	padding: 0 0.5em 0.5em 1em;
	border-bottom: 1px dashed #333; 
}
div.info dl{
	margin: 0 0 1em; 
}
div.info p{
	color: #FFF;
	text-align: center;
	background-color: #333;
	height: 280px;
}