@charset "UTF-8";

header#headerid1 {
	margin-top: 15px;
	display: flex;
}

div.nav-button {
	font-weight: bold;
	font-size: 150%;
	background: linear-gradient(180deg, #eaf1ff, #d0e0ff);
	border-radius: 20px;
	box-shadow: inset 0 0 0 1px #c3d3ff, 0 2px 6px rgba(0,0,0,.08);
	padding: 10px;
	width: 150px;
	height: 1.2em;
	text-align: center;
	margin: 7px 12px;
}

#divid1 {
	width:100%;
	height:750px;
	display: grid;
	grid-template-columns: 50% 50%;
}

#div2 {
	grid-column: 1/2;
}

#ZMap
{
	grid-column: 2/3;
	width:100%;
	height:100%;
}

#site-table {
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
}

th {
	border: solid 1px #c3d3ff;
	height: 50px;
	color: white;
	background: linear-gradient(to right, #4f8ff7, #1d4ed8);
}
#th {
	font-size: xx-large;
}

tr:nth-child(odd) {
	background-color: #f8fbff;
}
tr:nth-child(even) {
	background-color: #e8f0fb;
}

td {
	border: solid 1px #c3d3ff;
	height: 50px;
	font-size: x-large;
}

footer small {
display:block;
position:absolute;
top:910px; /*フッターが消えなかったため*/
padding:10px 0 20px 0;
font-size:18px;
text-align:center;
line-height:1;
/* background:red; */
background: linear-gradient(to right, #cde4ff, #057ae7);
height: 10px;
width:100%;
color:white;
font-family:Arial,sans-serif;
}