@charset "utf-8";/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: break-word;
}
a {
	margin: 0;
	padding: 0;
	color: darkolivegreen;
	text-decoration: none;
}
a:hover {
	color: green;
}
h1 {
	margin:	auto;
	font-size: 1.5em;
}
img {
	box-sizing: border-box;
	max-width: 100%;
	vertical-align: bottom;
	font-size: 0;
	line-height: 0;
}
input {
	max-width: 100%;
}
header {
	display:block;
	margin: 0 auto;
	padding: 0;
	width: 780px;
}
footer {
	display:block;
	margin: 0 auto;
	padding: 3px;
	width: 780px;
	background: green;
	text-align:center;
}
.wrap {
	margin: 0 auto;
	width: 780px;
}
.col3 {
	overflow: hidden;
	margin: 0 auto;
	width: 780px;
}
.col3 .side {
	float: left;
	margin: 0 1px;
	width: calc(30% - 2px);
}
.col3 .center {
	float: left;
	width: 70%;
}
.moji {
	color: green;
	font-weight: bold;
	font-size: 120%;
}
nav {
	display:block;
	overflow: hidden;
	margin: 3px auto;
	padding: 1px 0;
	width: 776px;
	border: solid 1px olive;
}
nav::after {
	display: block;
	content:"";
	clear:both;
}
nav .side {
	float: left;
	margin: 2px;
	padding: 0;
	width: 152px;
	width: calc(20% - 4px);
}
nav .center {
	float: left;
	margin: 2px;
	width: 462px;
	width: calc(60% - 6px);
	border: solid thin olive;
	background-color: #f5f5dc;
}
.nav {
	margin: 0;
	padding: 1px;
	border: solid thin olive;
	list-style: none;
}
.nav li {
	box-sizing: border-box;
	margin: 3px auto;
	border: thin solid #c0c0c0;
	background-color: olive;
}
.nav li a {
	display: block;
	padding: 8px;
	color: white;
	line-height: 1.5em;
}
.nav li:hover {
	opacity: 0.8
}
table.nav50 {
	width: 100%;
}
table.nav50 td {
    line-height: 2em;
}
table.nav50 a, .nav50 span {
	display: block;
	border: solid thin #c0c0c0;
	color: black;
	text-align: center;
	text-decoration: none;
}
.centerNav {
	overflow: hidden;
	width: auto;
}
.centerNav > div {
	float: left;
	margin: 1px;
	width: calc(50% - 2px);
}
table.centerNav > tbody > tr > td {
	vertical-align: top;
}
.nav50 a:hover {
	background: yellowgreen;
}
.contentsTable {
	box-sizing: border-box;
	width: 100%;
	table-layout: fixed;
}
.contentsTable > tbody > tr > td {
	vertical-align: top;
	text-align: center;
}
table.teatable {
	width: 100%;
	border: solid thin olive;
	border-collapse: collapse;
	table-layout: fixed;
	text-align: center;
}
table.teatable > tbody > tr > td {
	border: solid thin olive;
}
table.kounou {
	margin: 3px auto;
	width: 100%;
	border: solid thin olive;
	border-collapse: collapse;
	table-layout: fixed;
	text-align: left;
}
table.kounou > tbody > tr > td {
	padding: 3px;
	border: solid thin olive;
}
.kuro {
	color: black;
}
.borderSilver {
	border: solid thin silver;
}
.stackingBox {
	overflow: hidden;
	margin: 0 auto;
	width: 780px;
}
.stackingBox div {
	float: left;
	padding: 1px;
	width: calc(50% - 2px);
}
.searchBoxWrap {
	text-align: center;
}
.footNav {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}
.footNav::after {
	display:block;
	content:'';
	clear:both;
}
.footNav li {
	float: left;
	margin: 2px;
	width: calc(100% / 3 - 4px);
}
.footNav a {
	display: block;
	color: white;
}
.footNav a:hover {
	background-color: darkseagreen;
	color: black;
}
.rankTable {
	margin: 3px 0;
	width: 100%;
	border: solid 1px green;
}
.rankTable tr:nth-child(odd) {
	background-color: #f5f5dc;
}
.rankTable tr:nth-child(even) {
	font-size: small;
}
.contentTable {
	width: 100%;
	border: solid 2px green;
}
.contentTable td {
	text-align: left;
	border-bottom: solid 1px gray;
}
.contentTable th {
	background-color:rgb(240,230,140);
}