@charset "utf-8";
/* CSS Document */



/* --- 表全体ブラウン --- */
table.brn {
width: 800px; /* 表の幅 */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
}

/* --- 表タイトル --- */
table.brn caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.brn th,
table.brn td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- 見出しセル --- */
table.brn thead th {
background-color: #ffebcd; /* 見出しセルの背景色 */
text-align: center;
}

/* --- フッタセル --- */
table.brn tfoot td {
background-color: #ffffff; /* フッタセルの背景色 */
}

/* --- 奇数行 --- */
table.brn tr.odd {
background-color: #ffffff; /* 奇数行の背景色 */
}

/* --- 偶数行 --- */
table.brn tr.even {
background-color: #faf0e6; /* 偶数行の背景色 */
}

.table-scroll {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
table{
border-collapse: collapse;
}
th,td{
border: solid 1px #ccc;
padding: 5px;
white-space: nowrap;
font-size: 90%;
}
th{
background: #eee;
text-align: center;
}


.ta1 th.tamidashi {
	width: auto;

	background: #fff;	/*背景色*/
}

.ta2 th.tamidashi {
	width: auto;

	background: #ffe0ef;	/*背景色*/
}

.ta3 th.tamidashi {
	width: auto;

	background: #ffead6;	/*背景色*/
}


.ta4 th.tamidashi {
	width: auto;

	background: #cce6f6;	/*背景色*/
}


/* --- スクロール --- */

div#outer{
    width: 100%;
    overflow-x: auto;
}
div#outer::-webkit-scrollbar {
height: 5px;
}
 
div#outer::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}
div#outer::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}