@charset "utf-8";
* { margin: 0; }
.topmenu {
	 padding: 0 20px;
	 text-decoration: none;
}
.topmenu a { text-decoration: none; color: #434343; }
.topmenu a:hover { text-decoration: underline; color: #ca2424; }
footer {
	text-align: center;
	margin: 50px 0 100px;
}
.title a { color: #3f3a39; }
.title a:hover {
	text-decoration: none;
	color: #1791cb;
}
footer a {
	font-size: 14px;
	text-decoration: none;
	color: #999;
	line-height: 3em;
}
footer a:hover { color: #000; }
footer span { padding: 0 10px; }
html { scroll-behavior: smooth; }
body { font-size: 14px; }
table.gridtable {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin: auto;
	margin-bottom: 20px;
	overflow-y: auto;
	display: block;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	text-align: center;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	text-align: center;
	word-wrap: break-word;/* word-break: break-all; */
}
/*h3 { color: #ca2424; }*/
.title {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 16px;
	margin: 20px auto;
	color: #3f3a39;
}
hr { margin: 20px 0; }
.topbutton {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: #ececec;
	padding: 20px;
}
.probutton {
	white-space: nowrap;
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #2c2c2c;
	background: #434343;
	color: #fff;
	text-decoration: none;
	margin: 0 2px 4px;
}
.probutton:hover {
	background: #ca2424;
	border-color: #ca2424;
	color: #fff;
}
@media screen and (max-width: 991.98px) {
body { margin: 10px 0; }
.title,
 table.gridtable {
	width: 95%;
	display: block;
	overflow: auto;
}
.title {
	align-items: center;
	flex-direction: column;
	text-align: center;
}
.logo { margin-bottom: 20px; }
}
@media screen and (min-width: 992px) {
body { margin: 50px; }
table.gridtable {
	width: 80%;
	display: table;
	margin: 10px auto;
}
}
@media screen and (min-width: 1200) { body { margin: 100px; } }