@charset "utf-8";
/* =================================================================================
 Reset
================================================================================= */
html{overflow-y:scroll; }body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,figure{margin:0; padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}ul,li{list-style:none;}img{border:none; vertical-align:bottom;}
a{color:#ff9d4e; text-decoration:none; transition:color .2s;}
a:hover{text-decoration:none;}
a img:hover{opacity:.8;}
input[type="text"],input[type="password"],textarea,input[type="email"],input[type="number"],input[type="tel"]{-webkit-appearance:none;height:35px;box-sizing:border-box;padding:5px;border:1px solid #d2ceca;font-size:14px;box-shadow:none;}
select{height:35px;padding:5px;border:1px solid #d2ceca;font-size:100%;box-shadow:none; background-color:#fff !important;}
input[type="submit"]{-webkit-appearance:none;}input[type="button"]{border:none; cursor:pointer;}
table{border-collapse:collapse;}th{text-align:left;}
input[type="submit"]{border:none; cursor:pointer; font-size:16px;}input[type="radio"], input[type="checkbox"]{margin:0 5px 0 0; vertical-align:-1px;}
input[type="text"]:focus,textarea:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="tel"]:focus{border:1px solid #004789 !important;background-color:#fff;}
input:-ms-input-placeholder{color:#f2f2f2;}
/* ------- HTML5 ------ */
address,article,aside,figure,footer,header,menu,nav,section,main{display:block;}[hidden], command, datalist, menu[type=context], rp, source{display:none;}



/* =================================================================================
 Module
================================================================================= */

/* margin
------------------------------------------------------- */
/* margin top */
.mT_5{margin-top:5px !important;}
.mT_10{margin-top:10px !important;}
.mT_20{margin-top:20px !important;}
.mT_30{margin-top:30px !important;}
.mT_50{margin-top:50px !important;}
/* margin right */
.mR_10{margin-right:10px !important;}
.mR_20{margin-right:20px !important;}
/* margin bottom */
.mB_10{margin-bottom:10px !important;}
.mB_20{margin-bottom:20px !important;}
.mB_30{margin-bottom:30px !important;}
.mB_40,.mB_40sp20{margin-bottom:40px !important;}
.mB_50{margin-bottom:50px !important;}
/* margin left */
.mL_10{margin-left:10px !important;}

@media only screen and (max-width:640px){
.mB_40sp20{margin-bottom:20px !important;}
}

/* padding
------------------------------------------------------- */
/* padding top */
.pT_10{padding-top:10px !important;}
/* padding right */
.pR_10{padding-right:10px !important;}
/* padding bottom */
.pB_10{padding-bottom:10px !important;}
/* padding left */
.pL_10{padding-left:10px !important;}

.dIB{display:inline-block !important;}
.dB,.dB_pc{display:block !important;}
.dB_sp,.dIB_sp{display:none !important;}
.dIB_pc{display:inline-block !important;}

@media only screen and (max-width:640px){
.dB_sp{display:block !important;}
.dIB_sp{display:inline-block !important;}
.dIB_pc,.dB_pc{display:none !important;}
}

/* border
------------------------------------------------------- */
.bdrBottom{border-bottom: 1px solid #f6f5f5 !important;}



/* wrap
------------------------------------------------------- */
.wrap10{padding:10px;}
.wrap20,.wrap20sp10{padding:20px;}
.wrapRL10{padding:0 10px;}
.wrapRL20,.wrapRL20sp10{padding:0 20px;}
.wrapRL40,.wrapRL40sp10{padding:0 40px;}

@media only screen and (max-width:640px){
.wrap20sp10,.wrapRL40sp10{padding:10px;}
}

/* text-align
------------------------------------------------------- */
.tACenter,.tACspR,.tACspL{text-align:center!important;}
.tARight ,.tARspC{text-align:right!important;}
.tALeft,.tALspC{text-align:left!important;}
.tAJustify{text-align:justify!important;}

@media only screen and (max-width:640px){
.tACspR{text-align:right!important;}
.tALspC,.tARspC{text-align:center!important;}
.tACspL{text-align:left!important;}
}

/* vertical-align
------------------------------------------------------- */
.vATop{vertical-align:top!important;}
.vAMid{vertical-align:middle!important;}
.vABtm{vertical-align:bottom!important;}

/* txt
------------------------------------------------------- */
.fWBold{font-weight:bold !important;}
.fWNormal{font-weight:normal !important;}
.fSize20{font-size:20px !important;}
.fSize16,.fSize16sp14{font-size:16px !important;}
.fSize14{font-size:14px !important;}
.fSize12{font-size:12px !important;}
.fSize11{font-size:11px !important;}
.fSize0{font-size:0px !important;}

@media only screen and (max-width:640px){
.fSize16sp14{font-size:14px !important;}
}

.fCRed {color: #ff4e4e !important;}
.fCGray {color: #999 !important;}

.bgCGray_1 {background-color: #e5e3e3 !important;}
.bgCGray_2 {background-color: #eeecec !important;}


/* button 
------------------------------------------------------- */
.cmnBtn_1,
.cmnBtn_2{
    display: inline-block;
    padding: 1px 4px;
    line-height: 1.4;
    border-radius: 3px;
    text-align: center;
    vertical-align: top;
    color: #fff;
}

a.cmnBtn_1,
a.cmnBtn_2{
    color: #fff;
}

a.cmnBtn_1:hover,
a.cmnBtn_2:hover{
    filter: brightness(105%);
}

.cmnBtn_1{background-color: #5caefd;}

.cmnBtn_2{background-color: #999;}

.cmnBtn_3,
.cmnBtn_4,
.cmnBtn_5{
    display: inline-block;
    width: 240px;
    padding: 14px 5px;
    line-height: 1;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    color: #fff;
    cursor: pointer;
}

.cmnBtn_3{background: #ff9d4e;}

.cmnBtn_4{background: #999;}

.cmnBtn_5{background: #5caefd;}



button[type="submit"]:hover{
     filter: brightness(105%);
}

button[type="submit"]:disabled{
    background: #ddd;
    filter: none;
    cursor: default;
}

@media only screen and (max-width:640px){

}


/* ttl
------------------------------------------------------- */
.cmnTtl_1{
    width: 100%;
    line-height: 1;
    margin-bottom: 30px;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #004789;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
}

.cmnTtl_2{
    position: relative;
    width: 100%;
    line-height: 1;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 2px solid #004789;
    box-sizing: border-box;
    font-size: 18px;
    color: #004789;
}

.cmnTtl_2::before{
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    border-style: solid;
    border-width: 7px 20px 0 0;
    border-color: #004789 transparent transparent transparent;
}

.cmnTtl_3{
    line-height: 1;
    margin-bottom: 20px;
    padding: 3px 5px;
    border-left: 3px solid #004789;
    box-sizing: border-box;
}


@media only screen and (max-width:640px){
    .cmnTtl_1{
        margin-bottom: 10px;
        padding: 10px;
        font-size: 18px;
    }

}

/* tbl
------------------------------------------------------- */

.cmnTbl{width:100%;}

.cmnTbl th,
.cmnTbl td{
    padding:8px 10px;
    border:1px solid #e5e3e3;
    vertical-align:top;
    box-sizing:border-box;
}

.cmnTbl th{
    border-bottom-color: #e5e3e3;
    border-right-color: #e5e3e3;
    background-color: #eeecec;
    text-align:left;
    vertical-align:top;
}

.cmnTbl .cell_w60{width: 60px;}
.cmnTbl .cell_w100{width: 100px;}
.cmnTbl .cell_w140{width: 140px;}
.cmnTbl .cell_w180{width: 180px;}
.cmnTbl .cell_w240{width: 240px;}

@media only screen and (max-width:640px){

    .cmnTbl th{}

}

/* common
------------------------------------------------------- */
.spBrNone br{display:block;}
.pcBrNone br{display:none;}
.w100{width:100%;}
.spW100{width:auto;}

@media only screen and (max-width:640px){
    .spBrNone br{display:none;}
    .pcBrNone br{display:block;}
    .spW100{width:100%;}
}

.clear:after{
    content:"";
    display:block;
    clear:both;
    height:0;
}



/* =================================================================================
 Layout
================================================================================= */
body{
    min-width: 1100px;
    font-size: 14px;
    font-family: 'Mplus 1p Light', Meiryo, メイリオ, Osaka, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'MS PGothic', arial, helvetica, sans-serif;
    line-height: 1.5;
    color: #575757;
    text-align: left;
    -webkit-text-size-adjust:100%;/*iPhone自動フォント調整機能解除*/
    overflow:hidden;
}

@media only screen and (max-width:640px){
    body{
        min-width:320px;
    }
}

/* header
------------------------------------------------------- */
header{
    width: 100%;
    height:42px;
    background-color: #444;
    box-sizing: border-box;
    color: #fff;
}

header::after{
    content:"";
    display:block;
    height:0;
    clear:both;
}

header .rightCnt{
    float: right;
    padding: 10px;
}

header .rightCnt .userName,
header .rightCnt .state,
header .rightCnt .subMenu{
    float: right;
    margin-left: 20px;
}

header .rightCnt:first-child{margin-left: 0;}

header .rightCnt .state{color: #ffea3a;}

.leftCnt{
    float: left;
    margin-right: 70px;
}

header h1{color: #fff;}

h1{
    position: relative;
    width: 170px;
    height: 42px;
    padding: 12px 0 12px 5px;
    line-height: 1;
    box-sizing: border-box;
    background: #555;
    text-align:center;
    font-size: 16px;
}

h1::after{
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
    border-width: 42px 0 0 30px;
    box-sizing: border-box;
}

.subMenu,
.userName{
    position: relative;
    display: block;
    padding-left: 25px;
    color: #fff;
}

.subMenu a{color: #fff;}

.subMenu .logIn:hover,
.subMenu .logOut:hover{
    opacity: .8;
    transition: .3s;
}

.subMenu a.logIn::before,
.subMenu a.logOut::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAMAAAA/pq9xAAAAk1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZn////6+vr19fXMzMzd3d2tra2enp7AwMDh4eG0tLT29vbt7e3JycmpqanExMT39/fa2trV1dXn5+e6urqnp6fw8PDNzc2goKDOzs4xQ6MDAAAAF3RSTlMAl/kH67OsNxPihxztWfrT0nl4V+SIHnt/qHoAAAH9SURBVEjHvZfpVoMwEEYlRSiF7uoMYKFY7GZd3v/pNC06BCZNWpXvX86Zey5kY7hR48+8SSRENPFm/o0pV7HhIIBagkFoLbBl+46ARoTT5yqvZ+cuMHHnRoE923NAE6dnMFizvVvQ5tZgMbNUd6XFnnXgbBy9wp6dy9EqaeU1qyqHWoVkZZK4lY3C9l05QCbfkojbycTydPzD0gsnuE+V7DHO6KUNkxVj8qgEcVNnH0aVZA1K1jXJ6IERECslS5WOcVVnB1BJUrUsrUlgwBiI1UmIDWwkAS8JzkqI9eGcpMyrkd82EKtK3guSVOxUJ9nJ3bXFl9NoxkmmnGSRlCSpWE8nKdIygxLxDWQ8TuIxkjWilOT58ekqdsxLCMG9XJoxJxm3JNkWTxKKZN2W5PBM2eFXkgWAy0ncpuSwkvW7RS0gWdGUZNjOGgQnEQ3JS8yee2EnSe0kxYaXMNNV1LI9FhbW0/XKT5d54VcH+4V/33MLr9/CizwHuYW3F23h7JHZwsbDWF56GD+wfRh9neRNXitpefm1kjcl/n9ckJkqCbq66kNh/miJkDEQq5EQS5/fZa5k+VefX8tGwr26kSB2WLVET0rsWqKhsSXqornrpE3touHu7NeBMuR/ZPg1t2Q7/p2jhPd39bK7e/6c/5r1p94kGo2iiTf1rQVG9hPLx+h7QUOrrAAAAABJRU5ErkJggg==) center / 50px 20px;
}

.subMenu a.logIn::before{background-position: -30px 0;}

.subMenu a.logOut::before{background-position: 0 0;}

.userName::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEHUlEQVRYhb2ZS0wkVRSGPxt6IMMjvBaAjCS8SZxAcAZCCI+R7aSNMVF8rJzFjI+ZtTHGjW7caxRjXKnoysTEuCCx4wqwhwU7eTQQhPRCJCQNBLpDY/7KrZmm6KbrFsif9KK7zj3nq3tPnTr39jOTk5MEUAi4DdwBbgEdwLNAmXG1D2wBS8BjIArEgIxtqGJL+ybgPeBN4MY5diVADXATeMX89jfwPfAFsOk3YMinXa1xHAc+KACXTzfM2LjxVXtZgK8CfwHvAtcCgHl1zfiSz9cuAqjl/xL4Cai7BDCv5PNHEyNvquUDvA78DDz4H8C8emBiXfcLqLuZAu5eAZyruybmmZnMBfg5ELkytKeKmNin5CVW0t639dzS0uJ86urqKCoqIplMsrm5ydLSEnt7ezauFPsPM5uOsgt1rXmyfD8QZWVljI+PU19fn/P60dERs7OzLC4u2kDuAF3AP3iW+FMbuJKSEiKRSF4412Z0dJS2tjYbQBX4T9wvLuBzwD0bL4ODg1RUVPiyFaRm20JvG6YngO8AYb/jKysr6ejo8B1Oednd3W0DGDZMDqA+b9mMbmpqsjF31NjYaDtETCG3K7GKWF5ebhuM0tJSQiG/r35HYrqtES/aBjs+PrYdwsnJifOx1B0BvmA7ant72xpwd3c3COAtAXbajlIRtizALC8v24aROgXYYDtKSzwzM+Pbfmtri/X1dWs6sQnQXzHzaG1tjfn5+YJ2Sofp6ekgIaQK25b/lASo3Orr66O6uvrUtVQq5byL5+bmAj1UrgSY9Nt+51I8Hmd1dZWGhgZqamqcoqz8TCQSHBwcBAYzSgowcRFAnGoaYn9/35k1PamHh4dOo3AJSghQrcbztr6qqqqcJkBvFbVZ3iKcyWTY2dlhY2ODlZUVJxUCaFGA81lbw4LSW2RoaIjm5uaCsypwfZSjWvJoNGpbnh4Xm021L6lBGB4edvLMVsrRiYkJYrEYCwsLfkdHtS5/+tlI9/b2MjY2FgjOlWZ1YGCAkZERP+ZiioXMccR351mq4ezv7w8M5lVXV5cDWkBiyriZrZ1+Kpd9OBx2Gs7LVk9Pj+M7j1KG6UnDqun8JpetEvwiy3qe2tvb81391k277NrwMfCv17Kz07qX8K3W1tZcpmL4yP1S7LnwfvaWT0qn07aNpm+pic2hR9kT5X0X66xkLHtvPDU1ZRf1Yvoa+CHbQ66p0R38cpVURor50PtjLkA9Qa8Dv10VGfCriXmmkuRLLrUhLwGBzoctpRgvm5hndF72p83RmO7MfhNSWPL5homRzmft5/HUg6Nd91f5irmlUsZXt7diBAXE3K12+ipcn5kTfFtpjMbKh3z5WhXbll/VXQfhH5oNv/bU2rbqHEQbbXdHr55KtvobQu3c74H+hgD+A1xGEUvnF3aEAAAAAElFTkSuQmCC) center / 20px;
}




/* mainCnt
------------------------------------------------------- */
main{
    width: 1180px;
    padding-bottom:80px;
}

main::after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.sideNav{
    position: relative;
    float: left;
    width: 200px;
    height: 100%;
    margin-right: 40px;
    background: #004789;
    box-sizing: border-box;
    color: #fff;
}

.sideNav::after{
    content: "";
    position: absolute;
    bottom: -80px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: #004789 transparent transparent transparent;
    border-width: 80px 200px 0 0;
    box-sizing: border-box;
}

.sideNav .group{
    padding: 30px 0;
    border-bottom: 1px solid #1c67ad;
    box-sizing: border-box;
}

.sideNav .group:last-child{border-bottom: 0;}

.sideNav li a{display: block;}

.sideNav li,
.sideNav .heading,
.sideNav .position{
    padding: 10px 10px 10px 40px;
}

.sideNav .position{background-color: #1c67ad;}

.sideNav .position:hover,
.sideNav a:hover{
    color: #ff9d4e;
}


.sideNav .heading{
    position: relative;
    font-weight: bold;
    color: #ffea3a;
}

.sideNav a{
    width: 100%;
    color: #fff;
}

.sideNav .dashboard::before,
.sideNav .management::before,
.sideNav .test::before,
.sideNav .user::before,
.sideNav .conf::before{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    background: no-repeat center center / 20px 20px;
}

.sideNav .dashboard::before{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAnCAMAAABKdvqKAAAAilBMVEUAAAD/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6joTlyWBAAAALXRSTlMABHk34KCGCI6DffeqcxD65qaZk5uWiuvAuq88HRoUDc22bQvFZFBE8dJaKB/WDNQAAAABVklEQVQ4y9WR126DQBBF77rQe8cFXGI7bf//98LO7lokgLHkp5wHRhqOziCBV2C2g6dYcO7jCZyQc3feZA4XhIvZuyEn3BOAYLnt2I31DK4JHeAWuR3+5F3Po6aPG+WdqV4MU5qXayTm4HNNm7w1gzLLuhwTmR1SjyHO0G64ZCi2luyBeeIJb0I0lcdYLGYGMx4Vz7nuqZueaA7FNqVVApM8+a1szQm/d1f3zKOYusnk9YxBEWS0SBGQp9mcQc3QMlUv0b1aKdrU121GvbXqNRX/Q91CvTR7XlDxAccA8pyDRno59uQNmoFsruBzQYHdGx+l3iPtRoSrSz3tDakaJELE5b3rfR34JNU3y/kBwMk4w+AP8NEUn5AUj0QHdx4XFy+KhzzJsiT5mBUNsA5Ys6INonhWtP6v2FsXINLxX7goo5Wk9EE4pVpE0akn7pZ39mqz/b35ARvDhqPA5vCTAAAAAElFTkSuQmCC);
}

.sideNav .management::before{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAh1BMVEUAAAD/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jrBVJISAAAALHRSTlMA7gfyPbX62XRegmwwFAzBlWTjzce7nVRJNh8b59/VrJCKeXJSRif0p417TBd1Sd0AAAEISURBVDjLrdPZcoJAEIXhno19RwEhrlGz9fs/X2KlpITuwbnwv/4KOEwNzMp0ZGp/tY8TWOxsFP5XFQs0O/6xMT+0OdngJBFaXISzRMfC7gPn5QP3wD3S3hmoBQPzlMJvZBKawk/kosPTNQsDV3iiow0LYyA1LDxTWHJue6Vw8BnYAFNEnbpwcKgJ/CKIP0STAt9PNXHrHmwlBsfUMQN7MjSVd1N+oeFJ1zaOy0sKL6vXbRi2ul9EmyhX45Y82vAqC8gZ+kFG5wYCmVQgpy7ZoaVt8uhKD615D1f2hIsVdxcjOklN3svfRfmGT/Nuv/SADq0ApHKBnoQSnerAuMEDkCm2j9wJp+pfYwqKxa2QbJkAAAAASUVORK5CYII=);
}

.sideNav .test::before{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAgCAMAAACmeJG/AAAAh1BMVEUAAAD/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jrBVJISAAAALHRSTlMA/PLdSqgTvxa3rxntlw7YysV2ZlA5KtDCtaCQeVxULScjHgTn5uTTpYVwP9UY6zIAAAC2SURBVDjL7czXDoJAFIThWUDApUm1UAW75/2fT9hEqlFuTfhv58tA1VWRjY9Vdr3VBny3Fq0sL4iGxla8+MCbcXcAozZzGz87dfT5pZ3OkKifaeUQGcmVesnC9XN8cbYnGrtxXoXIpd+OhbBohqMAfI5jClaLW9x/OjbLnbDfaKKNbLKJY6bjivEG3dCbjDIKU8vpO0m7p2FhiFXFoPzhvh3jWTdOKxOJFHDa+ja+F8gZuFZg2AtniJfK3EH+VAAAAABJRU5ErkJggg==);
    background-size: 20px 16px;
}

.sideNav .user::before{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAMAAABXc8oyAAAAjVBMVEUAAAD/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jpFK4iPAAAALnRSTlMA1Cc65OCaePnXCswkksZi6c8e9O+zTUXBqoyHV9nEg14bFQ4G27mefHNvZzEvrgrPuAAAAP1JREFUOMvV1MlugzAQgOGhQLBJ6mA2syVhy97O+z9eNVRW7R6Kj813/gUaj2yA8c1FCn7BubcqrOCEThLYuIXhy4XMLQzbLjrTSTT3yHBvD3YYlACgAkQ5gWUu7LABckI8qNRann+0wqwDUjJkXHoGyTMrzBUQla8Nw55AerZ8XoqtJrzcCrGeKbwi2Y7xj93FDnOa2k+QCDBMemqtiGGucZFsmnetuYa/wuMEceWwGUG/LsVaKPYDkOG5HO/tEWkPa4WXFLRRIFZgMoe5wUJvUX4OOy31KyOsu37/re9qxIx7XPPO5gqZ6V/fmT/D1vVJUSIJ1uUSIPVdfHwBNneVftFLxfwAAAAASUVORK5CYII=);
    background-size: 20px 16px;
}

.sideNav .conf::before{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoCAMAAACl6XjsAAAAnFBMVEUAAAD/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jr/6jpjQOB3AAAAM3RSTlMA+QcKAxKBeHEbfUYqIPTv1b65paGThzDp49vRybComZaPXTXFwaudY1g5JRYPDGs+TlNunMRUAAAByElEQVQ4y32T6XaCQAxGwz4URCsIbijivlab93+3GpgFBuz9Zc658zGTRPgHK0hGriUqm6XXPivII8TRgFemZ+CytDpR6RARDWYLK3qXUbzVrAKJoziezbBixlqBX0gsfVE7K6yZijx1eBbwsgTYzrlXdsJcXj0NAGBcS5VlfyPxW1eDHdJnd7W2GEjNr79Q2NUjEyQNXsPa+5btu0yRMArnXXhYa/Y52c8qT+QF/CCuQudEv8V7L4fK8/mdp8gZ7asTILjHVO7rvCDCNgCqgSqPYUdTXl41/p1njzVrDU2P7je/Avxo1sqBJrcxLkKA01DLukEbP830rGl+hj6YwYXF5qc8B6HZa3nISXz4jCuso/1ZMjfCyu80xQ/WmgzZ5XRi9Vn3Ixmyxy7i+tFjxXLeIS0wvbibdzsIa56ptxSm1tlcNvQJYH+JavJoWXLawxfAIzVQsGnkXaUV0Wy2ESoKeb9wjxzjRLVF91d5D27tUODpM1PfvSxR4KrZNvMmdJGFKk3tjy8ACJSVSEv3IBspy4EWjXeozcGxvsu2q7SDtAZK6LwDxFbsQlCoPO5ByZci699ANqfJrMFicRyvJhf4QHjyWGD+AcVKf0TuWU9jAAAAAElFTkSuQmCC);
    background-size: 19px 20px;
}


@media only screen and (max-width:640px){

}
/* footer
------------------------------------------------------- */


/* =============================================================
 login
============================================================= */
.loginArea{
    width: 400px;
    margin: 30px auto;
    padding: 20px;
    border: 1px solid #d2ceca;
    text-align: center;
}

.loginArea .heading{
    text-align: left;
}

.loginArea input{
    width: 100%;
}

.loginArea .group{
    margin-bottom: 20px;
}

/* =============================================================
 learning_list
============================================================= */
.wrapper{
    float: right;
    width: 940px;
    padding-top: 40px;
}

.learningLst tr{vertical-align: top;}

.learningLst th,
.learningLst td{
    padding:8px 5px;
    box-sizing: border-box;
}

.learningLst .chapter{
    border-top: 10px solid #fff;
}

.learningLst .chapter:first-child{border-top: none;}

.learningLst .cellWrap{
    position: relative;
    padding-left: 5px;
}

.learningLst .cellWrap::before{
    position: absolute;
    top: -10px;
    left: -5px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color:#eeecec;
    margin-top: -10px;
}

.learningLst .cellWrap::after{
    content: "";
    display: block;
    position: absolute;
    top: -11px;
    left: -2px;
    width: 100%;
    height: 3px;
    background-color: #eeecec;
}

.learningLst .bgCGray_1 .cellWrap::before,
.learningLst .bgCGray_1 .cellWrap::after {display: none;}

.learningLst .bgCGray_2 .cellWrap::before {
    border-left-color: #e5e3e3;
}
.learningLst .bgCGray_2 .cellWrap::after {
    width: 203%;
    background-color: #e5e3e3;
}

.learningLst td{background-color: #f6f5f5;}

.learningLst .txt{margin-bottom: 5px;}

.cell_w280{width: 280px;}




@media only screen and (max-width:640px){

}

/* =============================================================
 parts
============================================================= */
.inputArea{float: left;}

.pager{
    margin-top: 20px;
    overflow: hidden;
}

.pager ul{
    float: left;
    position: relative;
    left: 50%;
}

.pager ul li{
    float: left;
    position: relative;
    line-height: 1;
    left: -50%;
    margin-right: 5px;
}

.pager ul li:last-child{margin-right: 0;}

.pager ul li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #ff9d4e;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    color: #ff9d4e;
}

.pager .active a{
    border-color:#5caefd;
    color:#5caefd;
}

.pager .prev a,
.pager .next a{
    position: relative;
    width: 100%;
    padding: 5px 5px 5px 15px;
    line-height: 18px;
    background-color: #ff9d4e;
    color: #fff;
}

.pager .prev.disabled a,
.pager .next.disabled a{
    color: #fff;
    background-color: #ddd;
    border-color: #ddd;
    cursor: default;
}

.pager a:hover{filter: brightness(120%);}

.pager .prev.disabled a:hover,
.pager .next.disabled a:hover{filter: brightness(100%);}

.pager .prev a{padding: 5px 5px 5px 15px;}

.pager .next a{padding: 5px 15px 5px 5px;}

.pager .prev a::after,
.pager .next a::after{
    content: "";
    position: absolute;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(225deg);
    margin-top: -4px;
}


.pager .prev a::after{
    left: 5px;
    transform: rotate(225deg);
}

.pager .next a::after{
    right: 5px;
    transform: rotate(45deg);
}

.pager .last a,
.pager .first a{
    width:100%;
    padding:0 5px;
}


/*  表示・非表示ボタン */
.switchBtn{
    display:inline-block;
    position:relative;
    width:80px;
    height:21px;
    margin-right: 10px;
    padding-left: 10px;
    border-radius:21px;
    box-sizing: border-box;
    user-select:none;
    overflow:hidden;
    background-color:#5caefd;
    color:#fff;
}

.switchBtn.off{
    padding-left: 22px;
    background-color:#999;
    color:#fff;
}

.switchBtn::before{
    display:inline-block;
    position:absolute;
    top:-1px;
    left:56px;
    width:15px;
    height:15px;
    border:4px solid #5caefd;
    border-radius:41px;
    background-color:#ffea3a;
    z-index:10;
    -webkit-transition:all .2s ease-out 0s;
    transition:all .2s ease-out 0s;
    -webkit-transform:translate3d(0);
    transform:translate3d(0);
    content:"";
}

.switchBtn.off::before{
    left:0;
    border-color:#999;
    background-color:#ccc;
}


.switchBtn input[type="checkbox"]{
    position:absolute !important;
    top:0;
    left:0;
    opacity:0;
    z-index:-1;
}


fieldset{
    padding: 0;
    border: none;
}

fieldset legend{
    line-height: 1;
    margin-bottom: 20px;
    padding: 3px 5px;
    border-left: 3px solid #004789;
    box-sizing: border-box;
    font-weight: bold;
}

.input{margin-bottom: 15px;}

.input label{
    display: block;
    margin-bottom: 5px;
}

.required label::after{
    content: "必須";
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    padding: 2px 4px;
    line-height: 1;
    border-radius: 3px;
    box-sizing: border-box;
    background: #f00;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.requiredIcn{
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    padding: 2px 4px;
    line-height: 1;
    border-radius: 3px;
    box-sizing: border-box;
    background: #f00;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.input input,
.input .select{
    display: block;
    width: 100%;
    height: 35px;
    padding: 2px;
    border-radius: 3px;
}

.input .select{width: 300px;}

.input.checkbox input{
    display:inline-block;
    width:auto;
    height:auto;
}

.input .half{
    width: 50%;
}

.input .error{
    border: 1px solid #ffbaba;
    background-color: #ffeded;
}

.input .short{
    display: inline-block;
    width: 60px;
}

.input .short:last-child{margin-right: 0;}

input[readonly="readonly"]{
    border: #fff;
    cursor: default;
}

input[readonly="readonly"]:focus{
    outline: #fff;
    border: #fff !important;
}

.checkLst input{
    display: inline-block;
    width: 12px;
}