/*4桁行の上の罫線*/
#scrollData>tr>td.td-css1{
  padding:3px;
 }

/* #scrollDataはhtmlに存在しない */
#dataflame {
    overflow: auto;
    
    /* 輸出のみ追加 */
    /* display: inline-block; */
}

#datatable {
    table-layout: fixed;
    font-size: 9.0pt;
    
    border-spacing: 0;
    width: 0;
    border-bottom: 1px solid #999;
}

/* タイトル2行(tr) */
#datatable tr:nth-child(-n+2) {
    height: 56px; /* 輸出と輸入で変わる */
}

/* タイトル部分(th) */
#datatable th {
    -moz-box-sizing: border-box; /* Mozilla Firefoxで有効 */
    mso-number-format: '\@';     /* Microsoft Office製品で有効 */
    
    box-sizing: border-box;
    font-size: 9.0pt;
    background-color: #333399;
    color: #ffffff;
}

/* データ部分(td) */
#datatable td {
    -moz-box-sizing: border-box; /* Mozilla Firefoxで有効 */
    mso-number-format: '\@';     /* Microsoft Office製品で有効 */
    
    border-top: 1px solid #999;
    border-right: 1px solid #999;
}

/* 4桁行の太さ */
#datatable td.tdf {
    border-top-width: 2px;
    mso-number-format: '\@';     /* Microsoft Office製品で有効 */
}

/* タイトル1行目(th) */
#datatable tr:nth-child(1) th {
    border-right: 1px solid #999;
    position: sticky;
    top: 0px;
}

/* 他法令タイトルセル */
#datatable tr:nth-child(1) th:last-child {
    padding-left:5px;
    padding-right:15px;
}

/* タイトル2行目(th) */
#datatable tr:nth-child(2) th {
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    position: sticky;
    top: 57px; /* JSでの調整対象 */
}

/* データ部全体(tr) */
#datatable tr:not(nth-child(-n+2)) {
    color: #000000;
}

/* データ部偶数行、奇数行(td) */
[name="even"] td {
    background-color: #dcdcdc;
    color: #000000;
}
[name="odd"]  td {
    background-color: #ffffff;
    color: #000000;
}

/* タイトル部左端2列(th) */
#datatable tr th:nth-child(-n+2)
{
    z-index: 4;
}

/* タイトル部左端2列以外(th) */
#datatable tr th:not(nth-child(-n+2))
{
    z-index: 3;
}

/* データ部左端3列(td) */
#datatable tr td:nth-child(-n+3)
{
    z-index: 2;
}

/* データ部左端3列以外(td) */
#datatable tr th:not(nth-child(-n+3))
{
    z-index: 1;
}


/* 左端1列目(th,td) */
#datatable tr th:nth-child(1),
#datatable tr td:nth-child(1)
{
    position: sticky;
    left:   0px;
}

/* 左端2列目(th,td) */
#datatable tr:nth-child(2) th:nth-child(2),
#datatable tr              td:nth-child(2)
{
    position: sticky;
    left:   61px; /* JSでの調整対象 */
}

/* 左端3列目(th,td) */
#datatable tr:nth-child(1) th:nth-child(2),
#datatable tr              td:nth-child(3)
{
    border-right: 2px solid #999;
    position: sticky;
    left:   122px; /* JSでの調整対象 */
}


/* 注釈部分 */
#annotation {
    font-size: 9.0pt;
}