@charset "UTF-8";
/* ================================== */
/* ASP.NET用 共通スタイルシート       */
/* ================================== */

/* ---------------------------------- */
/* 共通スタイル（全てに適用）         */
/* ---------------------------------- */
* {
    /* -------- */
    /* フォント */
    /* -------- */
    font-family: "ＭＳ ゴシック", monospace;
    /*
    19/01/29 スマホ対応のため変更、ただしIEのみMSゴシック
    font-family: 'ＭＳ ゴシック', monospace;
    /*
    16/12/21 ＭＳ ゴシック(等幅フォント)への統一のため廃止
    font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
    */
    font-size: 14px;
    /*
    16/12/21 フォントサイズpx化のため廃止
    font-size: 10pt;
    */
    /* --------------------------------- */
    /* 幅、高さにpaddingとborderを含める */
    /* --------------------------------- */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* IE11の場合 */
_:-ms-lang(x)::-ms-backdrop, * {
    font-family: 'ＭＳ ゴシック', monospace;
}

/* Edge(EdgeHTML)の場合 */
_:-ms-lang(x)::backdrop, * {
    font-family: 'ＭＳ ゴシック', monospace;
    letter-spacing: -0.6px;
}

/* Edge(Chromium)の場合 */
_:lang(x)::-ms-, * {
    font-family: 'ＭＳ ゴシック', monospace;
    letter-spacing: -0.6px;
}

/* Chromeの場合 */
_:lang(x)::-internal-media-controls-overlay-cast-button, * {
    font-family: 'ＭＳ ゴシック', monospace;
    letter-spacing: -0.6px;
}

/* Firefoxの場合 */
_:lang(x)::-moz-placeholder, * {
    font-family: 'ＭＳ ゴシック', monospace;
    letter-spacing: -0.6px;
}

/* Safariの場合 */
_::-webkit-full-page-media, _:future, :root, input[type="submit"], input[type="button"] {
}

html, body {
    height: 100%; /*継承しない*/
    margin: 0; /*継承しない*/
    word-wrap: break-word; /*継承する*/
    word-break: break-all; /*継承する*/
}

/* 画面表示専用スタイル */
@media screen {
    .description {
        font-size: 12px;
        color: blue;
    }
}

/* 印刷専用スタイル */
@media print  {
    .description {
        font-size: 12px;
        color: black;
    }
    .print-button {
        display: none;
    }
}

/* 背景色 */
body {
    background-color: white;
}

/* オリオンブルー */
.corporate-color {
    background-color: #0074bf;
}

/* ---------------------------------- */
/* ヘッダー                           */
/* ---------------------------------- */
/*e-RIMDB接続時(未記述の場合もこちら)*/
body div.common-header,
body.ErimDb div.common-header {
    /*background-color: lightcyan;*/
    color: #ffffff;
}
/*TESTDB接続時*/
body.TestDb div.common-header {
    background-color: #bbd7fe !important;
}

/* ---------------------------------- */
/* コンテンツ                         */
/* ---------------------------------- */
div.divContainer {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

/* ---------------------------------- */
/* フッター                           */
/* ---------------------------------- */


/* ---------------------------------- */
/* ボタン要素への共通指定             */
/* ---------------------------------- */
/* 通常時のスタイル */
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
    border: 1px solid #707070;
    padding: 3px 5px;
    background: linear-gradient(#f0f0f0, #d5d5d5);
}

/* 無効時の枠線色 */
input[type="submit"]:disabled,
input[type="button"]:disabled {
    border: 1px solid #bababa;
}

/* マウスホバー時の背景色 */
input[type="submit"]:enabled:hover,
input[type="button"]:enabled:hover,
button:enabled:hover {
    background: #ABE1FA;
    border: 1px solid #707070;
}

/* マウスダウン時の背景色 */
input[type="submit"]:enabled:active,
input[type="button"]:enabled:active,
button:enabled:active {
    background: #21A0DB; /* 濃いめのブルー */
    border: 1px solid #707070;
}

/* マウスカーソル形状 */
input[type="submit"]:enabled,
input[type="button"]:enabled,
input[type="radio"]:enabled,
button:enabled,
select:enabled {
    cursor: pointer;
}

/* ---------------------------------- */
/* TextBox,Radio,Optionの形状統一(2D) */
/* ---------------------------------- */
input[type="text"],
input[type="password"],
textarea,
select {
    border: 1px solid #999999;
}
input[type="text"],
input[type="password"] 
{
    padding: 2px 0 2px 2px;
}
select:not([size]) {
    height: 1.4em;
}
/* ---------------------------------- */
/* テーブルのスタイル                 */
/* ---------------------------------- */
/*初期状態(class未指定)*/
table {
    border-collapse: collapse;
}
table th, table td{
    padding: 1px;
}
/*データ表示用*/ /*照会画面など、テーブルやデータグリッドビューにclass="tblDataDisplay"を指定*/
table.tblDataDisplay {
    background-color: #ffffff;
}
table.tblDataDisplay th,
table.tblDataDisplay td {
    padding: 2px;
    border: 1px solid #666666;
}

/*上下中央寄せ*/ /*tdやdivにclass="vMiddle"でセル内の子要素を上下中央寄せにする*/
.vMiddle > * {
    vertical-align: middle;
}


/* ---------------------------------- */
/* 汎用スタイル                       */
/* ---------------------------------- */
/* エラーメッセージ */
.errorMsg{
    font-size: 10pt;
    font-weight: bold;
    color: #FF0000;
}

/* マージン0 */
.margin0{
    margin: 0px;
}

/* パディング0 */
.padding0{
    padding: 0px;
}

/* マージン&パディング0 */
.margpadd0{
    margin: 0px;
    padding: 0px;
}

/* TextBox位置補正(Labelに合わせる) */
.TextBox位置補正{
    position: relative;
    top: 2px;
    left: -3px
}

/* Label位置補正(TextBoxに合わせる) */
.Label位置補正{
    position: relative;
    top: -2px;
    left: 3px
}

/* 補助ボタン(位置補正含む) */
.補助ボタン{
    /*
    16/12/22 指定不要とした
    width: 30px;
    height: 20px;
    position: relative;
    top: 0px;
    left: 0px;
    */
    font-family: 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 10px;
    padding: 4px 4px;
    line-height: 1.0;
    white-space: nowrap;
    overflow: hidden;
}

/* 補助画面の親画面20%グレーアウト用 */
.modalBackground {
    background-color: black;
    filter: alpha(opacity=20);
    opacity: 0.20;
    zoom: 1;
}

/* ウォーターマーク用スタイル */
.watermarked {
    color: #C0C0C0;
}

/* ---------------------------------- */
/* imeモード指定                      */
/* ---------------------------------- */
.自動 {
    ime-mode: auto;
}
.全角 {
    ime-mode: active;
}
.半角英数 {
    ime-mode: inactive;
}
.英数固定 {
    ime-mode: disabled;
}


/* ---------------------------------- */
/* エラー項目指定                     */
/* ---------------------------------- */
.errorItem {
    background-color: lightpink;
}



/* ---------------------------------- */
/* 補助画面用                         */
/* ---------------------------------- */

/* 補助外枠 */
div.divHojoWrapper
{
    border: 1px solid #C0C0C0;
    background-color: white;
    padding: 2px;
    margin: 0px;
    border: 1px solid darkseagreen;
    box-shadow: 2px 2px 9px 1px rgba(0, 0, 0, 0.6);
    font-family: "ＭＳ ゴシック";
}
div.divHojoWrapper table
{
    border-collapse: collapse;
}
div.divHojoWrapper table td
{
    padding: 0px;
    margin: 0px;
}
/* 補助ヘッダー部 */
table.tblHojoHeader
{
    width: 100%;
}
span.spanHojoMidasi
{
    font-size: 14pt;
    padding: 0 1em;
    color: #ffffff;
    background-color: #0026ff;
}
/* 補助コンテンツ部 */
div.divHojoContents
{
    padding: 3px 0;
}
div.divHojoListHead
{
    overflow: hidden;
}
table.tblHojoListHead
{
    position: relative;
}
div.divHojoListItem
{
    overflow: auto;
}
table.tblHojoListHead, table.tblHojoListItem
{
    table-layout: fixed;
}
table.tblHojoListHead tr td, table.tblHojoListItem tr td
{
    border: 1px solid gray;
    white-space: nowrap;
    overflow: hidden;
}
table.tblHojoListHead tr td
{
    color: #ffffff;
    background-color: #0026ff;
    text-align: center;
    font-weight: normal;
}
table.tblHojoListItem tr td
{
    font-size: 9pt;
}
table.tblHojoListItem tr:first-child td
{
    border-top: none;
}
input[type="button"].btnHojoSentaku,
input[type="submit"].btnHojoSentaku,
button.btnHojoSentaku,
.btnHojoSentaku
{
    padding: 0;
    width: 34px;
    height: 20px;
    font-size: 8pt;
}

/* 補助フッター部 */
table.tblHojoFooter
{
    width: 100%;
}

/* 補助グリッドビューの行スタイル */
table.tblHojoListItem tr.HojoGridRow td /* 標準行 */
{
    color: #333333;
    background-color: #F7F6F3;
}
table.tblHojoListItem tr.HojoGridAlternatingRow td /* 偶数行 */
{
    color: #284775;
    background-color: #ffffff;
}
table.tblHojoListItem tr.HojoGridSelectedRow td /* 選択行 */
{
    color: #333333;
    background-color: #E2DED6;
    font-weight: bold;
}
table.tblHojoListItem tr.HojoGridEditRow td /* 編集行 */
{
    background-color: #999999;
}
table.tblHojoListItem tr.HojoGridEmptyDataRow td /* 無結果時 */
{
    border: none !important;
    color: #ff0000;
    font-weight: bold;
}
table.tblHojoListItem tr.HojoGridHeader th, /* グリッドヘッダー */
table.tblHojoListItem tr.HojoGridFooter td  /* グリッドフッター */
{
    /*tblHojoListHeadと合わせる*/
    /*
    color: #ffffff;
    background-color: #5D7B9D;
    */
    color: #ffffff;
    background-color: #0000cd;
}
table.tblHojoListItem tr.HojoGridPager > td /* ページャー */
{
    color: #ffffff;
    background-color: #284775;
    text-align: center;
    vertical-align: bottom;
    padding: 4px 8px;
}
table.tblHojoListItem tr.HojoGridPager > td > table tr td /* ページャーのページ番号 */
{
    border: none;
    padding: 0px 4px;
}
table.tblHojoListItem tr.HojoGridPager > td > table tr td span /* ページャーのページ番号の現在のページ */
{
    font-weight: bold;
}
table.tblHojoListItem tr.HojoGridPager > td > table tr td a /* ページャーのページ番号の他のページ */
{
    color: #ffffff;
}

/* ----------------------------------           */
/* Ajax Control ToolkitのCalendarExtender補正用 */
/* ----------------------------------           */
div.ajax__calendar * {
    font-size: 14px !important;
}
div.ajax__calendar_container {
    width: 14em;
}
div.ajax__calendar_body {
    width: 13em;
}
div.ajax__calendar_days,
div.ajax__calendar_months,
div.ajax__calendar_years {
    width: 100%;
}
div.ajax__calendar_days table,
div.ajax__calendar_months table,
div.ajax__calendar_years table {
    width: 100%;
    table-layout: fixed;
}
div.ajax__calendar_dayname {
    width: auto;
}
div.ajax__calendar_day {
    padding: 0;
    width: 90%;
}
div.ajax__calendar_month,
div.ajax__calendar_year {
    width: auto;

}

/*e-RIM専用*/
/* Grid部 見出し背景 */
/* 文字色：白 */
/* 背景：青 */
.erimtabledataheader
{
    color: #ffffff;
    background-color: #0026ff;
}

/*e-RIM専用*/
/* Grid部 罫線 */
/* 罫線色：グレイ*/
.erimtabledataheader th, .erimtabledataheader td
{
    border: 1px solid #F7F6F3;
    border-color: gray;
}

/*e-RIM専用*/
/* Grid部 明細背景(標準行) */
/* 文字色：薄黒*/
/* 背景：薄グレー*/
.erimtabledataitem
{
    color: #333333;
    background-color: #F7F6F3;
}

/*e-RIM専用*/
/* Grid部 明細背景(偶数行) */
/* 文字色：濃青*/
/* 背景：白*/
.erimtabledataitemalternating
{
    color: #284775;
    background-color: #ffffff;
}

/*e-RIM専用*/
/* ラベル テキスト表示位置 */
.erimlabelheader
{
    text-align: center;
    height: 20px; 
    background-color: #e3f2fd; 
    border-style: solid;
    border-color: lightgray; 
    border-width: 1px; 
}
/* 変更不可の場合 */
.erimlabelheader.readonly
{
    background-color: #f3e7cd;
}

/*e-RIM専用*/
/*折り返し禁止*/
.erimnowordwrap {
    white-space: nowrap;
    overflow: hidden;
}

/*e-RIM専用*/
/*５桁入力項目の項目幅指定*/
.eriminput5keta {
    width: 42px;
}

/*e-RIM専用*/
/*８桁入力項目の項目幅指定*/
.eriminput8keta {
    width: 64px;
}

/*e-RIM専用*/
/*２０桁入力項目の項目幅指定*/
.eriminput20keta {
    width: 160px;
}

/*入力必須項目*/
.required:after {
    content: "*";
    color: red;
}

/*ソート項目用*/
.sort:after {
    font-family: "Font Awesome 5 Free";
    content: " \f0dc";
    font-weight: 900;
}
.sort-asc:after {
    font-family: "Font Awesome 5 Free";
    content: " \f0de";
    font-weight: 900;
}
.sort-desc:after {
    font-family: "Font Awesome 5 Free";
    content: " \f0dd";
    font-weight: 900;
}

/*テキスト均等割付ボタン*/
button.equal-space {
    display: block;
    padding: 0px 10px;
    height: 22px;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -moz-text-align-last: justify;
}

/* ---------------------------------- */
/* スマホ用                           */
/* ---------------------------------- */
@media screen and (max-width: 480px) {
    html {
        -webkit-text-size-adjust: 100%;
    }
    /*テキストボックス、ドロップダウンリストサイズ*/
    input[type="text"], select {
        min-height: 44px !important;
        font-size: 16pt;
    }
    /*ボタンサイズ*/
    :not(#dvMessageButtons) > input[type="submit"],
    :not(#dvMessageButtons) > input[type="button"],
    button {
        min-height: 44px;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 8px;
        background-color: #f0f0f0;
    }

    /*e-RIM専用*/
    /*５桁入力項目の項目幅指定*/
    .eriminput5keta {
        width: 60px !important;
    }

    /*e-RIM専用*/
    /*８桁入力項目の項目幅指定*/
    .eriminput8keta {
        width: 91px !important;
    }

    /*e-RIM専用*/
    /*２０桁入力項目の項目幅指定*/
    .eriminput20keta {
        width: 225px !important;
    }
}