@font-face {
    font-family: 'ir';
    src: url('font/Inter-Regular.eot');
    src: url('font/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Inter-Regular.woff2') format('woff2'),
        url('font/Inter-Regular.woff') format('woff'),
        url('font/Inter-Regular.ttf') format('truetype'),
        url('font/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ib';
    src: url('font/Inter-Bold.eot');
    src: url('font/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Inter-Bold.woff2') format('woff2'),
        url('font/Inter-Bold.woff') format('woff'),
        url('font/Inter-Bold.ttf') format('truetype'),
        url('font/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body, html {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #0E0E10;
	font-family: ir, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
}

.clr {clear: both;}
.hide {display: none;}

input:focus, textarea:focus {outline:none;}

fieldset {padding: 0px; margin: 0px; border: 0px;}

.walign {line-height: normal; vertical-align: middle; display: inline-block;}

.menu {
	text-align: center;
}

.menu div {
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	display: inline-block;
	padding: 3px 10px 3px 10px;
	margin: 10px;
	font-size: 18px;
	cursor: pointer;
	font-family: ib, Geneva, Arial, Helvetica, sans-serif;
}

.menu div:hover, .menu div.a {
	background-color: #FFFFFF50;
}

.menu div:last-child {
	background-color: #D0000088;
}

table {
	width: 100%;
	margin-top: 25px;
}

table td {
	padding: 3px 10px 3px 10px;
}
/*
table tr:nth-child(even) {
	background-color: #FFFFFF20;
}
*/

table tr td {
	border-bottom: 1px solid #292929;
}

table .head {
	font-family: ib, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
}


.notice {
	text-align: center;
	font-family: ib, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	background-color: #D0000020;
	width: 50%;
	padding: 25px;
	margin: 25px auto 0px auto;
}


.green {
	color: #00a67d;
	font-family: ib, Geneva, Arial, Helvetica, sans-serif;
}

.red {
	color: #D00000;
}

.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb25 {margin-bottom: 25px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}