@charset "utf-8";
body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 120%;
	color: #000;
	/* ブラウザ全体の背景色 */
	background-color: gray;
	margin: 0px;
	padding: 0px;
	/*text-align: left;*/
}

.divAll {
	width: 920px;
	padding: 10px;
	background-color: #EEE;
	display: block;
}

textarea {
	resize: none;
}

img {
	width: 100%;
}

#Introduction {
	height: 33px;
	font-size: small;
	background-color: #EEE;
	text-align: right;
	border-width: 0px;
	border-style: unset;
}

#UpdateInfo {
	width: 100%;
	height: 140px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: unset;
}

a:link {
	color: #000;
	/*text-decoration: none;*/
}
a:visited {
	/*text-decoration: none;*/
	color: #000;
}
a:hover {
	/*text-decoration: none;*/
	color: #08F;
}
a:active {
	/*text-decoration: none;*/
}

#HeadMenu {
	display: grid !important; /* インラインスタイルを上書きしてグリッドレイアウトを適用 */

	grid-template-columns: repeat(3, 1fr); /* 全体の横幅を3等分して3つの列を作る */
	grid-auto-rows: minmax(32px, auto); /* 高さは32px。入り切らない場合は中身に合わせて高くなる */

	gap: 2px; /* メニュー項目同士の間隔（上下左右）を一括で指定 */

	list-style: none;
	padding: 2px;
	margin: 0;
	color: purple;
}
#HeadMenu li {
	text-align: center;
	/*background-color: #f9f9f9;*/
	cursor: pointer;

	/* 文字を上下左右の中央に配置 */
	display: flex;
	align-items: center;
	justify-content: center;
}
#HeadMenu li:hover {
	color: #08F;
}

#SubMenu1 {
	display: grid !important; /* インラインスタイルを上書きしてグリッドレイアウトを適用 */

	grid-template-columns: repeat(3, 1fr); /* 全体の横幅を3等分して3つの列を作る */
	grid-auto-rows: minmax(32px, auto); /* 高さは32px。入り切らない場合は中身に合わせて高くなる */

	gap: 2px; /* メニュー項目同士の間隔（上下左右）を一括で指定 */

	list-style: none;
	padding: 2px;
	margin: 0;
	color: purple;
}
#SubMenu1 li {
	text-align: center;
	/*background-color: #f9f9f9;*/
	cursor: pointer;

	/* 文字を上下左右の中央に配置 */
	display: flex;
	align-items: center;
	justify-content: center;
}
#SubMenu1 li:hover {
	color: #08F;
}

#SubMenu2 {
	display: grid !important; /* インラインスタイルを上書きしてグリッドレイアウトを適用 */

	grid-template-columns: repeat(4, 1fr); /* 全体の横幅を4等分して4つの列を作る */
	grid-auto-rows: minmax(32px, auto); /* 高さは32px。入り切らない場合は中身に合わせて高くなる */

	gap: 2px; /* メニュー項目同士の間隔（上下左右）を一括で指定 */

	list-style: none;
	padding: 2px;
	margin: 0;
	color: maroon;
}
#SubMenu2 li {
	text-align: center;
	/*background-color: #f9f9f9;*/
	cursor: pointer;
	/* 文字を上下左右の中央に配置 */
	display: flex;
	align-items: center;
	justify-content: center;
}
#SubMenu2 li:hover {
	color: #08F;
}

/*
#divSubMenu1{
	width: 100%;
}
#divSubMenu1 table{
	width: 100%;
	border-width: 0px;
	text-align: center;
}
#divSubMenu1 tr{
	width: 100%;
}
#divSubMenu1 td{
	width: 30%;
	height: 32px;
	text-align: center;
}
#divSubMenu1 td:active {
	text-align: center;
}
#divSubMenu1 td:visited {
	text-align: center;
	color: #000;
}
#divSubMenu1 td:hover {
	cursor: pointer;
	text-align: center;
	color: #08F;
}

#divSubMenu2{
	width: 100%;
	color: maroon;
}
#divSubMenu2 table {
	width: 100%;
	border-width: 0px;
	text-align: center;
}
#divSubMenu2 tr{
	width: 100%;
}
#divSubMenu2 td{
	width: 25%;
	height: 32px;
	text-align: center;
	color: maroon;
}
#divSubMenu2 td:active {
	text-align: center;
}
#divSubMenu2 td:visited {
	text-align: center;
	color: #000;
}
#divSubMenu2 td:hover {
	cursor: pointer;
	text-align: center;
	color: #08F;
}
*/

#LastUpdate {
	width: 100%;
	text-align: right;
	background-color: #EEE;
	font-size: small;
}

#historyTable {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid purple;
	margin-top: 10px;
}
#historyTable caption {
	color: purple;
}
#historyTable thead th:nth-child(1) {
	width: 8%;
	height: 40px;
	border-collapse: collapse;
	border: 2px solid purple;
	text-align: center;
	vertical-align: middle;
}
#historyTable thead th:nth-child(2) {
	width: 12%;
	height: 40px;
	border-collapse: collapse;
	border: 2px solid purple;
	text-align: center;
	vertical-align: middle;
}
#historyTable thead th:nth-child(3) {
	width: 80%;
	height: 40px;
	border-collapse: collapse;
	border: 2px solid purple;
	text-align: center;
	vertical-align: middle;
}
#historyTable td {
	min-height: 40px;
	padding: 4px;
	border-collapse: collapse;
	border: 2px solid purple;
}

.cellCenter {
	text-align: center;
	vertical-align: middle;
}
.usageImg {
	margin-top: 10px;
	width: auto;
	height: auto;
	max-width: 100%; /* 親要素の幅を超えない */
}

.contentsLight {
		background-color: #EEE;
}
.BackOfString {
	background-color: #00CCFF;
	display: inline;
}
.grayout {
	opacity: 0.6; /* グレイアウトする */
}


/*
#Request {
	background-color: #EEE;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: unset;
	border-right-style: unset;
	border-bottom-style: unset;
	border-left-style: unset;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 900px;
	font-size: small;
	color: #00F;
}
*/

/*
#opinion {
	background-color: #0CF;
}
*/

/*
#mail {
	background-color: #00CCFF;
	display: inline;
}
*/

/*
#return {
	background-color: #FFF;
}
*/