body{
	background: #ffffff url(img/all-back2.png) repeat-x left top scroll;
	overflow:auto;
	margin: 0px;
	padding: 0px;
	behavior:url("csshover3.htc");
	text-align:center;
	text-decoration: none;
}

a:link{color: #cccccc;}
a:visited{color: #cccccc;}
a:hover{color: #ffffff;text-decoration:none;}
a:active{color: #cccccc;}

#layout{
	width:800px;
	margin:0 auto;
	text-align:left;
}

#header{
	width:800px;
	height:30px;
	background: #222222;
	margin:0 auto;
}
#header table{
	float:right;
	margin:4px 0 0 0;
}
#header th,td{
	font-weight:bold;
	padding:0 2px 0 2px;
}



#flash{
	background:#ffecc8;
	width:800px;
	height:480px;
	margin:0 0 0 0;
}
#side{
	background:#880022;
	width:160px;
	height:480px;
	margin:0 0 0 0;
	position:relative;
	background:url(img/side.gif) repeat left top;
}

#menu{
	background:#dc90ff;
	height:80px;
	width:800px;
	margin:10px 0 10px 0;
	background:url(img/footer.gif) repeat left top;
}

#menu ul{
	width:800px;
	height:60px;
	margin:0 0 0 0;
	padding:10px 0 0 0;

	list-style-type:none;
}
#menu ul li{
	float:left;
}
#menu ul li a{
	background:url(img/button.png)  left top;
	display:block;
	width:200px;
	height:60px;
}
#menu ul li.m1 a{background-position:0 0;}
#menu ul li.m2 a{background-position:600px 0;}
#menu ul li.m3 a{background-position:400px 0;}
#menu ul li.m4 a{background-position:200px 0;}
#menu ul li.m1 a.on,#menu ul li.m1 a:hover{background-position:0 60px;}
#menu ul li.m2 a.on,#menu ul li.m2 a:hover{background-position:600px 60px;}
#menu ul li.m3 a.on,#menu ul li.m3 a:hover{background-position:400px 60px;}
#menu ul li.m4 a.on,#menu ul li.m4 a:hover{background-position:200px 60px;}

h2{
	width:480px;
	height:30px;
	margin:0 0 10px 0;
	background:url(img/news.png) no-repeat left top;
}

#info{
	height:280px;
}

#banner{
	height:320px;
	width:320px;
	float:right;
	margin:0 0 0 0;
}

#adobe{
	float:right;
	margin:-40px 0 0 0;
}
#getflash{
	width:158px;
	font-size:0.75em;
	margin:0 0 0 0;
}

#rank{
	float:right;
}

#footer{
	background:#89090f;
	height:30px;
	width:800px;
	background:url(img/footer.gif) repeat left top;
}
#footercomment{
	color:#ffffff;
	float:right;
	margin:5px 0 0 0;
}

#content{
	width:800px;
	background:url(img/side.gif) repeat left top;
}

#linktable{
	width:640px;
	border:black 5px solid;
	font-weight:bold;
	background:#888888;
	margin:0 0 0 80px;
}
#linktable tr{
	height:40px;
	cursor:pointer;
	background:#f8f8f8;
}
#linktable tr:hover{
	background:#888888;
}
#linktable th{
	color:#f8f8f8;
	background:#439688;
}
#linktable td{
	color:#080808;
}

img{
	border:0;
}

.hid{display:none;}
.dis{display:block;}




#s1a table{
	border:0;
	border-collapse:collapse;
	color:#ffffff;
	background:#4396bd;
	margin:0 0 0 80px;
}
#s1a tr{
	cursor:pointer;
}
#s1a tr:hover{
	background-color:#88ccff;
	color:#ffff00;
}
#s1a td.difficult{
	color:#ffffff;
	height:20px;
	font-weight:bold;
	background-color:#377e9f;
}
#s1a td.music{
	background:#888833;
	width:350px;
	height:40px;
	font-weight:bold;
	border-width:0px;
}
#s1a td.vocaloid{
	background:#338833;
	width:350px;
	height:40px;
	font-weight:bold;
	border-width:0px;
}
#s1a td.toho{
	background:#883333;
	width:350px;
	height:40px;
	font-weight:bold;
	border-width:0px;
}
#s1a td.artist{
	width:150px;
	border-width:0px;
}
#s1a td.tempo{
	width:40px;
	color:#444444;
	border-width:0px;
}
#s1a td.comment{
	width:100px;
	border-width:0px;
}
#s1a td.easy{
	width:10px;
	background:#cc3300;
	font-weight:bold;
	border-width:0px;
}
#s1a td.normal{
	width:10px;
	background:#00cc33;
	font-weight:bold;
	border-width:0px;
}
#s1a td.hard{
	width:10px;
	background:#3300cc;
	font-weight:bold;
	border-width:0px;
}
#s1a td.owata{
	width:18px;
	background:#ff33cc;
	font-weight:bold;
	border-width:0px;

}