.tableWrapper{
	display: none;
	padding:1em 1em 2em 1em;
}

table {
	table-layout: auto;
	font-size:14px;
	border-collapse: collapse;
}

th, td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center; /* 水平方向の中央揃え */
	vertical-align: middle; /* 垂直方向の中央揃え */
	word-wrap: break-word;
}

th {
	background-color: #f7f7f7;
	color: rgb(0, 0, 0);
	font-weight: bold;
	word-wrap: break-word;
}

.tooltip {
	display: none;
	position: absolute;
	background-color: #007BFF; /* blue background */
	color: #fff; /* white text */
	border: 2px solid #0056b3; /* darker blue border */
	padding: 10px; /* more padding */
	border-radius: 5px;
	z-index: 100;
	font-size: 1.2em; /* larger text */
}

.tate {
	writing-mode: vertical-rl;
	text-orientation: upright;
}
h3 .junle,h3 .chiku {
	display: inline-block;
	margin:0.5em;
	padding:0.5em;
}

#display_table h3{
	font-size:20px;
	position: relative;
	border-bottom: 1px solid #535353;
	padding: 0.5em;
	cursor: pointer;
	transition: all 0.3s ease; /* Smooth transition for all changes */
	
}

#display_table h3:hover {
	color: #007BFF; /* Change the text color to blue */
}

#display_table h3::after {
	content: ">";
	position: absolute;  /* h3に対する絶対位置 */
	right: 0;  /* 右端に配置 */
	bottom:4px;
}

#display_table h3.midashi::after {
    content: 'すべて開く';
	position: absolute;  /* h3に対する絶対位置 */
}

#display_table h3.midashi.close::after {
    content: '閉じる';
	position: absolute;  /* h3に対する絶対位置 */
}

/* .print-buttonクラスを持つ要素（印刷ボタン）のスタイル */
.print-button {
	display: inline-block;
	padding: 10px 20px;
	margin: 10px;
	background-color: #008CBA; /* ボタンの背景色 */
	color: white; /* ボタンの文字色 */
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	transition-duration: 0.4s;
	cursor: pointer;
	border: none;
	border-radius: 5px;
}

/* 印刷ボタンのマウスオーバー時のスタイル */
.print-button:hover {
	background-color: white; /* マウスオーバー時の背景色 */
	color: #008CBA; /* マウスオーバー時の文字色 */
}

/*凡例*/
p.hanrei{
	font-size:14px;
	margin:0.5em;
	padding:0.5em;
}

/*縦表示の際のCSS、横幅800px以下*/
@media screen and (max-width: 800px) {
	.tableWrapper{
		padding:0.3em;

	}
}

/* 全要素に適用 */
dl {
	margin: 0;
	padding: 0;
}

/* 全タイトル要素に適用 */
dt {
	font-weight: bold;
	margin:5px 0 5px 0;
	color: #ffffff;
	background-color: #0066cc;
	padding: 5px;
}

/* 全内容要素に適用 */
dd {
	word-break: break-all;
	margin:5px 0px 10px 5px;
}

/* 入れ子のタイトル要素に適用（<dd>要素の中の<dl>要素の中の<dt>要素） */
dd dl dt {
	color: black;
	background-color: transparent;
	border-left: 5px solid #0099ff; /* 左側にボーダーを設定 */
	font-size: 14px;
}

/*入れ子の内容に適用*/
dl dd dl dd{
	font-size:1em;
	margin-left:10px;
}