/*==============================
	base
==============================*/
body {
	text-align:			left;
	background-color:	#000000;
	color:				#ffffff;
}
a {
	color:				white;
	text-decoration:	underline;
}
a:hover {
	color:				red;
}
div#container {
	width:				100%;
	margin:				0 auto;
	margin-top:			0px;
}
/*==============================
	header
==============================*/
div#header_wrap {
	margin-top: 		0px;
	background:			url(../img/header_bg.jpg) top center no-repeat;
}
div#header {
	width:				770px;
	margin:				0 auto;
}
/*==============================
	sample
==============================*/
div#sample {
	width:				370px;
	margin:				15px auto;
}
	div#sample div#player {
		float:			left;
	}
	div#sample div#dl {
		float:			right;
	}
	div#sample a {
		display:		block;
		height:			16px;
		width:			50px;
		background-image:	url(../img/dl.gif);
	}
	div#sample a span {
		visibility:		hidden;
	}
	a {
		text-decoration:	none;
	}
	div#sample a {
		background-position:	left;
		background-repeat:		no-repeat;
	}
	div#sample a:hover {
		background-position:	right;
		background-repeat:		no-repeat;
	}
/*==============================
	about
==============================*/
div#about_wrap {
	clear:				both;
	background:			url(../img/about_bg.jpg) top center no-repeat;
}
div#about {
	width:				770px;
	height:				400px;
	margin:				0 auto;
	background:			url(../img/about.jpg) top center no-repeat;
}
	div#about img {
		margin:			120px 0 0 65px;
		float: 			left;
		border: 		1px solid #ffffff;
	}
	div#about h2 {
		color:			#ffffff;
		font-size: 		230%;
		padding:		150px 0 0 400px;
	}
	dl#about {
		padding:		5px 0 0 400px;
		font-size: 		110%;
		line-height: 	165%;
	}
		dl#about dt {
			float:		left;
			width:		100px;
			text-align:	right;
		}
		div#about ul#about li.shop {
			padding-left:40px;
		}
/*==============================
	track
==============================*/
div#track_wrap {
	background:			url(../img/track_bg.jpg) top center no-repeat;
}
div#track {
	width:				770px;
	height:				950px;
	margin:				0 auto;
	background:			url(../img/track.jpg) top center no-repeat;
}
	p#track {
		text-align:		right;
		padding:		920px 60px 0 0;
	}
/*==============================
	staff
==============================*/
div#staff_wrap {
	background:			url(../img/staff_bg.jpg) top center no-repeat;
}
div#staff {
	width:				770px;
	height:				400px;
	margin:				0 auto;
	background:			url(../img/staff.jpg) top center no-repeat;
}
	div#staff1 {
		width:			300px;
		float:			left;
		padding-top:	90px;
		padding-left:	80px;
	}
	div#staff2 {
		width:			380px;
		float:			right;
		padding-top:	90px;
		padding-left:	0px;
	}
	div#staff dt {
		font-weight:	bold;
		font-size:		130%;
	}
	div#staff dd {
		font-size:		110%;
		margin-left:	40px;
	}
	p#staff {
		clear:			both;
		text-align:		right;
		margin:			0 60px 0 0;
	}
/*==============================
	banner
==============================*/
div#banner_wrap {
	background:			url(../img/banner_bg.jpg) top center no-repeat;
}
div#banner {
	width:				770px;
	height:				468px;
	margin:				0 auto;
	background:			url(../img/banner.jpg) top center no-repeat;
}
	div#banner p {
		text-align:		center;
		line-height:	300%;
	}
	div#banner p strong {
	}
	p#banner1 {
		padding-top:	100px;
	}
	p#banner2 {
		padding-top:	40px;
	}
/*==============================
	footer
==============================*/
div#footer_wrap {
	background:			url(../img/footer_bg.jpg) top center no-repeat;
}
div#footer {
	width:				770px;
	margin:				0 auto;
}