.error-message {
 position: fixed;
 top: 5%;
 left: 50%;
 transform: translate(-50%, -50%);
 background-color: #ff0000;
 color: #ffffff;
 padding: 5px;
 border-radius: 5px;
}

body {
  background-image: url(../../img/haikei.jpg);
  background-repeat: repeat-x;
}

.memo-cell {
        max-width: 600px; /* メモセルの最大幅を指定 */
        overflow: hidden; /* テキストをはみ出た部分を隠す */
        text-overflow: ellipsis; /* テキストがはみ出た場合に省略記号で表示 */
        white-space: nowrap; /* テキストを折り返さずに1行で表示 */
}

.table-wrapper {
        width: 100%; /* 必要な幅に合わせて調整 */
        height: 700px; /* 表示したい高さを指定 */
        overflow: auto; /* スクロール可能な領域にする */
}

.container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.side-menu {
  top: 0px;
  left: 0px;
  width: 250px;
  height: 100%;
  position: fixed;
  overflow: auto;
  background: #5383c3; /*背景色*/
}

.main-contents {
  margin-left: 250px;
}

ul {
 margin: 0 25px 0 0; /*余白をリセット*/
 padding: 0; /*余白をリセット*/
/* list-style-type: none; *//*マーカーを削除*/
}
ul li {
 list-style:none;
 padding: 10px 20px; /*余白*/
 border-bottom: solid 1px #FFFFFF; /*枠線・下*/
 background: #5383c3; /*背景色*/
 width: fit-content;
 margin: auto;
}

.menu_btn {
/* width: 250px;
 height: 30px;*/
 background-color: #5383c3;
}
.menu_btn:hover {
 background-color: #89c3eb;
}

.confirmation-text {
  white-space: pre-wrap;
  word-break: break-all;
}



/* ========================================*/
/*                メニュー画面             */
/* ========================================*/
.h1 {
position: absolute;
top: 10%;
left: 45%;
}
/* ========================================*/
/*          メニューの請求書入力画面       */
/* ========================================*/
.h2 {
  position: absolute;
  top: 20%;
  left: 35%;
}
/* ========================================*/
/*          メニューの台帳印刷画面         */
/* ========================================*/
.h3 {
  position: absolute;
  top: 20%;
  left: 50%;
}
/* ========================================*/
/*        メニューの支払明細書印刷画面     */
/* ========================================*/
.h4 {
  position: absolute;
  top: 30%;
  left: 50%;
}
/* ========================================*/
/*           メニューのAB集計表印刷画面    */
/* ========================================*/
.h5 {
  position: absolute;
  top: 40%;
  left: 50%;
}

/* ========================================*/
/*           請求画面の請求書入力画面表示  */
/* ========================================*/
.h6 {
  position: absolute;
  top: 10%;
  left: 50%;
}
/* ========================================*/
/*           請求画面の金額table           */
/* ========================================*/
.h7 {
  position: fixed;
  top: 40%;
  left: 20%;
}

/* ========================================*/
/*           請求画面の金額table           */
/* ========================================*/
.h8 {
  position: fixed;
  top: 35%;
  left: 20%;
}


/* ========================================*/
/*            請求画面の住所系table        */
/* ========================================*/
.h14 {
  position: absolute;
  top: 16%;
  left: 60%;
}

/* ========================================*/
/*           請求画面の振込先系table       */
/* ========================================*/
.h17 {
  position: absolute;
  top: 28%;
  left: 60%;
}

/* ========================================*/
/*          請求書画面のメモtable          */
/* ========================================*/
.h18 {
  position: absolute;
  top: 82%;
  left: 20%;
}

/* ========================================*/
/*          請求書画面の支払table          */
/* ========================================*/
.h19 {
  position: absolute;
  top: 81%;
  left: 60%;
}

/* ========================================*/
/*          請求書画面の前回支払額         */
/* ========================================*/
.h20 {
  position: absolute;
  top: 72%;
  left: 20%;
}

/* ========================================*/
/*           請求画面の入力日              */
/* ========================================*/
.h23 {
  position: absolute;
  top: 16%;
  left: 20%;
}
/* ========================================*/
/*            請求画面の会社名表示         */
/* ========================================*/
.h24 {
  position: absolute;
  top: 21%;
  left: 20%;
}
/* ========================================*/
/*           請求画面の工事名表示          */
/* ========================================*/
.h25 {
  position: absolute;
  top: 26%;
  left: 20%;
}
/* ========================================*/
/*            請求画面の工種名             */
/* ========================================*/
.h26 {
  position: absolute;
  top: 31%;
  left: 20%;
}
/* ========================================*/
/*           請求画面の当社使用欄          */
/* ========================================*/
.h27 {
  position: absolute;
  top: 48%;
  left: 60%;
}
/* ========================================*/
/*          請求画面の出来高査定           */
/* ========================================*/
.h28 {
  position: absolute;
  top: 69%;
  left: 60%;
}
/* ========================================*/
/*            請求画面の支払金額           */
/* ========================================*/
.h29 {
  position: absolute;
  top: 73%;
  left: 60%;
}
/* ========================================*/
/*         請求画面の支払累計              */
/* ========================================*/
.h30 {
  position: absolute;
  top: 77%;
  left: 60%;
}
/* ========================================*/
/*       請求画面の安全協力会費            */
/* ========================================*/
.h31 {
  position: absolute;
  top: 81%;
  left: 60%;
}
/* ========================================*/
/*          請求画面の備考                 */
/* ========================================*/
.h32 {
  position: absolute;
  top: 85%;
  left: 60%;
}
/* ========================================*/
/*                  ログイン画面           */
/* ========================================*/
.td_menu_center {
  position: absolute;
  top: 40%;
  left: 40%;
   
}

/* ========================================*/
/*       請求画面の会社名確定ボタン        */
/* ========================================*/
.h33 {
  position: absolute;
  top: 21%;
  left: 56%;
}

/* ========================================*/
/*         請求画面の登録ボタン            */
/* ========================================*/
.h34 {
  position: absolute;
  top: 96%;
  left: 61%;
}

/* ========================================*/
/*      請求画面の工事名称確定ボタン       */
/* ========================================*/
.h35 {
  position: absolute;
  top: 26%;
  left: 56%;
}

/* ========================================*/
/*          元請画面の入力日               */
/* ========================================*/
.h36 {
  position: absolute;
  top: 20%;
  left: 32%;
}
/* ========================================*/
/*        元請画面の元請名                 */
/* ========================================*/
.h37 {
  position: absolute;
  top: 24%;
  left: 32%;
}
/* ========================================*/
/*         元請画面の現場名                */
/* ========================================*/
.h38 {
  position: absolute;
  top: 29%;
  left: 32%;
}
/* ========================================*/
/*         元請画面の請求金額(税込)        */
/* ========================================*/
.h39 {
  position: absolute;
  top: 36%;
  left: 32%;
}
/* ========================================*/
/*           元請画面の請求金額(税抜)      */
/* ========================================*/
.h40 {
  position: absolute;
  top: 40%;
  left: 40%;
}
/* ========================================*/
/*         元請画面の契約金額(税抜)        */
/* ========================================*/
.h41 {
  position: absolute;
  top: 45%;
  left: 40%;
}
/* ========================================*/
/*         元請画面の既受領金額(税抜)      */
/* ========================================*/
.h42 {
  position: absolute;
  top: 50%;
  left: 40%;
}
/* ========================================*/
/*          元請画面の会社経費(税込)       */
/* ========================================*/
.h43 {
  position: absolute;
  top: 55%;
  left: 40%;
}
/* ========================================*/
/*         元請画面の会社経費(税抜)        */
/* ========================================*/
.h44 {
  position: absolute;
  top: 60%;
  left: 40%;
}

/* ========================================*/
/*        元請画面の元請名確定ボタン       */
/* ========================================*/
.h45 {
  position: absolute;
  top: 23%;
  left: 68%;
}

/* ========================================*/
/*          元請画面の登録ボタン           */
/* ========================================*/
.h46 {
  position: absolute;
  top: 75%;
  left: 60%;
}

/* ========================================*/
/*         請求画面の工種名確定ボタン      */
/* ========================================*/
.h47 {
  position: absolute;
  top: 31%;
  left: 56%;
}

/* ========================================*/
/*          請求画面の更新ボタン           */
/* ========================================*/
.h48 {
  position: absolute;
  top: 96%;
  left: 61%;
}

/* ========================================*/
/*          元請画面の現場名確定ボタン     */
/* ========================================*/
.h49 {
  position: absolute;
  top: 28%;
  left: 68%;
}

/* ========================================*/
/*            請求画面の戻るボタン         */
/* ========================================*/
.h50 {
  position: absolute;
  top: 96%;
  left: 81%;
}

/* ========================================*/
/*           元請画面の戻るボタン          */
/* ========================================*/
.h51 {
  position: absolute;
  top: 95%;
  left: 68%;
}

/* ========================================*/
/*           元請画面の更新ボタン          */
/* ========================================*/
.h52 {
  position: absolute;
  top: 95%;
  left: 57%;
}

/* ========================================*/
/*           台帳印刷画面の表示          */
/* ========================================*/
.h53 {
  position: absolute;
  top: 10%;
  left: 46%;
}

/* ========================================*/
/*           台帳印刷画面の現場名          */
/* ========================================*/
.h54 {
  position: absolute;
  top: 20%;
  left: 37%;
}

/* ========================================*/
/*           台帳印刷画面の入力日          */
/* ========================================*/
.h56 {
  position: absolute;
  top: 25%;
  left: 37%;
}

/* ========================================*/
/*           台帳印刷画面の検索ボタン      */
/* ========================================*/
.h57 {
  position: absolute;
  top: 25%;
  left: 60%;
}

/* ========================================*/
/*           台帳印刷画面の当月粗利        */
/* ========================================*/
.h58 {
  position: absolute;
  top: 20%;
  left: 30%;
}

/* ========================================*/
/*           台帳印刷画面の累計粗利        */
/* ========================================*/
.h59 {
  position: absolute;
  top: 35%;
  left: 37%;
}

/* ========================================*/
/*           台帳印刷画面のメモ表示        */
/* ========================================*/
.h60 {
  position: absolute;
  top: 40%;
  left: 37%;
}

/* ========================================*/
/*           台帳印刷画面の印刷範囲        */
/* ========================================*/
.h61 {
  position: absolute;
  top: 45%;
  left: 37%;
}

/* ========================================*/
/*           台帳印刷画面の業者単位        */
/* ========================================*/
.h62 {
  position: absolute;
  top: 50%;
  left: 40%;
}

/* ========================================*/
/*           台帳印刷画面の印刷ボタン      */
/* ========================================*/
.h63 {
  position: absolute;
  top: 45%;
  left: 60%;
}

/* ========================================*/
/*           台帳印刷画面の請求日          */
/* ========================================*/
.h64 {
  position: absolute;
  top: 50%;
  left: 37%;
}

/* ========================================*/
/*           台帳印刷画面の支払日          */
/* ========================================*/
.h65 {
  position: absolute;
  top: 50%;
  left: 48%;
}

/* ========================================*/
/*           台帳印刷画面の一括登録        */
/* ========================================*/
.h66 {
  position: absolute;
  top: 55%;
  left: 47%;
}

/* ========================================*/
/*           台帳印刷画面の戻るボタン      */
/* ========================================*/
.h67 {
  position: absolute;
  top: 55%;
  left: 60%;
}

/* ========================================*/
/*        AB集計表印刷画面の印刷ボタン     */
/* ========================================*/
.h68 {
  position: absolute;
  top: 30%;
  left: 46%;
}

/* ========================================*/
/*        AB集計表印刷画面の戻るボタン     */
/* ========================================*/
.h69 {
  position: absolute;
  top: 30%;
  left: 55%;
}

/* ========================================*/
/*        元請画面元請画面表示             */
/* ========================================*/
.h70 {
  position: absolute;
  top: 10%;
  left: 45%;
}

/* ========================================*/
/*               元請請求画面              */
/* ========================================*/
.h71 {
  position: absolute;
  top: 30%;
  left: 35%;
}

/* ========================================*/
/*     元請請求画面の登録してから入力して  */
/* ========================================*/
.h72 {
  position: absolute;
  top: 15%;
  left: 35%;
}

/* ========================================*/
/*    支払明細書印刷画面のタイトル         */
/* ========================================*/
.h73 {
  position: absolute;
  top: 50%;
  left: 45%;
}

/* ========================================*/
/*     支払明細書印刷画面の年月            */
/* ========================================*/
.h74 {
  position: absolute;
  top: 20%;
  left: 40%;
}

/* ========================================*/
/*      支払明細書印刷画面のメモボタン     */
/* ========================================*/
.h75 {
  position: absolute;
  top: 30%;
  left: 48%;
}

/* ========================================*/
/*     支払明細書印刷画面の印刷ボタン      */
/* ========================================*/
.h76 {
  position: absolute;
  top: 30%;
  left: 40%;
}

/* ========================================*/
/*     支払明細書印刷画面の戻るボタン      */
/* ========================================*/
.h77 {
  position: absolute;
  top: 30%;
  left: 55%;
}

/* ========================================*/
/*     支払明細書印刷画面のconf戻るボタン  */
/* ========================================*/
.h78 {
  position: absolute;
  top: 45%;
  left: 67%;
}

/* ========================================*/
/*     支払明細書印刷画面のconfメモ  */
/* ========================================*/
.h79 {
  position: absolute;
  top: 15%;
  left: 20%;
}

/* ========================================*/
/*     支払明細書印刷画面のmemo戻るボタン  */
/* ========================================*/
.h80 {
  position: absolute;
  top: 33%;
  left: 74%;
}

/* ========================================*/
/*     支払明細書印刷画面のmemo更新ボタン  */
/* ========================================*/
.h81 {
  position: absolute;
  top: 33%;
  left: 60%;
}

/* ========================================*/
/*     支払明細書印刷画面のconf年月        */
/* ========================================*/
.h82 {
  position: absolute;
  top: 20%;
  left: 40%;
}

/* ========================================*/
/*     支払明細書印刷画面のconf説明        */
/* ========================================*/
.h83 {
  position: absolute;
  top: 15%;
  left: 40%;
}

/* ========================================*/
/*     支払明細書印刷画面のconf戻るボタン  */
/* ========================================*/
.h84 {
  position: absolute;
  top: 30%;
  left: 64%;
}

/* ========================================*/
/*     支払明細書印刷画面のconfメモボタン  */
/* ========================================*/
.h85 {
  position: absolute;
  top: 30%;
  left: 58%;
}

/* ========================================*/
/*     支払明細書印刷画面の年月            */
/* ========================================*/
.h86 {
  position: absolute;
  top: 20%;
  left: 42%;
}

/* ========================================*/
/*          請求書入力の確認画面           */
/* ========================================*/
.h87 {
  position: fixed;
  top: 15%;
  left: 30%;
}

/* ========================================*/
/*         元請請求入力の確認画面          */
/* ========================================*/
.h88 {
  position: fixed;
  top: 15%;
  left: 35%;
}

/* ========================================*/
/*      請求書入力の確認画面の登録ボタン   */
/* ========================================*/
.h89 {
  position: fixed;
  top: 10%;
  left: 50%;
}

/* ========================================*/
/*     請求書入力の確認画面の戻るボタン    */
/* ========================================*/
.h90 {
  position: fixed;
  top: 10%;
  left: 63%;
}

/* ========================================*/
/*    元請請求入力の確認画面の登録ボタン   */
/* ========================================*/
.h91 {
  position: fixed;
  top: 10%;
  left: 62%;
}

/* ========================================*/
/*     元請請求入力の確認画面戻るボタン    */
/* ========================================*/
.h92 {
  position: fixed;
  top: 10%;
  left: 68%;
}

/* ========================================*/
/*            請求書入力のコメント         */
/* ========================================*/
.h93 {
  position: fixed;
  top: 5%;
  left: 40%;
}

/* ========================================*/
/*        元請請求のコメント               */
/* ========================================*/
.h94 {
  position: fixed;
  top: 5%;
  left: 40%;
}


/* ========================================*/
/*        支払明細書印刷画面表示           */
/* ========================================*/
.h95 {
  position: fixed;
  top: 0%;
  left: 0%;
}

/* ========================================*/
/*        支払明細書印刷画面の年月         */
/* ========================================*/
.h96 {
  position: absolute;
  top: 25%;
  left: 40%;
}

/* ========================================*/
/*        支払明細書印刷画面表示           */
/* ========================================*/
.h97 {
  position: fixed;
  top: 10%;
  left: 42%;
}