@charset "UTF-8";

div.ranking {
	clear: both;
	padding: 1em 0;
	ruby-align: distribute-letter;
}
.ranking {height: 100%;}

.ranking h2 {
	color: #fff;
	padding: 0.4em 0 0.4em 0.5em;
	text-align: left;
}
h2#kyujin {
	background: #0000cd url("imgs/kyujin.png") repeat 0 0;
	border:1px solid #000080;
	border-right: 5px solid #000080;
	border-left: 5px solid #000080;
	border-right: 5px solid #000080;
}
h2#haken {
	background: #0000cd url("imgs/haken.png") repeat 0 0;
	border:1px solid #ff4500;
	border-right: 5px solid #ff4500;
	border-left: 5px solid #ff4500;
	border-right: 5px solid #ff4500;
}
h2#baito {
	background: #0000cd url("imgs/baito.png") repeat 0 0;
	border:1px solid #008000;
	border-right: 5px solid #008000;
	border-left: 5px solid #008000;
	border-right: 5px solid #008000;
}

.ranking ul {
	clear:both;
	margin: 10px 0 0 0;
	border-bottom:
	1px dotted #afafaf;height:70px;
}

li.rank  {width: 35px;margin: 20px 0 0 0;float: left;}
li.bana  {width: 105px;float: left;}
li.setu  {width: 352px;float: left;}
li.kwsk  {width: 48px;float: left;}

.ranking p {margin: 1em 0 0 0;text-align: right;}

div.cmnt {
	margin:1em 0;
	padding: 0.5em;
	line-height: 1.4;
	border: 1px solid #ddd;
}
div#kcmnt {background-color:#e0ffff;}
div#hcmnt {background-color:#fff8dc;}
div#bcmnt {background-color:#d7fcce;}