@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------
						base
------------------------------------------------------ */
html{
	height:100%;
}
body{
	background:#ffed67;
	height:100%; 
}

a:hover{
	text-decoration:none;
}

a:link{
	color:#ab1000;
}

a:visited{
	color:#666666;
}

/* ---------------------------------------------------
						head
------------------------------------------------------ */

#header{
	background:#000000;
	width:100%;
	height:30px;
	text-align:center;
}

#header p{
	color:#ffe524;
	font-size:14px;
	font-weight:bold;
	padding-top:0.5em;
}

/* ---------------------------------------------------
						main
------------------------------------------------------ */
#main{
	width:684px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
	background:#ffe524 url(../img/bg_main_backline.gif) top left repeat-y;
}

#contents{
	width:680px;
	height:100%;
	margin:0 0 0 3px;
}

.contents_box{
	clear:both;
}

.contents_box p{
	padding:20px 20px 10px 20px;
}

#music dl{
	clear:both;
	padding:20px;	
}

#music dt{
	font-weight:bold;
}



#download_btns{
	text-align:center;
	overflow:hidden;
	_zoom:1;
	margin:20px auto 20px auto;
	width:300px;
}
#download_btns div{
	width:150px;
	float:left;
}

#download_btns img{
	padding:0 0 10px 0;
	text-decoration: none;	
}

#credit{
	padding:0 0 20px 0;
}

/* ---------------------------------------------------
						foot
------------------------------------------------------ */
#footer{
	clear:both;
	background:#000000;
	width:100%;
	height:40px;
	text-align:center;
}


#footer p{
	color:#FFFFFF;
	font-size:10px;
	padding-top:1em;
}

/* ---------------------------------------------------
						class
------------------------------------------------------ */
.social{
	float:left;
	padding:20px 0 0 0;
}

.social div{
	float:left;
}

.btn_back{
	margin:10px;
	float:left;
}

.box_left{
	float:left;
	width:210px;
	padding:10px 0 0 0;
}
.box_right{
	float:left;
	width:400px;
	padding:10px 0 0 10px;
}