@charset "utf-8";



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

.table-scroll {
width: 98%;
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: 80%;
}
th{
background: #eee;
text-align: center;
}

th,td.dai{
	font-size: 100%;
	text-align: left;
}


table.type1 th {
border: solid 1px #ccc;
padding: 5px;
white-space: nowrap;
font-size: 100%;
text-align: left;
}

table.type1 td {
border: solid 1px #ccc;
padding: 5px;
white-space: nowrap;
font-size: 100%;
text-align: left;
}

table.type2 th {
border: solid 1px #ccc;
padding: 5px;
white-space: nowrap;
font-size: 100%;
text-align: center;
}

table.type2 td {
border: solid 1px #ccc;
padding: 5px;
white-space: nowrap;
font-size: 100%;
text-align: center;
}

.ta1 th.tamidashi {
	width: auto;

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

.ta2 th.tamidashi {
	width: auto;

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


.ta4 th.tamidashi {
	width: auto;

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




div#outer{
    width: 98%;
    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;
}