@charset "Shift_JIS";

body{
	margin:0;
	padding:0;
	background-color:#ddd;
}

#container{
	margin:10px auto;
	padding:0;
	width:850px;
	color:#000;
	background-image:url("images/back4.jpg");
	font-size:87%;
	font-family:sans-serif;
	line-height:1.4em;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-moz-box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
}

p{
	margin:0;
	padding:0;
}

img{
	border:none;
}

#head{
	padding:10px 18px 5px 18px;
	font-size:90%;
	line-height:1.2em;
}

#top{
	color:#fff;
	background-color:#390;
	padding:5px 40px;
	width:595px;
	vertical-align:middle;
}

h1{
	float:right;
	margin:10px 18px 0px 0px;
	padding:0;
	border:none;
}

#works{
	border-collapse:separate;
	border-spacing:18px;
	margin:0px auto;
	padding:0;
	clear:both;
}

th{
	margin:0;
	padding:0;
}

.cell1{
	width:220px;
	margin:0;
	padding:20px 20px 20px 20px;
    border-radius:10px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:#ffc;
	vertical-align:top;
}

.cell2{
	padding:20px 20px 0px 20px;
    border-radius:10px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:#ffc;
	vertical-align:top;
}

h2{
	margin:10px 0px;
	font-size:116%;
	border-left:solid 10px #390;
	padding-left:5px;
}

.cell2 h2{
	margin:0px 0px 10px 0px;
	font-size:116%;
	border-left:solid 10px #390;
	padding-left:5px;
}

#dvd_box1{
	width:476px;
	float:left;
}

#dvd_box1 img{
	margin:0px 18px 18px 0px;
}

#dvd_box2{
	width:300px;
	float:left;
}

.clear{
	clear:both;
}

#hyouka{
	color:#fff;
	background-color:#390;
	padding:5px 30px;
}

#foot{
	padding:10px;
	text-align:center;
}

#foot a:link{
	text-decoration:none;
}

#foot a:visited{
	text-decoration:none;
}

#foot a:hover,a:active{
	text-decoration:underline;
}