/*@font-face {
	font-family: 'NotoSans';
	src: url('/fonts/NotoSans-Regular.ttf') format('truetype');
	font-weight:normal;
}
@font-face {
	font-family: 'NotoSans';
	src: url('/fonts/NotoSans-Bold.ttf') format('truetype');
	font-weight:bold;
}*/


@font-face {
    font-family: 'Noto Sans CJK JP Regular';
    src: url('/fonts/NotoSansCJKjp-Regular.otf') format('opentype');
    font-weight: normal;
}
/*@font-face {
	font-family: 'Noto Sans CJK JP Regular';
	src: url('/fonts/Noto Sans CJK JP Regular-Bold.otf') format('opentype');
	font-weight:bold;
}*/
@font-face {
    font-family: 'eudc';
    src: url(/fonts/eudc.ttf) format("truetype");
}

body {
    /*font-family: "Noto Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Meiryo, Osaka, メイリオ;*/
    font-family: 'Noto Sans CJK JP Regular','eudc', sans-serif !important;
    color: black;
}

label {
    color: black;
}

.form-horizontal .control-label {
    text-align: left;
}

.label-right {
    text-align: right !important;
}

.x_title span {
    /*color:#73879C;*/
    color: black;
}

.nav-tabs > li > a {
    padding: 12px 20px 12px !important;
}

    .nav-tabs > li > a:hover {
        border-bottom: 0;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-top: 2px solid #2A3F54;
    border-radius: 1px;
}

.login_content {
    margin: 0 !important;
    padding: 0 !important;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-10 {
    margin-top: 10px;
}

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

.margin-top-7 {
    margin-top: 7px;
}

.margin-right-0 {
    margin-right: 0px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.form-group .btn {
    margin-bottom: 0px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-0 {
    padding-right: 0px;
}

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

.padding-0 {
    padding: 0px;
}

.label-content {
    font-weight: normal;
}

.btn-w-sm {
    min-width: 70px;
}

.btn-w-md {
    min-width: 100px;
}

.btn-w-lg {
    min-width: 140px;
}

.btn-gray {
    color: #fff;
    background-color: gray;
    border-color: dimgray;
}



.width-100 {
    width: 100px;
}

.hr-custom {
    border-bottom: 2px solid #E6E9ED;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}

.table > tbody > tr {
    transition: background-color 100ms ease-out;
}
    /*.table > tbody > tr:hover{background-color:#AAC7F3;}*/
    .table > tbody > tr:hover {
        background-color: #bbc8d6;
    }

.form-control {
    color: black;
}

.table > thead > tr > td, .table > thead > tr > th {
    text-align: center;
    padding: 10px 0px !important;
    /*background-color:#6b8cbe;*/
    background-color: #374a5e;
    color: white;
}

.text-bold {
    font-weight: bold;
}

.text-notice {
    color: red;
    font-weight: bold;
}

.table-grid {
    border-collapse: separate;
    border-spacing: 5px;
    margin: -5px -5px;
}

.table-radio {
    border-collapse: separate;
    border-spacing: 15px;
    margin: -15px -15px;
}

.table-checkbox {
    border-collapse: separate;
    border-spacing: 15px;
    margin: 0px 15px 0px 0px;
}

table.table-grid tr td, table.table-radio tr td {
    padding: 0 !important;
    vertical-align: middle;
}

    table.table-grid tr td label, table.table-radio tr td label {
        margin-bottom: 0 !important;
    }

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

    table.table-radio tr td span {
        line-height: 1.471;
    }

    table.table-radio tr td input[type=radio] {
        float: left;
        margin-top: 4px;
    }

    table.table-radio tr td label {
        float: left;
        padding-left: 2px;
    }

.require {
    text-align: left;
    position: static;
}

    .require:after {
        content: '';
        margin-left: 5px;
        color: #fff;
        display: inline-block;
        line-height: 13px;
        vertical-align: top;
        padding: 0 2px;
        background-color: #f74027;
        border-radius: 6px 6px 4px 4px;
        font-size: 60%;
        white-space: nowrap;
        margin-top: 2px;
        z-index: 999;
    }

    .require::after {
        content: '';
        margin-left: 5px;
        color: #fff;
        display: inline-block;
        line-height: 13px;
        vertical-align: top;
        padding: 0 2px;
        background-color: #f74027;
        border-radius: 6px 6px 4px 4px;
        font-size: 60%;
        white-space: nowrap;
        margin-top: 2px;
        z-index: 999;
    }
/*
	gaiji
*/
.parent-gaiji {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

    .parent-gaiji .gaiji {
        padding-right: 25px;
    }

    .parent-gaiji a.btn-gaiji {
        position: absolute;
        top: 10px;
        right: -15px;
        transition: right 0.2s;
        color: red;
        font-weight: bold;
    }

    .parent-gaiji:hover a.btn-gaiji {
        right: 20px;
    }


.box {
    background-color: #fff !important;
    border: 1px solid !important;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5 !important;
    margin-bottom: 10px !important;
    border: none !important;
    height: auto !important;
    padding: 0px !important;
}

.card {
    position: relative;
    display: block;
    margin-bottom: .75rem;
    background-color: #fff;
    border-radius: .15rem;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 50px;
}

    .card a {
        text-decoration: none;
    }

    .card .card-block {
        padding: 2rem;
    }

        .card .card-block .list-group {
            margin-bottom: 0;
            border-bottom: 0;
        }

        .card .card-block.card-head {
            border-bottom: 1px solid #e9eaed;
            height: 90px;
            word-wrap: break-word;
        }

        .card .card-block .card-title {
            font-size: 21px;
            color: #337ab7;
            margin-bottom: .75rem;
            font-weight: bold;
        }

        .card .card-block .text-muted {
            color: #818a91 !important;
            font-size: 15px;
            font-weight: 600;
        }

    .card .list-group-item {
        padding: 0;
        border-left: 0;
        border-right: 0;
    }

        .card .list-group-item:last-child {
            border-bottom: 0;
        }

        .card .list-group-item a {
            display: inline-block;
            width: 100%;
            height: 100%;
            padding: 15px 20px;
            color: #666;
            font-weight: bold;
        }

            .card .list-group-item a.active,
            .card .list-group-item a:hover {
                background-color: #337ab7;
                color: #fff;
            }

.col-w-98 {
    float: left;
    width: 98%;
}

/*my-company*/
.company-info p.title {
    border-bottom: 2px solid #1f8df7;
    font-weight: bold;
    padding-bottom: 2px;
}

.company-info i {
    font-weight: 400;
}

.company-info a {
    color: #337ab7;
}

.company-info .list-edit {
    margin-top: 10px;
    margin-bottom: 70px;
}

.company-panel .subtitle-panel {
    color: #ffc329 !important;
    background-color: #333 !important;
}

.company-panel .pointer {
    cursor: pointer;
}

.company-panel .table-row {
    border-spacing: 5px;
    border-collapse: separate;
    margin: -5px;
    width: 100%;
}

.company-panel .td-row-name {
    width: 35%;
}

.company-panel .td-row-no {
    width: 65%;
}

.company-panel .font-size-20 {
    font-size: 20px;
}

.disabled-ime-mode {
    ime-mode: disabled !important;
    -ms-ime-mode: disabled !important;
    -webkit-ime-mode: disabled !important;
    -moz-ime-mode: disabled !important;
}

.PickerDeleteicon {
    position: absolute;
    top: 10px;
    right: 20px;
    transition: right .2s;
    color: #f00;
    font-weight: bold;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-left-30 {
    padding-left: 30px;
}

.bg-infobill {
    background-color: #d9d9d9;
    padding: 5px;
}

a.bg-infobill:hover,
a.bg-infobill:focus {
    background-color: #d9d9d9;
}

.borderitemrow-top {
    border-top: 1px solid #333333;
}

.borderitemrow-bottom {
    border-bottom: 1px solid #333333;
}

.borderitem-left {
    border-left: 1px solid #333333;
}

.borderitem-right {
    border-right: 1px solid #333333;
}

.orderbilldetail1 th {
    border: 1px solid #333333;
}

.orderbilldetail1 td {
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
}

.orderbilldetail1 tr:last-child {
    border-bottom: 1px solid #333333;
}


.padding-5 {
    padding: 5px !important;
}

/*web-order-424 >>>*/
.space-sufix {
    white-space: pre-wrap;
}
/*web-order-424 <<<*/
.nonedisplay {
    display: none !important;
}

.modal-popup {
    padding: 10px;
    position: fixed;
    display: block;
    z-index: 100;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

input[type="checkbox"], input[type="radio"] {
    margin: 4px 4px 4px 1px !important;
}