/* レイアウト */
		.container {
				display							: grid;
				grid-template-columns			: 200px 1fr; 					/* 1列目を200px固定、2列目を可変長に */
				grid-template-rows				: auto; 						/* 行の高さは自動 */
				gap								: 0;
				padding							: 0;
		}

		/* ヘッダ: 1行目の3列分を占める */
		.header {
				grid-column						: 1 / span 2; 					/* 1列目から3列目までを占める */
				grid-row						: 1; 							/* 1行目 */
				border							: 1px solid #000;
				background-color				: #E6E3DF;
				padding							: 0;
				width							: 100%;       					/* 画面サイズ100% */
				max-width						: 100%;   						/* 横スクロールが出ないように */
		}

		/* メイン1: 残りの幅を占める */
		.main {
				grid-column						: 2; 							/* 2列目（可変幅） */
				grid-row						: 2; 							/* 2行目 */
				padding							: 0;
				overflow-x						: auto;  						/* テーブルの部分だけスクロール可能にする */
				width							: 100%;       					/* テーブルの親要素の幅を画面サイズに合わせる */
		}

		/* 右エリア1: 200pxの固定幅 */
		.navi {
				grid-column						: 1; 							/* 1列目（固定幅） */
				grid-row						: 2; 							/* 2行目 */
				width							: 200px;
		}

		.box {
				padding							: 20px;
				background-color				: #FFFFFF;
				border							: 1px solid #333;
				text-align						: left;
		}

		/* フッタ: 6行目の3列分を占める */
		.footer {
				grid-column						: 1 / span 2; 					/* 1列目から3列目までを占める */
				grid-row						: 3; 							/* 3行目 */
				border							: 1px solid #000;
				background-color				: #E6E3DF;
				width							: 100%;       					/* 画面サイズ100% */
				max-width						: 100%;   						/* 横スクロールが出ないように */
		}

		/* フッタ: divの中を7列に分割する */
		.parent {
				display							: flex;
				justify-content					: space-between; 				/* 子要素間に均等なスペースを追加 */
		}

		.child {
				flex							: 1; 							/* 各子要素が親エリアを均等に分割 */
				border							: 0px; 							/* 各子要素に枠線を表示 */
				padding							: 10px;
				box-sizing						: border-box; 					/* パディングを含めてサイズを計算 */
				text-align						: left; 						/* 中央寄せ */
		}

		/* フッタ：ロゴを下揃え */
		.bottom {
				position						: relative;
				padding							: 0px;
		}

		.bottomParts {
				padding							: 0px;
				position						: absolute;
				left							: 0;
				bottom							: 0;
		}

		/* フッタ: div内のメモ */
		.memo {
				padding							: 2px;
				text-align						: left;
				color							: #636363;
				font-size						: 0.7em;
		}

		a.footerLink {
				color							: #636363;
				text-decoration					: none;
				font-size						: 0.8em;
		}

/* 一覧表 */
		table {
				width							: 100%;
		}

		tr {
				border							: 1px #000000 solid;
				border-collapse					: collapse;
		}

		th {
				background-color				: #f0f0f0;
				font-weight						: bold;
				text-align						: right;
				vertical-align					: top;
				padding							: 3px 30px;
				white-space						: nowrap;
		}

		td.L {
				text-align						: left;
				padding							: 3px 30px;
				white-space						: nowrap;
				background-color				: #fff;
		}

		td.R {
				text-align						: right;
				padding							: 3px 30px;
				white-space						: nowrap;
				background-color				: #fff;
		}

/* 見出し */
		h2 {
				font-size						: 20pt;
				font-weight						: bold;
				color							: #000;
				margin							: 4px;
		}

		h3 {
				font-size						: 18pt;
				font-weight						: bold;
				color							: #000;
				margin							: 4px;
		}

		h4 {
				font-size						: 14pt;
				font-weight						: bold;
				color							: #000;
				margin							: 4px;
		}

		.sideNavi {
				padding							: 3px 0 3px 30px;
				text-align						: left;
				white-space						: nowrap;
				color							: #000;
				font-size						: 1.0rem;
		}

		.sideNavi2 {
				padding							: 6px 0 6px 20px;
				text-align						: left;
				color							: #000;
				font-size						: 1.0rem;
		}