body, html {
    padding-bottom: 20px;
    font-family: "Meiryo UI", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #605653;
    line-height: 1.6;
    height: 100%;
}

    body a {
        /*color:#EE86A1;*/
    }

        body a:hover, body a:focus {
            color: #605653;
        }

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.header {
    margin-bottom: 5px;
    /*color: #ec6d56;*/
    color: #0070c0;
    width: 100%;
    bottom: 5px;
    font-weight: 600;
}

footer {
    width: 100%;
    background-color: #0070c0;
    color: #ffffff;
    padding-left: 25px;
    margin-top: 20px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
    border: solid 1px #898989;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    input.text-uplfilenm {
        width: 280px;
    }

    input.middle,
    select.middle,
    select[multiple].middle {
        width: 140px;
    }

    input.small,
    select.small {
        width: 80px;
    }

.td_size {
    height: 20px;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
}

    input.form-control {
        border: 1px solid #808080;
        /*font-size:13px;*/
        font-size: 11px;
        height: 40px;
    }

.btn {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 4px 12px;
    border-radius: 0px;
}

    .btn.btn-normal {
        padding: 0px;
        font-weight: 700;
        font-size: 14px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: none;
        -o-transition: all 0.218s;
        -moz-transition: all 0.218s;
        -webkit-transition: all 0.218s;
        transition: all 0.218s;
        height: 40px;
        /*background-image: linear-gradient(#ec6d56 60%, #ec6d56);*/
        background-image: linear-gradient(#0070c0 60%, #0070c0);
        color: #FFFFFF;
        /*width: 100%;*/
        /*width: 180px;*/
        width: 160px;
    }

        .btn.btn-normal:hover,
        .btn.btn-normal:focus {
            /*background-image: linear-gradient(#ec6d56 60%, #ec6d56);*/
            background-image: linear-gradient(#0070c0 60%, #0070c0);
            opacity: 0.8;
            color: #FFFFFF;
        }

        .btn.btn-normal:active {
            opacity: 0.5;
        }

.list_btn {
    width: 50px;
    padding-left: 10px;
}

.btn-default {
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    /*background-color: #ec6d56;*/
    background-color: #3399cc;
    border-bottom: solid 4px #B36479;
    padding: 0.3em 1em;
    border-radius: 3px;
}

    .btn-default:hover,
    .btn-default:focus {
        color: #ffffff;
        display: inline-block;
        text-decoration: none;
        /*background-color: #ec6d56;*/
        background-color: #3399cc;
        border-bottom: solid 4px #B36479;
        /*padding: 0.3em 1em;*/
        border-radius: 3px;
    }

    .btn-default:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px); /*下に動く*/
        border-bottom: none; /*線を消す*/
    }


.btn-back {
    color: #ffffff;
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
}

    .btn-back:hover,
    .btn-back:focus,
    .open .dropdown-toggle.btn-back {
        color: #ffffff;
        opacity: 0.8;
    }

    .btn-back:active,
    .btn-back.active,
    .open .dropdown-toggle.btn-back {
        background-image: none;
    }

    .btn-back.disabled,
    .btn-back[disabled],
    fieldset[disabled] .btn-back,
    .btn-back.disabled:hover,
    .btn-back[disabled]:hover,
    fieldset[disabled] .btn-back:hover,
    .btn-back.disabled:focus,
    .btn-back[disabled]:focus,
    fieldset[disabled] .btn-back:focus,
    .btn-back.disabled:active,
    .btn-back[disabled]:active,
    fieldset[disabled] .btn-back:active,
    .btn-back.disabled.active,
    .btn-back[disabled].active,
    fieldset[disabled] .btn-back.active {
        background-color: #ffffff;
        border-color: #cccccc;
    }

.btn-lg {
    border-radius: 0px;
}

.btn-sm,
.btn-xs {
    border-radius: 0px;
}

.chkbox {
    margin: 0 0 10px 10px;
}

    /* ラベルのスタイル　*/
    .chkbox label {
        padding-left: 35px;
        font-size: 15px;
        display: inline-block;
        position: relative;
        font-weight: normal;
    }

h2 {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.6em 0 0.6em 1.5em;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

    /* ■■ 共通設定 ■■■ */
    /* タイトル枠線*/
    h2.black_border {
        color: black;
        border: 2px solid black;
    }

    h2.blue_border {
        color: #668ad8;
        border: 2px solid #668ad8;
    }

    h2.green_border {
        color: #009900;
        border: 2px solid #009900;
    }

    h2.orenge_border {
        color: #FFA500;
        border: 2px solid #FFA500;
    }

    h2.green_border {
        background: #009900;
        color: white;
    }

.btn-size {
    width: 50%;
}

.btn-size1 {
    width: 450%;
}

.btn.btn-top {
    margin-top: 5px;
}

.btn.select-office,
.btn.select-user-multi,
.btn.select-user-reference,
.btn.user-delete,
.btn.select-user {
    width: 120px;
    height: 30px;
}

.btn.user-delete {
    background-image: linear-gradient(#BBBBBB 60%, #EEEEEE);
}

    .btn.user-delete:hover,
    .btn.user-delete:focus {
        background-image: linear-gradient(#BBBBBB 60%, #EEEEEE);
        opacity: 0.8;
        color: #FFFFFF;
    }

    .btn.user-delete:active {
        opacity: 0.5;
    }

.btn.btn-search {
    width: 120px;
}

select.list-normal {
    width: 200px;
    border-color: #808080;
}

div.page-title span {
    margin-bottom: 5px;
}

div.page-title img {
    width: 48px;
    padding-right: 10px;
}

table.where-open {
    cursor: pointer;
}

input.ympicker-noborder,
input.ympicker-noborder:focus,
input.ympicker-noborder:active,
input.ympicker-noborder:hover {
    border: none;
}

/* 入力エラー時の設定 */
.input-validation-error {
    background-color: #FFF3F3;
    border: 1px solid #ff0000 !important;
}

/* エラーメッセージの周辺幅 */
p.field-validation-error {
    margin: 10px 0 10px;
}
/* 送り状照会、受注一覧のエラーメッセージ位置*/
p.search-invoice-err,
p.search-recieved-order-err {
    margin: 10px 0 10px;
}

.field-validation-error {
    color: #ff0000;
    font-size: 17px;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
    background-image: url('img/check_off.png');
}

/*メッセージエリア*/
div.message p.info {
    padding-left: 30px;
    background: url("../../Contents/img/common/circle_check.png") left center no-repeat;
    background-size: 25px 25px;
    font-size: 1.5em;
}

div.message-area {
    position: fixed;
    top: 106px;
    height: 48px;
    width: 1141px;
    background-color: white;
    z-index: 2;
    margin-top: 8px;
}

/*チェックボックスの文字*/
.fontnormal {
    font-weight: normal;
}

/* カスタムチェックボックス3 */
.custom-checkbox {
    display: none;
}

    .custom-checkbox + label, .custom-checkbox + input[type='hidden'] + label {
        position: relative;
        display: inline-block;
        cursor: pointer;
        padding: 0 0 0 30px;
        margin: 0 20px 0 0;
    }

        .custom-checkbox + label::before, .custom-checkbox + input[type='hidden'] + label::before {
            position: absolute;
            left: 0;
            top: 60%;
            margin: -11px 0 0 0;
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url("../../Contents/img/common/check.png");
            background-size: cover;
            content: "";
        }

    .custom-checkbox:checked + label::before, .custom-checkbox:checked + input[type='hidden'] + label::before {
        background: url("../../Contents/img/common/check_on.png");
        background-size: cover;
        content: "";
    }

    .custom-checkbox:disabled + label, .custom-checkbox:disabled + input[type='hidden'] + label {
        opacity: .3;
        cursor: not-allowed;
    }

/* カスタムラジオボタン */
.custom-radio {
    cursor: pointer;
}

.custom-radio-label {
    cursor: pointer;
}

/* カスタムリスト */
select {
    -webkit-appearance: none; /* ベンダープレフィックス(Google Chrome、Safari用) */
    -moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
    appearance: none; /* 標準のスタイルを無効にする */
    border: none;
    color: #605653; /* フォントの色を指定 */
    background: url("../../Contents/img/common/select_arrow.png") 95% 50% no-repeat;
    background-size: 10px;
    padding: 6px 12px;
    font-size: 16px;
    border: 1px solid #605653;
    box-sizing: border-box;
    border-radius: 4px;
}

::-ms-expand { /* select要素のデザインを無効にする（IE用） */
    display: none;
}

/*使用不可のリストはドロップダウン固有の見た目と変える*/
select.form-control[disabled] {
    -webkit-appearance: none;
}

/*グリッド背景色*/
.grid_color_bk {
    border-collapse: collapse;
    background: #ffffff;
}

    .grid_color_bk th, .grid_color_bk td {
        border: 1px solid #ffffff;
    }

    .grid_color_bk tr:nth-child(even) {
        background: #f2f2f2;
    }

.grid_color_white {
    border-collapse: collapse;
    background: #ffffff;
}

/*paging*/
.pagination > li > a,
.pagination > li > span {
    padding: 6px 20px;
    margin-left: 1px;
    background-color: #EE86A1;
    border: 1px solid #dddddd;
    color: #FFFFFF;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #999999;
    border-color: #999999;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #ffffff;
    cursor: not-allowed;
    background-color: #002060;
    border-color: #dddddd;
}

.page_nv li {
    list-style: none;
}

.page_nv ul {
    padding-left: 0px;
}

.sort_select {
    cursor: pointer;
    font-weight: normal;
    color: #FFFFFF;
}

.sort_not_select {
    cursor: pointer;
    font-weight: normal;
    color: #FFFFFF;
}

#globalHeader {
}

    #globalHeader:before {
        content: "";
        display: block;
        height: 4px;
        width: 100%;
        background-color: #66ccff;
    }

    #globalHeader .base {
        width: 100%;
        height: 110px;
        color: #000000;
        /*background-image: linear-gradient(#f9bfb4, #FFFFFF);*/
    }

    #globalHeader .baseLink {
        width: 100%;
        background-color: #ffffff;
    }

    #globalHeader .base .headArea {
    }

    #globalHeader .base .menuArea {
        display: inline-block;
        position: absolute;
        /*top: 8px;*/
        right: 20px;
        bottom: 20px;
        padding: 20px 0px 10px 10px;
    }

    #globalHeader .base .menuAreaS {
        display: inline-block;
        position: absolute;
        right: 10px;
    }

        #globalHeader .base .menuAreaS .signoutArea .lnk-personalSettings img {
            width: 30px;
            padding-right: 3px;
        }

        #globalHeader .base .menuAreaS .signoutArea .lnk-logout img {
            width: 31px;
            padding-left: 5px;
        }

    #globalHeader .base .nmArea1,
    .base .nmArea2 {
        display: table-cell;
        width: 400px;
        vertical-align: middle;
        text-align: left;
        float: left;
        padding-right: 70px;
        padding-left: 70px;
        font-weight: 600;
        font-size: 18px;
        color: #4b4b4b;
    }

    #globalHeader .base .tonArea {
        display: table-cell;
        padding: 0 2px 2px 0;
        vertical-align: middle;
        padding: 10px 10px 0;
        text-align: center;
    }

    #globalHeader .base .signoutArea {
    }

        #globalHeader .base .signoutArea .logo img {
            height: 85px;
        }

    #globalHeader .base .menuArea .menu {
        font-size: 18px;
        color: #4b4b4b;
        font-weight: 600;
        font-size: 10pt;
        /*margin-top:10px;*/
        margin-top: 20px;
    }

        #globalHeader .base .menuArea .menu img {
            width: 40px;
        }

    #globalHeader .base .signoutArea .logout,
    #globalHeader .base .helpArea .help {
        font-size: 18px;
        color: #4b4b4b;
        font-weight: 600;
        font-size: 10pt;
        margin-top: 10px;
    }

/*header menu*/









　
/*nav要素は絶対位置指定にして、ビューの外側に置いて見えなくします。
　　nav の中の ul li は横並びを解除して縦組みにレイアウトし直します。*/
#menu {
}

#globalHeader .base .menuArea #menuList {
    position: absolute; /*bodyに対しての絶対位置*/
    right: -320px;
    top: 65px; /*通常時はビュー外*/
    background: rgba(255,255,255,.7);
    /*width: 50%;*/
    width: 300px;
    padding: 0;
    transition: .5s ease-in-out; /*transitionで動きを*/
    text-align: left
}

    #globalHeader .base .menuArea #menuList ul {
        background: rgba(255,255,255,.7) !important;
        padding: 0 15px;
        margin: 0
    }

        #globalHeader .base .menuArea #menuList ul li {
            display: block;
            margin: 0;
            /*border-bottom: dotted 1px #fff;*/
            border-bottom: dotted 1px rgba(255,255,255,.7);
            line-height: 2
        }

            #globalHeader .base .menuArea #menuList ul li a {
                display: block
            }

            #globalHeader .base .menuArea #menuList ul li::after {
                content: ''
            }

            #globalHeader .base .menuArea #menuList ul li:last-child {
                border-bottom: none
            }

/*header menu*/
/*.openNavが付いた要素の中のnavを 縦方向に351px移動（=表示される）*/
.openNav #menuList {
    transform: translateX(-300px)
}

#globalHeader .base .helpArea img {
    padding-right: 5px;
}

/*ラベル 入力欄 必須*/
.note {
    font-size: small;
    font-weight: normal;
    padding: 2px 10px 2px 10px;
    float: right;
    background-color: #0070c0;
    margin-right: 10px;
    border-radius: 5px;
}

/*一覧　編集ボタン*/
.span-btn {
    font-size: small;
    font-weight: normal;
    color: #ffffff;
    padding: 4px 10px 4px 10px;
    background-color: #EE86A1;
    display: inline-block;
    width: 100%;
    text-align: center;
}

table.header td a {
    color: #FFFFFF;
    text-decoration: underline;
}

/*登録・参照画面メッセージ*/
.msg-area {
    width: 90%;
    border: double black;
    background-color: #dee9f7;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.msg-area-error {
    width: 90%;
    border: double black;
    background-color: #dee9f7;
    color: #ff0000;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.table-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
}

    .table-scroll table {
        margin-bottom: 0px;
    }

img.ui-datepicker-trigger {
    height: 20px;
    cursor: pointer;
}

.class-sunday > .ui-state-default {
    background: #FFCCCC !important;
    color: red !important;
}

.class-saturday > .ui-state-default {
    background: #CCCCFF !important;
    color: blue !important;
}

/* ■■ 画面個別設定 ■■■ */
/*マスタメンテナンス*/
.table-list {
    width: 100%;
    table-layout: fixed;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

    .table-list td {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.table-nobordered {
    border: hidden;
}

.table-nobordered-top {
    border-top: hidden;
}

.table-nobordered-btm {
    border-bottom: hidden;
}

table.table-list th.list-sort {
    /*cursor:pointer;*/
}

.searchbox0 {
    font-size: 13px;
}

    .searchbox0 .btnbox0,
    .searchbox0 .btnbox1 {
        border: 0px solid #ccc;
        display: inline-block;
        letter-spacing: 0.1em;
        /*background-image: linear-gradient(#ec6d56 60%, #edc5be);*/
        background-image: linear-gradient(#0070c0 60%, #0070c0);
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 10px 20px;
        text-align: center;
        font-size: 1em;
        letter-spacing: 0;
        color: #fff;
        margin: 0;
        cursor: pointer;
        display: inline-block;
    }

.paging-wrap .searchbox0 .btnbox0,
.paging-wrap .searchbox0 .btnbox1 {
    padding: 0px 10px;
}

.searchbox0 .btnbox0:hover,
.searchbox0 .btnbox1:hover {
    background-color: #001642;
}

.searchbox0 .btnbox0[disabled],
.searchbox0 .btnbox1[disabled] {
    background-color: #EE86A1;
    opacity: 0.3;
    cursor: not-allowed;
}

.searchbox0 .btnbox0 img,
.searchbox0 .btnbox1 img {
    width: auto;
}

.searchbox0 .btnbox2 {
    display: inline-block;
    border: 1px solid #dcdcdc;
    letter-spacing: 0.1em;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0;
    width: 35px;
    text-align: center;
    font-size: 1em;
    letter-spacing: 0;
    color: #666;
    margin: 0 1px 0 1px;
    cursor: pointer;
    display: inline-block;
}

    .searchbox0 .btnbox2:hover {
        border: 1px solid #f35929;
        display: inline-block;
        border: 1px solid #dcdcdc;
        letter-spacing: 0.1em;
        background-color: #001642;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 0;
        width: 35px;
        text-align: center;
        font-size: 1em;
        letter-spacing: 0;
        color: #fff;
        cursor: pointer;
        display: inline-block;
    }

    .searchbox0 .btnbox1.active,
    .searchbox0 .btnbox2.active {
        background: #dcdcdc;
        color: #fff;
        cursor: not-allowed;
    }

table#target {
    width: auto;
    margin-top: 20px;
}

.search-menu {
    background-color: white;
}

    .search-menu table {
        margin-top: 15px;
        margin-bottom: 15px;
        width: 100%;
    }

        .search-menu table td.search-label {
            text-align: right;
        }

        .search-menu table td.width {
            width: 10%;
        }

.searchbtn {
    padding: 10px 30px;
    float: right
}

.container .text-left table.btn {
    width: 100px;
}

.datatable {
    padding-top: 30px
}

table.datatable thead {
    background-color: #303030;
}

    table.datatable thead tr {
        color: white;
    }

.display-none {
    display: none;
}

.container .text-left table tr td.newbtn-blanc {
    width: 1100px
}

td.title {
    font-weight: bold;
    width: 20%;
    padding-left: 1%;
}

td.text {
    width: 65%;
}

td.multi-title {
    font-weight: bold;
    width: 17%;
    padding-left: 1%;
}

td.multi-text {
    width: 30%;
}

td.search-title {
    font-weight: bold;
    width: 10%;
    padding-left: 1%;
}

/*マスタメンテナンス登録・参照画面*/
table.edit_table {
    border: 1px double black;
    margin-bottom: 20px;
    width: 90%;
    table-layout: fixed;
}

    table.edit_table th {
        padding-left: 10px;
        background-color: #002060;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

    table.edit_table label {
        font-weight: normal;
    }

    table.edit_table td {
        padding-left: 10px;
        background-color: #ebebeb;
        word-wrap: break-word;
    }

        table.edit_table td.field-validation-error {
            color: #ff0000;
            height: 25px;
        }

    table.edit_table tr.refer {
        height: 60px;
    }

        table.edit_table tr.refer td {
            border-bottom: 1px solid black;
        }

    table.edit_table td.td_bottom {
        padding-bottom: 15px;
        border-bottom: 1px solid black;
    }

    table.edit_table tr td input.regist-family {
        width: 50%;
    }


/*     メニュー画面         */
.btn.btn-service,
.btn.btn-customer {
    background-image: linear-gradient(#ec6d56 60%, #f6bdb4);
    width: 330px;
    height: 50px;
    position: relative;
}

.btn.btn-contact {
    width: 150px;
    height: 40px;
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
}

.btn.btn-service:before,
.btn.btn-customer:before {
    position: absolute;
    left: 10px;
    background: url("../../Contents/img/common/report.png") no-repeat;
    content: "";
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: -10px 5px 0 -5px;
    background-size: contain;
    vertical-align: middle;
}

.btn.btn-service:hover,
.btn.btn-service:focus,
.btn.btn-customer:hover,
.btn.btn-customer:focus {
    background-image: linear-gradient(#ec6d56 60%, #f6bdb4);
    opacity: 0.8;
    color: #FFFFFF;
}

.btn.btn-contact:hover,
.btn.btn-contact:focus {
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
    opacity: 0.8;
}

.btn.btn-service:active,
.btn.btn-customer:active {
    opacity: 0.5;
}

.btn.btn-comment {
    background-image: linear-gradient(#6699ff 60%, #b3ccff);
    width: 330px;
    height: 50px;
    position: relative;
}

    .btn.btn-comment:before {
        position: absolute;
        left: 10px;
        background: url("../../Contents/img/common/comment.png") no-repeat;
        content: "";
        display: inline-block;
        width: 45px;
        height: 45px;
        margin: -10px 5px 0 -5px;
        background-size: contain;
        vertical-align: middle;
    }

    .btn.btn-comment:hover,
    .btn.btn-comment:focus {
        background-image: linear-gradient(#6699ff 60%, #b3ccff);
        opacity: 0.8;
        color: #FFFFFF;
    }

    .btn.btn-comment:active {
        opacity: 0.5;
    }

.btn.btn-userInfo,
.btn.btn-userList {
    position: relative;
    background-image: linear-gradient(#26e27b 60%, #a7f3c9);
    width: 330px;
    height: 50px;
}

    .btn.btn-userInfo:before,
    .btn.btn-userList:before {
        position: absolute;
        left: 10px;
        background: url("../../Contents/img/common/web_user.png") no-repeat;
        content: "";
        display: inline-block;
        width: 45px;
        height: 45px;
        margin: -10px 5px 0 -5px;
        background-size: contain;
        vertical-align: middle;
    }

    .btn.btn-userInfo:hover,
    .btn.btn-userInfo:focus,
    .btn.btn-userList:hover,
    .btn.btn-userList:focus {
        background-image: linear-gradient(#26e27b 60%, #a7f3c9);
        opacity: 0.8;
        color: #FFFFFF;
    }

    .btn.btn-userInfo:active,
    .btn.btn-userList:active {
        opacity: 0.5;
    }

/*.menu_area ul.menu {
        width:330px;
        text-align:center;
    }*/

.menu_area ul.menu__second-level {
    width: 330px;
}

.btn.btn-master {
    position: relative;
    background-image: linear-gradient(#d9d9d9 60%, #f2f2f2);
    width: 330px;
    height: 50px;
}

    .btn.btn-master:before {
        position: absolute;
        left: 10px;
        background: url("../../Contents/img/common/master.png") no-repeat;
        content: "";
        display: inline-block;
        width: 45px;
        height: 45px;
        margin: -10px 5px 0 -5px;
        background-size: contain;
        vertical-align: middle;
    }

    .btn.btn-master:hover,
    .btn.btn-master:focus {
        background-image: linear-gradient(#d9d9d9 60%, #f2f2f2);
        opacity: 0.8;
        color: #FFFFFF;
    }

    .btn.btn-master:active {
        opacity: 0.5;
    }

.back-area {
    margin-top: 20px;
    text-align: right;
}

.top-area {
    width: 100%;
}

.menu_area table.notice {
    width: 300px;
    margin-top: 60px;
    text-align: center;
    margin-left: 35%;
}

    .menu_area table.notice td {
        padding-bottom: 10px;
    }

        .menu_area table.notice td a {
            padding-top: 12px;
        }

            .menu_area table.notice td a.btn-contact {
                padding-top: 8px;
            }


/*  利用規約画面  */
.checkbox-area {
    display: flex;
    margin: 15px 0px 15px 0px;
}

    .checkbox-area div.div-checkbox {
        width: 100%;
        text-align: center;
    }

.userpolicy_area .editbox .checkbox-area .div-checkbox input.form-control.accept-flg {
    display: inline;
    width: 20px;
    height: 25px;
    margin: 0 0 0 0;
}

.userpolicy_area .editbox .checkbox-area .div-checkbox label {
    margin: 0 0 0 0;
}


/*  ファイルアップロード画面  */
.upload-container {
    display: block;
    margin: 20px;
}

    .upload-container .upload-area {
        margin: 20px 0px 20px 0px;
    }

        .upload-container .upload-area .file-select {
            display: inline-block;
            margin: 20px 0px;
        }

            .upload-container .upload-area .file-select .input-file {
                display: inline-block;
                max-width: 900px;
                width: 900px;
                margin-left: 10px;
            }

        .upload-container .upload-area .btn-upload {
            display: block;
        }

        .upload-container .upload-area .btn-upload-setting {
            width: 60px;
        }

/*  ファイルアップロード画面(アップロード履歴)  */
.container .history-area {
    margin: 10px 20px 20px 20px;
}

    .container .history-area .button-area {
        margin: 3px 0px 3px 0px;
    }

        .container .history-area .button-area .btn-uplDataDel {
            display: block;
        }

.file-type {
    width: 130px;
}

.history-area table.upl-history-list tbody,
.history-area table.upl-history-list thead {
}

    .history-area table.upl-history-list thead tr th {
        height: 30px;
        background-color: #0070c0;
    }

        .history-area table.upl-history-list thead tr th.del-flg,
        .history-area table.upl-history-list tbody tr td.del-flg {
            min-width: 90px;
            width: 90px;
            max-width: 90px;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
        }

        .history-area table.upl-history-list thead tr th.upl-user-nm,
        .history-area table.upl-history-list tbody tr td.upl-user-nm {
            min-width: 300px;
            width: 300px;
            max-width: 300px;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
        }

        .history-area table.upl-history-list thead tr th.upl-file-nml,
        .history-area table.upl-history-list tbody tr td.upl-file-nm {
            min-width: 330px;
            width: 330px;
            max-width: 330px;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
        }

        .history-area table.upl-history-list thead tr th.upl-dt,
        .history-area table.upl-history-list tbody tr td.upl-dt {
            min-width: 200px;
            width: 200px;
            max-width: 200px;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
        }

    .history-area table.upl-history-list tbody tr td.del-flg input.form-control.del-flg {
        display: inline;
        width: 20px;
        height: 20px;
    }

.history-area table.upl-history-list td {
    border: 1px solid #C0C0C0;
    height: 30px;
    max-height: 30px;
    text-align: center;
    color: #051b36;
}

.del-flg {
    margin-top: -2px;
}

.history-area table.upl-history-list tr:nth-child(2n) td {
    background-color: #F2F2F2;
}

.history-area .dispcount-area {
    text-align: left;
}

    .history-area .dispcount-area p {
        display: inline-block;
        margin: 3px 0px 3px;
    }


.container.webuser-list {
    width: 1170px;
    max-width: 1170px;
}

    .container.webuser-list form {
        width: 1170px;
        max-width: 1170px;
    }

    .container.webuser-list .table-area {
        /*width: 1760px;
        max-width: 1760px;*/
        position: relative;
    }

    .container.webuser-list table.table-list.user-nm-list {
        width: 220px;
        max-width: 220px;
        white-space: normal;
        float: left;
    }

    .container.webuser-list table.table-list.detail-list {
        max-width: 900px;
        /*max-width: 1120px;*/
        max-height: 375px;
        overflow: auto;
        white-space: normal;
    }

        .container.webuser-list table.table-list.detail-list thead .mCSB_scrollTools_horizontal {
            height: 0;
        }

    .container.webuser-list form .chkbox {
        margin: 0 0 5px 10px;
        padding-top: 10px;
    }


/* WEBユーザー詳細画面用設定 */
.btn-area {
    display: flex;
}

    .btn-area div.div-btn {
        width: 100%;
        text-align: center;
    }

        .btn-area div.div-btn input {
            margin: 0 40px 0 40px;
        }

.editbox div.rowJ {
    margin-bottom: 20px;
    width: 100%;
}

.editbox div.blockJ {
    border-bottom: 2px solid #808080;
    padding-bottom: 8px;
}

.editbox div.inputJ {
    display: inline-block;
    width: 85%;
    padding-left: 10px;
}

.editbox table tr th span.row-hissu {
    width: calc(100% - 60px);
}


.editbox table tr span.hissu {
    background: url("../../Contents/img/common/require.png") no-repeat;
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 0px -5px 0 0px;
    background-size: 45px;
    background-position: right center;
    vertical-align: middle;
}

.editbox table {
    width: 100%;
    border: 1px solid #dcdcdc;
}

    .editbox table tr th {
        padding-left: 10px;
        border: 1px solid #C0C0C0;
        background: #f4f8f9;
        color: #605653;
        font-weight: normal;
        height: 45px;
    }

        .editbox table tr th.hissu-komoku {
            border-right: none;
        }

        .editbox table tr th.hissu {
            border-left: none;
            padding-left: 0;
            width: 65px;
            text-align: center;
        }

            .editbox table tr th.hissu[rowspan] {
                border-left: 1px solid #C0C0C0;
            }

    .editbox table tr td:first-of-type {
        text-align: left;
        width: 55%;
    }

    .editbox table tr td:nth-of-type(2n) {
        border-left: hidden;
    }

    .editbox table tr td {
        background: #fff;
        padding: 5px 0px 5px 15px;
        border: 1px solid #C0C0C0;
        text-align: center
    }

        .editbox table tr td span.riyo-nm,
        .editbox table tr td span.jigyo-nm {
            margin: 0px 0px 0px 20px;
            border-bottom: 1px solid #808080;
            display: block;
            float: left;
            width: 70%;
            height: 35px;
            padding-top: 5px;
        }


        .editbox table tr td span.referencing,
        .editbox table tr td span.kyotaku,
        .editbox table tr td span.chiiki {
            margin: 0px;
            width: 100%;
            float: none;
            padding-left: 40px;
        }

        .editbox table tr td.mail-info {
            font-size: 13px;
        }

        .editbox table tr td input {
            width: 100%;
            max-width: 100%;
        }

        .editbox table tr td select {
            width: 100%;
            max-width: 100%;
        }

    .editbox table.sts-his-table {
        width: 100%;
        border: none
    }

        .editbox table.sts-his-table thead.scrollHead {
            display: block;
        }

            .editbox table.sts-his-table thead.scrollHead tr th {
                width: 196px;
                max-width: 196px;
                background-color: #f0f0f0;
                text-align: center;
                border: 1px solid #dcdcdc;
            }

        .editbox table.sts-his-table tbody.scrollBody tr td {
            width: 196px;
            max-width: 196px;
            border: 1px solid #dcdcdc;
            overflow: hidden;
            text-overflow: clip;
            white-space: nowrap;
        }

        .editbox table.sts-his-table tbody.scrollBody tr:nth-child(2n) td {
            background-color: #f8f8f8;
        }

        .editbox table.sts-his-table tbody.scrollBody {
            display: block;
            max-height: 111px;
        }

    .editbox table tr td div.tel1 {
        border-bottom: 2px solid #808080;
        float: left;
        width: 45%;
        text-align: center;
        margin-right: 10%;
        height: 30px;
    }

    .editbox table tr td div.tel2 {
        border-bottom: 2px solid #808080;
        float: left;
        width: 45%;
        text-align: center;
        height: 30px;
    }

    .editbox table tr td div.loginLastDt {
        border-bottom: 2px solid #808080;
        width: 40%;
        text-align: center;
        height: 30px;
    }


textarea {
    outline: none !important;
}

.btn.btn-on {
    padding: 0px;
    font-weight: 700;
    font-size: 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
    height: 40px;
    background-image: linear-gradient(#ec6d56 60%, #edc5be);
    color: #FFFFFF;
    width: 100%;
}

    .btn.btn-on:hover,
    .btn.btn-on:focus {
        background-image: linear-gradient(#ec6d56 60%, #edc5be);
        opacity: 0.8;
        color: #FFFFFF;
    }

    .btn.btn-on:active {
        opacity: 0.5;
    }

.btn.btn-off {
    padding: 0px;
    font-weight: 700;
    font-size: 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
    height: 40px;
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
    color: #FFFFFF;
    width: 100%;
}

/* 送り状照会：検索条件表示制御エリア */
.usermaintenancelist_area div.disp,
.announcementslist_area div.disp,
.convdealercdlist_area div.disp,
.ReceivedOrder_area div.disp,
.invoicelist_area div.disp {
    height: 30px;
    width: auto;
    font-size: 17px;
    font-weight: bold;
    color: #4b4b4b;
}

.usermaintenancelist_area table.where-open .row-data .col-close,
.usermaintenancelist_area table.where .row-data .col-open,
.announcementslist_area table.where-open .row-data .col-close,
.announcementslist_area table.where .row-data .col-open,
.convdealercdlist_area table.where-open .row-data .col-close,
.convdealercdlist_area table.where .row-data .col-open,
.ReceivedOrder_area table.where-open .row-data .col-close,
.ReceivedOrder_area table.where .row-data .col-open,
.invoicelist_area table.where-open .row-data .col-close,
.invoicelist_area table.where .row-data .col-open {
    height: 34px;
    width: 30px;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 1px 5px;
    opacity: 0.7;
}

    .usermaintenancelist_area table.where-open .row-data .col-close.open,
    .announcementslist_area table.where-open .row-data .col-close.open,
    .convdealercdlist_area table.where-open .row-data .col-close.open,
    .ReceivedOrder_area table.where-open .row-data .col-close.open,
    .invoicelist_area table.where-open .row-data .col-close.open {
        background-image: url("../../Contents/img/common/minus.png");
    }

    .usermaintenancelist_area table.where-open .row-data .col-close.close,
    .announcementslist_area table.where-open .row-data .col-close.close,
    .convdealercdlist_area table.where-open .row-data .col-close.close,
    .ReceivedOrder_area table.where-open .row-data .col-close.close,
    .invoicelist_area table.where-open .row-data .col-close.close {
        background-image: url("../../Contents/img/common/plus.png");
    }

.invoicelist_area table tr.width-settings th.column1 {
    width: 100px;
}

.invoicelist_area table tr.width-settings th.column3 {
    width: 120px;
}

.invoicelist_area table tr.width-settings th.column5 {
    width: 120px;
}

.invoicelist_area tr.rowA {
    height: 50px;
    padding-top: 0;
}

.invoicelist_area div.rowB {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}


.invoicelist_area div.rowC {
    margin-top: 10px;
    text-align: left;
    width: 100%;
}

.invoicelist_area td.titleB {
    padding-left: 20px;
}

.invoicelist_area td.titleC {
    padding-left: 30px;
}

.invoicelist_area div.inputA {
    display: inline-block;
}

.invoicelist_area div.labelA {
    display: inline-block;
    margin-left: 10px;
}

.invoicelist_area .btn.hojinSearch-btn {
    width: 120px;
    height: 30px;
}

.invoicelist_area .kbn-list {
    height: 40px;
    width: 250px;
}

.invoicelist_area .code-list {
    height: 40px;
    width: 200px;
}

.invoicelist_area .datepicker {
    height: 20px;
}

.invoicelist_area .casedt-datepicker {
    height: 40px;
}

.invoicelist_area .btn.btn-create {
    width: 200px;
}

/*送り状照会：検索結果一覧エリア*/
.usermaintenancelist_area table.office-table th.header-title,
.announcementslist_area table.office-table th.header-title,
.history-area table.upl-history-list th.header-title,
.convdealercdlist_area table.office-table th.header-title,
.ReceivedOrder_area table.office-table th.header-title,
.invoicelist_area table.office-table th.header-title {
    background-color: #0070c0;
    color: #FFFFFF;
    text-align: center;
    height: 37px;
    font-weight: bold;
    vertical-align: middle;
    border-top-color: rgb(192, 192, 192);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(192, 192, 192);
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: rgb(192, 192, 192);
    border-left-style: solid;
    border-left-width: 1px;
}

.usermaintenancelist_area table.office-table th.search-text,
.announcementslist_area table.office-table th.search-text,
.history-area table.upl-history-list th.search-text,
.convdealercdlist_area table.office-table th.search-text,
.ReceivedOrder_area table.office-table th.search-text,
.invoicelist_area table.office-table th.search-text {
    vertical-align: middle;
    text-align: center;
    border-right-color: rgb(192, 192, 192);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(192, 192, 192);
    border-bottom-style: none;
    border-bottom-width: 1px;
    border-left-color: rgb(192, 192, 192);
    border-left-style: solid;
    border-left-width: 1px;
}

    .usermaintenancelist_area table.office-table td input[type="search"],
    .usermaintenancelist_area table.office-table th.search-text input[type="search"],
    .announcementslist_area table.office-table th.search-text input[type="search"],
    .convdealercdlist_area table.office-table td input[type="search"],
    .convdealercdlist_area table.office-table th.search-text input[type="search"],
    .ReceivedOrder_area table.office-table th.search-text input[type="search"],
    .invoicelist_area table.office-table th.search-text input[type="search"] {
        -webkit-appearance: searchfield;
    }

        .usermaintenancelist_area table.office-table td input[type="search"]::-webkit-search-cancel-button,
        .usermaintenancelist_area table.office-table th.search-text input[type="search"]::-webkit-search-cancel-button,
        .announcementslist_area table.office-table th.search-text input[type="search"]::-webkit-search-cancel-button,
        .convdealercdlist_area table.office-table td input[type="search"]::-webkit-search-cancel-button,
        .convdealercdlist_area table.office-table th.search-text input[type="search"]::-webkit-search-cancel-button,
        .ReceivedOrder_area table.office-table th.search-text input[type="search"]::-webkit-search-cancel-button,
        .invoicelist_area table.office-table th.search-text input[type="search"]::-webkit-search-cancel-button {
            -webkit-appearance: searchfield-cancel-button;
        }

.usermaintenancelist_area table.office-table td,
.announcementslist_area table.office-table td,
.convdealercdlist_area table.office-table td,
.ReceivedOrder_area table.office-table td,
.invoicelist_area table.office-table td {
    border: 1px solid #C0C0C0;
    height: 33px;
    max-height: 33px;
    text-align: center;
    color: #051b36;
}

/*.usermaintenancelist_area table.office-table tr:nth-child(2n) td,*/
.convdealercdlist_area table.office-table tr:nth-child(2n) td,
.ReceivedOrder_area table.office-table tr:nth-child(2n) td,
.invoicelist_area table.office-table tr:nth-child(2n) td {
    background-color: #F2F2F2;
}

/*送り状照会画面(ヘッダー固定)*/
.invoicelist_area table.office-table.office-table thead {
    position: fixed;
    top: 189px;
    z-index: 1;
    max-width: 1141px;
    overflow: hidden;
}

.ReceivedOrder_area table.office-table.office-table thead {
    position: fixed;
    top: 189px;
    z-index: 1;
    max-width: 1141px;
    overflow: hidden;
}

.container.invoice-list .dispcount {
    text-align: left;
    position: fixed;
    top: 110px;
    z-index: 2;
    background-color: white;
    width: 1141px;
    height: 80px;
}

.container.ReceivedOrder-list .dispcount {
    text-align: left;
    position: fixed;
    top: 110px;
    z-index: 2;
    background-color: white;
    width: 1141px;
    height: 80px;
}

.container.announcements-list .dispcount {
    text-align: left;
    top: 110px;
    z-index: 2;
    background-color: white;
    width: 1141px;
    height: 45px;
}

.usermaintenancelist_area table.table-list,
.convdealercdlist_area table.table-list,
.ReceivedOrder_area table.table-list,
.invoicelist_area table.table-list {
    overflow: auto;
}

.container.ReceivedOrder-list,
.container.invoice-list,
.container.user-maintenance-list {
    width: 1141px;
    max-width: 1141px;
}

    .container.user-maintenance-list form,
    .container.invoice-list form {
        /*width: 1170px;
        max-width: 1170px;*/
    }

.container.convdealercd-list {
    width: 875px;
    max-width: 875px;
}

    .container.convdealercd-list form {
        width: 750px;
        max-width: 750px;
    }

    .container.user-maintenance-list .table-area,
    .container.convdealercd-list .table-area,
    .container.ReceivedOrder-list .table-area,
    .container.invoice-list .table-area {
        /*width: 1760px;
        max-width: 1760px;*/
        position: relative;
    }

    .container.user-maintenance-list .dispcount,
    .container.convdealercd-list .dispcount {
        text-align: left;
    }

.container.announcements-list {
    width: 1141px;
    max-width: 1141px;
}



.container.ReceivedOrder-list .dispcount .paging-wrap,
.container.invoice-list .dispcount .paging-wrap {
    display: inline-block;
    vertical-align: bottom;
}

    .container.ReceivedOrder-list .dispcount .paging-wrap.multi-page,
    .container.invoice-list .dispcount .paging-wrap.multi-page {
        margin: 0px 0px 5px 0px;
    }

    .container.ReceivedOrder-list .dispcount .paging-wrap.single-page,
    .container.invoice-list .dispcount .paging-wrap.single-page {
        margin: 30px 0px 5px 0px;
    }

.container.ReceivedOrder-list .dispcount div.search-area {
    margin: 12px 0 5px 0px;
    display: inline-block;
    position: relative;
    right: 10px;
    float: right;
}

.container.invoice-list .dispcount div.search-area {
    margin: 12px 94px 5px 0px;
    display: inline-block;
    position: relative;
    right: 10px;
    float: right;
}

.container.announcements-list .dispcount div.search-area {
    margin: 0px 0px 0px 0px;
    display: inline-block;
    position: relative;
    float: right;
}

.container.ReceivedOrder-list .dispcount div.search-area.single-page,
.container.ReceivedOrder-list .dispcount div.search-area.multi-page {
    margin: 12px 0px 5px 0px;
    position: relative;
    right: 0;
}

.container.invoice-list .dispcount div.search-area.single-page,
.container.invoice-list .dispcount div.search-area.multi-page {
    margin: 12px 0 5px 0px;
    position: relative;
    right: 0;
}

.container.user-maintenance-list .dispcount div.search-area.multi-page {
    margin: 12px 0px 5px 0px;
    position: absolute;
    right: 0;
}

.container.user-maintenance-list .dispcount p,
.container.convdealercd-list .dispcount p {
    display: inline-block;
    margin: 5px 5px 0px;
}

.container.announcements-list .dispcount p,
.container.ReceivedOrder-list .dispcount p,
.container.invoice-list .dispcount p {
    display: inline-block;
    font-size: 14px;
    margin: 0px 0px 2px 0px;
    vertical-align: bottom;
}

.container.ReceivedOrder-list .dispcount .display-count,
.container.invoice-list .dispcount .display-count {
    display: inline-block;
    font-size: 14px;
    width: 70px;
    vertical-align: bottom;
}

.container.announcements-list .dispcount .btn-search,
.container.convdealercd-list .dispcount .btn-search,
.container.ReceivedOrder-list .dispcount .btn-search,
.container.invoice-list .dispcount .btn-search {
    width: 125px;
}

.container.user-maintenance-list .dispcount .btn-search {
    width: 90px;
}

.container.user-maintenance-list .dispcount .btn-allclear {
    width: 100px;
}

.container.user-maintenance-list .dispcount .btn-add {
    width: 100px;
}

.container.user-maintenance-list .dispcount .btn-allsave {
    width: 100px;
}

.container.user-maintenance-list .dispcount .btn-search {
    width: 100px;
}

.container.ReceivedOrder-list .dispcount .btn-search {
    margin: 0px 0px 0px 0px;
}

.container.invoice-list .dispcount .btn-search {
    margin: 0px 0px 0px 0px;
}

.container.convdealercd-list .dispcount .btn-secondary {
    width: 110px;
}

.container.ReceivedOrder-list .dispcount .btn-excel,
.container.invoice-list .dispcount .btn-excel,
.container.ReceivedOrder-list .dispcount .btn-customize,
.container.invoice-list .dispcount .btn-customize,
.container.announcements-list .dispcount .btn-allclear,
.container.ReceivedOrder-list .dispcount .btn-allclear,
.container.invoice-list .dispcount .btn-allclear {
    margin: 0px 0px 0px 0px;
    width: 125px;
}

.container.ReceivedOrder-list table.table-list.user-nm-list,
.container.invoice-list table.table-list.user-nm-list {
    width: 1141px;
    max-width: 1141px;
    white-space: normal;
    float: left;
    font-size: 11px;
}

.container.user-maintenance-list table.table-list.user-maintenance-list {
    /*max-width: 510px;
    width: 510px;*/
    max-width: 1291px;
    width: 1110px;
    white-space: normal;
    float: left;
    /*font-size: 13px;*/
    font-size: 11px;
}

.container.user-maintenance-list table.table-list.detail-list {
    /*max-width: 630px;*/
    max-width: 690px;
    max-height: 375px;
    /*overflow: auto;*/
    white-space: normal;
    float: left;
    /*font-size: 13px;*/
    font-size: 11px;
    /*width:220px;*/
}

.container.convdealercd-list table.table-list.detail-list {
    max-width: 840px;
    max-height: 375px;
    /*overflow: auto;*/
    white-space: normal;
    float: left;
    /*font-size: 13px;*/
    font-size: 11px;
    /*width:220px;*/
}

.container.ReceivedOrder-list form .chkbox,
.container.invoice-list form .chkbox {
    margin: 0 0 5px 10px;
    padding-top: 10px;
}

.usermaintenancelist_area table.table-list thead,
.ReceivedOrder_area table.table-list thead,
.invoicelist_area table.table-list thead {
    display: block;
    height: 107px;
}

/*ユーザーメンテナンス：検索結果一覧エリアの高さ調整*/
.usermaintenancelist_area table.table-list tbody {
    display: block;
    margin-top: -16px;
}

/*送り状照会：検索結果一覧エリア(高さ調整等)*/
.invoicelist_area table.table-list tbody {
    display: block;
    z-index: 0;
    top: auto;
    margin-top: 159px;
    display: block;
    width: 1141px;
}

/*受注一覧：検索結果一覧エリア(高さ調整等)*/
.ReceivedOrder_area table.table-list tbody {
    display: block;
    z-index: 0;
    top: auto;
    margin-top: 159px;
    display: block;
    width: 1141px;
}

    .usermaintenancelist_area table.table-list tbody tr,
    .convdealercdlist_area table.table-list tbody tr,
    .ReceivedOrder_area table.table-list tbody tr,
    .invoicelist_area table.table-list tbody tr {
        height: 32px;
        white-space: nowrap;
    }

.usermaintenancelist_area table.table-list thead tr th,
.announcementslist_area table.table-list thead tr th,
.convdealercdlist_area table.table-list thead tr th,
.ReceivedOrder_area table.table-list thead tr th {
    height: 53px;
    background-color: #0070c0;
}

.invoicelist_area table.table-list thead tr th {
    height: 26px;
    background-color: #0070c0;
}

/* ユーザメンテナンス */
.usermaintenancelist_area .dispcount input.btn {
    margin-left: 5px;
    float: right;
}

.usermaintenancelist_area table.table-list thead tr th.no,
.usermaintenancelist_area table.table-list tbody tr td.no,
.usermaintenancelist_area table.table-list thead tr th.del-flg,
.usermaintenancelist_area table.table-list tbody tr td.del-flg {
    max-width: 40px;
    min-width: 40px;
    width: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.usermaintenancelist_area table.table-list thead tr th.user-cd,
.usermaintenancelist_area table.table-list tbody tr td.user-cd {
    /*max-width: 135px;
    min-width: 135px;
    width: 135px;*/
    max-width: 110px;
    min-width: 110px;
    width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .usermaintenancelist_area table.table-list thead tr th.user-cd input.form-control.user-cd,
    .usermaintenancelist_area table.table-list tbody tr td.user-cd input.form-control.user-cd {
        display: inline;
        /*width: 130px;*/
        width: 105px;
        ime-mode: disabled;
    }

.usermaintenancelist_area table.table-list thead tr th.user-nm-kana,
.usermaintenancelist_area table.table-list tbody tr td.user-nm-kana,
.usermaintenancelist_area table.table-list thead tr th.user-nm,
.usermaintenancelist_area table.table-list tbody tr td.user-nm {
    /*max-width: 315px;
    min-width: 315px;
    width: 315px;*/
    max-width: 202px;
    min-width: 202px;
    width: 202px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .usermaintenancelist_area table.table-list thead tr th.user-nm-kana input.form-control.user-nm-kana,
    .usermaintenancelist_area table.table-list tbody tr td.user-nm-kana input.form-control.user-nm-kana,
    .usermaintenancelist_area table.table-list thead tr th.user-nm input.form-control.user-nm,
    .usermaintenancelist_area table.table-list tbody tr td.user-nm input.form-control.user-nm {
        display: inline;
        /*max-width: 310px;
    width: 310px;*/
        max-width: 199px;
        width: 199px;
    }

.usermaintenancelist_area table.table-list thead tr th.password,
.usermaintenancelist_area table.table-list tbody tr td.password {
    /*max-width: 315px;
    min-width: 315px;
    width: 315px;*/
    max-width: 150px;
    min-width: 150px;
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .usermaintenancelist_area table.table-list thead tr th.password input.form-control.password,
    .usermaintenancelist_area table.table-list tbody tr td.password input.form-control.password {
        display: inline;
        /*max-width: 310px;
    width: 310px;*/
        max-width: 147px;
        width: 147px;
        ime-mode: disabled;
    }

.usermaintenancelist_area table.table-list thead tr th.auth-cls,
.usermaintenancelist_area table.table-list tbody tr td.auth-cls {
    /*max-width: 385px;
    min-width: 385px;
    width: 385px;*/
    max-width: 103px;
    min-width: 103px;
    width: 103px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .usermaintenancelist_area table.table-list tbody tr td.auth-cls select.form-control.auth-cls {
        display: inline;
        /*max-width: 380px;
    width: 380px;*/
        max-width: 100px;
        width: 100px;
    }

    .usermaintenancelist_area table.table-list tbody tr td.auth-cls select.form-control.auth-cls {
        font-size: 13px;
    }

.usermaintenancelist_area table.table-list thead tr th.mail-address,
.usermaintenancelist_area table.table-list tbody tr td.mail-address {
    /*max-width: 315px;
    min-width: 315px;
    width: 315px;*/
    max-width: 210px;
    min-width: 210px;
    width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.usermaintenancelist_area table.table-list thead tr th.password input.form-control.mail-address,
.usermaintenancelist_area table.table-list tbody tr td.password input.form-control.mail-address {
    display: inline;
    /*max-width: 310px;
    width: 310px;*/
    max-width: 155px;
    width: 155px;
    ime-mode: disabled;
}


.usermaintenancelist_area table.table-list thead tr th.last-login-dttm,
.usermaintenancelist_area table.table-list tbody tr td.last-login-dttm {
    /*max-width: 160px;
    min-width: 160px;
    width: 160px;*/
    max-width: 125px;
    min-width: 125px;
    width: 125px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.usermaintenancelist_area table.table-list thead tr th.pwd-vld-dt,
.usermaintenancelist_area table.table-list tbody tr td.pwd-vld-dt {
    /*max-width: 160px;
    min-width: 160px;
    width: 160px;*/
    max-width: 75px;
    min-width: 75px;
    width: 75px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.usermaintenancelist_area table.table-list thead tr th.del-flg input.form-control.del-flg,
.usermaintenancelist_area table.table-list tbody tr td.del-flg input.form-control.del-flg {
    display: inline;
    width: 20px;
    height: 20px;
}

.usermaintenancelist_area table.table-list thead tr th.hidden-col,
.usermaintenancelist_area table.table-list tbody tr td.hidden-col {
    max-width: 5px;
    min-width: 5px;
    width: 5px;
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    visibility: hidden;
}

.usermaintenancelist_area .dispcount .btn-alert {
    width: 180px;
}

/* ディーラーコード変換 */
.container.convdealerbase-list {
    width: 966px;
    max-width: 966px;
}

.convdealercdlist_area .dispcount input.btn {
    margin-left: 5px;
    float: right;
}

.convdealercdlist_area table.table-list col.own-dealer-cd-org,
.convdealercdlist_area table.table-list col.ent-dttm,
.convdealercdlist_area table.table-list col.ent-user,
.convdealercdlist_area table.table-list col.upd-dttm,
.convdealercdlist_area table.table-list col.upd-user,
.convdealercdlist_area table.table-list col.edit-flg {
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    visibility: hidden;
}

.convdealercdlist_area table.table-list col.own-dealer-cd {
    /*min-width: 215px;*/
    width: 215px;
    /*max-width: 215px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.convdealercdlist_area table.table-list col.dealer-nm {
    /*min-width: 385px;*/
    width: 360px;
    /*max-width: 385px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.convdealercdlist_area table.table-list col.dealer-select {
    /*min-width: 125px;*/
    width: 150px;
    /*max-width: 125px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}


.convdealercdlist_area table.table-list col.dealer-base-nm {
    width: 460px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.convdealercdlist_area table.table-list col.bo-notice-receive {
    width: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.convdealercdlist_area table.table-list col.add-column {
    width: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.convdealercdlist_area table.table-list col.no,
.convdealercdlist_area table.table-list col.del-flg {
    /*min-width: 60px;*/
    width: 60px;
    /*max-width: 60px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.convdealercdlist_area table.table-list tbody tr td.dealer-nm {
    border-right-style: none
}

.convdealercdlist_area table.table-list tbody tr td.dealer-select {
    border-left-style: none
}

.convdealercdlist_area table.table-list thead tr th.own-dealer-cd input.form-control.own-dealer-cd,
.convdealercdlist_area table.table-list tbody tr td.own-dealer-cd input.form-control.own-dealer-cd {
    display: inline;
    width: 210px;
}

.convdealercdlist_area table.table-list thead tr th.dealer-nm input.form-control.dealer-nm {
    display: inline;
    max-width: 380px;
    width: 380px;
}

.convdealercdlist_area table.table-list thead tr th.dealer-nm input.form-control.dealer-nm-conv {
    display: inline;
    max-width: 173px;
    width: 173px;
}

.convdealercdlist_area table.table-list thead tr th.dealer-base-nm input.form-control.dealer-base-nm {
    display: inline;
    max-width: 455px;
    width: 455px;
}

.convdealercdlist_area table.table-list tbody tr td input.btn-add-column {
    display: inline;
    width: 60px;
    height: 30px;
    font-weight: bold;
    border: none;
    outline: none;
    background: transparent;
}

.convdealercdlist_area table.table-list thead tr th.del-flg input.form-control.del-flg,
.convdealercdlist_area table.table-list tbody tr td.del-flg input.form-control.del-flg {
    display: inline;
    width: 20px;
    height: 20px;
}

/*　ディーラー拠点マスタ　*/
.announcementslist_area table.table-list thead tr th.prefecture {
    max-width: 112px;
    min-width: 112px;
    width: 112px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.announcementslist_area table.table-list thead tr th.base-adress {
    max-width: 185px;
    min-width: 185px;
    width: 185px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/*.announcementslist_area table.table-list tbody td.input.form-control.base-adress {
		display: inline;
		max-width: 95%;
		width: 180px;
	}*/

.announcementslist_area table.table-list thead tr th.base-tel {
    max-width: 140px;
    min-width: 140px;
    width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/*.announcementslist_area table.table-list tbody td.input.form-control.base-tel {
		display: inline;
		max-width: 95%;
		width: 140px;
	}*/

.announcementslist_area table.table-list thead tr th.base-fax {
    max-width: 140px;
    min-width: 140px;
    width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/*.announcementslist_area table.table-list tbody td.input.form-control.base-fax {
		display: inline;
		max-width: 95%;
		width: 140px;
	}*/

announcementslist_area table.table-list tbody td.input.form-control.base-nm {
    display: inline;
    max-width: 100%;
    width: 400px !important;
}

/*　メーカーからのお知らせ画面　*/
.announcementslist_area table.table-list thead tr th.manufacturer-nm {
    max-width: 300px;
    min-width: 300px;
    width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .announcementslist_area table.table-list thead tr th.manufacturer-nm input.form-control.manufacturer-nm {
        display: inline;
        max-width: 95%;
        width: 300px;
    }

.announcementslist_area table.table-list thead tr th.announcement-content {
    max-width: 841px;
    min-width: 841px;
    width: 841px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .announcementslist_area table.table-list thead tr th.announcement-content input.form-control.announcement-content {
        display: inline;
        max-width: 95%;
        width: 841px;
    }

.announcementslist_area table.office-table tr.manufacturer-view td {
    height: 400px;
}



/******************************
        送り状照会(幅指定)
*******************************/
.ReceivedOrder_area .dispcount input.btn,
.invoicelist_area .dispcount input.btn {
    margin-left: 5px;
}

/*詳細*/
.invoicelist_area table.table-list thead tr th.detail,
.invoicelist_area table.table-list tbody tr td.detail {
    min-width: 45px;
    width: 45px;
    max-width: 45px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.invoicelist_area table.table-list tbody tr td .btn-detail {
    width: 40px;
    font-size: 11px;
    height: 30px;
}

/*ディーラー名orメーカー名*/
.invoicelist_area table.table-list thead tr th.company-nm,
.invoicelist_area table.table-list tbody tr td.company-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.company-nm input {
        display: inline;
        width: 80px;
    }

/*ディーラー発注番号*/
.invoicelist_area table.table-list thead tr th.order-no,
.invoicelist_area table.table-list tbody tr td.order-no {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.order-no input {
        display: inline;
        width: 70px;
    }

/*受注No.*/
.invoicelist_area table.table-list thead tr th.ord-no,
.invoicelist_area table.table-list tbody tr td.ord-no {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.ord-no input {
        display: inline;
        width: 70px;
    }

/*納品書No.*/
.invoicelist_area table.table-list thead tr th.guide-no,
.invoicelist_area table.table-list tbody tr td.guide-no {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.guide-no input {
        display: inline;
        width: 70px;
    }

/*出荷日*/
.invoicelist_area table.table-list thead tr th.out-dt,
.invoicelist_area table.table-list tbody tr td.out-dt {
    min-width: 130px;
    width: 130px;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.out-dt input {
        display: inline-block;
        width: 105px;
    }

/*発送先名*/
.invoicelist_area table.table-list thead tr th.dis-nm,
.invoicelist_area table.table-list tbody tr td.dis-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.dis-nm input {
        display: inline;
        width: 80px;
    }

/*発送先住所*/
.invoicelist_area table.table-list thead tr th.dis-adrs,
.invoicelist_area table.table-list tbody tr td.dis-adrs {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.dis-adrs input {
        display: inline;
        width: 80px;
    }

/*病院名*/
.invoicelist_area table.table-list thead tr th.hospital-nm,
.invoicelist_area table.table-list tbody tr td.hospital-nm {
    min-width: 120px;
    width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .invoicelist_area table.table-list thead tr th.hospital-nm input {
        display: inline;
        width: 110px;
    }

/*JANコード*/
.invoicelist_area table.table-list thead tr th.jan-cd,
.invoicelist_area table.table-list tbody tr td.jan-cd {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.jan-cd input {
        display: inline;
        width: 80px;
    }

/*品番*/
.invoicelist_area table.table-list thead tr th.callin-nm,
.invoicelist_area table.table-list tbody tr td.callin-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.callin-nm input {
        display: inline;
        width: 80px;
    }

/*品名*/
.invoicelist_area table.table-list thead tr th.item-nm,
.invoicelist_area table.table-list tbody tr td.item-nm {
    min-width: 120px;
    width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.item-nm input {
        display: inline;
        width: 110px;
    }

/*ロットNo.*/
.invoicelist_area table.table-list thead tr th.lot-no,
.invoicelist_area table.table-list tbody tr td.lot-no {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.lot-no input {
        display: inline;
        width: 80px;
    }

/*シリアルNo.*/
.invoicelist_area table.table-list thead tr th.serial-no,
.invoicelist_area table.table-list tbody tr td.serial-no {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.serial-no input {
        display: inline;
        width: 80px;
    }

/*使用期限*/
.invoicelist_area table.table-list thead tr th.use-exp,
.invoicelist_area table.table-list tbody tr td.use-exp {
    min-width: 110px;
    width: 110px;
    max-width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.use-exp input {
        display: inline;
        width: 100px;
    }

/*出荷数*/
.invoicelist_area table.table-list thead tr th.out-qty,
.invoicelist_area table.table-list tbody tr td.out-qty {
    min-width: 70px;
    width: 70px;
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.out-qty input {
        display: inline;
        width: 60px;
    }

/*単位名*/
.invoicelist_area table.table-list thead tr th.unit-nm,
.invoicelist_area table.table-list tbody tr td.unit-nm {
    min-width: 70px;
    width: 70px;
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.unit-nm input {
        display: inline;
        width: 60px;
    }

/*オーダー種類*/
.invoicelist_area table.table-list thead tr th.order-type,
.invoicelist_area table.table-list tbody tr td.order-type {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.order-type input {
        display: inline;
        width: 80px;
    }

/*症例日*/
.invoicelist_area table.table-list thead tr th.case-dt,
.invoicelist_area table.table-list tbody tr td.case-dt {
    min-width: 130px;
    width: 130px;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.case-dt input {
        display: inline-block;
        width: 105px;
    }

/*備考*/
.invoicelist_area table.table-list thead tr th.remarks,
.invoicelist_area table.table-list tbody tr td.remarks {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.remarks input {
        display: inline;
        width: 80px;
    }

/*運送会社*/
.invoicelist_area table.table-list thead tr th.exp-nm,
.invoicelist_area table.table-list tbody tr td.exp-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.exp-nm input {
        display: inline;
        width: 80px;
    }

/*送り状No.*/
.invoicelist_area table.table-list thead tr th.inv-no,
.invoicelist_area table.table-list tbody tr td.inv-no {
    min-width: 95px;
    width: 95px;
    max-width: 95px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.inv-no input {
        display: inline;
        /*width: 120px;*/
        width: 80px;
        ime-mode: disabled;
    }

/*事業部名*/
.invoicelist_area table.table-list thead tr th.division-nm,
.invoicelist_area table.table-list tbody tr td.division-nm {
    min-width: 100px;
    width: 100px;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.division-nm input {
        display: inline;
        width: 90px;
    }

/*出荷元*/
.invoicelist_area table.table-list thead tr th.out-nm,
.invoicelist_area table.table-list tbody tr td.out-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.out-nm input {
        display: inline;
        width: 80px;
    }

/*担当営業所*/
.invoicelist_area table.table-list thead tr th.mat-nm,
.invoicelist_area table.table-list tbody tr td.mat-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.mat-nm input {
        display: inline;
        width: 80px;
    }

/*品目コード*/
.invoicelist_area table.table-list thead tr th.item-cd,
.invoicelist_area table.table-list tbody tr td.item-cd {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.item-cd input {
        display: inline;
        width: 80px;
    }

/*受注日*/
.invoicelist_area table.table-list thead tr th.ord-dt,
.invoicelist_area table.table-list tbody tr td.ord-dt {
    min-width: 130px;
    width: 130px;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.ord-dt input {
        display: inline-block;
        width: 105px;
    }

/*発送先コード*/
.invoicelist_area table.table-list thead tr th.dis-cd,
.invoicelist_area table.table-list tbody tr td.dis-cd {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.dis-cd input {
        display: inline;
        width: 80px;
    }

/*受注数*/
.invoicelist_area table.table-list thead tr th.order-qty,
.invoicelist_area table.table-list tbody tr td.order-qty {
    min-width: 70px;
    width: 70px;
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.order-qty input {
        display: inline;
        width: 60px;
    }

/*******************************
    受注一覧画面 
 *******************************/
/*詳細*/
.ReceivedOrder_area table.table-list thead tr th.detail,
.ReceivedOrder_area table.table-list tbody tr td.detail {
    min-width: 45px;
    width: 45px;
    max-width: 45px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.ReceivedOrder_area table.table-list tbody tr td .btn-detail {
    width: 40px;
    /*font-size: 13px;*/
    font-size: 11px;
    height: 30px;
}

/*ディーラー名orメーカー名*/
.ReceivedOrder_area table.table-list thead tr th.company-nm,
.ReceivedOrder_area table.table-list tbody tr td.company-nm {
    /*min-width: 150px;
    width: 150px;
    max-width: 150px;*/
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.company-nm input {
        display: inline;
        width: 80px;
    }

/*ディーラー発注番号*/
.ReceivedOrder_area table.table-list thead tr th.order-no,
.ReceivedOrder_area table.table-list tbody tr td.order-no {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.order-no input {
        display: inline;
        width: 70px;
    }

/*受注日*/
.ReceivedOrder_area table.table-list thead tr th.received-ord-dt,
.ReceivedOrder_area table.table-list tbody tr td.received-ord-dt {
    min-width: 130px;
    width: 130px;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.received-ord-dt input {
        display: inline-block;
        width: 100px;
    }

/*受注No.*/
.ReceivedOrder_area table.table-list thead tr th.received-order-no,
.ReceivedOrder_area table.table-list tbody tr td.received-order-no {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.received-order-no input {
        display: inline;
        width: 70px;
    }

/*出荷日*/
.ReceivedOrder_area table.table-list thead tr th.out-dt,
.ReceivedOrder_area table.table-list tbody tr td.out-dt {
    min-width: 130px;
    width: 130px;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.out-dt input {
        display: inline-block;
        width: 100px;
    }

/*納品書No.*/
.ReceivedOrder_area table.table-list thead tr th.guide-no,
.ReceivedOrder_area table.table-list tbody tr td.guide-no {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.guide-no input {
        display: inline-block;
        width: 70px;
    }

/*発送先名*/
.ReceivedOrder_area table.table-list thead tr th.dis-nm,
.ReceivedOrder_area table.table-list tbody tr td.dis-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.dis-nm input {
        display: inline;
        width: 80px;
    }

/*発送先住所*/
.ReceivedOrder_area table.table-list thead tr th.out-addres,
.ReceivedOrder_area table.table-list tbody tr td.out-addres {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.out-addres input {
        display: inline;
        width: 80px;
    }

/*病院名*/
.ReceivedOrder_area table.table-list thead tr th.hospital-nm,
.ReceivedOrder_area table.table-list tbody tr td.hospital-nm {
    min-width: 120px;
    width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.hospital-nm input {
        display: inline;
        width: 110px;
    }

/*JANコード*/
.ReceivedOrder_area table.table-list thead tr th.jan-cd,
.ReceivedOrder_area table.table-list tbody tr td.jan-cd {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.jan-cd input {
        display: inline;
        width: 80px;
    }

/*品番*/
.ReceivedOrder_area table.table-list thead tr th.callin-nm,
.ReceivedOrder_area table.table-list tbody tr td.callin-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.callin-nm input {
        display: inline;
        width: 80px;
    }

/*品名*/
.ReceivedOrder_area table.table-list thead tr th.product-nm,
.ReceivedOrder_area table.table-list tbody tr td.product-nm {
    min-width: 120px;
    width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.product-nm input {
        display: inline;
        width: 110px;
    }

/*ロットNo.*/
.ReceivedOrder_area table.table-list thead tr th.lot-no,
.ReceivedOrder_area table.table-list tbody tr td.lot-no {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.lot-no input {
        display: inline;
        width: 80px;
    }

/*シリアルNo.*/
.ReceivedOrder_area table.table-list thead tr th.serial-no,
.ReceivedOrder_area table.table-list tbody tr td.serial-no {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.serial-no input {
        display: inline;
        width: 80px;
    }

/*使用期限*/
.ReceivedOrder_area table.table-list thead tr th.expiry-date,
.ReceivedOrder_area table.table-list tbody tr td.expiry-date {
    min-width: 110px;
    width: 110px;
    max-width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.expiry-date input {
        display: inline-block;
        width: 100px;
    }

/*受注数*/
/*.invoicelist_area table.table-list thead tr th.order-qty,
.invoicelist_area table.table-list tbody tr td.order-qty,*/
.ReceivedOrder_area table.table-list thead tr th.order-number,
.ReceivedOrder_area table.table-list tbody tr td.order-number {
    min-width: 70px;
    width: 70px;
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.order-number input {
        display: inline;
        width: 60px;
    }

/*出荷数*/
.ReceivedOrder_area table.table-list thead tr th.out-number,
.ReceivedOrder_area table.table-list tbody tr td.out-number {
    min-width: 70px;
    width: 70px;
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.out-number input {
        display: inline;
        width: 60px;
    }

/*単位名*/
.ReceivedOrder_area table.table-list thead tr th.unit-nm,
.ReceivedOrder_area table.table-list tbody tr td.unit-nm {
    min-width: 70px;
    width: 70px;
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.unit-nm input {
        display: inline;
        width: 60px;
    }

/*オーダー種類*/
.ReceivedOrder_area table.table-list thead tr th.order-type,
.ReceivedOrder_area table.table-list tbody tr td.order-type {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.order-type input {
        display: inline;
        width: 80px;
    }

/*症例日*/
.ReceivedOrder_area table.table-list thead tr th.case-dt,
.ReceivedOrder_area table.table-list tbody tr td.case-dt {
    min-width: 130px;
    width: 130px;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.case-dt input {
        display: inline-block;
        width: 100px;
    }

/*備考*/
.ReceivedOrder_area table.table-list thead tr th.remarks,
.ReceivedOrder_area table.table-list tbody tr td.remarks {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.remarks input {
        display: inline;
        width: 80px;
    }

/*運送会社*/
.ReceivedOrder_area table.table-list thead tr th.exp-nm,
.ReceivedOrder_area table.table-list tbody tr td.exp-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.exp-nm input {
        display: inline;
        width: 80px;
    }

/*送り状No.*/
.ReceivedOrder_area table.table-list thead tr th.inv-no,
.ReceivedOrder_area table.table-list tbody tr td.inv-no {
    min-width: 95px;
    width: 95px;
    max-width: 95px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.inv-no input {
        display: inline;
        width: 80px;
        ime-mode: disabled;
    }


/*事業部名*/
.ReceivedOrder_area table.table-list thead tr th.division-nm,
.ReceivedOrder_area table.table-list tbody tr td.division-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.ReceivedOrder_area table.table-list thead tr th.d-nm input {
    display: inline;
    width: 80px;
}

/*出荷元*/
.ReceivedOrder_area table.table-list thead tr th.out-nm,
.ReceivedOrder_area table.table-list tbody tr td.out-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.out-nm input {
        display: inline;
        width: 80px;
    }

/*担当営業所*/
.ReceivedOrder_area table.table-list thead tr th.mat-nm,
.ReceivedOrder_area table.table-list tbody tr td.mat-nm {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.mat-nm input {
        display: inline;
        width: 80px;
    }

/*品目コード*/
.ReceivedOrder_area table.table-list thead tr th.item-cd,
.ReceivedOrder_area table.table-list tbody tr td.item-cd {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.item-cd input {
        display: inline;
        width: 80px;
    }

.ReceivedOrder_area table.table-list thead tr th.proceeds-no,
.ReceivedOrder_area table.table-list tbody tr td.proceeds-no {
    min-width: 150px;
    width: 150px;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.proceeds-no input {
        display: inline;
        width: 140px;
    }

.ReceivedOrder_area table.table-list thead tr th.customer-hojin-nm,
.ReceivedOrder_area table.table-list tbody tr td.customer-hojin-nm {
    min-width: 150px;
    width: 150px;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.customer-hojin-nm input {
        display: inline;
        width: 140px;
    }

.ReceivedOrder_area table.table-list thead tr th.details-number,
.ReceivedOrder_area table.table-list tbody tr td.details-number {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .ReceivedOrder_area table.table-list thead tr th.details-number input {
        display: inline;
        width: 70px;
    }

.btn.btn-off:hover,
.btn.btn-off:focus {
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
    opacity: 0.8;
    color: #FFFFFF;
}

.btn.btn-off:active {
    opacity: 0.5;
}


/*******************************
        パスワード変更画面 
 *******************************/
.passwordchange_area .editbox table tr span.hissu {
    background: url("../../Contents/img/common/require.png") no-repeat;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0px -5px 0 0px;
    background-size: 35px;
    background-position: left center;
    vertical-align: middle;
}

.passwordchange_area .editbox table {
    width: 100%;
    border: none;
}

    .passwordchange_area .editbox table tr.width-settings th.control-title {
        width: 20%;
        max-width: 100px;
    }

    .passwordchange_area .editbox table tr.width-settings th.hissu-area {
        width: 10%;
        max-width: 30px;
        min-width: 30px;
    }

    .passwordchange_area .editbox table tr.width-settings td.control-area {
        width: 30%;
    }

    .passwordchange_area .editbox table tr.width-settings td.control-button-area {
        width: 20%;
        max-width: 60px;
        min-width: 60px;
    }

    .passwordchange_area .editbox table tr th,
    .passwordchange_area .editbox table tr td {
        padding-left: 10px;
        border: none;
        background: #ffffff;
        color: #605653;
        font-weight: normal;
        height: 45px;
    }

        .passwordchange_area .editbox table tr th.hissu {
            border-left: none;
            padding-left: 0;
            width: 30px;
        }

    .passwordchange_area .editbox table tr.blank-row {
        height: 45px;
    }

    .passwordchange_area .editbox table td.border-bottom {
        border-bottom: 1px solid #808080;
    }


/*******************************
    メーカーからのお知らせ画面 
 *******************************/

.announcementslist_area table.table-list tbody .dealer-view {
    height: auto;
    overflow-wrap: break-word;
    white-space: normal;
}

.announcementslist_area table.table-list tbody .manufacturer-view {
    overflow-wrap: break-word;
    white-space: normal;
}

.announcementslist_area .announcements-list td .announcement-save-content {
    height: 100%;
    max-width: 841px;
    width: 100%;
}

.announcementslist_area table.table-list tbody td .annc-auto-height {
    bottom: 0;
    display: block;
    height: auto;
    max-height: 400px;
    min-height: 30px;
    overflow-y: auto;
    text-align: left;
    top: 0;
    white-space: pre-wrap;
    width: 100%;
}

/* バックオーダー通知一覧*/
/*通知日*/
.invoicelist_area table.table-list thead tr th.notice-dt,
.invoicelist_area table.table-list tbody tr td.notice-dt {
    min-width: 130px;
    width: 130px;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.notice-dt input {
        display: inline-block;
        width: 105px;
    }


.invoicelist_area table.table-list thead tr th.base-nm,
.invoicelist_area table.table-list tbody tr td.base-nm {
    min-width: 275px;
    width: 275px;
    max-width: 275px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

    .invoicelist_area table.table-list thead tr th.base-nm input {
        display: inline-block;
        width: 265px;
    }



/* WEB照会同意確認画面 */
.approval_area .title {
    text-align: center;
    margin-bottom: 20px;
}

.approval_area .kiyaku {
    width: 100%;
    height: 250px;
    overflow-y: scroll;
    border: 1px solid;
}

.approval_area .doui {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    font-size: 1em;
}

.approval_area .btn-area div.div-btn input {
    margin: 10px 10px 10px 10px;
}

.btn.ok-btn {
    width: 200px;
}

.btn.no-btn {
    width: 200px;
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
}

    .btn.no-btn:hover,
    .btn.no-btn:focus {
        background-image: linear-gradient(#7f7f7f, #bfbfbf);
        opacity: 0.8;
        color: #FFFFFF;
    }

    .btn.no-btn:active {
        opacity: 0.5;
    }





/* スマートフォン用インデックス画面 */
.container.announcements-s-list,
.container.invoice-s-list {
    width: 355px;
    max-width: 355px;
    margin: 0px 10px;
}

/*送り状照会：検索結果一覧エリア*/
.invoice_s_list_area table.office-table th.header-title {
    background-color: #0070c0;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    border-top-color: rgb(192, 192, 192);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(192, 192, 192);
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: rgb(192, 192, 192);
    border-left-style: solid;
    border-left-width: 1px;
}

.invoice_s_list_area .condition-space .search-text input[type="search"] {
    -webkit-appearance: searchfield;
}

    .invoice_s_list_area .condition-space .search-text input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: searchfield-cancel-button;
    }

.invoice_s_list_area table.office-table td {
    border: 1px solid #C0C0C0;
    height: 33px;
    max-height: 33px;
    /*cursor: pointer;*/
    text-align: center;
    color: #051b36;
}


.invoice_s_list_area table.office-table tr:nth-child(4n+1) td,
.invoice_s_list_area table.office-table tr:nth-child(4n+2) td {
    background-color: #F2F2F2;
}

.invoice_s_list_area table.table-list {
    overflow: auto;
}

    .invoice_s_list_area table.table-list thead {
        display: block;
        height: 107px;
    }

    .invoice_s_list_area table.table-list tbody tr {
        height: 32px;
        white-space: nowrap;
    }

    .invoice_s_list_area table.table-list thead tr th {
        height: 53px;
        background-color: #0070c0;
    }

.container.invoice-s-list .table-area {
    position: relative;
}

.container.invoice-s-list .dispcount {
    text-align: left;
}

    .container.invoice-s-list .dispcount p {
        display: inline-block;
        margin: 20px 0px 0px;
    }

/*　メーカーからのお知らせ（スマホ版）　*/
.container.announcements-s-list .announcementslist_s_area table.announcements-list tr {
    border: 1px solid #C0C0C0;
    color: #051b36;
    height: 33px;
    max-height: 33px;
    text-align: center;
}

.announcementslist_s_area table.office-table tr th.manufacturer-nm {
    background-color: #0070c0;
    border-top-color: rgb(192, 192, 192);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(192, 192, 192);
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: rgb(192, 192, 192);
    border-left-style: solid;
    border-left-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.announcementslist_s_area table.table-list tbody td .annc-auto-height {
    bottom: 0;
    display: block;
    height: auto;
    max-height: 400px;
    min-height: 30px;
    overflow-y: auto;
    text-align: left;
    top: 0;
    white-space: pre-wrap;
    width: 100%;
}




/* 検索領域外枠 */
.condition-space {
    margin: 10px 0px 20px;
}

    /* 検索条件１項目分領域 */
    .condition-space .rowW .blockA {
        /*clear:both;*/
        height: 40px;
        margin-bottom: 5px;
    }

    /* 検索条件タイトル */
    .condition-space .rowW .titleA {
        float: left;
        width: 80px;
        margin: 11px 5px 9px 0px;
        vertical-align: middle;
    }

    /* 検索条件インプット */
    .condition-space .rowW .inputB {
        float: left;
    }

        .condition-space .rowW .inputB input {
            display: inline-block;
            width: 270px;
        }

            .condition-space .rowW .inputB input.out-dt,
            .condition-space .rowW .inputB input.ord-dt,
            .condition-space .rowW .inputB input.case-dt,
            .condition-space .rowW .inputB input.notice-dt {
                width: 120px;
            }

    /* 検索条件欄ボタン */
    .condition-space .rowB .btn {
        width: 120px;
        float: right;
    }

    /* 検索条件クリアボタン */
    .condition-space .rowB .btn-allclear {
        margin-left: 5px;
    }

    /* 未出荷のみ検索ボタン */
    .condition-space p.searches-only-received-order {
        text-align: right;
        padding-right: 15px;
        margin-top: 10px;
    }

/* 検索結果件数 */
.fixing-box_ .dispcount {
    clear: both;
    text-align: left;
}

/* 検索結果テーブル */
.container.invoice-s-list .table-area table.office-table {
    width: 355px;
    max-width: 355px;
    white-space: normal;
    float: left;
    font-size: 13px;
}

/* 検索結果ヘッダー */
.table-area table.office-table .header-title {
    background-color: #0070c0;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    border-top-color: rgb(192, 192, 192);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(192, 192, 192);
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: rgb(192, 192, 192);
    border-left-style: solid;
    border-left-width: 1px;
}

/* 検索結果：ディーラー名*/
.table-area table.office-table col.company-nm {
    min-width: 100px;
    width: 100px;
    max-width: 100px;
}

/* 検索結果：出荷日 */
.table-area table.office-table col.out-dt {
    min-width: 100px;
    width: 100px;
    max-width: 100px;
}

/* 検索結果：病院名 */
.table-area table.office-table col.hospital-nm {
    min-width: 155px;
    width: 155px;
    max-width: 155px;
}

/* 検索結果：詳細情報 */
.table-area table.office-table col.detail {
    min-width: 55px;
    width: 55px;
    max-width: 55px;
}

/* 検索結果：ディーラー名*/
.table-area table.office-table th.company-nm,
.table-area table.office-table td.company-nm {
    white-space: normal;
}

/* 検索結果：出荷日 */
.table-area table.office-table th.out-dt,
.table-area table.office-table td.out-dt {
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* 検索結果：病院名 */
.table-area table.office-table th.hospital-nm,
.table-area table.office-table td.hospital-nm {
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* 検索結果：詳細情報 */
.table-area table.office-table th.detail,
.table-area table.office-table td.detail {
    white-space: nowrap;
    vertical-align: middle;
}

/* 検索結果：品名 */
.table-area table.office-table th.item-nm,
.table-area table.office-table td.item-nm {
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* 検索結果：その他 */
.table-area table.office-table th.remarks,
.table-area table.office-table td.remarks {
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* 検索結果：詳細ボタン */
.table-area table.office-table .btn-detail {
    width: 50px;
    /*font-size: 13px;*/
    font-size: 11px;
    height: 30px;
}




/* 送り状照会（詳細）（スマホ版）*/
.container.invoice-s-list .invoice-dtl-space {
    display: inline-block;
    margin: 10px 0px;
}

.container.invoice-s-list .invoice_area table.invoice-table {
    table-layout: fixed;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

    .container.invoice-s-list .invoice_area table.invoice-table tbody tr {
        height: 32px;
        white-space: nowrap;
    }

    .container.invoice-s-list .invoice_area table.invoice-table th,
    .container.invoice-s-list .invoice_area table.invoice-table td {
        border: 1px solid #C0C0C0;
        height: 33px;
        max-height: 33px;
        /*cursor: pointer;*/
        text-align: center;
        color: #051b36;
    }

    .container.invoice-s-list .invoice_area table.invoice-table th {
        min-width: 120px;
        width: 120px;
        max-width: 120px;
    }

    .container.invoice-s-list .invoice_area table.invoice-table td {
        min-width: 235px;
        width: 235px;
        max-width: 235px;
        white-space: normal;
        word-break: break-all;
    }

    .container.invoice-s-list .invoice_area table.invoice-table tr:nth-child(2n) th,
    .container.invoice-s-list .invoice_area table.invoice-table tr:nth-child(2n) td {
        background-color: #F2F2F2;
    }


/*  共通エラー画面  */

.btn.btn-err,
.btn.btn-cancel,
.btn.btn-delete {
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
    width: 330px;
}

.btn-scancel {
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
    width: 160px;
    color: #FFFFFF;
    padding: 0px;
    font-weight: 700;
    font-size: 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
    height: 40px;
}

.btn-setting {
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
    color: #FFFFFF;
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
    height: 40px;
}

/* TODO:Dev02と内容を統合する際に、scss化する */
.btn-secondary-setting {
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
    color: #FFFFFF;
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
    height: 40px;
    width: 110px;
}

.btn.btn-err:hover,
.btn.btn-err:focus,
.btn.btn-cancel:hover,
.btn.btn-cancel:focus,
.btn.btn-delete:hover,
.btn.btn-delete:focus {
    background-image: linear-gradient(#7f7f7f, #bfbfbf);
    opacity: 0.8;
    color: #FFFFFF;
}

.btn.btn-err:active,
.btn.btn-cancel:active,
.btn.btn-delete:active {
    opacity: 0.5;
}

/*施設検索子画面*/
.body-popup {
    max-width: 800px;
    height: 80%;
}

    .body-popup .search {
        margin-bottom: 20px;
    }

    .body-popup .table-list {
        width: 700px;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

        .body-popup .table-list .col-btn {
            width: 70px;
        }

/*検査項目マスタメンテ*/
span.updown-btn {
    font-size: small;
    font-weight: bold;
    color: #ffffff;
    background-color: #EE86A1;
    display: inline-block;
    text-align: center;
    width: 30px;
}

/*ログイン*/
.table-center {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    width: 285px;
    max-height: 200px;
    margin-top: 40px;
    margin-bottom: 10px;
}

/*カレンダー*/
table.calendar-table {
    border-color: #000 !important;
}

    table.calendar-table td {
        height: 20px;
        text-align: center;
        border-color: #000 !important;
    }

    table.calendar-table thead td {
        height: 20px;
        width: 14.3%;
    }

    table.calendar-table td label {
        font-weight: normal;
    }

    table.calendar-table td.holiday {
        background-color: #f2dcdb;
    }

        table.calendar-table td.holiday label.calendar-date {
            color: red;
        }

    table.calendar-table td.holiday_notuse {
        background-color: #f2dcdb;
        opacity: .4;
    }

        table.calendar-table td.holiday_notuse label.calendar-date {
            color: red;
        }

    table.calendar-table td.saturday {
        background-color: #daeef3;
    }

        table.calendar-table td.saturday label.calendar-date {
            color: #0070c0;
        }

    table.calendar-table td.saturday_notuse {
        background-color: #daeef3;
        opacity: .4;
    }

        table.calendar-table td.saturday_notuse label.calendar-date {
            color: #0070c0;
        }

    table.calendar-table td.today {
        background-color: #fde9d9;
    }

        table.calendar-table td.today label.calendar-date {
            color: black;
        }

    table.calendar-table td.normal {
        background-color: white;
    }

        table.calendar-table td.normal label.calendar-date {
            color: black;
        }

    table.calendar-table td.notuse {
        background-color: white;
        opacity: .4;
    }

        table.calendar-table td.notuse label.calendar-date {
            color: black;
        }

    table.calendar-table td input.btn-list {
        background-color: #ffffff;
        border-color: #EE86A1;
    }

    table.calendar-table td input.btn {
        max-width: 100% !important;
    }

    table.calendar-table td.fontAlert {
        color: #f79646 !important;
    }

    table.calendar-table td.fontCanUse {
        color: #0070c0 !important;
    }

table.btnArea td input.btn-cercle {
    background-color: #fff;
    border-color: #7f7f7f;
    background-image: url('../../Content/img/cercle.png');
    background-size: auto 27px;
    background-repeat: no-repeat;
    background-position: center;
}

    table.btnArea td input.btn-cercle:hover {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        background-image: url('../../Content/img/cercle_focuson.png');
        background-size: auto 27px;
        background-repeat: no-repeat;
        background-position: center;
    }

table.btnArea td input.btn-triangle {
    background-color: #fff;
    border-color: #7f7f7f;
    background-image: url('../../Content/img/triangle.png');
    background-size: auto 26px;
    background-repeat: no-repeat;
    background-position: center;
}

    table.btnArea td input.btn-triangle:hover {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        background-image: url('../../Content/img/triangle_focuson.png');
        background-size: auto 26px;
        background-repeat: no-repeat;
        background-position: center;
    }

table.btnArea td input.btnExcessReserve {
    background-color: #e46c0a;
    border-color: #e46c0a;
    color: #fff;
}

    table.btnArea td input.btnExcessReserve:hover {
        background-color: #fac090;
        border-color: #fac090;
    }

table.btnArea td input.btnReseveEnd {
    background-color: #7f7f7f;
    border-color: #7f7f7f;
    color: #fff;
}

table.btnArea td input.btnDefault {
    background-color: #f2f2f2;
    border-color: #7f7f7f;
    color: #000;
}

    table.btnArea td input.btnDefault:hover {
        background-color: #bfbfbf;
        color: #fff;
    }

table.btnArea td input[disabled] {
    opacity: 1;
}

.btnBack {
    margin-top: 30px;
    width: 100%;
    text-align: right;
}

    .btnBack .btn-back {
        padding: 3px 50px;
    }

.display-none {
    display: none;
}

@media screen and (min-width:767px) {

    #globalHeader .baseLink {
        height: 30px;
    }

    #globalHeader .base {
        height: 110px;
    }

        #globalHeader .base .logoArea {
            display: inline-block;
            /*padding: 20px 10px 10px;*/
            padding: 10px 10px 10px;
            font-size: 35px;
        }

            #globalHeader .base .logoArea .logo img {
                /*width:200px;*/
                width: 80px;
            }

    div.page-title {
        display: inline-block;
        /*font-size: 1.5em;*/
        font-size: 2.0em;
        font-weight: bold;
        /*border-left:10px solid #605653;
        border-bottom:3px solid #605653;
        box-shadow: 0px 4px 0px rgba(0,0,0,0.15);*/
        /*padding-left: 10px;*/
        padding: 20px 10px 10px;
        /*width:60%;*/
        /*height:45px;*/
        bottom: 20px;
        vertical-align: bottom;
        /*color:#605653;*/
        color: #0070c0;
    }

    #globalHeader .base .nmArea {
        display: inline-block;
        position: absolute;
        width: 340px;
        /*vertical-align: middle;*/
        vertical-align: bottom;
        text-align: right;
        right: 120px;
        bottom: 20px;
        /*padding-right:20px;*/
        padding: 20px 10px 10px;
        font-weight: 600;
        font-size: 18px;
        color: #4b4b4b;
    }

    #globalHeader .base .nmTitleArea {
        display: inline-block;
        position: absolute;
        width: 60px;
        vertical-align: bottom;
        text-align: right;
        right: 70px;
        bottom: 20px;
        padding: 20px 20px 10px 10px;
        font-weight: 600;
        font-size: 18px;
        color: #4b4b4b;
    }

    #globalHeader .base .nmArea1 {
        width: calc(100% - 320px);
        position: absolute;
        top: 90px;
    }

    #globalHeader .base .nmArea2 {
        width: calc(100% - 320px);
        font-size: 16px;
    }

    .menu-float {
        float: right;
        width: 60%;
    }
}

@media screen and (max-width:767px) {
    body {
        font-size: 13px;
    }

    input.form-control {
        font-size: 13px;
    }

    #globalHeader .base {
        height: 100px;
    }

        #globalHeader .base .logoArea {
            float: left;
            font-size: 35px;
            margin: 0px 10px;
        }

            #globalHeader .base .logoArea .logo img {
                width: 60px;
            }

    div.page-title {
        display: inline-block;
        font-size: 1.5em;
        font-weight: bold;
        color: #0070c0;
        float: left;
        margin-top: 30px;
    }

    #globalHeader .base .nmArea {
        display: inline-block;
        font-weight: 600;
        font-size: 13px;
        color: #4b4b4b;
        float: left;
        clear: left;
        margin: 0px 5px 0px 10px;
    }

    #globalHeader .base .nmTitleArea {
        display: inline-block;
        font-weight: 600;
        font-size: 13px;
        color: #4b4b4b;
        float: left;
    }

    #globalHeader .base .menuArea {
        position: absolute;
        right: 10px;
        bottom: 20px;
        margin: 20px 0px 20px 10px;
        font-size: 14px;
    }

        #globalHeader .base .menuArea .menu img {
            width: 30px;
        }

        #globalHeader .base .menuArea #menuList {
            position: absolute; /*bodyに対しての絶対位置*/
            right: -320px;
            top: 55px; /*通常時はビュー外*/
            background: rgba(255,255,255,.7);
            /*width: 50%;*/
            width: 300px;
            padding: 0;
            transition: .5s ease-in-out; /*transitionで動きを*/
            text-align: left
        }

    #globalHeader .base .nmArea1 {
        width: 100%;
        position: absolute;
        top: 60px;
        left: -50px;
    }

    #globalHeader .base .nmArea2 {
        width: calc(100% - 30px);
        position: absolute;
        top: 3px;
        left: -50px;
        font-size: 11pt;
    }

    #globalHeader .base .tonArea {
        display: table-cell;
        padding: 0 2px 2px 0;
        vertical-align: middle;
        padding: 10px 10px 0;
    }

    #globalHeader .base .signoutArea {
        margin: 5px 0px;
    }

    #globalHeader .base .helpArea {
        padding: 0 15px 2px 0;
        text-align: right;
    }

    #globalHeader .base .signoutArea .logo img {
        height: 63px;
    }

    #globalHeader .base .signoutArea .logout,
    #globalHeader .base .helpArea .help {
        font-size: 9pt;
    }

        #globalHeader .base .signoutArea .logout img {
            width: 15px;
        }

    .menu-float {
        clear: both;
        width: 100%;
        text-align: left;
        padding-left: 20%;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
    }

    div.page-title.service {
        font-size: 1.0em;
    }

    div.page-title span {
        margin-bottom: 5px;
    }

    div.page-title img {
        width: 48px;
    }

    /* メニュー画面 */
    .btn.btn-service,
    .btn.btn-customer,
    .btn.btn-comment,
    .btn.btn-userInfo,
    .btn.btn-userList,
    .btn.btn-master,
    .btn.btn-err {
        width: 100%;
    }

    .menu_area ul.menu__second-level {
        width: 100%;
    }

    .menu_area table.notice {
        width: 100%;
        margin-left: 0;
    }

    .menu_area ul.menu__second-level {
        width: 100%;
    }

    .btn.btn-contact {
        width: 60%;
    }

    /* 利用者一覧画面 */
    .btn.btn-top {
    }


    /* サービス提供予定実績一覧画面 */
    .btn.select-office,
    .btn.select-user-multi,
    .btn.select-user {
        width: 90px;
    }

    .passwordchange_area .editbox table tr.width-settings th.control-title {
        width: 25%;
    }

    .btn.ok-btn {
        width: 100px;
    }

    .btn.no-btn {
        width: 100px;
    }

    /* 送り状アップロード画面 */
    .upload-container .upload-area .file-select .input-file {
        max-width: 600px;
        width: 600px;
    }
}

/* iPhone 5/SE/4以下縦 */
@media screen and (max-width: 320px) {
    /* 共通 */
    select.list-normal {
        width: 100%;
    }
}

/*ログインユーザー選択画面*/
#login-user-select h1 {
    font-size: 24px;
}

#login-user-select container {
    padding-top: 70px;
}

#login-user-select .card-container.card {
    padding: 25px;
    text-align: center;
}

#login-user-select p {
    font-size: 16px;
    margin: 16px 0;
    text-align: left;
}

#login-user-select .btn-wrap {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#login-user-select button {
    text-align: left;
    padding: 16px;
    display: block;
    width: 100%;
    height: 140px;
    font-size: 24px;
    background: #fff;
    color: #82A9DA;
    overflow: hidden;
    position: relative;
    transition-duration: .4s;
    z-index: 2;
    margin-bottom: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
}

    #login-user-select button::after {
        background: #82A9DA;
        border-radius: 5px;
        content: "";
        display: block;
        margin: auto;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 100%;
        padding-top: 100%;
        height: 0;
        z-index: -1;
        transform: translateY(-50%) scale(0.1);
        transition: opacity .5s, transform 0s;
        transition-delay: 0s, .4s;
    }

    #login-user-select button:hover {
        color: #fff;
    }

        #login-user-select button:hover::after {
            opacity: 1;
            transform: translateY(-50%) scale(1.1);
            transition-delay: 0s;
            transition: opacity .8s, transform .6s ease-in-out;
        }


/* 欠品子画面 閉じるボタン */
#select-back-order-view .btn-wrap {
    text-align: center;
}