#BODY{
	background-color:#FFFFFF;
}
#WRAPPER {
	MIN-WIDTH: 740px;
	MARGIN: 0px auto;
	WIDTH: 92%;
	MAX-WIDTH: 940px;
}
#TUPIC-PATH {
	FONT-SIZE: 80%;
}
#FOOTER {
	FONT-SIZE: 80%;
}
#TITLE1 {
	font-weight:strong;
	text-align: center;
	FONT-SIZE: 150%;
	line-height: 150%;
}
#TITLE2 {
	font-weight:strong;
	text-align: center;
	FONT-SIZE: 120%;
	line-height: 140%;
}
#TITLE3 {
	font-weight:bold;
	text-align: left;
	FONT-SIZE: 100%;
	line-height: 120%;
}
#TITLE4 {
        font-weight:bold;
	text-align: center;
	FONT-SIZE: 150%;
	line-height: 140%;
}
#TEXT1 {
	text-align: left;
	FONT-SIZE: 100%;
	line-height: 120%;
	padding-left: 1em;
}
#CONTAINER {
	text-align: center;
	FONT-SIZE: 100%;
	padding-bottom: 10px;
}

/* Header固定化 2026-03-25 -----ここから----- */
.table-wrap {
	--title-h: 40px;	/* タイトル部固定用 */
	max-height: 80vh; /* 必要な高さに調整。vh 単位も可（例: 50vh） */
	overflow: auto; /* 縦横スクロールを許可 */
	-webkit-overflow-scrolling: touch; /* iOS でスムーズスクロール */
}
.table-title {
	position: sticky;
	top: 0;
	z-index: 3;
	text-align: center;
	height: var(--title-h);
	line-height: var(--title-h);
	padding: 0 12px;
	box-sizing: border-box; /* height にパディング・ボーダーを含める */
	background: #fff;
	font-weight: 600;
	font-size: 1.5rem; /* ← タイトルの文字サイズ _*/
}


.table-wrap table {
	border-collapse: collapse;
	width: 100%;
	/* 横スクロールさせたい場合は最小幅を設定 */
	/* min-width: 800px; */
}

.table-wrap thead th {
	position: sticky;
	top: calc(var(--title-h));	/* タイトル分だけ下にずらして固定 */
	background: #ccc; /* 下のセルが透けないように背景を塗る */
	z-index: 2; /* 前面に表示 */
}

.table-wrap th {
	padding: 8px 12px;
	border: 1px solid #bbb;
	text-align: center;
}
.table-wrap td {
	padding: 8px 12px;
	border: 1px solid #bbb;
	text-align: left;
}

/* ヘッダー下に薄い影を付けたい場合（任意） */
.table-wrap thead th {
	box-shadow: 0 1px 0 rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.06);
}
/* Header固定化 2026-03-25 -----ここまで----- */

#TABLE1 {
	margin-left:auto;
	margin-right:auto;"
	text-align: left;
	FONT-SIZE: 100%;
}
#TABLE2 {
	
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	text-align: left;
	border-collapse: collapse; 
	border: 2px solid #000000;
	padding: 10px;
	FONT-SIZE: 100%;
	line-height: 150%;

}
#TABLE3 {
	
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width: fit-content;
	text-align: center;
	border-collapse: collapse; 
	border: 1px solid #000000;
	padding: 10px;
	FONT-SIZE: 80%;
}
#TABLEf {
	margin: 0em 0px 0px 0em;
	width: 100%;
}
.thw35 {
	width: 35px;
}
.thw45 {
	width: 45px;
}
.thw60 {
	width: 60px;
}
.thw100 {
	width: 100px;
}
.thw150 {
	width: 150px;
}
.TIT1 {
    font-weight:bold;
	text-align: left;
	FONT-SIZE: 100%;
	line-height: 150%;
	padding-left: 1em;
	text-indent: -1em;
	margin: 0em 0px 0px 0em ;
}
.TIT2 {
    font-weight:bold;
	text-align: left;
	FONT-SIZE: 100%;
	line-height: 150%;
	padding-left: 1em;
	text-indent: -1em;
	margin: 0em 0px 0px 1em ;
}
.TEXT1 {
    text-align: left;
	FONT-SIZE: 100%;
	line-height: 150%;
	text-indent: 1rem;
	margin: 0em 0px 0px 1em;
}
.TEXT2 {
    text-align: left;
	FONT-SIZE: 100%;
	line-height: 150%;
	text-indent: 1rem;
	margin: 0em 0px 0px 2em;
}

