﻿﻿﻿@charset "utf-8";

html {
	text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body{
    #margin-top:25px;   /*画面上部の余白 */
    font-family:
    'メイリオ',
    'Meiryo',
    'Hiragino Kaku Gothic Pro',
    'ヒラギノ角ゴ Pro W3',
    'Osaka',
    'ＭＳ Ｐゴシック',
    sans-serif;
    /*background-color:rgb(220,220,220);*/
    background-color:rgb(255,255,255);
}

.disp{
    #border-collapse: separate;
    border-collapse: collapse;
    border-spacing: 0px;
    cellspacing: 0px;
    width:1000px;
}
.disp th{
    text-align: left;
    valign: center;
    padding-left: 4px;
    font-weight: 500;
    vertical-align: middle;

    //color: #fff;
    color: #000;
    font-size: 15px;
    /*border-top-color: #007cff;
    border-right-color: #006677;
    border-bottom-color: #006677;
    border-left-color: #007cff;*/
    //border-top-color: #ffffff;
    //border-right-color: #aca899;
    //border-bottom-color: #aca899;
    //border-left-color: #ffffff;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    background-color:rgb(255,255,255);

    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    //border-top-width: 1px;
    //border-right-width: 1px;
    //border-left-width: 1px;
    //border-bottom-width: 1px;
    border-width: 2px;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
}
.disp td{
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 0px;
    padding-left: 5px;
    vertical-align: middle;
    min-height: 23px;
    //border-top-width: 1px;
    //border-right-width: 1px;
    //border-left-width: 1px;
    //border-bottom-width: 1px;
    border-width: 2px;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;

    font-size: 12px;
    font-weight: 500;
    //border-top-color: #ffffff;
    //border-right-color: #aca899;
    //border-bottom-color: #aca899;
    //border-left-color: #ffffff;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;

    //background-color:rgb(236, 234, 216);
    background-color:rgb(255, 255, 255);
}

.gima {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    border-width: 0;
    table-layout: fixed;
    width: 100%;
    outline-width: 0;
    max-width: none;
    max-height: none;
    border-spacing: 5px 10px;
    word-break: break-all;
    word-wrap: break-word;
}

.gima td {
    width: 216px;
    height: 35px;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 16px;
    color: #444444;
    opacity: 1;
    padding-left: 5px;
    border:none;
}

.gima tr td:last-of-type{
    padding-left:3px;
}

.gima .height-s td {
    height:20px !important;
}

.gima .height-cutline td {
    height:10px !important;
}

.gima th{
/*  min-height: 23px; */
/*  background-color:rgb(150,200,255); */
    background-color: #f1f1f3;
    vertical-align: text-top;
    width: 216px;
    height: 35px;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #444444;
    opacity: 1;
    padding-left: 5px;
    border:none;
}

.gima th::before {
    content: '';
    display: flex;
    flex-direction: column;
    width: 100%;
    height:8px;
}

.gima th::after {
    content: '';
    display: flex;
    flex-direction: column;
    width: 100%;
    height:8px;
}

.lotus th{
/*  min-height: 23px; */
/*  background-color:rgb(255,255,150); */
    background-color: #f1f1f3;
    vertical-align: text-top;
}

.haki th{
/*  min-height: 23px; */
/*  background-color:rgb(255,153,153); */
    background-color: #f1f1f3;
    vertical-align: text-top;
}

.acdir th{
/*  min-height: 23px; */
/*  background-color:rgb(255,150,150); */
    background-color: #f1f1f3;
    vertical-align: text-top;
}

.jinkyu {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    border-width: 0;
    table-layout: fixed;
    width: 100%;
    outline-width: 0;
    max-width: none;
    max-height: none;
    border-spacing: 5px 10px;
    word-break: break-all;
    word-wrap: break-word;
}

.jinkyu td {
    width: 216px;
    height: 35px;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 16px;
    color: #444444;
    opacity: 1;
    padding-left: 5px;
    border:none;
}

.jinkyu tr td:last-of-type{
    padding-left:3px;
}

.jinkyu .height-s td {
    height:20px !important;
}

.jinkyu .height-cutline td {
    height:10px !important;
}

.jinkyu th{
/*  min-height: 23px; */
/*  background-color:rgb(150,255,150); */
    background-color: #f1f1f3;
    vertical-align: text-top;
    width: 216px;
    height: 35px;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #444444;
    opacity: 1;
    padding-left: 5px;
    border:none;
}

.jinkyu th:not(.subTitleHeader)::before {
    content: '';
    display: flex;
    flex-direction: column;
    width: 100%;
    height:8px;
}

.jinkyu th:not(.subTitleHeader)::after {
    content: '';
    display: flex;
    flex-direction: column;
    width: 100%;
    height:8px;
}

/* .col1{ */
/*     width:160px; */
/* } */
/* .col2{ */
/*     min-width:200px; */
/*     width:200px; */
/*     vertical-align:top; */
/* } */

/* .col3{ */
/*     width:290px; */
/* } */

/* .col4{ */
/*     width:25px; */
/* } */

/* .col5{ */
/*     width:135px; */
/* } */

.change{
    color:rgb(255,0,0);
}

.main{
    margin:0px auto;
/*  width:900px; */
}

.hgt{
    height: 23px;
}

ul.errorArea {
    margin-top: 0;
    margin-bottom: 0;
    color: red;
}

ul.errorArea li:first-child {
    margin-top: 16px;
}

ul.errorArea li:last-child {
    margin-bottom: 16px;
}

/* ADD START 輸出証明書発給システム改修対応 SEC 2020/04/21*/
div.errorArea {
    margin-top: 0;
    margin-bottom: 0;
    color: red;
}
/* ADD END 輸出証明書発給システム改修対応 SEC 2020/04/21*/


.error{
  background-color: #FEE4E4 !important; /* 入力エラー背景色 */
}


h3.title{
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    text-align: left;
    font-size: 24px;
    padding-top: 12px;
    padding-left: 27px;
    padding-bottom: 5px;
    border-bottom: 1px solid #a5a5a5;
    margin-block-end: 0em;
}

.col5-1{
  width:4%;
}
.col5-2{
  width:4%;
}
.col5-3{
  width:9%;
}
.col5-4{
  width:14%;
}
.col5-5{
  width:69%;
}

.col4-1{
  width:8%;
}
.col4-2{
  width:9%;
}
.col4-3{
  width:14%;
}
.col4-4{
  width:69%;
}

.col3-1{
  width:17%;
}
.col3-2{
  width:14%;
}
.col3-3{
  width:69%;
}

.col2-1{
  width:31%;
}
.col2-2{
  width:69%;
}






/* ブラウザデフォルト様式上書き */
input:not([type="image" i]):not([type="button" i]):not([type="submit" i]){
    box-sizing: content-box;
}
/* 画面共通高定義 */
html {
    height: 100%;
}

/* 画面共通幅とスクロール定義 */
body {
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    background-color: #fff;
    color: #333;
    margin: 0px;
    padding: 0px;
    min-width: 1022px;
    overflow: auto;
    border: none;
}

/* コンテンツエリア幅定義 */
.main-width {
    /* width: 1010px; */
    min-width: 1010px;
    width: 95%;
}

/* Flexレイアウト  column */
.flex-col-container {
    display: flex;
    flex-direction: column;
}

/* Flexレイアウト  row */
.flex-row-container {
    display: flex;
    flex-direction: row;
}

/* Flex アイテム左右中央表示 */
.flex-items-hcenter {
    justify-content: center;
}

/* Flex アイテム上下中央表示 */
.flex-items-vcenter {
    align-items: center;
}

/* Copyright エリア */
#comFooter .header-content{
    height:96px;
}

/* Copyrightに関する定義 */
.copyright {
    width: 100%;
    border: none;
    height: 26px;
    opacity: 1;
    background-color: #000;
    color: #ffffff;
    text-align: right;
    line-height: 26px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

/* Copyrightに関する定義 */
.copyright:after{
   content:'';
   width:20px;
   height: 26px;
}

/* ヘッダーエリアに関する定義 ここから */
/* タイトルエリア定義 */
.h1-title {
    height: 48px;
    line-height: 48px;
}

/* メニュー定義 */
.link-menu {
    font-weight: bold;
    color: #333333 !important;
}

/* FAQ定義 */
.link-faq {
    margin-left: 37px;
    color: #333333 !important;
}

/* ヘルプ定義 */
.link-help {
    margin-left: 37px;
    color: #333333 !important;
}

/* お知らせ定義 */
.link-announce {
    margin-right: 8px;
}

/* ログアウト定義 */
.link-logout {
    margin-left: 42px;
    font-weight: normal;
}

.link-download {
    text-decoration: underline;
    cursor: pointer;
    color: rgb(0, 0, 238);
}

/* ヘッダー分割定義 */
.header-hr {
    width: 100%;
    border-top: 5px solid #ad0000;
    height: 0px;
    opacity: 1;
}

/* ヘッダレイアウト Flex 定義 */
.header-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ヘッダーエリア定義 */
.header-content {
    width: 100%;
    height: 67px;
}
/* ヘッダーエリアに関する定義 ここまで */

/* コンテンツエリア定義 */
section {
    left: 0px;
    width: 100%;
    /* height: 100%; */
    background-color: #f8f8f8;
    opacity: 1;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 98px);
}
.sectionToTop {
    height: 56px;
    min-height: 0px;
}

/* キーフォント定義 */
.base-font {
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
}

/* 画面部品に関する定義 ここから */
/* 主ボタン様式　定義 */
button {
    height: 40px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 17px;
    min-width: 120px;
    background-color: #fff;
    opacity: 1;
    text-align: center;
    border: 1px solid #352929;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: none; /* iphone safari対応*/
}

/* 主ボタンhover様式　定義 */
button:hover,
button:focus {
    cursor: pointer;
    border-color: #2f64a7;
    outline: none;
    border-width: 1px;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
}

/* 主ボタン活性様式　定義 */
button:active {
    background: #e1e1e1;
}

/* 主ボタン様式　定義 */
.base-btn {
    height: 40px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 17px;
    min-width: 120px;
    background-color: #fff;
    opacity: 1;
    text-align: center;
    border: 1px solid #352929;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: none; /* iphone safari対応*/
}

/* 主ボタンhover様式　定義 */
.base-btn:hover,
.base-btn:focus {
    cursor: pointer;
    border-color: #2f64a7;
    outline: none;
    border-width: 1px;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
}

/* 主ボタン活性様式　定義 */
.base-btn:active {
    background: #e1e1e1;
}

/* 長いボタン 様式　定義 */
.base-btn-long {
    height: 40px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 17px;
    min-width: 180px;
    background-color: #fff;
    opacity: 1;
    text-align: center;
    border: 1px solid #352929;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: none; /* iphone safari対応*/
}

/* 長いボタンhover様式　定義 */
.base-btn-long:hover,
.base-btn-long:focus {
    cursor: pointer;
    border-color: #2f64a7;
    outline: none;
    border-width: 1px;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
}

/* 長いボタン活性様式　定義 */
.base-btn-long:active {
    background: #e1e1e1;
}

/* 小さいボタン 様式　定義 */
.base-btn-s {
    height: 30px;
    padding-top: 6px;
    padding-bottom: 9px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 10px;
    min-width: 50px;
    background-color: #fff;
    opacity: 1;
    text-align: center;
    border: 1px solid #352929;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: none; /* iphone safari対応*/
}

/* 小さいボタン内容改行様式　定義 */
.base-btn-s-wrap {
    min-width: 60px;
    height:50px;
}

/* 小さいボタンhover様式　定義 */
.base-btn-s:hover,
.base-btn-s:focus {
    cursor: pointer;
    border-color: #2f64a7;
    outline: none;
    border-width: 1px;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
}

/* 小さいボタン活性様式　定義 */
.base-btn-s:active {
    background: #e1e1e1;
}

.base-btn-ss {
    height: 20px;
    padding-top: 3px;
    padding-bottom: 8px;
    padding-left: 1px;
    padding-right: 1px;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    min-width: 30px;
    background-color: #fff;
    opacity: 1;
    text-align: center;
    border: 1px solid #352929;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: none; /* iphone safari対応*/
}

.base-btn-ss:hover,
.base-btn-ss:focus {
    cursor: pointer;
    border-color: #2f64a7;
    outline: none;
    border-width: 1px;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
}

.base-btn-ss:active {
    background: #e1e1e1;
}

/* ボタン非活性様式　定義 */
button,
.base-btn:disabled,
.base-btn-long:disabled,
.base-btn-s:disabled,
.base-btn-ss:disabled {
    border-color: #ccc;
    cursor: default;
}

/* 主リンク様式　定義 */
.base-link {
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-decoration: underline;
    color: #333333;
    cursor: pointer;
}

/* 主リンク非活性様式　定義 */
.base-link[disabled] {
    text-decoration: underline;
    color: #ccc !important;
    cursor: default;
}

/* 画面内容エリア様式　定義 */
.paper {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    opacity: 1;
    padding-bottom: 32px;
}

/* 画面内容エリア様式　定義 */
.paper-btn-area {
    margin-top: 32px;
    margin-bottom: 21px;
    display: flex;
    justify-content: flex-end;
}

/* 画面内容タイトルエリア様式　定義 */
.paper-header {
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    text-align: left;
    font-size: 24px;
    padding-top: 12px;
    padding-left: 27px;
    padding-bottom: 5px;
    border-bottom: 1px solid #a5a5a5;
}

/* 画面内容エリア様式　定義 */
.paper-body {
    width: 100%;
}

/* 画面内容エリア分割線様式　定義 */
.paper-hr {
    width: 100%;
    border-top: 2px solid #c9c9c9;
    height: 0px;
    opacity: 1;
}

/* 画面内容エリアエラーエリア様式　定義 */
.paper-error-area {
    width: 100%;
    display: flex;
}

/* 画面内容エリアエラーエリア様式　定義 */
.paper-error-container {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    margin-top: 17px;
}

/* 画面内容エリアエラー内容様式　定義 */
.paper-error-content {
    background-color: #fffed8;
    padding-left: 28px;
    padding-top: 23px;
    padding-bottom: 20px;
    padding-right: 28px
}

/* 画面内容エリアエラーデータリスト様式　定義 */
.paper-error-list {
    margin-top: 10px;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0px;
    color: #444444;
    opacity: 1;
    line-height: 20px;
}

/* 画面内容エリアエラーエリアタイトル様式　定義 */
.paper-error-area-title {
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ca1028;
    opacity: 1;
    display: flex;
    align-items: center;
}

/* 画面内容エリアエラーicon様式　定義 */
.paper-error-area-title-icon {
    width: 30px;
    height: 30px;
    background-color: #ca1028;
    color: #fff;
    border-radius: 15px 15px;
    text-align: center;
    margin-right: 8px
}

/* 画面内容エリアエラー文字様式　定義 */
.paper-error-area-title-text{
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 20px;
}

/* 画面内容エリアfooter様式　定義 */
.paper-footer {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* 画面内容エリアfooterボタンエリア様式　定義 */
.paper-footer-btn-right {
    justify-content: flex-end;
}

/* 画面内容エリアfooterボタンエリア様式　定義 */
.paper-footer-btn-right::after {
    display: flex;
    content: "";
    width: 27px;
}

/* 画面内容エリアブロックエリア様式　定義(複数) */
.paper-block {
    width: 100%;
}

/* 画面内容エリアブロックエリアレイアウト様式　定義 */
.paper-block-flex {
    display: flex;
}

/* メニュー様式　定義 ここから*/
.paper-block-left {
    width: 262px;
    float: left;
    padding: 10px 5px;
    margin: 10px 20px;
    background-color: #ededed;
}

.paper-block-right {
    width: 70%;
    float: right;
    margin: 10px 0px;
}

.paper-block-menu {
    font-size: 16px;
    font-weight: bold;
}

.paper-block-menu-sub {
    display: block;
    font-size: 14px;
    max-height: 320px;
    overflow: hidden;
    transition: all 0.8s;
}
.paper-block-menu-sub.show {
    max-height: 0px;
}

.paper-block-menu-sub li:active {
    background-color: #3266a5;
    color: #fff;
}

.paper-block-menu li {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
    padding-bottom: 10px;
}
li.paper-block-menu-icon::before {
    position: relative;
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../img/caret-down-solid.svg");
    background-position: center;
    background-repeat: no-repeat;
}
li.paper-block-menu-icon.show::before {
    position: relative;
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../img/caret-right-solid.svg");
    background-position: center;
    background-repeat: no-repeat;
}
li:not(.paper-block-menu-icon,.error-li)::before {
    position: relative;
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
}

/* メニュー様式　定義 ここまで*/

/* 画面内容エリアブロックエリアヘーダ様式　定義 */
.paper-block-header {
    height: 35px;
    background: #555555;
    opacity: 1;
    color: #ffffff;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 20px;
    text-align: left;
    padding-left: 33px;
    border-left: 7px solid #ad0000;
    line-height: 35px;
}

.paper-block-header-sub {
    height: 30px;
    opacity: 1;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 16px;
    text-align: left;
    margin: 20px 0 0 0;
    padding-left: 12px;
    border-left: 7px solid #ad0000;
    line-height: 30px;
}

/* 画面内容エリアブロックBodyエリア様式　定義 */
.paper-block-body {
    padding-left: 27px;
    padding-right: 27px;
}

/* 画面内容エリアブロックエリアテーブル様式　定義 */
.paper-block-body-table {
    padding-left: 5px;
    padding-right: 5px;
}

/* 画面内容エリアブロックfooterエリア様式　定義 */
.paper-block-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 22px;
    margin-bottom: 22px;
}

/* 画面内容エリアブロックエリアテーブルセル様式　定義 */
.base-cell-border {
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
}

/* 検索テーブルタイトル様式　定義 */
.search-table-left-title {
    width: 216px;
    height: 35px;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #444444;
    background-color: #f1f1f3;
    opacity: 1;
    padding-left: 13px;
    vertical-align: text-top;
    line-height:35px;
}

/* 主入力様式　定義 */
input[type="text"] {
    width: 267px;
    height: 24px;
    border-color: #a5a5a5;
    border-width: 1px;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

/* 主入力様式 非活性　定義 */
input[type="text"]:disabled {
    border-color: #7676764d;
}

/* 主入力様式　定義 */
.base-text-input {
    width: 267px;
    height: 24px;
    border-color: #a5a5a5;
    border-width: 1px;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

/* 主入力様式 非活性　定義 */
.base-text-input:disabled {
    border-color: rgba(118, 118, 118, 0.3);
}

.yuuben-text-input-mae {
    width: 40px !important;
    height: 24px;
    border-color: #a5a5a5;
    border-width: 1px;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

.yuuben-text-input-ushiro {
    width: 60px !important;
    height: 24px;
    border-color: #a5a5a5;
    border-width: 1px;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

/* 主コンボボックス様式　定義 */
select {
    width: 267px;
    height: 24px;
    border-color: #a5a5a5;
    border-width: 1px;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

/* 主コンボボックス様式　定義 */
.base-select-input {
    width: 267px;
    height: 24px;
    border-color: #a5a5a5;
    border-width: 1px;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

/* 主コンボボックスのdisabled様式　定義 for PC端末 */
select[disabled] {
    background-color: #ccc !important;
}

/* 主コンボボックスのdisabled様式　定義 for iphone safari対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select[disabled] {
        background-color: DarkGray !important;
        }
    input[type="checkbox"]:disabled {
           -webkit-transform: scale(1);
      }
}

/* 主ラジオボタン様式　定義 */
.base-radio {
    display: flex;
    width: 140px;
    flex-direction: row;
    align-items: center;
}

/* 主ラジオボタン説明文字様式　定義 */
.base-radio > label {
    color: #444444;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
    margin-left: 10px;
    line-height: 15px;
}

/* 主ラジオボタン様式　定義 */
input[type="radio"] {
    width: 18px;
    height: 18px;
}

/* 主ラジオボタン様式　定義 */
.base-radio-input {
    width: 18px;
    height: 18px;
}

/* 主テキストエリア様式　定義 */
textarea {
    width: 630px;
 /*   height: 48px; */
    resize: none;
    overflow-y: scroll;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

/* 主テキストエリア様式 非活性　定義 */
textarea:disabled {
    border-color: rgba(118, 118, 118, 0.3);
}

/* 主テキストエリア様式　定義 */
.base-textarea-input {
    width: 630px;
/*    height: 48px;  */
    resize: none;
    overflow-y: scroll;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

/* 主テキストエリア様式 非活性　定義 */
.base-textarea-input:disabled {
    border-color: rgba(118, 118, 118, 0.3);
}

/* 大テキストエリア様式　定義 */
.base-textarea-big-input {
    width: 866px;
    height: 148px;
    resize: none;
    overflow-y: scroll;
}

/* 8行テキストエリア様式　定義 */
.base-textarea-8rows-input {
    width: 866px;
    height: 150px;
    resize: none;
    overflow-y: scroll;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

/* 3行テキストエリア様式　定義 */
.base-textarea-3rows-input {
    width: 866px;
    height: 60px;
    resize: none;
    overflow-y: scroll;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

/* 主日付様式　定義 */
.base-calendar-input {
    width: 172px;
    height: 24px;
    border-color: #a5a5a5;
    border-width: 1px;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

/* 主日付様式　定義 */
.base-calendar {
    position: relative;
    display: flex;
    align-items: center;
}

input[type="date"] {
    cursor: pointer;
    background: no-repeat url("../img/calendar.svg");
    background-position: 98% 50%;
}
input[type="date"]::-ms-clear{
    display:none;
}

/* 主日付様式　定義 */
.calendar-ymd{
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
    color: #666666;
}

/* 主日付様式　定義 */
.calendar-ym{
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
    color: #666666;
}

.calendar-div{
	display: flex;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: normal;
    flex-direction: row;
    align-items: center;
}

/* 主日付様式　定義 */
.calendar-time{
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
    color: #666666;
}

/* 主日付様式 IE11様式清除　定義 */
.calendar-ymd::-ms-clear{
    display:none;
}

/* 主日付様式 IE11様式清除　定義 */
.calendar-ym::-ms-clear{
    display:none;
}

/* 主日付様式 IE11様式清除　定義 */
.calendar-time::-ms-clear{
    display:none;
}

/* 主日付icon様式　定義 */
.ui-datepicker-trigger{
    margin-left: -25px;
    border: none;
    padding: 0px 0px;
    background: no-repeat url("../img/calendar.svg");
    width:20px !important;;
    height:18px !important;;
    min-width: 20px !important;;
}

/* 主チェックボックスエリア様式　定義 */
.base-checkbox {
    display: flex;
    width: 140px;
    flex-direction: row;
    align-items: center;
}
.base-checkbox-double-col {
    display: flex;
    width: 200px;
    flex-direction: row;
    align-items: center;
}
.base-checkbox-att-col {
    display: flex;
    width: 60px;
    flex-direction: row;
    align-items: center;
}
.base-checkbox_T5054 {
    display: flex;
    width: 280px;
    flex-direction: row;
    align-items: center;
}
.base-checkbox_T5024 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* 主チェックボックス説明文字様式　定義 */
.base-checkbox > label {
    color: #444444;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
    margin-left: 10px;
    line-height: 15px;
}
.base-checkbox-double-col > label {
    color: #444444;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
    margin-left: 10px;
    line-height: 15px;
}

/* 主チェックボックス様式　定義 */
.base-checkbox-input {
    width: 18px;
    height: 18px;
    min-width: 18px;
}

.list-many-title{
    margin: 0 !important;
    /* margin-top: 0px !important; */
    height: 20px;
}

.list-many{
    width: 102% !important;
    overflow-y: auto;
    height: 281px;
}

/* 主チェックボックス様式　定義 */
input[type="checkbox"] {
    width: 18px;
    height: 18px;
    min-width: 18px;
}

/* テーブル中のチェックボックス様式　定義 */
.input-cell>.base-checkbox{
    width:auto;
    padding-right: 10px;
}

/* テーブル中のラジオボタン様式　定義 */
.input-cell>.base-radio{
    width:auto;
    padding-right: 10px;
}

/* 主郵便番号様式　定義 */
.base-post {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.base-post-1{
    width:40px !important;;
}

.base-post-2{
    width:60px !important;;
}

/* 主電話番号様式　定義 */
.base-phone {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.base-phone-1{
    width:40px !important;;
}

.base-phone-2{
    width:60px !important;;
}

.base-phone-3{
    width:60px !important;;
}

.base-split{
    text-align:center;
}

/* 画面部品に関する定義 ここまで */

/* 表示用テーブルに関する定義 ここから */
.grid-main {
    border-collapse: separate;
    border-spacing: 0;
    margin: 20px 0;
    border-width: 0;
    table-layout: fixed;
    width: 100%;
    outline-width: 0;
    max-width: none;
    max-height: none;
}

.grid-page-table{
    border-collapse: separate;
    border-spacing: 0;
    margin: 20px 0;
    border-width: 0;
    table-layout: fixed;
    width: 100%;
    outline-width: 0;
    max-width: none;
    max-height: none;
}

.grid-main-scroll tbody {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 200px;
    width: 100%;
    display: inline-block;
}

.grid-main-scroll td:last-child {
    width: 100%;
    word-break: break-all;
}

.grid-main th {
    background-color: #818181;
    border: 1px solid #c9c9c9;
    opacity: 1;
    text-align: center;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    opacity: 1;
    height: 24px;
    line-height: 18px;
}

.grid-page-table th{
    background-color: #818181;
    border: 1px solid #c9c9c9;
    opacity: 1;
    text-align: center;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    opacity: 1;
    height: 24px;
    line-height: 18px;
}

.grid-main td {
    border: 1px solid #c9c9c9;
    opacity: 1;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 14px;
    font-weight: normal;
    opacity: 1;
    height: 24px;
    line-height: 24px;
    color: #231815;
    word-wrap: break-word;
}

.grid-page-table td{
    border: 1px solid #c9c9c9;
    opacity: 1;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 10px;
    font-weight: normal;
    opacity: 1;
    height: 35px;
    line-height: 12px;
    color: #231815;
    word-wrap: break-word;
}

.grid-main-osirase td {
    padding: 10px;
}

.grid-main-osirase tr.osirase-import {
    background-color: #fffed8 !important;
}

.grid-main-textalign-center {
    text-align: center;
}

.grid-main-textalign-center th {
    text-align: center;
}

.grid-main-textalign-center td {
    text-align: center;
}

.grid-main tr:nth-child(2n + 1) {
    background-color: #ededed;
}

.grid-main tr td:nth-child(1) input {
    margin: 0 auto;
    display: flex;
}

.paper-block-body-table .grid-main tr td:last-of-type {
    text-align: center;
}

.grid-main .grid_row_selected {
    background-color: #3266a5;
    color: #ffffff;
}

.grid-main .with-border td {
    border: 1px solid #c9c9c9 !important;
    border-collapse:collapse !important;
}

.grid-page-table tr:nth-child(2n + 1) {
    background-color: #ededed;
}

.grid-page-table tr td:nth-child(1) input {
    margin: 0 auto;
    display: flex;
}

.grid-page-table .grid_row_selected {
    background-color: #3266a5;
    color: #ffffff;
}

.grid-page-table .with-border td {
    border: 1px solid #c9c9c9 !important;
    border-collapse:collapse !important;
}

.grid-page {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.grid-page-pre {
    background-image: url(../img/chevron-left.svg);
    background-size: contain;
}

.grid-page-next {
    background-image: url(../img/chevron-right.svg);
    background-size: contain;
}

.grid-page-block {
    min-width: 36px;
    height: 36px;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    text-decoration: underline;
    line-height: 36px;
    cursor: pointer;
}

.grid-page-unblock {
    min-width: 36px;
    height: 36px;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    line-height: 36px;
    cursor: pointer;
}

.grid-page-selected {
    background-color: #3266a5;
    color: white;
    text-decoration: none;
}

.grid-page-title {
    display: flex;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #444444;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.grid-page-num {
    color: #3266a5;
}

.grid-page-onepage-count {
    width: 64px;
    height: 36px;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    line-height: 36px;
}

.grid-page-onepage-count-link {
    width: 64px;
    height: 36px;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    line-height: 36px;
    font-weight: normal;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

.grid-page-onepage-now {
    background: #3266a5;
    color: #ffffff;
    cursor:default;
}

.grid-page-select-input {
    width: 60px;
    height: 24px;
    border-color: #a5a5a5;
    border-width: 1px;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 16px;
    margin-top: 6px;
}

.grid-page-unblock.grid-page-pre{
    background-image: url(../img/chevron-left-disabled.svg);
    background-size: contain;
}

.grid-page-unblock.grid-page-next{
    background-image: url(../img/chevron-right-disabled.svg);
    background-size: contain;
}

.left-part {
    display: flex;
    justify-content: flex-start;
}

.right-part {
    display: flex;
    justify-content: flex-end;
}

/* ADD START 一元的な発給システム改修対応 変更No011 TDSL 2023/03/31 */
.center-part {
    display: flex;
    justify-content: center;
}
/* ADD END 一元的な発給システム改修対応 変更No011 TDSL 2023/03/31 */

.grid-main-small-font {
    border-width: 0;
}

.grid-main-small-font tr:not(:nth-child(1)) td{
    font-size:10px !important;
    line-height: 12px !important;
}

.grid-page-table-scroll-div{
    position:relative;
    display:block;
    overflow-y:auto;
    height:448px;
    margin:10px 0;
}

.grid-page-table-scroll-fixed-header{
    position:absolute;
    top:0px;
    left:0px;
}

.margin-clear{
    margin:0 auto;
}

/* 表示用テーブルに関する定義 ここまで */

/* 入力用テーブルに関する定義 ここから */
.input-grid-main {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    border-width: 0;
    table-layout: fixed;
    width: 100%;
    outline-width: 0;
    max-width: none;
    max-height: none;
    border-spacing: 5px 10px;
    word-break: break-all;
    word-wrap: break-word;
}

.input-grid-main td {
    width: 216px;
    height: 35px;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #444444;
    opacity: 1;
    padding-left: 5px;
    border:none;
}

.input-grid-main tr td:last-of-type{
    padding-left:3px;
}

.input-grid-main .height-s td {
    height:20px !important;
}

.input-grid-main .height-cutline td {
    height:10px !important;
}

.cell-text{
    line-height: 16px;
}

.col1{
  width:4%;
}
.col2{
  width:4%;
}
.col3{
  width:9%;
}
.col4{
  width:14%;
}
.col5{
  width:69%;
}

.detail-col1{
    width:5%;
}
.detail-col2{
    width:10%;
}
.detail-col3{
    width:65%;
}
.detail-col4{
    width:10%;
}
.detail-col5{
    width:10%;
}

.input-grid-main-th-no-padding {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    border-width: 0;
    table-layout: fixed;
    width: 100%;
    outline-width: 0;
    max-width: none;
    max-height: none;
    border-spacing: 5px 10px;
    word-break: break-all;
    word-wrap: break-word;
}

.input-grid-main-th-no-padding th {
    height: 35px;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #444444;
    opacity: 1;
}
.input-grid-main-th-no-padding td {
    width: 216px;
    height: 35px;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #444444;
    opacity: 1;
    padding-left: 13px;
}

.input-grid-main-title-th-no-padding .th-padding-left-13 {
    background-color: #f1f1f3;
    padding-left: 13px;
}
.input-grid-main-th-no-padding .th-10pctwid {
    width: 10%;
}
.input-grid-main-th-no-padding .th-90pctwid {
    width: 90%;
}
.input-grid-main-th-no-padding .th-100pctwid {
    width: 100%;
}
.input-grid-main-th-no-padding .th-align-left {
    text-align: left;
}
.input-grid-main-th-no-padding .th-align-center {
    text-align: center;
}
.input-grid-main-th-no-padding .th-align-right {
    text-align: right;
    padding-right: 10px;
}

.input-grid-main-title {
    background-color: #f1f1f3;
    vertical-align: text-top;
}

.input-grid-main-title::before {
    content: '';
    display: flex;
    flex-direction: column;
    width: 100%;
    height:8px;
}

.input-grid-main-title::after {
    content: '';
    display: flex;
    flex-direction: column;
    width: 100%;
    height:8px;
}

.input-grid-title-help {
    display: flex;
    position: relative;
    background-image: url("../img/ic_help.svg");
    width: 24px;
    height: 24px;
    min-width:24px;
}

.input-grid-title-help .help-text {
    visibility: hidden;
    width: 216px;
    background-color: #2f6cb3;
    color: #fff;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 100%;
    margin-left: 2px;
    text-align: left;
}

.input-grid-title-help .help-text::after {
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    margin-top: 3px;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #2f6cb3 transparent transparent;
}

.input-grid-title-help:hover {
    display: flex;
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url("../img/ic_help_selected.svg");
}

.input-grid-title-help:hover .help-text {
    visibility: visible;
}

.input-grid-title-info {
    display: flex;
    position: relative;
    background-image: url("../img/ic_info.svg");
    width: 24px;
    height: 24px;
}

.input-grid-title-info .info-text {
    visibility: hidden;
    width: 216px;
    background-color: #2f6cb3;
    color: #fff;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -118px;
    margin-top: -8px;
    text-align: left;
}

.input-grid-title-info .info-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #2f6cb3 transparent;
}

.input-grid-title-info:hover {
    display: flex;
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url("../img/ic_info.svg");
}

.input-grid-title-info:hover .help-text {
    visibility: visible;
}

.input-grid-main-sub-title {
    height: 35px;
    background: #555555;
    opacity: 1;
    color: #ffffff !important;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 20px;
    text-align: left;
    padding-left: 33px;
    border-left: 7px solid #ad0000;
    line-height: 35px;
}

/* 入力用テーブルに関する定義 ここから */

.grid-main-bunshoshinseisaki {
    border-collapse: separate;
    border-spacing: 0;
    margin: 20px 0;
    border-width: 0;
    table-layout: fixed;
    width: 100%;
    outline-width: 0;
    max-width: none;
    max-height: none;
}

.grid-main-bunshoshinseisaki th {
    background-color: #818181;
    opacity: 1;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    opacity: 1;
    height: 24px;
    line-height: 18px;
}

.grid-main-bunshoshinseisaki td {
    opacity: 1;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 14px;
    font-weight: normal;
    opacity: 1;
    height: 24px;
    line-height: 24px;
    color: #231815;
    word-wrap: break-word;
}

.grid-main-bunshoshinseisaki .td-withborder {
    border: 2px solid #c9c9c9;
}


.grid-main-bunshoshinseisaki .tr-border-collapse {
    border-collapse: collapse;
}

.grid-main-bunshoshinseisaki .td-withlightborder {
    border: 1px solid #c9c9c9;
}

.grid-main-bunshoshinseisaki .td-with-right-border {
    border-right: 3px solid #ffffff;
}

.grid-main-bunshoshinseisaki .td-gray {
    background-color: #ededed;
}

.grid-main-bunshoshinseisaki .td-fw-bold {
    font-weight: bold
}

.grid-main-bunshoshinseisaki .td-font-underline {
    text-decoration: underline
}

.grid-main-bunshoshinseisaki .td-cutline {
    height: 4px;
}

.grid-main-bunshoshinseisaki .td-font-disabled {
    color: #a6a6a6;
}

.grid-main-bunshoshinseisaki .bgcolor-lotus{
    background-color:rgb(255,254,216);
}

.hide-cell {
    display: none;
}

.hide {
    display: none;
}

.must-input-cell-readOnly {
    display: flex;
    align-items: center;
    position: relative;
}

.must-input-cell-readOnly::after {
    content: "必須";
    display: flex;
    width: 36px;
    height: 17px;
    background: #9b9b9b;
    border-radius: 2px;
    opacity: 1;
    color: #ffffff;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 9px;
    line-height: 17px;
    text-align: center;
    justify-content: center;
    position: absolute;
    right: 14px;
    top: 2px;
}

.check-input-cell {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.check-input-cell .base-checkbox-input {
    margin-right: 10px;
}

.must-input-cell {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    font-size: 16px;
}

.must-input-cell::after {
    content: "必須";
    display: flex;
    width: 28px;
    height: 17px;
    background: #ca1028;
    border-radius: 2px;
    opacity: 1;
    color: #ffffff;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: bold;
    font-size: 9px;
    line-height: 17px;
    text-align: center;
    justify-content: center;
    margin-right: 11px;
}

.last-left-title{
    max-width: calc(100% - 40px);
}

.elem-color-modify {
    background-color: #ffafaf !important;
}
.input-cell {
    display: flex;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: normal;
    flex-direction: row;
    align-items: center;
}

.input-cell-info {
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #3266a5;
    opacity: 1;
}

.input-cell-info-blue {
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #3b3bff;
    opacity: 1;
}

.input-cell-check {
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: red;
    opacity: 1;
    margin-left: 17px;
}

.input-error {
    border: 2px solid #585858;
    background-color: #fee4e4;
}

.input-readOnly {
    background-color: #f1f1f3;
}

img {
  cursor: pointer;
}

.fukidashi {
  display: none;
  width: 200px;
  height: 40;
  position: absolute;
  /* top: 0;
  left: 250px; */
  padding: 3px;
  border-radius: 5px;
  background: #4a4e4d;
  color: #fff;
  font-weight: bold;
}

*:hover ~ .fukidashi {
  display: block;
}
*:focus ~ .fukidashi {
  display: block;
}

.ul-style-none {
    list-style-type: none;
    padding: 0px;
}

.font-m{
    font-size: 18px;
}

.font-15{
    font-size: 15px;
}
.space-l-0 {
    margin-left: 0px;
}
.space-l-8 {
    margin-left: 8px;
}

.space-l-10 {
    margin-left: 10px;
}

.space-l-13 {
    margin-left: 13px;
}

.space-l-15 {
    margin-left: 15px;
}

.space-l-27 {
    margin-left: 27px;
}

.space-l-31 {
    margin-left: 31px;
}

.space-l-33 {
    margin-left: 33px;
}

.space-t-0 {
    margin-top: 0px;
}

.space-t-5 {
    margin-top: 5px;
}

.space-t-6 {
    margin-top: 6px;
}

.space-t-10 {
    margin-top: 10px;
}

.space-t-16 {
    margin-top: 16px;
}

.space-t-28 {
    margin-top: 28px;
}

.space-t-32 {
    margin-top: 32px;
}

.space-r-8 {
    margin-right: 8px;
}

.space-r-27 {
    margin-right: 27px;
}

.space-b-0 {
    margin-bottom: 0px;
}

.space-b-6 {
    margin-bottom: 6px;
}

.space-b-17 {
    margin-bottom: 17px;
}

.col-width-600{
    width:600px;
}

.col-width-900{
    width:900px;
}

.input-width283{
    width:283px !important;
}

.input-width-566{
    width:630px !important;
}

.input-width-470{
    width:470px !important;
}

.input-width-36{
    width:36px;
}

.input-width-82{
    width:82px;
}

.input-width-calendaer{
    width: 140px !important;
}

.flex-box{
    display: flex;
}

.flex-wrap{
    flex-wrap: wrap;
}

.text-center{
    text-align: center;
}

.text-center-i{
    text-align: center !important;
}

.text-right{
    text-align: right;
}

.text-left{
    text-align: left;
}

.full-width{
    width: 100%;
}

.full-width-i{
    width: 100% !important;
}

.font-weight-normal{
    font-weight: normal;
}

.pdf-img{
    width:30px;
    content:url(../img/pdf_icon.png);
}

.orc-readover-img-width{
    width:30px;
}
.genhonconf-readover-img-width{
    width:20px;
}

.layout-space-between{
    justify-content: space-between
}


.input-width3-1{
    width:100% !important;
}

/* ADD START 一元的な発給システム改修対応 V6.30 #291445 TDSL 2025/3/31*/
.input-tel{
    width: 150px !important;
}

.input-fax{
    width: 150px !important;
}

.input-YubinNo{
    width:188px !important;
}
/* ADD END 一元的な発給システム改修対応 V6.30 #291445 TDSL 2025/3/31 */

input[type="text"].input-width3-1{
    width:100% !important;
}

textarea.input-width3-1{
    width:100% !important;
}

select.input-width3-1{
    width:283px !important;
}
select.input-width3-2{
    width:295px !important;
}
/* ADD START 一元的な発給システム改修対応 v6.40 【R6追加要件：002】 TDSL 2025/3/31 */
select.input-width3-3{
    width:305px !important;
}
/* ADD END 一元的な発給システム改修対応 v6.40 【R6追加要件：002】 TDSL 2025/3/31 */
.input-width3-2{
    width:100% !important;
}

.input-width3-3{
    width:100% !important;
}

.input-width3-4{
    width:362px !important;
}

.input-width3-5{
    width:996px !important;
}

.input-width3-6{
    width:210px !important;
}

.input-width3-7{
    width:752px !important;
}

input[type="text"].calendar-ymd {
    width:143px !important;
}

input[type="text"].calendar-ym {
    width:143px !important;
}

.both-padding{
    padding-left: 12px;
    padding-right: 12px;
}

.sort-up{
    display: flex;
    justify-content: center;
    align-items: center;
}

.sort-up::after {
    display:flex;
    width:0;
    height:0;
    border-width:0 5px 5px;
    border-style:solid;
    border-color:transparent transparent #ffffff;
    content: "";
}

.sort-down{
    display: flex;
    justify-content: center;
    align-items: center;
}

.sort-down::after {
    display:flex;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #ffffff;
    content: "";
}

        .grid-main3 {
    border-collapse: separate;
    border-spacing: 0;

    border-width: 0;
    table-layout: fixed;
    width: 100%;
    outline-width: 0;
    max-width: none;
    max-height: none;
}

.grid-main3 th {
    background-color: #818181;

    opacity: 1;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    opacity: 1;
    height: 24px;
    line-height: 18px;
}

.grid-main3 td {
    padding-left:0px;
    border: 1.1px solid #c9c9c9;
    opacity: 1;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 14px;
    font-weight: normal;
    opacity: 1;
    height: 24px;
    line-height: 24px;
    color: #231815;
    word-wrap: break-word;
}
.grid-main3 input {
    height: 100%;
    border: none;
    overflow: hidden;
    /*color:black;*/
    padding-left: 3px;
    padding-right: 3px;
    width: calc(100% - 6px)
}

.grid-main3 tr td:last-of-type
{
padding-left:0px;
}
/*.grid-main3 tr:nth-child(2n + 1) {
    background-color: #ededed;
}*/

.grid-main3 tr td:nth-child(1) input {
    margin: 0 auto;
    display: flex;
}

.grid-main32 {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 0;
    table-layout: fixed;
    width: 100%;
    outline-width: 0;
    max-width: none;
    max-height: none;
    display: block;
}

.grid-main32 td {
    height: 28px;
    line-height: 28px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.grid-main32 input {
    height: 100%;
    width: 48.9%;
   border:1px solid #c9c9c9;
   padding: 1px;
   width:140px;
}

.grid-main32 button {
    margin-top: 5px;
}

.grid-main32-group {
    width:100%;
    height:24px;
    display: flex;
}

.grid-main32 td:nth-child(-n+2) .grid-main32-group:after {
    content:'';
    display: flex;
    width: 10px;
}
.red_color{
    color: red !important;
}

.content h4 {
    margin: 10px 0 0 0;
    padding: 6px 10px;
    font-size: 1.285714em;
    border-left: 3px solid #a0a0a0;
    font-weight: bold;
}

/** Search Dialog */
.search-text{
    width: 630px !important;
}
.search-btn{
    min-width: 50px !important;
    height: 29px;
    line-height: 29px;
    font-size: 15px;
    padding: 0px 0px;
    margin-left:10px;
    margin-right:4px;
}
/** ADD START 一元的な発給システム改修対応 V6.40 #295650 TDSL 2025/03/31 **/
.gyoshuSearch-btn{
    min-width: 50px !important;
    height: 29px;
    line-height: 29px;
    font-size: 15px;
    padding: 0px 0px;
    margin-left:10px;
    margin-right:4px;
}
/** ADD END 一元的な発給システム改修対応 V6.40 #295650 TDSL 2025/03/31 **/
.search-btn-dia{
    min-width: 50px !important;
}

.search-dialog-group{
    display: block;
    border: 1px solid #ccc;
}
.search-dialog-text{
    width: 99% !important;
}
.dia-col {
    background:#e9e9e9;
    text-align: center;
    padding: 5px 0px;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.dia-col:last-of-type{
    border-right:1px solid #ccc;
}
.dia-d-row{
    min-height:30px;
}
.dia-d-row:hover{
    background:#e9e9e9;
}
.dia-d-row:last-of-type .dia-d-col{
    border-bottom:1px solid #ccc;
}
.dia-d-col {
    /* text-align: center; */
    padding: 5px 0px;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    word-break:break-all;
}
.dia-d-col:last-of-type{
    border-right:1px solid #ccc;
}

.dia-d-row-select{
    color: #ffffff;
    background:#3266a5 !important;
}

.dia-col1{
    flex:1;
}
.dia-col2{
    flex:2;
}
.dia-col3{
    flex:2;
}
.dia-col4{
    flex:2;
}
.dia-col5{
    flex:2;
}
.dia-col6{
    flex:2;
}
.dia-col7{
    flex:2;
}

.todouhuken{
    color: #666666;
}
.sikutyouson{
    color: #666666;
}
.grid-main-td-grey{
    background-color:#818181;
}
.ui-dialog-titlebar-close{
    min-width:20px;
}
/** Search Dialog */

/** serial-input */
.serial-input-3 {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.serial-input-2 {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.serial-input-1 {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.serial-input-select {
    width: 267px;
    height: 24px;
    border-color: #a5a5a5;
    border-width: 1px;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

.serial-input-text {
    width: 140px !important;
    height: 24px;
    border-color: #a5a5a5;
    border-width: 1px;
    color: #666666;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 15px;
}

.serial-input-3>.serial-input-select{
    width: 283px !important;
}

.serial-input-3>.serial-input-text{
    width: 100px !important;
}

.serial-input-2>.serial-input-select{
    width: 283px !important;
}

.serial-input-2>.serial-input-text{
    width: 159px !important;
}

.serial-input-1>.serial-input-select{
    width: 283px !important;
}

.serial-input-1>.serial-input-text{
    width: 335px !important;
}
/** serial-input */
.command_area_totop{
    text-align:right;
    padding:48px 16px 8px 16px;
    /*width:1035.5px;*/
    display:table;
}
.btn_totop{
    background-image:url("../img/top_normal.svg");
    background-repeat:no-repeat;
    background-position:left center;
    height:70px;
    width:74px;
}
.btn_totop:hover, .d_btn-wt_focus:hover {
    background-image:url("../img/top_hover.svg");
    background-repeat:no-repeat;
    background-position:left center;
    cursor: pointer;

}
.btn_totop:active, .d_btn-wt_focus:active{
    background-image:url("../img/top_down.svg");
    background-repeat:no-repeat;
    background-position:left center;
}
.bottom_fix{
    position:fixed;
    bottom:10px;
    /*left:1240px;*/
    right: 16px;
    z-index:6;
}
.command_area_btn{
    display:table-cell;
    vertical-align:middle;
    padding:8px 0px 8px 0px;
}

.modify-input-col{
    background-color: #ffafaf !important;
    padding: 0px 0px;
}

.modify-input>input:not([type="image" i]):not([type="button" i]):not([type="submit" i]), .modify-input>textarea, .modify-input>select, .modify-input>label, .modify-input>.modify-box{
    background-color: #ffafaf ;
}

.modify-input > * > input:not([type="image" i]):not([type="button" i]):not([type="submit" i]), .modify-input>textarea, .modify-input>select, .modify-input>label, .modify-input>.modify-box{
    background-color: #ffafaf ;
}

.modify-input > * > .calendar-div > input:not([type="image" i]):not([type="button" i]):not([type="submit" i]), .modify-input>textarea, .modify-input>select, .modify-input>label, .modify-input>.modify-box{
    background-color: #ffafaf ;
}

.modify-input >  .base-checkbox {
    background-color: #ffafaf ;
}

.modify-input >  .base-radio {
    background-color: #ffafaf ;
}

.modify-input > select[disabled] {
    background-color: #ffafaf !important;
}

.modify-box{
	width: 100%;
	height:100%;
}

.shisetu_add{
    height: calc(100% - 32px);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.shisetu_add_td{
    vertical-align: top;
}
/** ADD START 一元的な発給システム改修対応 V6.40 #295650 TDSL 2025/03/31 **/
.gyokaku_add_td{
    vertical-align: top;
}
/** ADD END 一元的な発給システム改修対応 V6.40 #295650 TDSL 2025/03/31 **/

#wait_msg{
    z-index:9;
}
#download_msg{
    z-index:9;
}
 .msgUi {
      display: flex;
      position: relative;
      width: 1px;
      height: 1px;
  }
  .msgUi .help-text {

      width: 216px;
      background-color: #2f6cb3;
      color: #fff;
      font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
      font-weight: normal;
      font-size: 14px;
      text-align: center;
      box-shadow: 0px 3px 6px #00000029;
      opacity: 1;
      padding: 5px 5px;
      position: absolute;
      z-index: 1;
      top: 0px;
      left: 100%;
      margin-left: 2px;
      text-align: left;
  }

  .msgUi .help-text::after {
      content: "";
      position: absolute;
      top: 5px;
      left: -10px;
      margin-top: 3px;
      margin-left: 0px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent #2f6cb3 transparent transparent;
  }
  .backgroundColor-orange{
    background-color:#ffe500 !important
}
/*ADD END 輸出証明書発給システム一元対応 羅黎 2021/06/29*/
/*ADD START 輸出証明書発給システム一元対応 丁浩芮 2021/07/08*/
.ui-dialog .ui-dialog-titlebar-close span {
    display: unset;
    margin: -8px;
}
.oshirase-backgroundColor{
    border: 1px solid #c9c9c9;
    background-color: #fffed8 !important;
}
/*ADD END 輸出証明書発給システム一元対応 丁浩芮 2021/07/08*/
/*ADD START 輸出証明書発給システム一元対応 姜 2021/07/24*/
 .seizoushoGamenInputImeModeActive{
    ime-mode: active;
}
 .seizoushoGamenInputImeModeDisabled{
    ime-mode: disabled;
}
/*ADD END 輸出証明書発給システム一元対応 姜 2021/07/24*/

.grid-main-part {
    border-collapse: separate;
    border-spacing: 0;
    margin: 20px 0;
    border-width: 0;
    table-layout: fixed;
    outline-width: 0;
    max-width: none;
    max-height: none;
}

.grid-main-part th {
    background-color: #818181;
    border: 1px solid #c9c9c9;
    opacity: 1;
    text-align: center;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    opacity: 1;
    height: 24px;
    line-height: 18px;
}

.grid-main-part td {
    border: 1px solid #c9c9c9;
    opacity: 1;
    text-align: left;
    font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
    font-size: 14px;
    font-weight: normal;
    opacity: 1;
    height: 24px;
    line-height: 24px;
    color: #231815;
    word-wrap: break-word;
}

.grid-main-part-textalign-center th {
    text-align: center;
    word-break: break-all;
}

.grid-main-part-textalign-center td {
    text-align: center;
}

.grid-main-part tr:nth-child(2n + 1) {
    background-color: #ededed;
}
.grid-main-part tr:nth-child(2n) {
    background-color: #ffffff;
}

.grid-main-part tr td:nth-child(1) input {
    margin: 0 auto;
    display: flex;
}

.grid-main-part .grid_row_selected {
    background-color: #3266a5;
    color: #ffffff;
}

.grid-main-part .with-border td {
    border: 1px solid #c9c9c9 !important;
    border-collapse:collapse !important;
}

.text-zanryo-input {
    width:90px !important;
    text-align:center;
}

.text-kenekiShoumeishoNo-input {
    width:140px !important;
}

.text-kenekiShoumeishoNo2-input {
    width:20px !important;
}

.div-scroll-x-float {
    width:956px;
    overflow-x:auto;
}

.grid-page-block:hover,
.grid-page-block:focus {
    outline:1px dotted #2f64a7
}

.grid-page-onepage-count-link:hover,
.grid-page-onepage-count-link:focus {
    outline:1px dotted #2f64a7
}

.focus-first{
	font-family: "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴシックW3", sans-serif;
}

.flex-1-1{
    flex: 1 0 100%;
}

.flex-3-1{
	flex: 1 0 25%;
}

.flex-3-3{
    flex: 1 0 100%;
}

.flex-2-1{
    flex: 1 0 33.3%;
}

.ocr-img {
    position: relative;
	width: 26px;
	height: 32px;
    background-image: url("../img/OCR読込済アイコン.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ocr-icon{
    width: 40px;
    height: calc(100% + 2px);
    display: flex;
    background-color: #fff;
}

.freez-shadow {
    box-shadow: 3px 0px 10px #ccc;
}

.input-cell-sansyou-text{
	word-break: break-word;
}

.input-cell-shinsa-text{
    word-break: break-word;
}

.hakiriyuu-pre{
    margin: 0;
}

:-webkit-autofill {
    transition: background-color 86400s ease-in-out 0s;
}

.kotaiShikibetsuNo-tbody{
	display:block;
	overflow: auto;
	max-height:565px;
	width:100%;
}
.last-jyokyo-check{
    margin-left:auto;
}

.col-width-840{
    width:840px;
}

.col-width-all{
    width:100% !important;
}

.hs-cd-1{
    width:50px !important;
}

.hs-cd-2{
    width:25px !important;
}

.check-row{
              flex-direction: column;
    align-items: flex-start;
}

.base-hsCode {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/** ADD START 一元的な発給システム改修対応 V6.40 #295650 TDSL 2025/03/31 **/
.base-usHtsCode {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.us-hts-cd-1{
    width:50px !important;
}

.us-hts-cd-2{
    width:25px !important;
}
/** ADD END 一元的な発給システム改修対応 V6.40 #295650 TDSL 2025/03/31 **/

.img_rendering{
	image-rendering: pixelated;
}

.input-td.modify-input.checkbox-input-td,.input-td.modify-input.radio-input-td{
	background-color: #ffafaf ;
}

.ichiji-hozon-data {
    background-color: #94d050;
    color: #000000;
}
/* ADD START 一元的な発給システム改修対応 v4.00 No112 TDSL 2023/09/30 */
.dubutsu-keneki-no {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dubutsu-keneki-no-1{
    width:35px !important;
}

.dubutsu-keneki-no-2{
    width:25px !important;
}

.dubutsu-keneki-no-3{
    width:70px !important;
}
/* ADD END 一元的な発給システム改修対応 v4.00 No112 TDSL 2023/09/30 */
/* ADD START 一元的な発給システム改修対応 v5.00 No025 TDSL 2024/03/31 */
.shoumeishoNo-tbody{
	display:block;
	overflow: auto;
	max-height:281px;
	width:100%;
}
/* ADD END 一元的な発給システム改修対応 v5.00 No025 TDSL 2024/03/31 */

/* ADD START 一元的な発給システム改修対応 No001 電子納付サービス連携(REPS) TDSL 2024/3/31 */
.img-easy-buy {
    height: 85px;
    width: 90px;
    border: 1px solid #352929;
    border-radius: 4px;
}

.img-easy-buy:hover,
.img-easy-buy:focus {
    cursor: pointer;
    border-color: #2f64a7;
    outline: none;
    border-width: 1px;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
}
/* ADD END 一元的な発給システム改修対応 No001 電子納付サービス連携(REPS) TDSL 2024/3/31 */

/* ADD START 一元的な発給システム改修対応 v6.30 #291445 【運用R6要件：045】デジタル庁UI改善対応 No15 2025/03/31 */
.mt-20 {
	margin-top:-20px;
}
/* ADD END 一元的な発給システム改修対応 v6.30 #291445 【運用R6要件：045】デジタル庁UI改善対応 No15 2025/03/31 */

/* ADD START 一元的な発給システム改修対応 v6.30 【運用R6要件：069】  TDSL 2025/03/31*/
.ml-0{
	margin-left:0px !important;
}


.width-50{
	width:55px !important;
}
/* ADD END 一元的な発給システム改修対応 v6.30 【運用R6要件：069】  TDSL 2025/03/31*/