body {
	text-align: left;
	color:#fff;
	background-color:#3b3b3b;
	margin: 0px;
	font-size: 0.8em;
	}
	
a:link     { color:#ff9000;  }
a:active   { color:#ff9000;  }
a:visited  { color:#ff9000;  }
a:hover    { color:#dddddd;  }


h1, h2, h3, h4, h5{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: normal;
	}
	
p {
	margin:0px;
	padding:0px;
	}
	
h1{
	margin-bottom: 10px; 
	}
	
h2{
	font-size:1.5em;
	font-weight: bold;
	}

/*‘S‘̘̂g*/

#container {
	margin-top: 10px;
/*	margin-right: auto;*/
	margin-left: 10px;
	text-align: left;
	width: 705px;
	/*border:1px solid #000000;*/
	}
	
#header {
	width:100%;
	}
	
#body{
	clear:left;	
	width: 100%;
	}
	

#underlink{
	width:100%;	
	margin-top: 10px;
	margin-bottom: 10px;
	}


#rule {
	width:395px;
	float: left;

	}
	
#news{
	float:left;
	clear:both;
	width:300px;
	margin-right: 10px
}

/* view */
#container_view {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 96%;
	/*border:1px solid #000000;*/
	}

.scoretype {
	margin-bottom: 20px; 
	}
	
tr {
	background: #747474;
	}
	
tr.title {
	background-color:#000;
	color:#ffffff;
	}
	
tr.subtitle {
	background-color:#000000;
	color:#ffffff;
	}

tr.odd {
	background-color: #777777;
	}
tr.even {
	background-color: #999999;
	}
	
ul {
	margin:0px;
	padding:0px;
	}

li {
	margin:0px;
	padding:0px;
	font-size: normal;
	color: #fff;
	font-family: verdana, arial, sans-serif;
	list-style-type: none;
}

ul.menu {
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom: 10px;
}

ul.menu li{
	float:left;
	width:130px;

	/*padding:3px 10px;*/
	
	margin-bottom:10px;
	margin-right:1px;

	font-size: normal;
	color: #fff;
	font-family: verdana, arial, sans-serif;

	border: #ffffff 1px solid;
	border-bottom:#ffffff 2px solid;
}

ul.menu li a{
	width:130px;
	padding:5px 0px 5px 0px ;
	display: block;
	color: #fff;
	text-decoration: none;
	float: left;
	} 
	
ul.menu li a:hover { 
	background: #e7e7e7;
	color: #222;
}

.week {
	clear: all;
	margin-top:1em;
	margin-bottom: 1em;
	padding:0px;
	width:705px;
	/*border-bottom: 2px solid #339966;*/
}

.week h2{
	/*color: #ffffff;
	background-color: #339966;*/
	width: 100%;
	font-size: 1.1em;
	padding: 0px;
	font-weight: bold;
	/*border-bottom: 2px solid #339966;
	border-left: 7px solid #339966;*/
	margin-bottom: 0px;
		}
		
.week .coursetitle{
	color:#fff;
	}
.week .kaisai{
	color:#ff9000;
	}

.week table.songlist{
	clear: all;
	width: 100%;
	margin: 0px;
	padding: 0px;
	}
	
.week table.songlist th{
	background-color: #000;
	color: #fff;
	}
	
.week table.songlist tr.odd{
	background-color: #474747;
	color: #fff;
	}
	
.week table.songlist tr.even{
	background-color: #515151;
	color: #fff;
	}
		
.week p.coursename{
	margin:2px;
	/*padding:0px;*/
	}
	
.week ul.songlist {
	float: left;
	width : 20em;
	list-style: url(./img/a03.gif) disc;
	padding-left:20px;
		}
		
.week table.ranklist{
	clear: all;
	width: 100%;
	margin: 0px;
	padding: 0px;
	
}

.week .ranklist ul {
	clear :all;
	margin:0px;
	padding:0px;
}

.week .ranklist ul li{
	float: left;
	margin-right: 1px;
	padding:0px
}

.now {
	background-color: #cfc;
	}

img {
	border:0px solid #ffffff;
	margin: 0px;
	padding:0px;
	}	
	
div{
	/*border:1px solid #ffffff;*/
	}
	
.scoregraph {
	background-image:   url(./img/bg.gif);
	background-repeat:  repeat-y;
}

.scoregraph_a {
	background-image:   url(./img/bg_a.gif);
	background-repeat:  repeat-y;
}

.scoregraph_aa {
	background-image:   url(./img/bg_aa.gif);
	background-repeat:  repeat-y;
}

.scoregraph_aaa {
	background-image:   url(./img/bg_aaa.gif);
	background-repeat:  repeat-y;
}

.scoregraph360 {
	background-image:   url(./img/bg360.gif);
	background-repeat:  repeat-y;
}

.scoregraph360_a {
	background-image:   url(./img/bg360_a.gif);
	background-repeat:  repeat-y;
}

.scoregraph360_aa {
	background-image:   url(./img/bg360_aa.gif);
	background-repeat:  repeat-y;
}

.scoregraph360_aaa {
	background-image:   url(./img/bg360_aaa.gif);
	background-repeat:  repeat-y;
}