@charset "UTF-8";

/* -----------------------------------------------
FileName:styles.css
----------------------------------------------- */

*{
	margin:0;
	padding:0;
}

body{
	color:#fff;
	background: #003;
	font-family:"MS PGothic",sans-serif;
}

img{
	border:none;
}

li{
	list-style:none;
}

/* definition_link */
a:link{
	color:#9cf;
	text-decoration:underline;
}

a:visited{
	color:#9cf;
	text-decoration:underline;
}

a:hover{
	color:#f00;
	text-decoration:none;
}

a:active{
	color:#f00;
	text-decoration:none;
}


/* ===== wrap ===== */
#wrap {
	width: 683px;
	height: 730px;
	background:url('../images/bg_movie.jpg') no-repeat 0 0;
}

/* ===== contents ===== */

#contents {
	width: 683px;
}

#contents .header {
	width: 683px;
	height: 210px;
	position: relative;
}

	#contents .header .bch-logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 178px;
		height: 42px;
		z-index: 5;
	}

	#contents .header h1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 437px;
		height: 210px;
		z-index: 1;
	}

#contents .main_cont {
	padding: 0 0 0 28px;
}

#contents .main_cont .block {
	width: 655px;
}

	#contents .main_cont .block dl {
		float: left;
		width: 214px;
	}

		#contents .main_cont .block dl dt {
			display: inline;
		}

			#contents .main_cont .block dl dt img {
				display: block;
			}

#contents .main_cont .block:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

	#contents .note {
		clear: both;
		padding: 17px 0 0 16px;
		font-size: 10px;
		line-height: 13px;
		color: #fff;
		font-family: verdana;
	}

		#contents .note a:link,
		#contents .note a:visited {
			color: #6cf;
		}

		#contents .note a:hover,
		#contents .note a:active {
			color: #f00;
		}


/* footer */
#footer {
	padding: 5px 12px 10px 16px;
}

#footer_warp {
	width: 655px;
}

	#footer p.copy {
		font-size: 10px;
		line-height: 13px;
		float: left;
		width: 550px;
		font-family: verdana;
	}

	#footer p.close {
		padding-top: 38px;
		float: right;
		width: 90px;
	}

#footer_warp:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

#footer:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}