@charset "utf-8";
#tableWrapper {
	overflow-x: scroll;
	overflow-y: scroll;
	height:800px;
}
.tableWrap{
	overflow-y: auto;
	table-layout:fixed;
}
.tbl-fixed{
	position: sticky;
	top: 0;
	border-bottom: 1px solid #000;
	border-top:1px solid #000;
}
.tbl-fixed02{
	position: sticky;
	top: 72px;
	font-size:0.7em;
	padding: 0 5px;
}
.tbl-nbs td:nth-child(7) {
  text-align: center;
}
.tbl-nbs td:nth-child(8) {
  text-align: center;
}
.tbl-nbs td:nth-child(9) {
  text-align: center;
}
.tbl-nbs td:nth-child(10) {
  text-align: center;
}
.tbl-nbs td:nth-child(11) {
  text-align: center;
}
/*.tbl-nbs td:nth-child(-n+11){
	text-align: center;
}*/

.tbl-nbs .w50{width: 50px!important;}
.tbl-nbs .w100{width: 100px!important}
.tbl-nbs .w150{width: 150px!important;}
.tbl-nbs .w200{width: 200px!important;}
.tbl-nbs .w250{width: 250px!important;}
.tbl-nbs .w300{width: 300px!important;}
.tbl-nbs .w350{width: 350px!important;}
.tbl-nbs .w400{width: 400px!important;}
.tbl-nbs .w450{width: 450px!important;}
.tbl-nbs .w500{width: 500px!important;}
.tbl-nbs .w550{width: 550px!important;}
.tbl-nbs .w600{width: 600px!important;}
.tbl-nbs .w650{width: 650px!important;}

.tbl-nbs ul{
	margin: 0 1.5em 0 1em;
}
/*カラムの見出しを固定する*/
#thead > tr > td{
	background-color: #f0f8ff;
	z-index:15;
	position: sticky;
	top:0;
}
/*#theadに色をつけても色のついたエリアがスクロールで上に移動してしまう*/
/*背景色に透けてスクロールする様子が見えてしまうのを防止
縦スクロールはz-indexで透けるのを防止できたが横スクロールではダメだった
*/

/*#theadのaxis3を最上位にする*/
#thead > tr > .axis3{
	z-index:17;
}


/*横スクロールしたときに途中で固定する*/
.axis3{
	position:sticky;
	left:0;
	z-index:16;
	background-color: #f0f8ff;
}

/*axis0～2も同じ色にする。*/
.axis0, .axis1, .axis2{
	background-color: #f0f8ff;
}

.tbody_data .axis4, .axis5, .axis6, .axis7, .axis8, .axis9, .axis10, .axis11, .axis12{
	z-index:1;
} 

/*
1行ごとに異なる色を指定して見やすくする
全体としては横長だが、表示されているエリアの横幅は広すぎないので色を設定しない。
*/
/*
.tbody_data:nth-child(odd){
	background-color: #b0c4de;
}

.tbody_data:nth-child(even){
	background-color: #fafad2;
}
*/


/*ソート用の矢印を表示する*/
/*axis0, 1, 7, 8, 9, 10*/
#thead > tr> .axis0 > .asc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-bottom-color:#aaa;
	margin-top: -9px;
	margin-left:5px;
}

#thead > tr> .axis0> .desc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-top-color:#aaa;
	margin-top:13px;
	text-align:right;
	margin-left:5px;
}



#thead > tr> .axis1 > .asc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-bottom-color:#aaa;
	margin-top: -9px;
	margin-left:5px;
}

#thead > tr> .axis1> .desc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-top-color:#aaa;
	margin-top:13px;
	text-align:right;
	margin-left:5px;
}



#thead > tr> .axis2 > .asc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-bottom-color:#aaa;
	margin-top: -9px;
	margin-left:5px;
}

#thead > tr> .axis2> .desc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-top-color:#aaa;
	margin-top:13px;
	text-align:right;
	margin-left:5px;
}






#thead > tr> .axis7 > .asc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-bottom-color:#aaa;
	margin-top: -9px;
	margin-left:5px;
}

#thead > tr> .axis7> .desc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-top-color:#aaa;
	margin-top:13px;
	text-align:right;
	margin-left:5px;
}



#thead > tr> .axis8 > .asc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-bottom-color:#aaa;
	margin-top: -9px;
	margin-left:5px;
}

#thead > tr> .axis8> .desc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-top-color:#aaa;
	margin-top:13px;
	text-align:right;
	margin-left:5px;
}



#thead > tr> .axis9 > .asc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-bottom-color:#aaa;
	margin-top: -9px;
	margin-left:5px;
}

#thead > tr> .axis9> .desc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-top-color:#aaa;
	margin-top:13px;
	text-align:right;
	margin-left:5px;
}



#thead > tr> .axis10 > .asc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-bottom-color:#aaa;
	margin-top: -9px;
	margin-left:5px;
}

#thead > tr> .axis10> .desc{
	content:"";
	height:20px;
	width:20px;
	position:absolute;
	border:10px solid transparent;
	right 2px;
	cursor: pointer;
	border-top-color:#aaa;
	margin-top:13px;
	text-align:right;
	margin-left:5px;
}
.db_list{
	border: 2px solid #D8D8D8;
	padding: 20px;
}
.db_list ul{
	margin-top:0;
	margin-bottom: 0;
}
.db_list li{
	margin-bottom: 0;
}
.db_list p{
	margin-bottom: 0;
}