/* common css */

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 

	margin:0;

	padding:0;

	font-size:100%;

	font-weight:100%;

}

img {

	border:none;

}

.clearfix:after{

	content:".";

	display:block;

	clear:both;

	height:0;

	visibility:hidden;	

}

.clearfix{	

	display:inline-block;	

}


html{
	height:100%;
}

/*========== body ==========*/



body {
	font-family: "メイリオ",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", sans-serif;
	text-align:left;
	color:#000000;
	height:100%;
	margin-left: 50px;
}



body#info {

	background: url(../img/bg/bg_info.jpg) no-repeat left top fixed;
	
}



body#disco {

	background: url(../img/bg/bg_disco.jpg) no-repeat left top fixed;

}

body#live {

	background: url(../img/bg/bg_live.jpg) no-repeat left top fixed;

}


body#profile {

	background: url(../img/bg/bg_profile.jpg) no-repeat left top fixed;

}

body#mobile {

	background: url(../img/bg/bg_mobile.jpg) no-repeat left top fixed;

}


body#link {

	background: url(../img/bg/bg_link.jpg) no-repeat left top fixed;

}



/*========== wrapper ==========*/



#wrapper {
	height:100%;
}



/*========== container ==========*/



#container{
	width: 980px;
	height:100%;
	/*margin: 0 auto;*/
	text-align:left;
}

/*========== header ==========*/


#side_menu {
	width:214px;
	height:100%;
	min-height: 600px;
	text-align:left;
	float:left;
	position:fixed;
	padding-top: 50px;
}



/* h1 */



h1 {
	width: 214px;
	height:122px;
	margin-bottom: 60px;
	

	/* margin-left:30px; */
}



/* menu */



#menu {
	width: 214px;
	/* margin-left:30px; */
}



ul {
	width: 214px;
	list-style: none;
}



ul li {
	width:214px;
	height:19px;
	margin-bottom: 15px;
}

#catch{
	width: 214px;
	position:absolute;
	bottom:100px;
}


div.sphere{
	width: 214px;
	height:19px;
	margin-bottom: 4px;
}

div.copy{
	width: 214px;
	height:19px;
}


/* contents */



#contents {
	width: 625px;
	float:right;
	padding-top: 100px;
	margin-right: 80px;
}



/*p.contents_box{

	padding-top:60px	

}*/





/*========== footer ==========*/







/*========== disco ==========*/



#disco_box {

	width: 625px;

}





/* disco_l */



.disco_l {
	float: left;
}



/* disco_r */



.disco_r {
	float: right;
}



.main_right {
	width: 395px;
}
