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

*{margin:0;
	padding:0;
}

body{background:url(img/bg01.gif);
}

#wrap{width:800px;
	height:600px;
	margin:0 auto;
}

.menu2{width:800px;
	height:39px;
}


#menu{width: 800px;
	background:url(img/menu_2.jpg) no-repeat;
	height: 39px;
}

li{width:160px;
	display:inline; 
	background: url(img/menu.jpg);
	list-style-type:none;
	float:left;
}

li a{display:block;  
	height: 39px;
	text-indent:-9999px;  
	list-style-type:none;
}
/*------off*/  

#menu li .top a{width:160px;
	background:url(img/menu.jpg) no-repeat;
	background-position: 0px 0px;
}

#menu li .story a{width:160px;
	background:url(img/menu.jpg) no-repeat;
	background-position: -160px 0px;
}
#menu li .chara a{width:160px;
	background:url(img/menu.jpg) no-repeat;
	background-position: -320px 0px;
}
#menu li .system a{ width:160px;
	background:url(img/menu.jpg) no-repeat;
	background-position:-480px 0px;
}

#menu li .song a{ width:160px;
	background:url(img/menu.jpg) no-repeat;
	background-position:-640px 0px;
}



#menu li .top a:hover{background:url(img/menu.jpg) no-repeat;
					background-position: 0px -39px;  
} 

#menu li .story a:hover{background:url(img/menu.jpg) no-repeat;
					background-position: -160px -39px;  
} 

#menu li .chara a:hover{background:url(img/menu.jpg) no-repeat;
					background-position: -320px -39px;  
}

#menu li .system a:hover{background:url(img/menu.jpg) no-repeat;
					background-position: -480px -39px;  
}

#menu li .song a:hover{background:url(img/menu.jpg) no-repeat;
					background-position: -640px -39px;  
}




.main{height:560px;
	background:url(img/top.jpg) no-repeat;
	display:block;
}

.box{width:140px;
	height:560px;
}

#left{
	width:116px;
	height:558px;
	background:url(img/system_left.jpg) no-repeat;
	float:left;
}


#left .li01 li{width:116px;
	margin:6px 0;
	list-style-type:none;
	float:left;
	}

.li01 li a{background:url(img/sys_menu.jpg);
	display:block;  
	height: 29px;
	text-indent:-9999px;  
	list-style-type:none;
}
/*------off*/  

.li01 .menu01 a{background-position:0px 0px;}
.li01 .menu02 a{background-position:0px -30px;}
.li01 .menu03 a{background-position:0px -60px;}
.li01 .menu04 a{background-position:0px -90px;}
.li01 .menu05 a{background-position:0px -120px;}


.li01 .menu01 a:hover{background-position:-116px 0px;} 
.li01 .menu02 a:hover{background-position:-116px -30px;} 
.li01 .menu03 a:hover{background-position:-116px -60px;}
.li01 .menu04 a:hover{background-position:-116px -90px;}
.li01 .menu05 a:hover{background-position:-116px -120px;}

#left .li02 li{width:116px;
	margin:6px 0;
	list-style-type:none;
	float:left;
	}

.li02 li a{background:url(img/so_menu.jpg);
	display:block;  
	height: 29px;
	text-indent:-9999px;  
	list-style-type:none;
}
/*------off*/  

.li02 .menu01 a{background-position:0px 0px;}
.li02 .menu02 a{background-position:0px -30px;}


.li02 .menu01 a:hover{background-position:-116px 0px;} 
.li02 .menu02 a:hover{background-position:-116px -30px;} 



#right{width:684px;
		height:558px;
		float:left;
		
}

.right-box{width:684px;
		height:508px;
		margin-top:50px;
		overflow:auto;
}
.chara-box{margin:0;
	padding:15px 0 0 0;
	line-height:18px;
}

.vs-box{width:600px;
	padding:10px 20px;
	font-size:small;
	color:#dcdcdc;
	line-height:18px;
	clear:left;
}

.vs-img{width:auto;
		padding:10px;
		float:left
}


.sy-box{width:600px;
	margin:45px 0 0 0;
	padding:10px 20px;
	font-size:small;
	color:#dcdcdc;
	line-height:18px;
	clear:left;
}

.sy-box2{width:350px;
	margin:15px 0 0 0;
	padding:10px 20px;
	font-size:small;
	color:#dcdcdc;
	line-height:18px;
	clear:left;
}

.movie-box{width:480px;
	height:272px;
	margin:80px auto;
	font-size:small;
	color:#dcdcdc;
	line-height:18px;
}

.song-box{width:380px;
	margin:70px 0 0 20px;
	font-size:small;
	color:#dcdcdc;
	line-height:18px;
}

.song-box2{width:160px;
	padding:20px 0 0 20px;
	font-size:small;
	color:#dcdcdc;
	float:left;
	line-height:18px;
}
.song-box3{width:400px;
	margin:20px 0 0 10px;
	padding:30px 0 0 10px;
	font-size:small;
	color:#dcdcdc;
	float:left;
	line-height:18px;
}

.song-box4{width:400px;
	margin:0 0 0 20px;
	padding:10px 0 0 0;
	font-size:small;
	color:#dcdcdc;
	clear:left;
	line-height:18px;
}

.text{font-size:medium;
	color:#F90;
}
.text2{font-size:small;
	color:#F90;
}

.text3{font-size:large;
	font-weight:bold;
	color:#F90;
}

.text4{font-size:medium;
	font-weight:bold;
	color:#dcdcdc;
}

.img_01{background:url(img/sy01.jpg) no-repeat;}
.img_02{background:url(img/sy02.jpg) no-repeat;}
.img_03{background:url(img/sy03.jpg) no-repeat;}
.img_04{background:url(img/sy04.jpg) no-repeat;}
.img_05{background:url(img/sy05.jpg) no-repeat;}
.img_06{background:url(img/song.jpg) no-repeat;}
.img_07{background:url(img/op_movie.jpg) no-repeat;}

.foot{height:16px;
	background:url(img/foot.jpg) no-repeat;
	display:block;
	clear:both;
}

.copy{text-align:center;
	font-size:smaller;
	color:#dcdcdc;
	}