@charset "utf-8";


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Reset
-------------------------------------------------------------------- */
        /*
        html5doctor.com Reset Stylesheet v1.6.1
        Last Updated: 2010-09-17
        Author: Richard Clark - http://richclarkdesign.com
        */
            html, body, div, span, object, iframe,
            h1, h2, h3, h4, h5, h6, p, blockquote, pre,
            abbr, address, cite, code,
            del, dfn, em, img, ins, kbd, q, samp,
            small, strong, sub, sup, var,
            b, i,
            dl, dt, dd, ol, ul, li,
            fieldset, form, label, legend,
            table, caption, tbody, tfoot, thead, tr, th, td,
            article, aside, canvas, details, figcaption, figure, 
            footer, header, hgroup, menu, nav, section, summary,
            time, mark, audio, video, select {
                margin:0;
                padding:0;
                border:0;
                outline:0;
                font-size:13px;
                vertical-align:baseline;
                background:transparent;
            }
            body {
                line-height:1;
            }
            article,aside,details,figcaption,figure,
            footer,header,hgroup,menu,nav,section { 
                display:block;
            }
            nav ul{
                list-style:none;
            }

            li{
                list-style:none;
            }
            blockquote, q {
                quotes:none;
            }
            blockquote:before, blockquote:after,
            q:before, q:after {
                content:'';
                content:none;
            }
            a {
                margin:0;
                padding:0;
                font-size:100%;
                vertical-align:baseline;
                background:transparent;
            }
            /* change colours to suit your needs */
            ins {
                background-color:#000000;
                color:#fff;
                text-decoration:none;
            }
            /* change colours to suit your needs */
            mark {
                background-color:#ff9;
                color:#000; 
                font-style:italic;
                font-weight:bold;
            }
            del {
                text-decoration: line-through;
            }
            abbr[title], dfn[title] {
                border-bottom:1px dotted;
                cursor:help;
            }
            table {
                border-collapse:collapse;
                border-spacing:0;
            }
            hr {
                display:block;
                height:1px;
                border:0;   
                border-top:1px solid #cccccc;
                margin:1em 0;
                padding:0;
            }
            input, select,textarea {
                vertical-align: middle;
                padding:0;
                border:0;
                margin: 0;
            }
            textarea{
                max-width:100%;
            }
            textarea.c-form-control {
                height: auto;
            }
            /*clearfix*/
            .cf:after{
                content: ".";
                display: block;
                height: 0;
                font-size:0;
                clear: both;
                visibility:hidden;
            }
            .cf{
                display: inline-block;
            }
            /* Hides from IE Mac */
            * html .cf{
                height: 1%;
            }
            .cf{
                display:block;
            }
        /* End Hack */

/* 全体
-------------------------------------------------------------------- */
    html, body{height:100%;}
    body{
         font-family:'Lato','Meiryo UI','Hiragino Kaku Gothic ProN','sans-serif'!important;
         font-size:12px;
         background-color:#e4e4e4;
    }
    form{margin-left:0%;}

    #wrap{
         width: 100%;
         position: relative;
         height:auto !important; /*IE6対策*/
         height: 100%; /*IE6対策*/
         /*min-height: 100%;*/
    }
    #contents{
        min-width: 1000px;
        margin: 0 auto;
        padding:40px 2% 0;
    }

/* テーブル
-------------------------------------------------------------------- */
    /* ソートリンク */
        span.sort_a{
            color:#fff;
            text-decoration: none;
            transition: all 0.2s;
            -webkit-transition: all 0.2s;
        }
        span.sort_a:hover{
            color:#28c3a6;
            cursor:pointer;
            text-decoration: none;
        }
        span.sort_a > .fa-sort-asc {
            position: relative;
            top: 3px;
            right: -4px;
        }
        span.sort_a > .fa-sort-desc {
            position: relative;
            top: -3px;
            right: -4px;
        }
        /*ダウンロードボタン*/
        .download {
            background: transparent;
            color: #111;
            border: 1px solid #EEE;
            -moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
            -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
            width: 40px;
        }
        .download:hover{
            background: #EEE;
            color: red;
            border-top: 1px solid #FFF;
            border-left: 1px solid #FFF;
            border-right: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
            -moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
            -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
            width:40px;
        }
    /*検索枠*/
        .d-input-box {
            padding:2px 5px;
            height: 35px;
            width: 300px;
            box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
            border-radius: 3px;
        }
    /*セレクトボックス（ショート）*/
        .easy-select-box{
            border:1px solid #dedede;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            text-align:left;
            color:#0c2245;
            padding-left: 7px;
            width: 70px;
            box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
        }
    /*セレクトボックス（ミドル）*/
        .easy-select-box-middle{
            border:1px solid #dedede;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            text-align:left;
            color:#0c2245;
            padding-left: 7px;
            width:100px;
            box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
        }

    /* レポート画面 */
        .report_wrapper{
        }
        .date_range{
            margin-bottom:10px;
        }

        table.report_list thead{
            display: block;
        }
        table.report_list tbody{
            overflow-y:scroll;
            height:500px;
            width:100%;
            display: block;
        }
        table.report_list{
            background:#ffffff;
            text-align:center;
            border-collapse:collapse;
        }
        table.report_list tr{
            padding: 5px 15px ;
            text-align:center;
            background:#ffffff;
        }
        table.report_list th{
            padding:5px 5px;
            text-align:center;
            background: -webkit-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
            background: -moz-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
            background: -o-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
            background: -ms-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
            background: linear-gradient(to bottom, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
            color:#ffffff;
        }
        table.report_list td{
            border:1px solid #C1C1C1;
            padding: 5px ;
            text-align:center;
            background:#ffffff;
            border-collapse:collapse;
        }

        table.table-headerfixed{
          width: 100%;
        }

        table.table-headerfixed thead,
        table.table-headerfixed tbody,
        table.table-headerfixed tr, 
        table.table-headerfixed td,
        table.table-headerfixed th{
            display: block;
        }
        .table-striped>tbody>tr:nth-of-type(odd) {
            background-color: #ffffff;
        }
        .table-striped>tbody>tr:nth-of-type(even) {
            background-color: #f9f9f9;
        }
        .table-striped>tbody>tr{
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
        }
        .table-striped>tbody>tr:hover{
            background-color: #e6efff;
        }

    /* フォーム入力パーツ */
        button, input, select, textarea{
            font-family : inherit;
            font-size : 100%;
        }
        input{
            border: 1px #cacaca solid;
        }
        input.rank {
            background: none;
        }
        select
        {
            border: 1px #eee solid;
            height: 35px;
            background: #fff;
        }
        select.auth {
            height: 24px;
            font-size: 12px;
            padding: 1px;
        }
        textarea{
            max-width: 600px;
            border: 1px #eee solid;
        }
        input[type=checkbox],input[type=radio] {
            width: 15px;
            height: 20px;
        }
        .checkbox_all {
            margin: 20px 0;
            padding: 0 2px 2px 0px;
            overflow: hidden;
        }

        /* 通知書 */
            .d-notice-heading {
                margin-bottom: 30px;
            }
            .d-notice-heading-box dt,.d-notice-heading-box dd,
            .d-notice-heading-box-long dt,.d-notice-heading-box-long dd {
                display: inline-block;
            }
            .d-notice-heading-box dt,
            .d-notice-heading-box-long dt {
                font-size: 12px;
                color: #5d5d5d;
                font-weight: normal;
                padding: 0px 0 5px 0px;
            }
            .d-notice-heading-box dd,
            .d-notice-heading-box-long dd {
                font-size: 17px;
                display: block;
                color: #00BCD4;
                padding-bottom: 15px;
            }
            .d-notice-btn-box {
                display: block;
                text-align: right;
                margin-bottom:25px;
            }
            .d-notice-heading-box {
                padding: 15px 0px 0 15px;
                min-width: 240px;
                display: inline-block;
                background: #fff;
                box-shadow:6px 6px 15px 0px rgba(0, 0, 0, 0.21);
                /* border-radius: 5px; */
                border-left: 5px #00c2e0 solid;
                width: 25%;
            }
            .d-notice-heading-box-long {
                padding: 15px 0px 0 15px;
                min-width: 460px;
                display: inline-block;
                background: #fff;
                box-shadow:6px 6px 15px 0px rgba(0, 0, 0, 0.21);
                /* border-radius: 5px; */
                border-left: 5px #00c2e0 solid;
                width: 49%;
            }


/* 各種パーツ
-------------------------------------------------------------------- */
    /* ヘッダー・フッター部 */
        #header{
            top: 0;
            left: 0;
            width: 100%;
            padding:25px 2%;
            overflow: hidden;
            min-width: 1000px;
            background: #fff;
            box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
        }
        #header > img{
            width:150px;
        }
        #header > span{
            font-size:12px;
            padding-left:10px;
            float: right;
            padding-top: 15px;
        }
        #header > span > span{
            margin-top: -10px;
        }
        #footer{
            font-size:9px;
            color:#A6A6A6;
            text-align: right;
            margin: 50px 0 15px;
            clear: both;
            overflow: hidden;
        }
    /* 画面タイトル */
        .subtitle{
            text-align: center;
        }
        .subtitle2 {
            overflow: hidden;
        }
        .subtitle,
        .subtitle2{
            display: block;
            font-size: 18px;
            padding-bottom: 15px;
        }
    /* ヘッダー */
        .d-header-auth {
            display: table;
            float: right;
            padding-top: 5px;
        }
        .d-header-auth p {
            display: table-cell;
            vertical-align: middle;
            padding-top:4px;
        }
        .d-header-auth i {
            font-size: 20px;
            vertical-align: middle;
        }
        .d-header-auth > p > span {
            font-size: 12px;
            letter-spacing: 1px;
            padding-left: 5px;
        }
    /* ログアウトリンク */
        .logout{
            float: right;
        }
        .logout > a{
            color:#fff;
            margin: 0px;
            padding: 10px 20px;
            border-radius: 3px /3px;
            font-size: 11px;
            background:#000;
            margin-left: 20px;
            display:block;
            -webkit-transition: 0.1s ease-in-out;
            transition: 0.1s ease-in-out;
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
        }
        .logout > a:hover{
            background:#545454;
            box-shadow: 0 0 black;
        }
    /* TOPメニューパーツ */
        .menu_abc{
            margin-bottom: 2%;
        }
        .d-menu_box{
            font-size: 0; /*横並びの隙間*/
        }
        .menu_a{
            font-size: 12px;
            letter-spacing: 1px;
            text-align: center;
            width:12.5%;
            display: inline-block;
            padding: 20px 10px;
            text-decoration: none;
            border-bottom: 5px #0a44a8 solid;
            border-left: 1px #0a44a8 solid;
            color: #ffffff;
            background:#155ad4;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
            /* border-radius: 10px 10px 0px 0px; */
            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.22);
        }
        .menu_a:hover {
            background:#0d4ab4;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22);
            color: #7590bf;
        }
    /*モーダル*/
        a.modal-open{
            color:#444444;
        }
        a.modal-open:hover {
            cursor:pointer;
            color:red;
        }
        a {
            text-decoration: none;
        }
        a:hover{
            text-decoration: none;
        }
        #modal_body {
            padding: 10px 0px;
            line-height: 2;
        }
        .d-modal-ttl {
            font-size: 18px;
            border-bottom: 1px #ddd solid;
        }
        .d-modal-close-box {
            position: absolute;
            bottom: 10px;
            right: 10px;
        }
        .d-modal-close-box .modal-close {
            background: #9E9E9E;
            padding: 15px 30px;
            display: block;
            border-radius: 100%;
            color: #fff;
            font-size: 17px;
        }
        .modal-content{
            width: 60%;
            height: 60%;
            margin: 10% 0;
            padding: 25px 30px;
            border: 10px solid #b0cdff;
            background: #fff;
            position: fixed;
            display: none;
            z-index: 2;
            line-height: 2.5;
        }
        .modal-overlay{
            z-index: 1;
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 120%;
            background-color: rgba( 0,0,0, 0.75);
        }
        .modal-list{
            width:100%;
            margin: 10px 10%;
            border-collapse: separate; border-spacing: 0;
            border-spacing: 0;
            border: 1px solid #d8d8d8;
            padding:10px auto;
        }
         .modal-open{
            visibility: hidden;
         }

        table.com_list_2{
            text-align:center;
            border-collapse: separate;
            border-spacing: 0;
            border-style: solid;
            border-color: #D8D8D8;
            border-width: 3px;
            box-shadow: 0 0 15px #C9C9C9;
            }

        table.com_list_2 tbody{
            overflow: auto;
            display:block;
            height: 500px;
        }

        table.com_list_2 td{
            border: 1px solid #efefef;
            width:320px;
            padding: 5px;
            margin-left: 10px;
            }

        #all_tables{
            margin:0 13%;
        }
    /*bootstrap*/
        table.table-headerfixed {
          width: 100%;
        }
        table.table-headerfixed thead,
        table.table-headerfixed tbody,
        table.table-headerfixed tr,
        table.table-headerfixed td,
        table.table-headerfixed th {
            display: block;
        }
        table.table-headerfixed tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }
        table.table-headerfixed thead {
            /* fallback */
            width: 100%;
            /* minus scroll bar width */
        }
        table.table-headerfixed tbody td{
            border-right: 1px solid #efefef;
            float: left;
            height: 40px;
            padding: 10px;
        }
        table.table-headerfixed thead th {
            border-right: 1px solid #efefef;
            float: left;
            padding: 10px 0;
            text-align:center;
            font-weight: normal;
            background:#155ad4;
            color:#fff;
        }

        .ellipsis {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .openBtn{
            display: block;
            cursor: pointer;
            padding:20px 16px;
            color: #666;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
            background: #fff;
            box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
            font-size: 14px;
            margin-bottom: 15px;
        }
        .openBtn:hover {
            color: #155ad4;
            background-color: #f3f3f3;
            padding-left: 25px;
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.17);
            /* border-radius: 10px 0px 0px 0px; */
            border-left: 3px solid #155ad4;
            /* border-radius: 50px 0px 0px 0px; */
        }
        .openBtn:active {
            background-color: #000000;
        }
        .openBtn.active {
            color: #155ad4;
            background-color:#f1f1f1;
            border: 0;
            border-left: 4px solid #155ad4;
            border-radius: 10px 0px 0px 0px;
            margin:20px 0 0 0;
            /* padding-left: 37px; */
        }

        .openBtn > span.count {
            background: #28c3a6;
            border-radius: 100%;
            padding: 10px 1px 0 0;
            color: #fff;
            display: inline-block;
            width: 32px;
            height: 32px;
            vertical-align: middle;
            text-align: center;
            font-size: 11px;
            margin-left:10px;
            font-family: 'Abel', sans-serif;
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
            letter-spacing: -.8px;
        }
        .openBtn > span.arrow:before {
            content: "\f0da";
            font-family: FontAwesome;
            padding-right: 10px;
            color: #155ad4;
        }
        /* count */
            .openBtn > span.count{
              -webkit-animation-name: rubberBand;
              animation-name: rubberBand;
              opacity:1!important;
            }
            .animated {
                opacity:0;
              -webkit-animation-duration: 1.5s;animation-duration: 1.5s;
              -webkit-animation-fill-mode: both;  animation-fill-mode: both;
            }
            @-webkit-keyframes rubberBand {
              0% {-webkit-transform: scale(1); transform: scale(1);}
              30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75);}
              40% { -webkit-transform: scaleX(0.75) scaleY(1.25);transform: scaleX(0.75) scaleY(1.25);}
              60% { -webkit-transform: scaleX(1.15) scaleY(0.85);transform: scaleX(1.15) scaleY(0.85);}
              100% { -webkit-transform: scale(1);transform: scale(1);}
            }
            @keyframes rubberBand {
              0% {-webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1);}
              30% {-webkit-transform: scaleX(1.25) scaleY(0.75);-ms-transform: scaleX(1.25) scaleY(0.75);transform: scaleX(1.25) scaleY(0.75);}
              40% {-webkit-transform: scaleX(0.75) scaleY(1.25);-ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25);}
              60% {-webkit-transform: scaleX(1.15) scaleY(0.85);-ms-transform: scaleX(1.15) scaleY(0.85);transform: scaleX(1.15) scaleY(0.85);}
              100% {-webkit-transform: scale(1); -ms-transform: scale(1);transform: scale(1);}
            }

    /*TOPへ戻るボタン*/
        .scroll_button {
            position: fixed;
            bottom: 50px;
            right: 0px;
        }
        .scroll_button a {
            display: block;
            background: #000;
            color:#fff;
            padding: 25px 15px;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            transition: .3s;
            font-size: 11px;
            border-radius: 5px 0px 0px 5px;
        }
        .scroll_button a:hover {
            background: #2b2b2b;
        }

        .dairitenNames,.data,.notices{
            cursor:pointer;
        }

/* ボタン
-------------------------------------------------------------------- */
    /* 検索ボタン */
        .srch_btn{
            font-family:meiryo UI;
            height:26px;
            width: 40px;
            text-align:center;
        }
    /* ボタン（デフォルト） */
        input{
            border: 0;
            border-radius:3px;
            -webkit-transition: 0.1s ease-in-out;
            transition: 0.1s ease-in-out;
            padding: 2px 8px;
        }

    /* ボタングループ*/
        .d-notice-btn-box .d-btn-primary {
            font-size: 13px;
        }

    /* 重要ボタン*/
        .d-btn-primary{
            height: 35px;
            background:#F44336;
            color: #fff;
            font-size: 12px;
            letter-spacing: .5;
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
        }
        
        .d-btn-primary.stop{
            cursor: not-allowed;
            background: #737373;
            height: 35px;
            font-size: 12px;
            letter-spacing: .5;
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);            
        }
        .d-btn-primary.stop:hover{
            background: #515151;
            box-shadow: 0 0 black;
        }
                
        
        .d-btn-primary:hover{
            background: #de3b2f;
            box-shadow: 0 0 black;
        }
        .d-btn-primary-new{
            float: right;
            height: 35px;
            background: #F44336;
            color: #fff;
            font-size: 12px;
            letter-spacing: .5;
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
            padding: 10px;
            line-height: 1.3;
            border-radius: 5px;
            -webkit-transition: 0.1s ease-in-out;
            transition: 0.1s ease-in-out;
        }
        .d-btn-primary-new:hover{
            background:#e8372a;
            box-shadow: 0 0 black;
            color: #fff;
        }

    /* ボタン（ミドル）*/
        .d-input-btn{
            height: 35px;
            width: 100px;
            background: #737373;
            color: #fff;
            font-size: 12px;
            letter-spacing: .5;
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
        }
        .d-input-btn:hover{
            background: #505050;
            box-shadow: 0 0 black;
        }
    /* ボタン（編集）*/
        .d-input-btn-small{
            background: #4CAF50;
            color: #fff;
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.68);
        }
        .d-input-btn-small:hover{
            background:#398a3c;
            box-shadow: 0 0 black;
        }
    /* ボタン（ラージ）*/
        .d-input-btn-large{
            height: 45px;
            width: 200px;
            font-size: 13px;
            background: #e0477b;
            color: #fff;
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.68);
        }
        .d-input-btn-large:hover{
            background: #c31e57;
            box-shadow: 0 0 black;
        }
    /* 削除ボタン（スモール）*/
        .d-input-btn-delete-small{
            background:#41758e;
            color: #fff;
            font-size: 11px;
            padding: 10px;
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
        }
        .d-input-btn-delete-small:hover{
            background:#295367;
            box-shadow: 0 0 black;
        }
    /* ボタン（停止）*/
        input.delete {
            background: #585858;
            color: #fff;
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.68);
        }
        input.delete:hover{
            background: #2d2d2d;
            box-shadow:0 0 black;
        }
    /* ボタン（リセット）*/
        input.reset {
            background:#7e5db7;
            color: #fff;
            font-size: 12px;
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.68);
        }
        input.reset:hover{
            background:#664898;
            box-shadow:0 0 black;
        }
    /* ボタン（リセットラージ）*/
        input.reset-large {
            background: #7e5db7;
            color: #fff;
            padding: 10px;
            font-size: 12px;
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
            height: 35px;
        }
        input.reset-large:hover{
            background:#664898;
            box-shadow: 0 0 black;
        }

    /* ボタン（ダウンロード）*/
        input.dl_btn {
            padding: 0 10px;
        }
        input.dlbtn {
            cursor: pointer;
            height: 40px;
            color: #fff;
            font-size: 12px;
            border: none;
            border-radius: 5px;
            background: #155ad4;
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
        }
        input.dlbtn:hover {
            background: #0941a2;
        }
    /* ボタン（アカウント編集）*/
        input.invalid_flg {
            background: #53678a;
        }

/* ログイン
-------------------------------------------------------------------- */
    /* ログイン・エラー枠 */
        .container{
            width: 40%;
            border: 0px solid #FF0000;
            margin: 0 auto;
        }
    /* ログイン画面 */
        .d-login-logo{
            text-align:center;
            padding-bottom:25px;
        }
        .d-login-logo >img{
            width: 160px;
        }
        .form_login {
            background-color: #ffffff;
            box-shadow: 1px 1px 1px 1px #cccccc;
            width: 380px;
            padding: 45px 65px;
            margin:50px auto 0;
            border-radius: 8px;
        }
        .form_login_id{
            width: 100%;
            height: 40px;
            font-family: Meiryo UI;
            margin-bottom: 10px;
            padding-left: 10px;
            border: 1px #dcdcdc solid;
        }
        .login_sub {
            cursor: pointer;
            width: 150px;
            height: 40px;
            text-align: center;
            color: #fff;
            font-size:13px;
            border: none;
            border-radius: 5px;
            margin: 30px auto;
            background: #155ad4;
            display: block;
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
        }
        .login_sub:hover {
            background: #0d4bb6;
        }
        .inquiry {
            display: block;
            font-size: 12px;
            text-decoration: none;
        }
        .inquiry:hover {
            color: red; 
        }
        .inquiry:visited {
            color: blue;
        }
        .login_table{
            width: 64%;
            font-size:11px;
            margin: 0 auto;
            border:1px solid #444444;
        }
        .login_thead{
            padding:3px;
            border-bottom:1px solid #444444;
        }
        .login_tr{
            padding:2px;
            border:1px solid #444444;
        }

        /* 仮パスワード発行 */
        .one_pass_box > p{
            line-height: 1.5;
            letter-spacing: 1.9;
            color: #E91E63;
        }
        .txtEmail{
            margin:25px 0 5px 0;
            width:100%;
            height: 40px;
            padding:8px;
            border: 1px #eee solid;
            box-shadow: 1px 1px 1px #d0d0d0;
        }
        .txtTel{
            margin:5px 0 20px 0 ;
            width:100%;
            height: 40px;
            padding:8px;
            border: 1px #eee solid;
            box-shadow: 1px 1px 1px #d0d0d0;
        }
        .txtPassword{
            margin:5px 0%;
            width:100%;
            height: 40px;
            padding: 2px;
            border: 1px #eee solid;
            box-shadow: 1px 1px 1px #d0d0d0;
        }
        input[type=submit]#btnSubmit2{
            cursor: pointer;
            width: 150px;
            height: 40px;
            text-align: center;
            color: #fff;
            font-size:13px;
            border: none;
            border-radius: 5px;
            margin:20px auto 40px;
            background: #155ad4;
            display: block;
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
        }
        input[type=submit]#btnSubmit2:hover {
            background: #0d4bb6;
        }

        /* パスワード変更画面 */
        .pass_change_box{
            background-color: #fff;
            box-shadow: 1px 1px 1px 1px #cccccc;
            width: 380px;
            padding: 45px 65px;
            margin: 50px auto 0;
            border-radius: 8px;
        }

        input[type=submit]#btnSubmit{
            cursor: pointer;
            width: 150px;
            height: 40px;
            text-align: center;
            color: #fff;
            font-size: 13px;
            border: none;
            border-radius: 5px;
            margin: 30px auto;
            background: #155ad4;
            display: block;
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
        }
    /* ログアウト画面 */
        .logout_box{
            width: 400px;
            height: 140px;
            padding: 20px;
            margin: auto;
            margin-top: 10px;
            background-color:#E9FAFF;
            border:1px solid #34A3FF;
        }

/* エラー(404・503)
-------------------------------------------------------------------- */
    /* 404 */
        .error {
            width: 1000px;
            margin: 20px auto;
            color: #ffffff;
            line-height: 1.5;
            min-height: 600px;
            display: table;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.58);
            background-color: #0b47ae;
            box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.12);
            border-radius: 15px;
        }
        .error-body {
            text-align:center;
            display: table-cell;
            vertical-align: middle;
        }
        .error-icon > i {
            font-size: 140px;
        }
        .error-ttl {font-size: 50px;font-family: "Lato",sans-serif;font-weight: bold;}
        .error-lead {font-size: 20px;}




/* ヘルパークラス
-------------------------------------------------------------------- */
    /*  区切り線 */
    .line{
        width:95%;
        margin:60px 30px 10px 30px;
        border:1px solid #EEEEEE;
    }
    #sortable tr:hover { cursor: move; }

    /* 文字サイズ */
    .txt_size_12{font-size: 12px;}
    .txt_size_14{font-size: 14px;}
    .txt_size_16{font-size: 16px;}
    .txt_size_18{font-size: 18px;}
    .txt_size_20{font-size: 20px;}

    /* 文字カラー */
    .text_black{color:#000;}
    .text_red{color: #E91E63;}
    .text_blue{color:#00F;}
    .text_green{color:#0F0;}

    /* 長さ */
    .len_100{width:100px;}
    .len_200{width:200px;}
    .len_300{width:300px;}
    .len_400{width:400px;}
    .len_500{width:500px;}
    .len_50p{width:50%;}
    .len_60p{width:60%;}
    .len_70p{width:70%;}
    .len_80p{width:80%;}
    .len_90p{width:90%;}
    .len_100p{width:100%;}

    /* テキスト位置 */
    .text_align_r{text-align: right;}
    .text_align_c{text-align: center;}
    .text_align_l{text-align: left;}

    /* フロート */
    .fl-right{float:right;}

    /* テキストデザイン */
    .text_b{font-weight: bold;}

    /* マージン */
    .d-mt_10 {margin-top: 10px;}
    .d-mt_20 {margin-top: 20px;}
    .d-mt_30 {margin-top: 30px;}
    .d-mt_40 {margin-top: 40px;}
    .d-mt_50 {margin-top: 50px;}
    .d-mt_60 {margin-top: 60px;}
    .d-mt_70 {margin-top: 70px;}
    .d-mt_80 {margin-top: 80px;}
    .d-mt_90 {margin-top: 90px;}
    .d-mt_100 {margin-top: 100px;}

    .d-mb_10 {margin-bottom: 10px;}
    .d-mb_20 {margin-bottom: 20px;}
    .d-mb_30 {margin-bottom: 30px;}
    .d-mb_40 {margin-bottom: 40px;}
    .d-mb_50 {margin-bottom: 50px;}
    .d-mb_60 {margin-bottom: 60px;}
    .d-mb_70 {margin-bottom: 70px;}
    .d-mb_80 {margin-bottom: 80px;}
    .d-mb_90 {margin-bottom: 90px;}
    .d-mb_100 {margin-bottom:100px;}

    .d-mr_5 {margin-right:5px;}
    .d-mr_10 {margin-right:10px;}

    .d-ml_5 {margin-left:5px;}
    .d-ml_10 {margin-left:10px;}

    /* linehight */
    .d-lh_base{line-height:1.5;}


    /* ポジション */
    .pos_center{margin:0 auto;}

    
    /*アカウント管理画面のリセット*/