/* CSS Hacks
--------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow: hidden; /* modified */
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for benefit of IE5 Mac */
	
}

/* Common Tags
--------------------------------------------------*/
html, body {
	
}
body {
	color: #ccc;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
	font-size: 16px;
	font-family: sans-serif, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	background-color: #000000;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

* html body {
	font-size: medium;
}

a {
	text-decoration: none;
	color: #3388aa;
}

a:hover {
	text-decoration: underline;
}

img {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

img[align="right"] {
	margin:0 0 10px 10px;
}

img[align="left"] {
	margin:0 10px 10px 0;
}

hr {
	display: none;
}

/* Layout
--------------------------------------------------*/

#wrapper {
	position:relative;
	text-align: left;
	margin: 0 auto;
	padding:0;
	width: 642px;
	bottom:0;
}
#header {
	position: relative;
	margin:10px 0 5px 0;
	height: 58px;
}
h1 {
	position: relative;
	top:0;
	left:0px;
	float:left;
	margin:0 0 0 0;
	padding: 0;
	background-image: url(../images/sub_h1.gif);
	width: 165px;
	height: 58px;
	font-size: xx-small;
	text-indent: -10000px;
	overflow: hidden;
	background-repeat: no-repeat;
}


ul#nav {
	display: block;
	position: relative;
	float:right;
	list-style-type: none;
	margin:15px 0 0 0;
	padding:0;
	height: 18px;
	width: 430px;

}

ul#nav li {
	display: block;
	list-style-type: none;
	float:left;
	height: 18px;
	margin:0 18px 0 -1px;
}
ul#nav li a {
	position: relative;
	display: block;
	height: 18px;
	padding: 0 1px;
	background-position: center 0px;
	background-repeat: no-repeat;
	outline: none;
	text-indent: -10000px;
	font-size: xx-small;
	overflow: hidden;
	border: solid 1px #441112;
}

ul#nav a#nav_news {
	width: 60px;
	background-image: url(../images/sub_nav_news.gif);
}

ul#nav a#nav_trailer {
	width: 45px;
	background-image: url(../images/sub_nav_trailer.gif);
}

ul#nav a#nav_ost {
	width: 82px;
	background-image: url(../images/sub_nav_ost.gif);
}

ul#nav a#nav_report {
	width: 54px;
	background-image: url(../images/sub_nav_report.gif);
}

ul#nav a#nav_dvd {
	width: 66px;
	background-image: url(../images/sub_nav_dvd.gif);
}


#news ul#nav a#nav_news,
#trailer ul#nav a#nav_trailer,
#ost ul#nav a#nav_ost,
#report ul#nav a#nav_report,
#dvd ul#nav a#nav_dvd {
	cursor: default;

	border: solid 1px #ccc
}

ul#nav a#nav_home {
	position: absolute;
	display: block;
	top:1px;
	right: -1px;
	height: 18px;
	width: 19px;
	overflow: hidden;
	background-image: url(../images/sub_nav_home.gif);
	background-position: center 0px;
	outline: none;
	text-indent: -10000px;
	font-size: xx-small;
	margin: 0;
}



#main {
	position:relative;
	clear: both;
	margin:0 0 0 0;
}

#footer {
	margin:10px auto 20px auto;
	overflow:hidden;
	font-size: 62.5%;
	text-align: center;
	color: #663333;
	
}
address {
	font-style: normal;
}

address a {
	color: #442222;
}

/* Column
--------------------------------------------------*/

.column {
	border: solid 1px #442222;
	padding:20px;
	background: #080808;
	margin: 5px 0 5px 0;
}


#trailer .column {
	padding:0px;

}

#report .column,
#dvd .column {
	min-height: 300px;
}

.column-header h3.subject {
	margin:0;
	color: #b23933;
	font-size: 125%;
	line-height: 1.6em;
}

.column-header p.strong {
	color: #b23933;
	margin: 0;
}

.column-header p.date {
	font-size:68.75%;
	color: #b23933;
	margin: 0;
}

.column-body {
	font-size: 81.25%;
	line-height: 1.8em;
	margin: 1em 0;
	color:#ccc;
}

.column-body ul {
	margin: 1em 0;
	padding: 0 0 0 1.5em;
}

.column-footer p.backtotop {
	clear: both;
	font-size: 62.5%;
	text-align: right;
	line-height: 100%;
	margin:0 0 0 0;
}

.column-footer p.backtotop a {
	color: #ccc;
}

#ost .column-body .right,
#dvd .column-body .right {
	float: right;
	width: 200px;
	margin: 1em 0 0 20px;

}

#ost .column-body .left,
#dvd .column-body .left {
	float: left;
	width: 360px;
	margin: 1em 0 2em 0;

}

#ost h4
#dvd h4 {
	clear: both;
	margin: 0 0 0 0;
}