@charset "utf-8";
body {
	font: 125%/1.25 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #222;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img {
	border: none;
}
a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
input {
	margin-right: 1em;
}
#container {
	width: 90%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	z-index: 0;
}
#info_panel {
	position: sticky;
	top: 0px;
	left: 50%;
	width: 50%;
	height: 800px;
	margin: 0;
	padding: 0;
	z-index: 10;
}
#info_poster {
	position: absolute;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
#info_data {
	position: absolute;
	width: 50%;
	height: 100%;
	left: 50%;
	color: #DDD;
}
#content {
	position: relative;
	top: -800px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 1em 0;
	background-color: #BCF;
	z-index: 20;
}
button {
	display: block;
	margin: 2em auto 0;
	text-align: center;
	width: 6em;
	height: 2em;
	font-size: 120%;
}
ol {
	margin: 0em 1em;
}
li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
li>span:hover {
	cursor: pointer;
	text-decoration: underline;
}
#footer {
	text-align: center;
}
#dvd_info {
	width: 560px;
}
#poster {
	float: left;
	width: 250px;
}
#poster img {
	width: 250px;
}
#info {
	float: right;
	width: 300px;
}