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




#container {
width:900px;
height:805px;
margin:0 auto 20px;
}


/* 絶対配置 parent */


#header_logo {
position:relative;
width:900px;
height:115px;
background:#000;

}

#logo_box {
position:absolute;
top:25px;
left:30px;
width:308px;
height:22px;
}


#header_menu {
position:absolute;
top:0;
left:0;
width:900px;
height:50px;
/*background:url(img/grey_header.png) repeat-x;
*/}


#header_menu ul {
margin-left:50px;
}


#header_menu ul li {
float:left;
font-size:0.85em;
margin:60px 0 0 0;
}



#content_box {
position:relative;
width:900px;
height:600px;
background:#000000;
}


/* flash 埋め込み */
#bg_sand {
position:absolute;
top:0;
left:0;
z-index:0;
width:900px;
height:600px;
background:#000000;
}



/* 絶対配置 parent=content_box */

/*#headline {
position:absolute;
width:900px;
height:100px;
bottom:0;
left:0;
background:url(images/other/album_banner_s.png) no-repeat top left;
z-index:100;
}*/

#okuyami {
	position:absolute;
bottom:15px;
left:40px;
width:450px;
height:180px;
background:url(images/other/okuyami_base.png) repeat-y;
border:#CCCCCC 1px solid;
overflow:auto;
z-index:102;
}
	
	
#okuyami p {
	margin:15px 25px;;
text-align:left;
font-size:0.75em;
line-height:1.2;
color:#fff;
}


#news {
position:absolute;
bottom:15px;
right:20px;
width:300px;
height:180px;
background:url(images/other/news_base.png) repeat-y;
border:#CCCCCC 1px solid;
overflow:auto;
z-index:101;
}

.news_title {
font-size:1.2em;
color:#FFFFFF;
}

#news_midashi {
width:111px;
height:19px;
margin:15px auto 10px 20px;
}

.news_date {
font-size:1em;
color:#FF99CC;
}


#news p {
margin:15px 25px;;
text-align:left;
font-size:0.75em;
line-height:1.2;
color:#fff;
}

/*#recommend {
position:absolute;
bottom:75px;
left:150px;
width:150px;
height:100px;
z-index:102;
}
*/

/* 絶対配置 parent=content_box ここまで */





#footer {
position:relative;
width:900px;
height:60px;
}

#sound_box {
position:absolute;
	width:51px;
	height:16px;
	top:22px;
	left:15px;
}



#banner_box {
float:left;
width:900px;
height:60px;
background:#000;
}


#banner_list {
position:absolute;
width:580px;
height:30px;
top:15px;
left:66px;
padding-left:5px;

}


#banner_box ul li {
display:inline;
float:left;
/*width:135px;*/
line-height:30px;
height:30px;
margin-left:15px;
top:auto;
}


#notice {
position:absolute;
top:13px;
right:10px;
width:150px;
height:40px;
}



#notice p {
font-size:0.55em;
color:#999999;
line-height:1.2;
}

#copyright {
width:900px;
height:30px;
background:url(images/other/heart_mini.png) no-repeat center right;

}

/*#ad_box {
width:250px;
height:30px;
background:url(images/other/heart_2.png) no-repeat center right;
margin-left:650px;
}
*/


address p {
font-size:0.55em;
color:#fff;
text-align:right;
margin-right:35px;
line-height:30px;
}


/* clearfix */

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}

.clearfix {display: inline-block;}

/* Hides from IE-mac ¥*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */