@charset "utf-8";
body {
	background-color:#FFFFFF;
	font-family:"meiryo";
	max-width:750px;
}

p#counter{
	text-align:center;
}

H1{
	text-align:center;
	margin:0 auto;
	font-style:italic;
}


H2{
	color:#000088;
	background-color:#eeeeee;
	clear:left;
}
H3 {color:#FF0000;}
/*
H2 {border-top:solid 2px #333333;}
*/
footer {
	border:double 2px #000000;
	padding:5px;
	background-color:#eeeeee;
}


button{
	transition:background-color 1s;
	height:30px;
}


ul#menu{
	height:32px;
	background-color:#ffffff;
	color:#000088;
	font-weight:bold;
	padding-left:0;
	min-width:720px
}

#KokoRanking,#ChugakuRanking,#Topics,#kekka,#linkshu{
	float:left;
	list-style-type:none;
	height:36px;
	padding-top:12px;
	text-align:center;
}
ul#menu li:hover{
	background-color:#dddddd;

}
ul#menu li a:visited{
	color:#3333CC;
}
ul#menu li a:link{
	color:#3333CC;
}
ul#menu li a:active{
	color:#3333CC;
}
ul#menu li a:hover{
	color:#3333CC;
}



#KokoRanking{
	width:130px;
	background-color:#FFC0CB;
}
#ChugakuRanking{
	width:120px;
	background-color:#ADD8E6;
}
#Topics{
	width:180px;
	background-color:#7FFFD4;
}
#kekka{
	width:190px;
	background-color:#D8BFD8;
}
#linkshu{
	width:100px;
	background-color:#F0E68C;
}

ul#menu a {
	text-decoration:none; 	/*リンクの下線を無くす*/
}

/*　共通　*/
H1.top a{
	text-decoration:none; 	/*リンクの下線を無くす*/
}
H1.top a:visited{
	color:#000080;
}
H1.top a:link{
	color:#000080;
}
H1.top a:active{
	color:#000080;
}
H1.top a:hover{
	color:#000080;
}

/* KokoRanking */

#SaisinRank{
	list-style-type:none;
	height:30px;
	padding-top:12px;
	font-weight:bold;
	font-size:24px;
	padding-bottom:24px;
}
ul#KokoList{
	padding-left:10px;
}
ul#KokoList li{
	list-style-type:none;
}

#SaisinRank a:visited{
	color:#FF0000;
}
#SaisinRank a:link{
	color:#FF0000;
}
#SaisinRank a:active{
	color:#FF0000;
}
#SaisinRank a:hover{
	color:#FF0000;
}