* {
    margin:0; padding:0; line-height:1.5;
    /* color:#333333; */
}
h1 {
    padding:20px 0px 0px 30px;
    font-family:Arial, Helvetica, sans-serif;
}
h1 a {text-decoration:none;}
h2 {
    font-size:100%; margin-bottom:10px; padding-left:25px;
    font-size:170%; border-bottom:solid 1px #cccccc;
}
h3 {font-size:150%}
p {font-size:100%; margin:10px 0px 10px 10px; text-indent:10px;}
hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;}

ul {margin-top:0px; margin-bottom:0px;}

/* jquery-ui */
.ui-dialog-titlebar{
    background:green;
    color: #FFF;
}
/* bxslider */
.bx-wrapper {
    margin: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
  }
  .bx-viewport{
    text-align: center;
  }

  .bxslider img{
    width: 100% !important;
    height: auto !important;
  }

  img:not(.notfixedimg) {
    width:320px;
    height:240px;
  }

img.notfixedimg{
    margin : 0 auto;
}

.card-header{
    font-size: 14px;
}

/* 左メニュー */
.lmenuitem{
    font-size:14pt;
    color:darkslategray;
    font-weight: bold;

}


/* テーブル関連 */
td,th{
    table-layout:fixed;
}

/* 橋梁選択テーブル */
.tableSelect{
    overflow-y:scroll;
    height:550px;
}
.tableSelect thead th{
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
  /* センタリング */
  text-align: center;
  border-top: 0;
}

/* 諸元関連テーブル */
.tableSpec{
    overflow-y:scroll;
    height:250px;
}
.tableSpec thead th{
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border-top: 0px;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
  /* センタリング */
  text-align: center;
  vertical-align: middle;
}
.tableSpec td{
    /* センタリング */
    vertical-align: middle;
  }


/* 詳細調査テーブル */
.tableDetail{
    overflow-y:scroll;
    height:300px;
}
.tableDetail thead th{
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
  /* センタリング */
  text-align: center;
  vertical-align: middle;
  border-top: 0;
}
.tableDetail td{
    /* センタリング */
    vertical-align: middle;
  }

/* ダイアログ用テーブル */
.tableDialog{
    height:100px;
    border: 1px rgb(58, 195, 219) solid;
}



/* ---ＴＫＳＭテーブル */
/* 点検結果テーブル */
thead.inspectHead,tbody.inspectBody{
    display:block;
    font-size: 14px;
}
tbody.inspectBody{
    overflow-y:scroll;
    height:170px;
}

/* 前回点検結果テーブル */
thead.lasttimeHead,tbody.lasttimeBody{
    display:block;
    font-size: 14px;
}
tbody.lasttimeBody{
    overflow-y:scroll;
    height:170px;
}

/* 損傷抽出テーブル */
thead.damageHead,tbody.damageBody{
    display:block;
    font-size: 14px;
}
tbody.damageBody{
    overflow-y:scroll;
    height:150px;
}

/* 調査状況テーブル */
thead.researchHead,tbody.researchBody{
    display:block;
    font-size: 14px;
}
tbody.researchBody{
    overflow-y:scroll;
    height:250px;
}


/* 項目別だと数多すぎ 幅でクラス作る*/
.w5{
    width: 50px;
    min-width: 50px;
}
.w5c{
    width: 50px;
    min-width: 50px;
    text-align: center;
}
.w5shindan{
    width: 5px;
    min-width: 5px;
    text-align: center;
    padding:0.1rem !important;
}
.w10{
    width: 100px;
    min-width: 100px;
}
.w10c{
    width: 100px;
    min-width: 100px;
    text-align: center;
}
.w10c_tekkin{
    width: 66.6px;
    min-width: 66.6px;
    text-align: center;
}
.w15{
    width: 150px;
    min-width: 150px;
}
.w15c{
    width: 150px;
    min-width: 150px;
    text-align: center;
}
.w20{
    width: 200px;
    min-width: 200px;
}
.w20c{
    width: 200px;
    min-width: 200px;
    text-align: center;
}
.w25{
    width: 250px;
    min-width: 250px;
}
.w25c{
    width: 250px;
    min-width: 250px;
    text-align: center;
}
.w25shindan{
    width: 200px;
    min-width: 200px;
    text-align: left;
}
.w30{
    width: 300px;
    min-width: 300px;
}
.w30c{
    width: 300px;
    min-width: 300px;
    text-align: center;
}
.w30shindan_content{
    width: 380px;
    min-width: 380px;
    text-align: left;
    line-height: 2.0;
}

.w30shindan{
    width: 300px;
    min-width: 300px;
    text-align: left;
    line-height: 2.0;
}

.vertical_line{
    border: 1px solid #dee2e6;
}

.w40{
    width: 400px;
    min-width: 400px;
}
.w40c{
    width: 400px;
    min-width: 400px;
    text-align: center;
}
.w50{
    width: 500px;
    min-width: 500px;
}
.w50c{
    width: 500px;
    min-width: 500px;
    text-align: center;
}
.w70{
    width: 700px;
    min-width: 700px;
}
.w70c{
    width: 700px;
    min-width: 700px;
    text-align: center;
}
.w80{
    width: 800px;
    min-width: 800px;
}
.w80c{
    width: 800px;
    min-width: 800px;
    text-align: center;
}
.w100{
    width: 1000px;
    min-width: 1000px;
}
.w120{
    width: 1200px;
    min-width: 1200px;
}
.wa{
    width: auto;
    min-width: 30px;
}
.wac{
    width: auto;
    min-width: 30px;
    text-align: center;
}


/* テーブル明細行の幅は下記でまとめて設定（テーブル別に分ければよかったかも） */
.diagnosis{
    width: 100px;
}
.no{
    width: 250px;
}
.name{
    width: 300px;
}
.route{
    width: 250px;
}
.complation{
    width: 170px;
}
.length{
    width: 170px;
}
.construction{
    width: 350px;
}
.detailNo{
    width: 50px;
}
.detailData{
    width: 300px;
}
.detailValue{
    width: 200px;
}
.damageNo{
    width: 50px;
}
.damageDoubt{
    width: 400px;
}
.damageDoubtDetail{
    width: 350px;
}
.damageFlag{
    width: 50px;
}
.damageReason{
    width: 400px;
}
.researchNo{
    width: 50px;
}
.researchItem{
    width: 510px;
}
.researchMethod{
    width: 510px;
}
.researchResult{
    width: 510px;
}



/* 基礎データの見出し */
.specHeader{
    padding: .5em .75em;
    background-color: #0b07e7;
    box-shadow: 0 2px 6px rgb(25, 3, 77);
    font-size: 15pt;
    color: #ffffff;
    text-align: center;
}

/* 診断結果の見出し */
.sdnHeader{
    padding: .5em .75em;
    background-color: #eb4f12;
    box-shadow: 0 2px 6px rgb(25, 3, 77);
    font-size: 16pt;
    color: #ffffff;
    text-align: center;
}

/*（９）診断結果の表示領域 */
.sdnArea{
    padding: .5em .75em;
    box-shadow: 0 2px 6px rgb(25, 3, 77);
    font-size: 12pt;
    color: #000;
    text-align: left;
}
.sdnAreah{
    padding: .5em .75em;
    font-size: 15pt;
    color: #000;
    text-decoration: underline;
    text-align: left;
}
.sdnArea ul{
    padding-left: 30px;
}

/* 緊急対策必要性の写真 */
.zoomer_wrapper {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 200px;
    margin: 10px 0;
    overflow: hidden;
    width: 100%;
  }

    /* 確定ボタン */
    .btn-pushme {
        display: inline-block;
        position: relative;
        padding: 0.5em 1.4em;
        text-decoration: none;
        background: #668ad8;/*ボタン色*/
        color: #FFF;
        font-size: 20pt;
        font-weight: bold;
        border-bottom: solid 5px #36528c;/*ボタン色より暗めに*/
        border-right: solid 5px #5375bd;/*ボタン色より暗めに*/
      }

  .btn-pushme:before {
    content: " ";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 0;
    height: 0;
    border-width: 0 6px 6px 0px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #FFF;
  }

  .btn-pushme:after {
    content: " ";
    position: absolute;
    top: -1px;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 0px 6px 6px 0px;
    border-style: solid;
    border-color: #FFF;
    border-bottom-color: transparent;
  }

  .btn-pushme:active {
    /*ボタンを押したとき*/
    border:none;
    -webkit-transform: translate(6px,6px);
    transform: translate(6px,6px);
  }

  .btn-pushme:active:after, .btn-pushme:active:before {
    content: none;/*ボタンを押すと線が消える*/
  }

    /* 確定ボタン */
    .btn-pushme-span {
        display: inline-block;
        position: relative;
        padding: 0.5em 1.4em;
        text-decoration: none;
        background: #668ad8;/*ボタン色*/
        color: #FFF;
        font-size: 20pt;
        font-weight: bold;
        border-bottom: solid 5px #36528c;/*ボタン色より暗めに*/
        border-top: transparent;
        border-right: solid 5px #5375bd;/*ボタン色より暗めに*/
        border-left: transparent;
    }

  .btn-pushme-span:before {
        content: " ";
        position: absolute;
        bottom: -5px;
        left: -1px;
        width: 0;
        height: 0;
        border-width: 0 6px 6px 0px;
        border-style: solid;
        border-color: transparent;
        border-bottom-color: #FFF;
  }

  .btn-pushme-span:after {
        content: " ";
        position: absolute;
        top: -1px;
        right: -5px;
        width: 0;
        height: 0;
        border-width: 0px 6px 6px 0px;
        border-style: solid;
        border-color: #FFF;
        border-bottom-color: transparent;
  }

  .btn-pushme-span:active {
        /*ボタンを押したとき*/
        border: none;
        outline:none;
        -webkit-transform: translate(6px,6px);
        transform: translate(6px,6px);
  }

    .btn-pushme-span:focus {
        outline: 0 !important;
    }

  .btn-pushme-span:active:after, .btn-pushme-span:active:before {
        content: none;/*ボタンを押すと線が消える*/
  }

    /* 確定ボタン */
    .btn-pushme-span:disabled {
        display: inline-block;
        position: relative;
        padding: 0.5em 1.4em;
        text-decoration: none;
        background: #6c757d;/*ボタン色*/
        color: #FFF;
        font-size: 20pt;
        font-weight: bold;
        border-bottom: solid 5px #696969;/*ボタン色より暗めに*/
        border-top: transparent;
        border-right: solid 5px #696969;/*ボタン色より暗めに*/
        border-left: transparent;
    }

  /* divのセンタリング */
  .divcenter{
    display: flex;
    align-items:center;
    justify-content: center;
  }

/* 写真表示領域 */
.photocard1{
    min-width:400px;
    width: 500px;
}
.mdlarea{
    display: flex;
    /* display: inline-block; */
    /* vertical-align: middle; */
    align-items:center;
    justify-content: center;
}
.prevnext{
    color: #312a2a;
    font-size: 24pt;
    font-weight: bold;
}

.prevphoto, .nextphoto{
    color: #312a2a;
    font-size: 24pt;
    font-weight: bold;
}

/* 文字色を変えるためにid直指定 */
a#btn_newstart, a#btn_restart, a#btn_interpolation, a#btn_restart_mg, a#btn_restart_cg, a#btn_restart_bh, a#btn_restart_ap, a#btn_restart_ej, a#btn_restart_sg, a#btn_restart_tg, a#btn_restart_bx,
a#btn_record, a#btn_record_mg, a#btn_record_cg, a#btn_record_bh, a#btn_record_ap, a#btn_record_ej, a#btn_record_sg, a#btn_record_tg, a#btn_record_bx
{
    color: #ffffff;
}

a#btn_commit, a#btn_commit_2, a#btn_commit_3, a#btn_commit_4, a#btn_commit_5, a#btn_commit_6, a#btn_commit_7, a#btn_commit_8, a#btn_commit_9, a#btn_commit_10,

/* Updated 2021/11/15 */
a#btn_commit_bh, a#btn_commit_mg, a#btn_commit_cg, a#btn_commit_ap, a#btn_commit_ej, a#btn_commit_sg, a#btn_commit_tg, a#btn_commit_bx,

a#btn_commit_mg_1,a#btn_commit_mg_2,a#btn_commit_mg_3,
a#btn_commit_mg_11,
a#btn_commit_mg_21,
a#btn_commit_mg_31,a#btn_commit_mg_32,a#btn_commit_mg_33,a#btn_commit_mg_34,
a#btn_commit_mg_41,a#btn_commit_mg_42,
a#btn_commit_mg_51,

a#btn_commit_bh_1,
a#btn_commit_bh_11,a#btn_commit_bh_12,a#btn_commit_bh_13,
a#btn_commit_bh_21,a#btn_commit_bh_31,a#btn_commit_bh_41,a#btn_commit_bh_51,a#btn_commit_bh_61,a#btn_commit_bh_71,

a#btn_commit_ap_1,a#btn_commit_ap_2,a#btn_commit_ap_3,
a#btn_commit_ap_11,a#btn_commit_ap_12,a#btn_commit_ap_13,
a#btn_commit_ap_21,

a#btn_commit_ej_1,a#btn_commit_ej_2,a#btn_commit_ej_3,
a#btn_commit_ej_4,a#btn_commit_ej_5,a#btn_commit_ej_6,
a#btn_commit_ej_31,a#btn_commit_ej_32,a#btn_commit_ej_33,
a#btn_commit_ej_34,a#btn_commit_ej_35,a#btn_commit_ej_36,

a#btn_commit_sg_1,a#btn_commit_sg_2,a#btn_commit_sg_3,a#btn_commit_sg_4,a#btn_commit_sg_5,a#btn_commit_sg_6,a#btn_commit_sg_7,a#btn_commit_sg_8,
a#btn_commit_sg_11,a#btn_commit_sg_12,a#btn_commit_sg_13,a#btn_commit_sg_14,a#btn_commit_sg_15,a#btn_commit_sg_16,a#btn_commit_sg_17,a#btn_commit_sg_18,
a#btn_commit_sg_21,

a#btn_commit_tg_1,a#btn_commit_tg_2,a#btn_commit_tg_3,a#btn_commit_tg_4,
a#btn_commit_tg_11,a#btn_commit_tg_12,

a#btn_commit_cg_1,a#btn_commit_cg_2,a#btn_commit_cg_3,a#btn_commit_cg_11,a#btn_commit_cg_21,a#btn_commit_cg_22,a#btn_commit_cg_23,

a#btn_commit_bx_1,a#btn_commit_bx_2,a#btn_commit_bx_3,

a#btn_record

{
    color: #ffffff;
    font-size: 20pt;
    font-weight: bold;
}

/* nowloading */
#loading {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
  }

  #loading .loadingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 210px;
    background: url("../images/nowloading.gif") center center no-repeat;
  }

.nav-tabs .nav-link.disabled{
    background-color: #D3D3D3;
    margin: 2px;
}
​
.nav-tabs .nav-link.active{
    font-weight: bold;
    color: #000000;
    margin: 2px;
}
.nav-tabs .nav-link{
    border-color: #dee2e6 #dee2e6 #fff;
    margin: 2px;
}

/* 読み込まれない */
.line{
    border-top: 1px solid black;
    width: 200px;
  }