﻿body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
}

.container {
    min-width: 1100px;
}

.row {
    margin: 10px 0px;
}

label.title {
    font-weight: bold;
    margin-top: .25rem !important;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
    .btn-default:hover, .btn-default:focus,
    .btn-default:active, .btn-default:active:focus, .btn-default:active:hover, .btn-default:active.focus,
    .btn-default.active, .btn-default.active:focus, .btn-default.active:hover, .btn-default.active.focus,
    .open > .dropdown-toggle.btn-default,
    .open > .dropdown-toggle.btn-default:hover,
    .open > .dropdown-toggle.btn-default:focus,
    .open > .dropdown-toggle.btn-default.focus,
    .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }
    .btn-default.outline {
        color: #333;
    }

.btn-secondary {
    background-color: #f0ad4e;
    border-color: #eea236;
}
    .btn-secondary:hover, .btn-secondary:focus,
    .btn-secondary:active, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary:active.focus,
    .btn-secondary.active, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary.active.focus,
    .open > .dropdown-toggle.btn-secondary,
    .open > .dropdown-toggle.btn-secondary:hover,
    .open > .dropdown-toggle.btn-secondary:focus,
    .open > .dropdown-toggle.btn-secondary.focus,
    .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover,
    .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus,
    .btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }
    .btn-secondary.outline {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

#logo-header {
    margin: 10px 0px;
    position: relative;
    height: 60px;
}

#head-logo {
    float: left;
}

#head-right {
    position: absolute;
    right: 0;
    bottom: 0;
}

#navi-header {
    padding: 10px;
    background: -moz-linear-gradient(top, #FFF, #C9CBCA);
    background: -webkit-linear-gradient(top, #FFF, #C9CBCA);
    background: linear-gradient(to bottom, #FFF, #C9CBCA);
}

#service-title {
    padding-left: 50px;
    background: #A71E66;
}

#service-header {
    margin: 10px 0px;
    text-align: right;
}

#Menu {
    background: #E6D5E7;
    width: 150px;
}

#nav-home {
    border: solid 1px #9C9C9C;
    padding: 5px;
    font-size: 90%;
    margin-left: auto;
    text-align: right;
    display: inline-block;
}

#head-corp-or-indiv {
    position: fixed;
    right: 0;
    top: 0;
    background-color: #E6D5E7;
    font-weight: bold;
    padding: 5px 3px;
    width: 160px;
    border-radius: 0 0 0 15px;
    z-index: 1;
    text-align: center;
}

#description_table {
    margin: 30px;
    width: unset;
    border-color: #B7357B;
}
    #description_table th {
        text-align: center;
    }

#select-service {
    margin: 40px 0px 60px;
}

#upload-btn {
    border: solid 1px #9C9C9C;
    border-radius: 15px;
    padding: 5px;
    margin: 5px;
}

#backbtn_area {
    text-align: right;
    width: 100%;
    margin: -50px -10px 0;
}

#slip_description_ul {
    width: 95%;
    font-size: 90%;
}

.slipName {
    margin:15px 0px;
}

.operation {
    border: solid 1px #9C9C9C;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
}

.operation-header {
    margin: 2px 0px 4px;
    font-weight: bold;
}

.annotation {
    font-size: smaller;
}

.caution {
    border: solid 1px #9C9C9C;
    border-radius: 10px;
    background-color: #FCC;
    padding: 5px;
    margin: 25px 5px;
}

.caution-header {
    margin: 2px 0px 4px;
    font-size: 120%;
    font-weight: bold;
}

.info {
    padding: 15px;
    margin: 25px;
}

footer {
    margin-top: 30px;
}

#foot-company {
    padding: 10px 10px 5px;
    background-color: #FEFFFF;
    font-size: 12pt;
    color: #000;
    text-align: center;
}

#foot-copy {
    padding: 15px 0px 5px;
    background-color: #e6418d;
    font-size: 12pt;
    color: #FFF;
    text-align: center;
}

.ubtn-navi.active, .ubtn-navi.active:hover, .ubtn-navi.active:active {
    border: 0px;
    color: #FFF;
    background-color: #DB005C;
}

.ubtn-navi {
    width: 115px;
    height: 55px;
    cursor: default;
    margin: 3px 0px;
}
    .ubtn-navi[disabled] {
        cursor: default;
    }

.ubtn-menu {
    width: 145px;
    height: 80px;
    margin: 10px;
    border: 2px;
}
    .ubtn-menu.active {
        color: #FFF;
        background-color: #DB005C;
        border-color: #982C66;
    }
        .ubtn-menu.active:hover, .ubtn-menu.active:active {
            color: #FFF;
            background-color: #982C66;
            border-color: #982C66;
        }

.card {
    border-color: #982C66;
    margin: 10px;
}
    .card > .card-header {
        color: #FFF;
        background-color: #DB005C;
        border-color: #982C66;
    }

.telno {
    margin: 5px 0px;
}
    .telno > input {
        display: inline;
    }

label > input[type="radio"] {
    height: 18px;
    width: 18px;
}

label.required:after {
    content: "必須";
    background: #FF1A00;
    color: #FFF;
    border-radius: 3px;
    font-size: 80%;
    font-weight: normal;
    padding: 2px 4px;
    margin: 4px;
    white-space: nowrap;
}

#moneySum {
    height: 0px;
    width: 0px;
    position: absolute;
    z-index: -1;
    visibility: hidden;
}

moneySumDispGroup {
    position: absolute;
    z-index: 1;
}

.moneySumformError {
    top: 90px !important;
}
.moneyInput {
    text-align: right;
}

.form-horizontal .money-total {
    border: 1px solid #9C9C9C;
    border-radius: 2px;
    margin: 10px 15px;
    padding: 10px;
}

.border {
    border-bottom: 1px solid #a94442;
    margin: 20px 40px 5px 40px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
    border-left: 5px solid #B7357B;
    background: -moz-linear-gradient(bottom, #E7D6E8, #FFF);
    background: -webkit-linear-gradient(bottom, #E7D6E8, #FFF);
    background: linear-gradient(to top, #E7D6E8, #FFF);
    padding: 10px;
    display: block;
    width: 100%;
}

textarea {
    resize: none;
}

.select2-selection__rendered {
    line-height: 34px !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-selection__arrow {
    height: 36px !important;
}

.select2-container .select2-results > .select2-results__options {
    max-height: 504px; /* 36px × 14行 */
}

.TrBankform, .TrBranchNoform {
    position: relative;
}
.TrBankformError, .TrBranchNoformError {
    top: 24px !important;
}

.formError .formErrorContent {
    min-width: 260px;
    font-size: smaller;
}

/* ---------------------------------------------------------------------------------
 ◆ ページの先頭へ移動するボタンの入れ物 
--------------------------------------------------------------------------------- */
#to-pagetop {
    /* 表示位置の指定 (右下固定) */
    position: fixed;
    right: 20px;
    bottom: 35px;
    /* 初期は非表示 */
    display: none;
}

    /* ---------------------------------------------------------------------------------
 ◆ 「ページの先頭へ」のリンクボタン 
--------------------------------------------------------------------------------- */
    #to-pagetop a {
        /* 余白 */
        padding: 10px;
        /* リンクのテキスト装飾なし */
        text-decoration: none;
        /* 文字は太字 */
        font-weight: bold;
        /* マウスカーソルをポインター (指) にする */
        cursor: pointer;
        /* ブロック表示 */
        display: block;
        /* 背景色と前景色 */
        background-color: #E6D5E7;
        color: #000;
        /* 角を丸めるスタイル */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /* マウスカーソルを合わせた時 (ホバー時) のアニメーション */
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
