﻿body {
}
.apl-table {
    min-width:1420px;
    border-collapse: collapse;
    table-layout: fixed; /* メモ列が長くても崩れにくくする */
}

.apl-table th, .apl-table td {
    border: 1px solid #ddd;
    padding: 6px 8px;
    vertical-align: middle;
    word-break: break-word;
}

.apl-table thead th {
    background: #f5f5f5;
    text-align: center;
}
/* 列幅の目安（お好みで調整） */
.aplRqLst_w-id {
    width: 30px;
}

.aplRqLst_w-no {
    width: 70px;
}

.aplRqLst_w-name {
    width: 90px;
}

.aplRqLst_w-kubun {
    width: 100px;
}
.aplRqLst_w-kekka {
    width: 80px;
}
.aplRqLst_w-syozoku {
    width: 120px;
}

.aplRqLst_w-dt {
    width: 90px;
}

.aplRqLst_w-memo {
    min-width:100px;
}

.text-center {
    text-align: center;
}

.rdc_closeArea
{
    width:774px;
    text-align:right;
}
.rdc_kv {
    display: grid;
    grid-template-columns: 160px 1fr;
    row-gap: 8px;
    column-gap: 12px;
}

    .rdc_kv .rdc_k {
        font-weight: 600;
        color: #333;
        text-align: right;
        padding-right: 5px;
        border-bottom: 1px silver solid;
    }

    .rdc_kv .rdc_v {
        color: #111;
        word-break: break-word;
        border-bottom: 1px silver solid;
        margin-left: -12px;
        padding-left: 12px;
        width: 600px;
    }
    .rdc_srcOwn {
        background-color: greenyellow;
        color: darkgreen;
    }

    .rdc_srcHQ {
        background-color: lightgoldenrodyellow;
        color: brown;
    }
    .edtCmtMemo_txtBox{
        width:540px;
        height:300px;
        font-size:12pt;
    }
    .edtCmtMemo_txbArea {
        margin:10px 0 10px 0;
    }

    .edtCmtMemo_cmdArea {
        width:545px;
        text-align:right;
    }

    .btnSave {
        margin-right: 10px;
        border-radius: 4px;
        font-size: 12pt;
        border: silver 1px outset;
        color: darkgreen;
        background-color: azure;
    }

    .btnClose {
        border-radius: 4px;
        font-size: 12pt;
        border: silver 1px outset;
        color: darkred;
        background-color: #ffeeee;
    }
.btnEdit {
    margin-right: 10px;
    border-radius: 4px;
    font-size: 12pt;
    border: silver 1px outset;
    color: darkgreen;
    background-color: azure;
}
.btnDel {
    margin-right: 10px;
    border-radius: 4px;
    font-size: 12pt;
    border: silver 1px outset;
    color: red;
    background-color: lightgoldenrodyellow;
}
.titleDiv {
    display: inline-block;
    padding: 5px 20px;
    font-size: 20pt;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin: 3px 0 5px 3px;
}

.frm
{
    padding:20px;
}
.rgCgMItm_rsltArea
{
    width:400px;
    padding:10px 0 10px 20px;
    margin:10px 0 10px 20px;
    font-size:14pt;
    background-color:aquamarine;
}
.rgCgMItm_selRsltItm{
    font-size:14pt;
    margin-right:10px;
}
.rgCgMItm_regBtn{
    font-size:14pt;
    border:silver 1px outset;
    border-radius:4px;
    background-color:#eeffee;
    color:darkgreen;
    font-weight:bold;
}
.mgnL5 {
    margin-left: 5px;
}
.mgnL10 {
    margin-left: 10px;
}
.mgnL20 {
    margin-left: 20px;
}
.mgnL30 {
    margin-left: 30px;
}

.stdTD {
    border: 1px solid;
    border-color: silver;
    text-align: center;
}

.stdTDL {
    border: 1px solid;
    border-color: silver;
    text-align: left;
    padding-left: 2px;
}

.stdTDR {
    border: 1px solid;
    border-color: silver;
    text-align: right;
    padding-right: 2px;
}
.stdTbl
{
    border-collapse:collapse;
}
.nonBorder
{
    border:none 0px white;
}
.closeBtnAreaForChk {
    margin: -20px 0 -10px 0;
    text-align: right;
    height:30px;
}

.btnPrint {
    margin-right: 10px;
    border-radius: 4px;
    font-size: 12pt;
    border: silver 1px outset;
    color: darkblue;
    background-color: #eeeeff;
}
@media screen {
    .screen-only {
        display: block; /* または inline など */
    }

    .print-only {
        display: none; /* 画面時は隠す */
    }

    .screen-onlyInLine {
        display: inline; /* または inline など */
    }

    .print-onlyInLine {
        display: none; /* 画面時は隠す */
    }
}

@media print {
    .screen-only {
        display: none; /* 印刷時は隠す */
    }

    .print-only {
        display: block; /* または inline など */
    }

    .screen-onlyInLine {
        display: none; /* 印刷時は隠す */
    }

    .print-onlyInLine {
        display: inline; /* または inline など */
    }
}