@charset "utf-8";

/*
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*/

.cs-tr-15px{
    font-size:15px !important;
    height:30px;
}
.cs-tr-14px{
    font-size:14px !important;

}
textarea{
    resize:none;
    border: 1px solid #000 !important;
}

input.cs-input-td{
    background-color:rgba(0, 0, 0, 0);
    border-color:#5f5f5f;
}


input{
    font-size: 0.97rem !important;
    border-color:#5f5f5f !important;
}

select{

    border-color:#5f5f5f !important;
}

input.cs-input-td:focus {
    background-color: #ddfbac  !important;
}
.cs-error{
    color:blue;
    font-weight:bold;
    background-color: #fff;
    padding: 4px 12px !important;
}
li .cs-active{
    color: #fff !important;
    font-weight: bold;
}
.cs-icon-logo {
    background-image: url("../img/logo.png");
    width: 37px;
    height: 42px;
    vertical-align: text-top;
}

.cs-margin-top-150 {
    margin-top: 150px;
}

.cs-menu-color {
    background: linear-gradient(150deg, #431a6f, #7A96A1);
}

.cs-screen-color {
    /* background: linear-gradient(90deg, #FFF, #704cc2); */
    background: linear-gradient(90deg, #FFF, #3D5B7A);
    margin-bottom: 5px;
    margin-top: 5px !important;
    height: 40px;
    vertical-align: middle;
    line-height: 2;
}

.cs-screen {
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    padding-left:10px;
}

.cs-label {
    background-color: #6c60bd;
    color: #fff;
}

.cs-label-a {
    background-color: #f0f8ff;
    color: #000000;
    min-height: 30px;
    text-align: left;
    vertical-align: middle;
    white-space: normal !important;
    line-height: 2;
}

.cs-label-c {
    background-color: #6c60bd;
    color: #fff;
    width: 70px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 2;
}
/*
select {
    background-image:none !important;
    -webkit-appearance: none  !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
::-ms-expand {
    display: none !important;
}
*/
/*
_::content, _:future, .input-chrome {
  margin-top:2px;
}
*/
_::content, _:future {
  margin-top:2px;
}


input::-ms-clear {
    visibility: hidden
}

html {
/*    background-image: url("../img/bg.png"); */
/*    background-color: rgb(243, 242, 238); */
    background-color: #d3d3d3;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: top;
    background-size: auto auto;
    /*font-size: calc(38% + 4 * (100vw - 600px) / 400)*/
    color: #000;
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-bottom:15px;
}

.cs-color-white {
    color: #ffffff;
}

.cs-td-before{
    background-color:#fcfcfc;
    /* background-color: #c5c5c5; */
    text-align: right;
}

.cs-td-after{
    /* background-color:#dda0dd; */
    background-color: #cecd7e;
    text-align: right;
}

.cs-backcolor-steelblue {
    background-color: #3D5B7A;
    /* background-color: #6c60bd; */
}

.cs-result {
    background-color: #fff;
    padding: 4px 12px !important;
}

.pagination_link {
    display: inline-block;
    color: black;
    float: left;
    padding: 0 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd; /* Gray */
    background-color: #fff;
}

hr {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.cs-bk-color{
    background-color: #fff;
}

.cs-button{
    color:#000 !important;
    /* background-color: #53cc50; */

    background-color: #bdbdbd;
   /* background-color: #939f42; */

}

.cs-button-k{
    color:#000 !important;
    background-color: #3cb371;

}

.cs-button:focus, .cs-button:hover {
  background-color: #E6E6FA;
  color: #000
}

.cs-button-k:focus, .cs-button-k:hover {
  background-color: #E6E6FA;
  color: #000
}

.pagination_link_active {
    display: inline-block;
    color: black;
    float: left;
    padding: 0 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #746c6c;
    background-color: #a378da;
}

.pagination_link:hover {
    background-color: #ccc;
    cursor: pointer;
}

.pagination_link a {
    color: black;
    float: left;
    text-decoration: none;
}

.pagination_link a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination_link a:hover:not (.active ) {
    background-color: #ccc;
}

table {
    border-collapse: separate !important;
    border-spacing: 1px !important;
}

th {
    background-color: #6c60bd !important;
    color: white !important;
    padding: 4px 6px !important;
    font-size: .875rem;
    font-weight: 400;
}

.cs-table-th{
    background-color: #6c60bd !important;
    color: white !important;
    padding-top: 4px !important;
    padding-left: 4px !important;
    padding-right: 0px !important;
    padding-bottom: 4px !important;
    font-size: .875rem;
    font-weight: 400;
}

.cs-table-summary{
    background-color: #cecd7e !important;
    color: black;
    /* padding: 4px 4px !important; */
    font-size: 1rem;
    font-weight: bold;
    text-align: right;
}

.uk-table-small .uk-table-link>a {
    /* padding: 3px 12px !important; */
    padding: 0px 6px !important;
}

.uk-table-link>a {
    min-height: 22px !important;
}


#errmsg{
    display:none;
}

#errmsg p::before {
    font-family: FontAwesome;
    color: #ff9900;
    margin-right: 5px;
    content: "\f071";
}

.ime-mode-off {
    ime-mode: disabled;
}

.ime-mode-on {
    ime-mode: active;
}

.cs-label-height {
    height: 30px;
    text-align: left;
    vertical-align: middle;
    line-height: 2;
}

.cs-w-310{
    width:310px
}

.cs-w-180{
    width:180px
}
.cs-w-210{
    width:210px
}

.cs-h-1320{
    height:720px
}
.cs-h-430{
    height:430px
}
.cs-h-390{
      height:420px
}
.cs-tr-30 td{
    height:30px
}

.cs-input-search-icon{
    width: 40px;
    margin-left: -5px;
}

@media only screen and (max-width: 640px) {
    .cs-icon-logo {
        background-image: url("../img/logo.png");
        max-width: 30px;
        max-height: 34px;
        vertical-align: text-top;
    }
    .uk-table td:before {
        content: attr(data-title);
        margin-right: 8px;
        float: left;
        text-align: left;
        display: inline-block;
        width: 40%;
        height: 22px;
        background-color: #6c60bd !important;
        padding-left: 4px;
        padding-top: 7px;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 14px;
    }
    td {
        text-align: left;
        border-bottom: 1px solid #fff;
    }
    .cs-td-before{
        height: 34px;
    }
    .cs-td-after{
        height: 34px;
    }
    .cs-td-before::before{
        content: attr(data-title);
        margin-right: 8px;
        float: left;
        text-align: left;
        display: inline-block;
        width: 40%;
        height: 27px;
        background-color: #6c60bd !important;
        padding-left: 24px;
        padding-top: 7px;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 14px;
    }

    .cs-td-after::before  {
        content: attr(data-title);
        margin-right: 8px;
        float: left;
        text-align: left;
        display: inline-block;
        width: 40%;
        background-color: #6c60bd !important;
        padding-left: 24px;
        padding-top: 7px;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 14px;
    }
    tr{
        margin-top:1px;
    }
    .cs-text-lead{
        font-size:1.1rem !important;
    }
    .cs-text-link{
        font-size:0.96rem !important;

    }

    .cs-w-310{
        width:180px
    }

    .cs-w-210{
        width:150px
    }

    .cs-h-1320{
        height:5150px
    }
    .cs-h-430{
        height:7500px
    }

    .cs-h-390{
        height:auto
    }

    tr.cs-tr-14px td{
        height:32px
    }
    tr.cs-tr-14px td::before{
        content: attr(data-title);
        margin-right: 8px;
        float: left;
        text-align: left;
        display: inline-block;
        width: 40%;
        height: 25px;
        background-color: #6c60bd !important;
        padding-left: 24px;
        padding-top: 7px;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 14px;
    }
    tr.cs-tr-15px td{
        height:35px
    }
    tr.cs-tr-15px td::before{
        content: attr(data-title);
        margin-right: 8px;
        float: left;
        text-align: left;
        display: inline-block;
        width: 40%;
        height: 24px;
        background-color: #6c60bd !important;
        padding-left: 24px;
        padding-top: 7px;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 14px;
    }
    tr.cs-tr-30 td{
        height:35px
    }

    tr.cs-tr-30 td::before{
        content: attr(data-title);
        margin-right: 8px;
        float: left;
        text-align: left;
        display: inline-block;
        width: 40%;
        height: 27px;
        background-color: #6c60bd !important;
        padding-left: 24px;
        padding-top: 7px;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 14px;
    }

    .cs-input-td{
        width:45%;
    }

    .uk-table-small .uk-table-link>a {
        padding: 5px 6px !important;
    }

}

@media only screen and (max-width: 960px) {
    .cs-icon-logo {
        background-image: url("../img/logo.png");
        max-width: 30px;
        max-height: 34px;
        vertical-align: text-top;
    }
    .uk-table td:before {
        content: attr(data-title);
        margin-right: 8px;
        float: left;
        text-align: left;
        display: inline-block;
        width: 40%;
        height: 22px;
        background-color: #6c60bd !important;
        padding-left: 4px;
        padding-top: 7px;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 14px;
    }
    td {
        text-align: left;
        border-bottom: 1px solid #fff;
    }

     .cs-td-before::before {
        content: attr(data-title);
        margin-right: 8px;
        float: left;
        text-align: left;
        display: inline-block;
        width: 40%;
        height: 27px;
        background-color: #6c60bd !important;
        padding-left: 24px;
        padding-top: 7px;
        border-bottom: 1px solid #000;
        color: #fff;
        font-size: 14px;
    }

    .cs-td-after::before   {
        content: attr(data-title);
        margin-right: 8px;
        float: left;
        text-align: left;
        display: inline-block;
        width: 40%;
        height: 27px;
        background-color: #6c60bd !important;
        padding-left: 24px;
        padding-top: 7px;
        border-bottom: 1px solid #000;
        color: #fff;
        font-size: 14px;
    }
    .cs-table-summary:before {
        content: attr(data-title);
        margin-right: 8px;
        float: left;
        text-align: left;
        display: inline-block;
        width: 40%;
        height: 22px;
        background-color: #0000 !important;
        padding-left: 4px;
        padding-top: 7px;
        vertical-align:text-top;
        color: #fff;
    }

    tr{
        margin-top:1px;
    }

    .cs-h-390{
        height:auto
    }
    .cs-input-td{
        width:45%;
    }

    .uk-table-small .uk-table-link>a {
        padding: 5px 6px !important;
    }

}

.cs-table{
    margin-top:0 !important;
    margin-bottom:0 !important;

}

a.cs-no-hander{
    cursor: default  !important;
}

table#tab_change {
    border-collapse: collapse !important;
}

table#tab_change td{
    border: solid 1px #000 !important;
}

table#tab_change th{
    border: solid 1px #000 !important;
}

.cs-table-layout{
    table-layout: fixed;
}

}