/* 画面ローディング中の設定 */
/*#loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #e0ffff;
    z-index: 1;
}*/

/*#loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #4682b4;
    z-index: 2;
}*/

#container {
    display: none;
}





/* クリアするための×ボタン非表示 */
::-ms-clear {
    display: none;
}
/*テキストボックスの設定*/
input[type="text"] {
    font-weight: bold;
    font-size: 14px;
    font-family: 'MS Gothic';
    /* border-width: 0.5px;
    border-style: solid;*/
}

/* readonly時に色変 */
input[type=text][readonly] {
    /*background-color: #d0d0d0;*/
    background-color: #959da3;
    table-layout: fixed;
}

/* フォーカス時に色変 */
input[type="text"]:focus {
    /*background-color: #ffff99;*/ /*黄色から変更*/
    background-color: #FFD3A3 !important;
}

/*ボタンの設定*/
input[type="submit"] {
    font-weight: bold;
    font-size: 16px;
    font-family: 'MS Gothic';
    border-width: 1px;
}

/*ドロップダウンリスト内の設定*/
select {
    font-weight: bold;
    font-size: 14px;
    font-family: 'MS Gothic';
    border-width: 1px;
    border-style: solid;
    margin: 0px;
    padding: 0px;
}







/*必須項目(class="require")の後ろに紅い「*」をつけます。*/
/*.require::after {
    color: red;
    content: "*";
}

/*テーブルの必須項目ではない見出し(th)の後ろに7pxの空白を設けます。(必須項目とのレイアウト調整のため。)*/
/*th:not(.require)::after {
    content: '';
    padding-right: 7px;
}*/


/*テーブル設定*/
table {
    border-spacing: 0;
    font-weight: normal;
}


    /*見出しセルを右寄せします。*/
    table th {
        text-align: right;
    }

/*明細の見出しセルを中央寄せします。*/
#TBL見出し th {
    text-align: center;
}

/*明細の見出しセルを中央寄せします。*/
#TBL見出し2 th {
    text-align: center;
}

/*テーブルの見出し行の文字を中央寄せします。*/
table .index {
    text-align: center;
}

/*テーブルに境界線を引きたいときは、classにTBLborderを指定*/
.TBLborder {
    border-width: 1px;
    /*border-style: solid;*/
    /*border-collapse: collapse;*/
    border-collapse: separate; /*テーブル同士の幅を1pxずつ修正*/
    border-spacing: 1px 1px;
}
    /*th,td要素にも格子状に罫線を引きます*/
    .TBLborder th, .TBLborder td {
        border-width: 1px;
        border-style: solid;
        border-collapse: collapse;
    }

        /*テキストボックスの枠線を消します
    .TBLborder input[type="text"] {
        border-style: none;
        width: 100%;
    }*/

        .TBLborder td input[id^="TXT"] {
            background-color: white;
        }

    /*最初のtr行をセンタリング*/
    /*.TBLborder tr:first-child {
        text-align: center;
    }*/

    /*最初の行以外もセンタリングしたい場合はtrタグにクラスindexを追加してください*/
    .TBLborder tr .index {
        text-align: center;
    }




/* 画面全体の設定 */
.CSSform {
    width: 1920px;
    height: 940px;
    /*background-color: #E0FCFF;*/
    /*background-color: #bfe4ff;*/
    background-image: url("/construction/images/背景画像.png");
    /*background-image: url("/images/背景画像.png");*/
    background-size: 1920px 940px;
    color: #253C60;
    /*color: #005aff;*/
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'MS Gothic';
}

/*ヘッダーの設定1530px*/
.CSShead {
    position: relative;
    width:;
    height: 30px;
    border-width: 1px;
    float: none;
    margin: 0;
    padding: 0;
    /*padding-bottom: 2px;*/
    font-size: 16px;
    background-color: #004391; /*背景色(確認用)*/
    color: white;
}

/*ヘッダー中央    機能名*/
.CSShead_TITLE {
    height: 30px;
    position: absolute; /*ヘッダーと重ねる*/
    padding-top: 5px;
    width: 98%;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    /*line-height: 0px;*/ /*行間の設定*/
}

/*ヘッダー左側    会社名・利用者名等*/
.CSShead_LEFT {
    position: absolute; /*ヘッダーと重ねる*/
    padding-top: 0px;
    padding-left: 10px;
    width: 98%;
    height: 30px;
    text-align: left;
    font-size: 28px;
    vertical-align: top;
    display: flex;
    align-items: center;
    /* background-color:green;*/
}



/*ヘッダー右側    ヘルプ等*/
.CSShead_RIGHT {
    position: absolute; /*ヘッダーと重ねる*/
    padding-top: 7px;
    padding-right: 10px;
    height: 30px;
    width: 98%;
    text-align: right;
    font-size: 13px;
    vertical-align: top;
}

/*ヘッダー    リンク*/
.CSShead_LINK {
    color: white;
}


/*スクロールバーを画面端にする設定です。*/
.CSSscrollbar {
    width: 100%;
    max-width: 1920px;
    height: 880px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
}



/*スクロールバーを画面端にする設定です。*/
.CSSscrollbarv {
    width: 100%;
    max-width: 1920px;
    height: 840px;
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
}


/* コンテンツ部分の設定 */
.CSScontent {
    /*各ページのcssにコンテンツ部分のwidth(幅)を書いてください。*/
    max-width: 1900px;
    height: 940px;
    padding-top: 10px;
    font-family: 'MS Gothic';
    margin-right: auto;
    margin-left: auto;
}


/*ファンクションボタンをヘッダーの下に配置*/
.CSSfunctions {
    position: relative;
    width:;
    height: 30px;
    border-width: 1px;
    float: none;
    margin: 0;
    padding: 0;
    /*padding-bottom: 2px;*/
    font-size: 16px;
    background-color: #64a7f5; /*背景色(確認用)*/
    color: white;
}


/*フッター*/
.CSSfooter {
    text-align: center;
    width: 1900px;
    height: 0px;
    /*background-color:red;*/ /*調整用の色*
    /*margin: 0;*/
    /*padding: 0;*/
}

/*フッター左側    終了・キャンセル・PDF出力*/
.CSSfooter_LEFT {
    /*position: absolute;*/ /*フッターと重ねる*/
    padding-top: 2px; /*下へ元は2*/
    padding-left: 10px;
    height: 30px;
    width: 1900px; /*20250630変更前は600*/
    /*  width: 1252px;*/
    text-align: left;
    font-size: 16px;
    vertical-align: top;
    /*background-color:blue;*/ /*調整用の色*/
}

/*フッター右側    ＤＢ更新・画面遷移等*/
.CSSfooter_RIGHT {
    /*  position: absolute; /*フッターと重ねる*/
    padding-top: 2px; /*下へ*/
    padding-right: 10px;
    height: 30px;
    width: 1900px;
    /*  width: 1252px;*/
    text-align: right;
    font-size: 16px;
    vertical-align: top;
    /*background-color:green;*/ /*調整用の色*/
}

/*ファンクションテーブル*/
.CSSTBLファンクション {
    width: inherit;
    height: 35px;
    margin: 0;
    padding: 0;
    /*background-color:yellow;*/ /*調整用の色*/
}

    .CSSTBLファンクション td {
        border-style: hidden;
        /*background-color: #ABD4FB;*/
    }

/*ファンクションボタン*/
.CSSBTNファンクション {
    width: 110px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    background-color: royalblue;
    color: white;
    font-size: 18px;
}

/* 2025/11/27 駒崎　追加 */
.CSSBTNファンクション:hover, .CSSBTNファンクション:focus {
    /*width: 110px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    */
    background-color: white;
    color: royalblue;
    
}

/*2024/03/07 林 追加(課題No.685)*/

.CSSBTNファンクション_2 {
    width: 120px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    background-color: royalblue;
    color: white;
    font-size: 18px;
}

/*2024/03/07 林 追加(課題No.685) ここまで*/

.CSSBTNファンクション_空白 {
    width: 110px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    color: transparent;
    font-size: 18px;
    border: none;
    pointer-events: none;
}


/*コピーライト*/
.CSSコピーライト {
    vertical-align: middle;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    width: inherit;
    background-color: dodgerblue;
    height: 25px;
    display: table-cell;
    margin-top: 0px;
    padding: 0;
    /*background-color:pink;*/ /*調整用の色*/
}

/*.CSSコピーライト #LabelNowLoading{
    height: 25px;
    vertical-align: middle;
    color:black;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    padding-bottom:10px;
}*/

/*.CSSfooter_Loading {
    position: absolute; 
    margin: 0px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
    top: 640px;
}*/
/*メッセージ用*/
.CSSTXTMSG {
    background-color: transparent;
    border-style: solid;
    color: transparent;
    width: 0px;
    display: none;
    margin: 0;
}

/*隠し項目*/
.CSS隠し項目 {
    position: absolute;
    background-color: transparent;
    color: transparent;
    width: 0px;
    display: none;
    margin: 0;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 100px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #000000;
    font-family: MS Gothic;
    font-weight: bold;
    background: #ffffff;
    border-radius: 15px; /* 丸角 */
}


/*input:required:empty {
  background: #FFE6F0 !important; 赤
  background: #FFF4D0 !important; 黄
} */

/*必須項目のテキストボックスの色変更*/
input:required {
    /*background: #FFE6F0 !important;*/ /*赤*/
    background: #FFF4D0 !important; /*黄*/
}

    /*必須項目フォーカス時色変更*/
    input:required:focus {
        background: white;
    }




/*Loading {
    color: black;
    font-weight: bold;
    height: 20px;
    position: absolute; /*ヘッダーと重ねる*/
/*margin: 0px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
    top: 100px;
}*/


/*項目名検索ボタン*/
.CSSbtnitem {
    font-size: 16px;
    width: 113px;
    text-align: center;
    background-color: #85EEFF;
    color: #253C60;
    border-radius: 5px;
}

    /*項目名検索ボタンにカーソルを合わせたときの挙動と色*/
    .CSSbtnitem:hover, .CSSbtnitem:focus {
        background: #00bcd4;
        color: white;
    }

/*ヘルプボタン*/
.CSSbtnhelp {
    font-size: 12px !important;
    width: 50px;
    height: 16px;
    text-align: center;
    background-color: #FFF100; /*黄色*/
    color: #000eff; /*紺*/
    border-radius: 5px;
    padding: 0.1em;
}
/*ログアウトボタン*/
.CSSbtnlogout {
    font-size: 12px !important;
    width: 68px;
    height: 16px;
    text-align: center;
    background-color: red; /*赤*/
    color: white; /*白*/
    border-radius: 5px;
    padding: 0.1em;
}
/*カーソルの変更*/
.cursor {
    cursor: pointer;
}

    .cursor input[id^="CHK"] {
        cursor: pointer;
    }

/*項目名以外のボタン*/
.CSSbtnother {
    /*font-size:16px;*/
    width: 80px;
    text-align: center;
    background-color: #4169E1; /*#bfe4ff;*/
    color: white;
    border-radius: 5px
}

.CSSbtnother:hover, .CSSbtnother:focus {
    background-color: white;
    color: #4169E1;
}

/*ボタン中央揃え*/
.button_center {
    text-align: center;
}

/*項目名検索ボタン(名前が長い場合用)*/
.CSSbtnitemo {
    font-size: 16px;
    width: 130px;
    text-align: center;
    background-color: #85EEFF;
    color: #253C60;
    border-radius: 5px;
}

    /*項目名検索ボタンにカーソルを合わせたときの挙動と色*/
    .CSSbtnitemo:hover {
        background: #00bcd4;
        color: white;
    }

/*項目名検索ボタン(名前が長い場合用)*/
.CSSbtnitemb {
    font-size: 16px;
    width: 140px;
    text-align: center;
    background-color: #85EEFF;
    color: #253C60;
    border-radius: 5px;
}

    /*項目名検索ボタンにカーソルを合わせたときの挙動と色*/
    .CSSbtnitemb:hover {
        background: #00bcd4;
        color: white;
    }

.CSSlblkoumoku_sqr {
    border-style: ridge;
    font-size: 16px;
    text-align: center;
    background-color: #bfe4ff;
    padding: 0.1em;
}


.CSSLinkBTN {
    font-size: 12px !important;
    width: 70px;
    height: 20px;
    text-align: center;
    background-color: red; /*赤*/
    color: white; /*白*/
    border-radius: 3px;
    padding: 0.2em;
    text-decoration: none;
}

    /*項目名検索ボタンにカーソルを合わせたときの挙動と色*/
    .CSSLinkBTN:hover {
        background: #00bcd4;
        color: white;
    }

.CSSLinkBTNh {
    font-size: 12px !important;
    width: 70px;
    height: 20px;
    text-align: center;
    background-color: #FFF100; /*黄色*/
    color: #000eff; /*紺*/
    border-radius: 3px;
    padding: 0.2em;
    text-decoration: none;
}

    /*項目名検索ボタンにカーソルを合わせたときの挙動と色*/
    .CSSLinkBTNh:hover {
        background: #00bcd4;
        color: white;
    }

/* ドロップダウンリスト選択時の色　.CSSddlcolor */
select:focus {
    background-color: #FFD3A3;
}

.CSSzen {
    ime-mode: active
}

.CSShan {
    ime-mode: inactive
}

.CSSnumber {
    type =number
}

/* 1*16+2 */
.CSSzen1 {
    width: 18px;
}

.CSSzen2 {
    width: 34px;
}

.CSSzen3 {
    width: 50px;
}

.CSSzen4 {
    width: 66px;
}

.CSSzen5 {
    width: 82px;
}

.CSSzen6 {
    width: 98px;
}

.CSSzen7 {
    width: 114px;
}

.CSSzen8 {
    width: 130px;
}

.CSSzen9 {
    width: 146px;
}

.CSSzen10 {
    width: 162px;
}

.CSSzen11 {
    width: 178px;
}

.CSSzen12 {
    width: 194px;
}

.CSSzen13 {
    width: 210px;
}

.CSSzen14 {
    width: 226px;
}

.CSSzen15 {
    width: 242px;
}

.CSSzen16 {
    width: 258px;
}

.CSSzen17 {
    width: 274px;
}

.CSSzen18 {
    width: 290px;
}

.CSSzen19 {
    width: 306px;
}

.CSSzen20 {
    width: 322px;
}

.CSSzen21 {
    width: 338px;
}

.CSSzen22 {
    width: 354px;
}

.CSSzen23 {
    width: 370px;
}

.CSSzen24 {
    width: 386px;
}

.CSSzen25 {
    width: 402px;
}

.CSSzen26 {
    width: 418px;
}

.CSSzen27 {
    width: 434px;
}

.CSSzen28 {
    width: 450px;
}

.CSSzen29 {
    width: 466px;
}

.CSSzen30 {
    width: 482px;
}

.CSSzen31 {
    width: 498px;
}

.CSSzen32 {
    width: 514px;
}

.CSSzen33 {
    width: 530px;
}

.CSSzen34 {
    width: 546px;
}

.CSSzen35 {
    width: 562px;
}

.CSSzen36 {
    width: 578px;
}

.CSSzen37 {
    width: 594px;
}

.CSSzen38 {
    width: 610px;
}

.CSSzen39 {
    width: 626px;
}

.CSSzen40 {
    width: 642px;
}

.CSSzen41 {
    width: 658px;
}

.CSSzen42 {
    width: 674px;
}

.CSSzen43 {
    width: 690px;
}

.CSSzen44 {
    width: 706px;
}

.CSSzen45 {
    width: 722px;
}

.CSSzen46 {
    width: 738px;
}

.CSSzen47 {
    width: 754px;
}

.CSSzen48 {
    width: 770px;
}

.CSSzen49 {
    width: 786px;
}

.CSSzen50 {
    width: 802px;
}

.CSSzen51 {
    width: 818px;
}

.CSSzen52 {
    width: 834px;
}

.CSSzen53 {
    width: 850px;
}

.CSSzen54 {
    width: 866px;
}

.CSSzen55 {
    width: 882px;
}

.CSSzen56 {
    width: 898px;
}

.CSSzen57 {
    width: 914px;
}

.CSSzen58 {
    width: 930px;
}

.CSSzen59 {
    width: 946px;
}

.CSSzen60 {
    width: 962px;
}

.CSShan1 {
    width: 10px;
}

.CSShan2 {
    width: 18px;
}

.CSShan3 {
    width: 26px;
}

.CSShan4 {
    width: 34px;
}

.CSShan5 {
    width: 42px;
}

.CSShan6 {
    width: 50px;
}

.CSShan7 {
    width: 58px;
}

.CSShan8 {
    width: 66px;
}

.CSShan9 {
    width: 74px;
}

.CSShan10 {
    width: 82px;
}

.CSShan11 {
    width: 90px;
}

.CSShan12 {
    width: 98px;
}

.CSShan13 {
    width: 106px;
}

.CSShan14 {
    width: 114px;
}

.CSShan15 {
    width: 122px;
}

.CSShan16 {
    width: 130px;
}

.CSShan17 {
    width: 138px;
}

.CSShan18 {
    width: 146px;
}

.CSShan19 {
    width: 154px;
}

.CSShan20 {
    width: 162px;
}

.CSShan21 {
    width: 170px;
}

.CSShan22 {
    width: 178px;
}

.CSShan23 {
    width: 186px;
}

.CSShan24 {
    width: 194px;
}

.CSShan25 {
    width: 202px;
}

.CSShan26 {
    width: 210px;
}

.CSShan27 {
    width: 218px;
}

.CSShan28 {
    width: 226px;
}

.CSShan29 {
    width: 234px;
}

.CSShan30 {
    width: 242px;
}

.CSShan31 {
    width: 250px;
}

.CSShan32 {
    width: 258px;
}

.CSShan33 {
    width: 266px;
}

.CSShan34 {
    width: 274px;
}

.CSShan35 {
    width: 282px;
}

.CSShan36 {
    width: 290px;
}

.CSShan37 {
    width: 298px;
}

.CSShan38 {
    width: 306px;
}

.CSShan39 {
    width: 314px;
}

.CSShan40 {
    width: 322px;
}

.CSShan41 {
    width: 330px;
}

.CSShan42 {
    width: 338px;
}

.CSShan43 {
    width: 346px;
}

.CSShan44 {
    width: 354px;
}

.CSShan45 {
    width: 362px;
}

.CSShan46 {
    width: 370px;
}

.CSShan47 {
    width: 378px;
}

.CSShan48 {
    width: 386px;
}

.CSShan49 {
    width: 394px;
}

.CSShan50 {
    width: 402px;
}

.CSShan51 {
    width: 410px;
}

.CSShan52 {
    width: 418px;
}

.CSShan53 {
    width: 426px;
}

.CSShan54 {
    width: 434px;
}

.CSShan55 {
    width: 442px;
}

.CSShan56 {
    width: 450px;
}

.CSShan57 {
    width: 458px;
}

.CSShan58 {
    width: 466px;
}

.CSShan59 {
    width: 474px;
}

.CSShan60 {
    width: 482px;
}

/*ADD SESカスタマイズ*/
.CSSstatus {
    font-size: 14px !important;
    font-weight: bold;
    width: auto;
    /*background-color: #4169e1;*/
    color: #e3e8ee;
    border-radius: 3px;
    padding: 0.2em;
    text-decoration: none;
    text-align: center;
    margin-left: 15px;
    margin-top: 10px;
}

/*非表示列*/
.CSSHIDCOL {
    display: none;
}


/* ツールチップ用スタイル */
.balloonoya {
    position: relative; /* 指定した分だけ相対的に移動 */
}

    .balloonoya:hover .balloon {
        display: inline; /* インライン要素として表示 */
    }

.balloon {
    position: absolute; /* 親要素を基準 */
    display: none; /* 要素を非表示 */
    padding: 2px; /* テキストの前後の余白 */
    background-color: #64a7f5; /* 背景色 */
    width: 1660px; /* 吹き出し全体の幅 */
    left: 30%; /* 表示位置 */
    top: 100%; /* 表示位置 */
    margin-top: 12px; /* 表示位置 */
    font-size: 80%; /* 文字サイズ */
}

    .balloon:after {
        border-bottom: 12px solid #64a7f5; /* 吹き出し口の高さ・色 */
        border-left: 10px solid transparent; /* 吹き出し口の幅１／２ */
        border-right: 10px solid transparent; /* 吹き出し口の幅１／２ */
        top: -12px; /* 吹き出し口の位置調整 */
        left: 0%; /* 吹き出し口の横位置 */
        content: ""; /* コンテンツの挿入 */
        position: absolute; /* 親要素を基準 */
    }