@charset "utf-8"

html{
	scrollbar-base-color:#FAFAFA;
	scrollbar-face-color:#FAFAFA;
	scrollbar-arrow-color:#DDDDDD;
	scrollbar-shadow-color:#FAFAFA;
	scrollbar-darkshadow-color:#DDDDDD;
	scrollbar-highlight-color:#FAFAFA;
	scrollbar-3dlight-color:#DDDDDD;
	scrollbar-track-color:#FAFAFA;
}

body{
	color:#333333;
	font-family:"Osaka", "lr oSVbN", Arial, sans-serif;
	background-color:#FFFFFF;
	margin:5px;
}



dl.graph_online{
	width:100%;
	height:10px;
	padding:0;
	margin:0 0 3px 0;
	font-size:10px;
}
dl.graph_online dd{
	height:100%;
	padding:0;
	margin:0;
	background-repeat:no-repeat;
	float:left;
}
dl.graph_online dd.start{
	width:20%;
	background-image:url(../images/graph_online_start.gif);
	background-position:100% 50%;
	font-weight:bold;
}
dl.graph_online dd.mid{
	background-image:url(../images/graph_online.gif);
	background-position:50% 50%;
}
dl.graph_online dd.end{
	width:15%;
	background-image:url(../images/graph_online_end.gif);
	background-position:0% 50%;
	font-weight:bold;
}


dl.graph_chat{
	width:100%;
	height:10px;
	padding:0;
	margin:0 0 3px 0;
	font-size:10px;
	clear:both;
}
dl.graph_chat dd{
	height:100%;
	padding:0;
	margin:0;
	background-repeat:no-repeat;
	float:left;
}
dl.graph_chat dd.start{
	width:20%;
	background-image:url(../images/graph_chat_start.gif);
	background-position:100% 50%;
	font-weight:bold;
}
dl.graph_chat dd.mid{
	background-image:url(../images/graph_chat.gif);
	background-position:50% 50%;
}
dl.graph_chat dd.end{
	width:20%;
	background-image:url(../images/graph_chat_end.gif);
	background-position:0% 50%;
	font-weight:bold;
}



dl.average{
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 3px 0;
	font-size:10px;
	font-weight:bold;
	clear:both;
}
dl.average dt{
	width:20%;
	padding:0;
	margin:0;
	float:left;
}
dl.average dd{
	width:80%;
	padding:0;
	margin:0;
	float:left;
	color:#FF0000;
}




.reroad{
	width:auto;
	height:auto;
	clear:both;
	font-size:10px;
	text-align:right;
}
.reroad a{
	color:#006699;
}
.reroad a:hover{
	color:#FF9900;
}






#jump{
	padding:30px 0 0 0;
	font-size:10px;
	text-align:center;
}
#jump a{
	color:#006699;
}
#jump a:hover{
	color:#FF9900;
}