@charset "UTF-8";

/* -----------------------------------------------
FileName:style.css
----------------------------------------------- */
/* ===== base ===== */

*{
	margin:0;
	padding:0;
}

body{
	color:#fff;
	background: #000;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,"MS PGothic",sans-serif;
}

img{
	border:none;
}

li{
	list-style:none;
}

/* ===== wrap ===== */

#wrap {
	width: 705px;
}

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

#contents {
	width: 705px;
}

/* ===== movie ===== */

.header {
	width: 705px;
}

	.header .bch {
		float: left;
		width: 250px;
	}

	.header .xbox {
		float: right;
		width: 193px;
	}

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

.movie {
	width: 705px;
}

	.movie h1 {
		float: left;
		width: 433px;
	}

	.movie .player {
		float: right;
		width: 272px;
		height: 224px;
		background: url("../images/bg_player.gif") no-repeat 0 0;
	}

	.movie .player div {
		padding-left: 26px;
	}

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

/* ===== footer ===== */

#footer {
	padding: 13px 0 10px 0;
	width: 705px;
	position: relative;
}

	#footer .note {
		padding: 0 0 5px 18px;
		font-size: 10px;
		line-height: 13px;
	}

		#footer .note a:link {
			color:#f00;
		}

		#footer .note a:visited {
			color:#f00;
		}

		#footer .note a:hover {
			color:#fff;
		}

		#footer .note a:active {
			color:#fff;
		}

	#footer .copy {
		padding: 0 0 0 18px;
		font-size: 10px;
		line-height: 13px;
	}

	#footer .close {
		position: absolute;
		top: 57px;
		right: 21px;
		width: 90px;
		height: 29px;
	}