div.main01 {
	display:flex;
/*
	flex-flow:row nowrap;
*/
	flex-flow:column nowrap;
	justify-content:center;
	align-items: center;
}

table.square01 {
	width:90vw;
	font-size:120%;
	font-weight:600;
	color: #FFFFFF;
	text-shadow: 
		0 0 0.10em rgba(41,98,255,1),
		0 0 0.15em rgba(41,98,255,1),
		0 0 0.80em rgba(41,98,255,1),
		0 0 1.00em rgba(00,255,00,1);
	line-height: 1.5;
	table-layout: fixed;
}
tr, td, th {
	width:100%;
}

.square01 caption {
	text-align:center;
	vertical-align:middle;
	width:100%;
	margin:auto;

	font-size:4.5vw;
	font-weight:800;

	margin-top: 15px;
	margin-bottom: 20px;
}

th.thdiv {
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
}
.thdiv {
	text-align: left;
}

.trindex tr th {
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
/*
	width:90%;
*/
}
.thtitle {
	width:80%;
}
.thtitle div {
	text-align: left;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

tr, td {
	margin:5px;
	padding:5px;
	vertical-align:middle;
}

tr.trhead {
	padding: 0 10px;
}
tr.trhead th {
	padding: 5px;
	border-radius: 8px;
	background:rgb(00,255,0,0.6)
}

th.staff {
	width:20%;
	max-width: 20%;
}
th.prof {
	width:80%;
	min-width:80%;
}

img {
	width:50%;
	height:50%;
/*
	height: 200px;
*/
}