html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
}
main {
	/* ヘッダー・フッターの高さを引いたサイズにする */
	height: calc(100% - calc(65px + 15px));
	margin: 0;	
}

header {
	width: 100%;
	height: 65px;
	background-color: #FFCC32;
}

#header_title {
	font-size: clamp(20px, 2.5vw, 32px);
	font-family: "ＭＳ 明朝",serif;
	font-weight: bold;	
	color: #FFFFFF;
	background-color: #000098;
	white-space: break-spaces;
	padding: 5px;
	height: 40px;
}

main {
	width: 100%;
	display: flex;
	flex-direction: row;
}

footer {
	width: 100%;
	height: 15px;	
	background-color: #FFCC32;
	clear: both;
	position: fixed;
	bottom: 0;
	left: 0;
	/* z-index:5; */
}

menu {
	width: 180px;
	min-height: 100%;
	height: 100%;
	background:#FFFF99;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.menu_item {
	height: 30px;
	width: 160px;
	margin-top: 24px;
}

contents {
	width: calc(100% - 180px);
	word-wrap: break-word;
	overflow-x: auto;
	overflow-y: auto;
}

.contents_title {
	font-size: 26px;
	font-weight: bold;
	font-family: "MS 明朝",serif;
	padding: 5px;
	height: 40px;
	margin: 7px 0px 0px 20px;
}

table {
	overflow: scroll;
	border-collapse: collapse;
	white-space: nowrap;
	margin-left: 20px;
}

table > thead > tr > th {
	font-size:20px;
	font-weight: bold;
	font-family: "MS 明朝",serif;
	padding:5px;
	height:40px;
	min-width:500px; /* 文字折り返し抑制 */	
	text-align: left;

	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: white;
	z-index: 1;
}

table > tbody > tr > td {
	vertical-align: top;
	min-width:500px;
}

table > tbody > tr > td > hr {
	width : 387px;
	height: 2px;
}

.remarks {
	white-space: nowrap;
}

/**************************************************************/

*{padding: 0px; margin:0px}


#background{}


/*============================================
上部設定
============================================*/

#BG_top{
		height:65px;
		/* background-color:#2e8b57; */
		/* background-color:#5651F5; */
		/* background-color:#ffc000; */
		/* background-color:#f0e68c; */
		/* background-color:#F0C8D7; */
		/* background-color:#e8c88b; */
		/* background-color:#e1f49b; */
		/* background-color:#ffd700; */
		background-color:#FFCC32; /* 2025/06/02*/
		}

.title_01{
		font-size:32px;
		font-family: "ＭＳ 明朝",serif;
		color:#FFFFFF;
		/* background-color:#ffd700; */
		/* background-color:#BCB0ED; */
		/* background-color:#548235; */
		/* background-color:#4169e1; */
		/* background-color:#3C7346; */
		/* background-color:#007bbb; */
		/* background-color:#355482; */
		/* background-color:#000080; */
		background-color:#000098; /* 2025/06/02*/
		font-size: clamp(20px, 2.5vw, 32px);
		white-space:break-spaces;
		padding:5px;
		height:40px;
		font-weight: bold;
		}


/*============================================
左部設定
============================================*/

#BG_left{
		float:left;
		width:180px;
		height:90%;
		/* background-color:#3CB371; */
		/* background-color:#c6e0b4; */
		/* background-color:#b0c4de; */
		/* background-color:#BEDCC3; */
		/* background-color:#d1e5e8; */
		/* background-color:#a5c0dc; */
		/* background-color:#fffacd; */
		background-color:#FFFF99; /* 2025/06/02*/
		}


#BG_left00{
		float:left;
		width:180px;
		/* height:1960px; */
		/* height:1925px; */
		/* height:1800px; */
		height:3000px;
		/* background-color:#3CB371; */
		/* background-color:#c6e0b4; */
		/* background-color:#b0c4de; */
		/* background-color:#BEDCC3; */
		/* background-color:#d1e5e8; */
		/* background-color:#a5c0dc; */
		/* background-color:#fffacd; */
		background-color:#FFFF99; /* 2025/06/02*/
		z-index:5;	/* 横にリサイズleft位置の文字重なり */
	}

#BG_left02{
		float:left;
		width:180px;
		height:1080px;
		/* background-color:#3CB371; */
		/* background-color:#c6e0b4; */
		/* background-color:#b0c4de; */
		/* background-color:#BEDCC3; */
		/* background-color:#d1e5e8; */
		/* background-color:#a5c0dc; */
		/* background-color:#fffacd; */
		background-color:#FFFF99; /* 2025/06/02*/
		z-index:5;	/* 横にリサイズleft位置の文字重なり */
	}

#BG_left03{
		float:left;
		width:180px;
		height:700px;
		/* background-color:#3CB371; */
		/* background-color:#c6e0b4; */
		/* background-color:#b0c4de; */
		/* background-color:#BEDCC3; */
		/* background-color:#d1e5e8; */
		/* background-color:#a5c0dc; */
		/* background-color:#fffacd; */
		background-color:#FFFF99; /* 2025/06/02*/
		z-index:5;	/* 横にリサイズleft位置の文字重なり */
	}

#BG_left04{
		float:left;
		width:180px;
		/* height:1560px; */
		/* height:1750px; */
		/* height:1800px; */
		height:1750px;
		/* background-color:#3CB371; */
		/* background-color:#c6e0b4; */
		/* background-color:#b0c4de; */
		/* background-color:#BEDCC3; */
		/* background-color:#d1e5e8; */
		/* background-color:#a5c0dc; */
		/* background-color:#fffacd; */
		background-color:#FFFF99; /* 2025/06/02*/
		z-index:5;	/* 横にリサイズleft位置の文字重なり */
	}

#BG_left05{
		float:left;
		width:180px;
		/* height:1560px; */
		/* height:1750px; */
		/* height:1800px; */
		height:1980px;
		/* background-color:#3CB371; */
		/* background-color:#c6e0b4; */
		/* background-color:#b0c4de; */
		/* background-color:#BEDCC3; */
		/* background-color:#d1e5e8; */
		/* background-color:#a5c0dc; */
		/* background-color:#fffacd; */
		background-color:#FFFF99; /* 2025/06/02*/
		z-index:5;	/* 横にリサイズleft位置の文字重なり */
		}

#BG_left > p,
#BG_left00 > p,
#BG_left02 > p,
#BG_left03 > p,
#BG_left04 > p,
#BG_left05 > p
{
  width: 180px;
  height:35px;
}
/*============================================
右部設定
============================================*/

#BG_right{
		}

.title_02{
		font-size:26px;
		font-weight: bold;
		font-family: "MS 明朝",serif;
		padding:5px;
		height:40px;
		}


.title_03{
		font-size:20px;
		font-weight: bold;
		font-family: "MS 明朝",serif;
		padding:5px;
		height:40px;
		width:150px; /* 文字折り返し抑制 */
		}

.title_04{
		font-size:18px;
		font-weight: bold;
		font-family: "MS 明朝",serif;
		}
		
/*============================================
下部設定
============================================*/

#BG_bottom{
		/* background-color:#2e8b57; */
		/* background-color:#ffc000; */
		/* background-color:#f0e68c; */
		/* background-color:#F0C8D7; */
		/* background-color:#e8c88b; */
		/* background-color:#e1f49b; */
		/* background-color:#ffd700; */
		background-color:#FFCC32; /* 2025/06/02*/
		clear:both;
		height:15px;
		z-index:5;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
	}




/*============================================
元メニュー設定
============================================*/

.category{
		font-size:18px;
		background-color:#FFFFF0;
		padding:5px;
		margin:5px;
		}




/*============================================
リストを改行させない設定
============================================*/
li{
	white-space:nowrap;
}