@charset "UTF-8";
@namespace "http://www.w3.org/1999/xhtml";

/* testcode->
*
{
	border : 1px solid red;
}
/* <- testcode */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	全体
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
html
{
	margin								: 0;
	padding								: 0;
}

body
{
	position							: relative;
	margin								: 0;
	padding								: 0;
	width								: 100%;
	min-width							: 900px;
	background-color					: #111;
	/*background-image					: url("./img/bg.jpg");*/
	color								: white;
	font-size							: 16px;
	line-height							: 18px;
	font-family							: "Hiragino Kaku Gothic Pro",
										  "IPAPGothic", "VL PGothic",
										  "IPA mona PGothic",
										  "Meiryo", "MS PGothic", sans-serif;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	コンテンツ枠
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#info, #tracklist, #staff, #links
{
	position							: relative;
	z-index								: 2;
	width								: 740px;
	margin								: 0 auto;
	padding								: 0 60px 2em 100px;
	background-image					: url("./img/bg_content.png");
	background-repeat					: x-repeat;
}

#footer
{
	width								: 780px;
	height								: 370px;
	margin								: 0 auto;
	padding								: 30px 60px 50px 60px;
	background-image					: url("./img/footer.png");
	background-repeat					: no-repeat;
	font-size							: 12px;
	text-align							: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	章題
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h2
{
	height								: 50px;
	margin								: 0 0 0 -40px;
	padding								: 0;
	line-height							: 50px;
	background-color					: black;
	background-repeat					: no-repeat;
	text-indent							: -9999px;
}

#info h2      { background-image : url("./img/info.jpg"); }
#tracklist h2 { background-image : url("./img/tracklist.jpg"); }
#staff h2     { background-image : url("./img/staff.jpg"); }
#links h2     { background-image : url("./img/links.jpg"); }

h3 {
font-size: 100%; 
line-height: 0em;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	ヘッダー
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#header
{
	height								: 620px;
	margin								: 0;
	padding								: 0;
}

h1, #header p
{
	position							: absolute;
	left								: 50%;
	text-indent							: -9999px;
}
 
h1
{
	z-index								: 1;
	margin								: 0;
	margin-left							: -640px;
	width								: 1280px;
	height								: 620px;
	background-image					: url("./img/header4.png");
}
 
#header p
{
	z-index								: 65535;
	display								: block;
	width								: 373px;
	height								: 1353px;
	margin-left							: 130px;
	background-image					: url("./img/copy.png");
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	INFOMATION
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#info img
{
	float								: left;
}

#info dl
{
	width								: 600px;
}

#info dl:after
{
	display								: block;
	visibility							: hidden;
	clear								: both;
	height								: 0;
	content								: ".";
}

#info dd
{

	text-indent							: 1em;
}

#info dt
{
	margin: 10px 0px 0px;	
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	TRACK LIST
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#tracklist table
{
	width								: 570px;
	text-align							: left;
	border-collapse						: collapse;
}

.trackHeader
{
	border-bottom						: 4px double #999;
}

.trackMusic
{
	width								: 365px;
}

.trackComposer
{
	width								: 205px;
}

#tracklist table tr:nth-child(even)
{
	background-color					: #333;
}