@charset "UTF-8";

div#section{
	width: 1000px;
	background-color: #122d02;
	border-bottom: 1px solid #aaaaaa;
	padding: 10px 0 20px 0;
	font-size: 12px;
}

div#section div.movie{
	margin-bottom: 20px;
}

div#section div.new{
	background-color: #ffffff;
	width: 380px;
	height: 445px;
	padding: 15px 20px;
	float: left;
	overflow: auto;
}


div#section dl.new{
	height: 390px;
	width: 380px;
	overflow: scroll;
	overflow-x: hidden;
	padding: 10px 0;
}

div#section dl.new dt{
	height: 50px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 12px;
}

div#section dl.new dd{
	width: 240px;
	margin: -50px 0 5px 0;
	padding: 0 20px 5px 100px;
	border-bottom: solid 1px #dddddd;
	font-size: 12px;
}


div#section div.menu{
	float: center;
	width: 1000px;
  height: 700px;

}

div.menu div.menu_l{
	float: left;
	width: 400px;
	height: 350px;
	text-align: center;
	font-size: 15px;
	padding-left: 30px;
	font-size: 23px;
}

div.menu div.menu_r{
	float: right;
	width: 400px;
	height: 350px;
	text-align: center;
	padding-right: 60px;
	font-size: 23px;
}

div.menu div.menu_l a, div.menu div.menu_r a{
	font-size: 15px;
	color: #dddddd;
	text-decoration: none;
}

div.menu div.menu_l a:hover, div.menu div.menu_r a:hover{ text-decoration: underline; }

iframe{ border: none; }

div.new p{ text-align: right; }

div.new a{
	font-size: 12px;
	color: #0066ff;
	text-decoration: none;
}

div.new a:hover{ text-decoration: underline; }

div#slideshow {
	position:relative;
	width: 1000px;
	height: 343px;
}
div#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
div#slideshow img.active {
	z-index:10;
}
div#slideshow img.last-active {
	z-index:9;
}

.top{
  color:white;
  font-size:20px;
  padding-left:20px;
  padding-right:20px;
  }

.flex-container {
	display: flex;
}