@charset "UTF-8";
/* CSS Document */

/* -----------------------------------------------
 layout
-------------------------------------------------- */

html {
    height: 100%;
    margin: 0;
}
body {
    margin: 0;
    /*
    background-color: #efefed;
    */
    background-color: #efefed;
    color: #70726F;
}
body, .item {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 100%;
    /*overflow: auto;*/ /* 20150911 Edit By Mogami */
}
body.wait * {
    cursor : wait!important ;
}

a{
    font-weight: bold;
}

#header {
    background-color: #FFF;
    background-image: url(../images/shadow.png);
    background-repeat: repeat-x;
    min-height: 70px;
    background-position: bottom;
}
#header #header_contents {
    display : table ;
    width : 100% ;
}
#header #header_contents #header_contents_left {
    display : table-cell ;
    text-align : left ;
    vertical-align : middle ;
    width : 60px ;
    height : 60px ;
}
#header #header_contents #header_contents_center {
    display : table-cell ;
    vertical-align : middle ;
    text-align: center ;
}
#header #header_contents #header_contents_center h3 {
    margin : 0 ;
}
#header #header_contents #header_contents_right {
    display : table-cell ;
    text-align : right ;
    vertical-align : middle ;
    padding : 0 10px ;
    width : 180px ;
}

#warp {
    background-color: #efefed;
    overflow: auto; /* 20150911 Edit By Mogami */
    -webkit-overflow-scrolling: touch;
}
#side {
    float: left;
    width: 280px;
    height: 100%;
    /*background-color: #4E7FE1;*/
    background-color: #9ccb29;
    overflow-y: scroll ;
}
#side .navi-bar ul li,
#side .navi-bar-user {
    background-color: #9ccb29;
}

#main {
    padding: 5px;
}
#footer{
    text-align:right;
}

.nowrap {
    white-space : nowrap ;
}

/* -----------------------------------------------
 header
-------------------------------------------------- */

#logo{
    background-color: /*#00CC7A#abdd31*/#e2f2bd;
    text-align: center;
    color: #FFF;
    height: 66px;
    /*width: 280px;*/ /* 20150911 Edit By Mogami */
    width : 100% ; /* 20150911 Edit By Mogami */
  }
#logo img{
    padding-top:6px
       }

#ttl {
    padding:20px;
    width: 200px;
    float: left;
       }
#ttl img {
    padding-left: 10px;
    vertical-align: bottom;
}
.h_btn  {
    float: right;
    text-align: right;
    padding-top: 13px;
    padding-right: 13px;
       }
.h_btn_large    {
    float: right;
    text-align: right;
    padding-top: 10px;
    padding-right: 13px;
       }
/* -----------------------------------------------
 main style
-------------------------------------------------- */
.section {
    overflow: hidden;
    margin-bottom: 20px;
    clear: both;
    float: none;
}
.section.bg_white {
    background-color: #FFF;
    border:1px solid #DDD;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    padding: 20px;
}
.section.bg_white2{
    background-color: #FFF;
    padding: 20px;
    background-color: #FFF;
    border:1px solid #DDD;
}
.inner{
    overflow: hidden;
    clear: both;
    float: none;
}
.boxboder_round{
    border:1px solid #CCC;
    border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.line_boder{
    background-image: url(../images/line1.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.clear{
clear:both;
}

/* -----------------------------------------------
 color&float
-------------------------------------------------- */
.bg_lblue{
    border: 1px solid #E7E36B;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fefcea;
    background: -moz-linear-gradient(top,  #fefcea 0%, #fcfc80 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#fcfc80));
    background: -webkit-linear-gradient(top,  #fefcea 0%,#fcfc80 100%);
    background: -o-linear-gradient(top,  #fefcea 0%,#fcfc80 100%);
    background: -ms-linear-gradient(top,  #fefcea 0%,#fcfc80 100%);
    background: linear-gradient(to bottom,  #fefcea 0%,#fcfc80 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fcfc80',GradientType=0 );
    font-weight: bold;
    color: #666;
}
.bg_lgray{
    background-color: #E3E3E3;
}
.bg_white{
    background-color: #FFF;
}
.white_button{
    background-color:  #FFF;
    border: 1px solid #DEDEDE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E3E3E3));
    background: -webkit-linear-gradient(#FFFFFF, #E3E3E3);
    background: -moz-linear-gradient(#FFFFFF, #E3E3E3);
    background: -ms-linear-gradient(#FFFFFF, #E3E3E3);
    background: -o-linear-gradient(#FFFFFF, #E3E3E3);
    background: linear-gradient(#FFFFFF, #E3E3E3);
}
.fL{float:left;}
.fR{float:right;}
.fC{
    margin-right: auto;
    margin-left: auto;
}
.boxL{float:left; width: 50%;}
.boxR{float:right; width: 50%;}

.fs_large1{
    font-size:1.2em;
    font-weight: bold;
    color: #666;
}
.fs_large2{
    font-size:1.5em;
    font-weight: bold;
    color: #666;
}
.radius{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.col_blue{
    color: #009EB8;
}
.col_green{
    color: #81AC22;
}

/* -----------------------------------------------
 style
-------------------------------------------------- */
.heading{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
    padding-left: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
    margin: 0px;
    border:1px solid #DDD;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    font-size: 20px;
    font-weight: bold;
    color: #70726F;
    cursor : pointer ;
}
.txtL{text-align: left;}
.txtR{text-align: right;}
.txtC{text-align: center;}

.h3ttl{
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    /* [disabled]margin-bottom: 30px; */
    margin-left: 0px;
}
.hd4{
    margin-bottom: 1em;
    padding: 7px 0 7px 10px;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 10px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCCBAB;
}

.hd5{
    color: #A49870;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
}


/* -----------------------------------------------
 list
-------------------------------------------------- */
.u_line{
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
}
ul.reset{
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;
}
ul.dotline li{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.dotline li ul li{
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* -----------------------------------------------
 margin
-------------------------------------------------- */
.mt0{ margin-top:0px !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }

.mb0{ margin-bottom:0px !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }


/* -----------------------------------------------
padding
-------------------------------------------------- */
.pt0{ padding-top:0px !important; }
.pt5{ padding-top:5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }

.pr0{ padding-right:0px !important; }
.pr5{ padding-right:5px !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }
.pr30{ padding-right:30px !important; }

.pb0{ padding-bottom:0px !important; }
.pb5{ padding-bottom:5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }

.pd5{ padding:5px !important; }
.pd10{ padding:10px !important; }


/* -----------------------------------------------
 side_navi
-------------------------------------------------- */
.navi-bar ul {
    list-style: none;
    margin: 0;
    border-top: 2px solid #7da221;

/*  background-image: url(../images/shadow2.png);
    background-repeat: repeat-x;
    background-position: left top;
*/}

.navi-bar li {

}

.navi-bar ul li.page-active {
    background-color: #81AC22;
}
.navi-bar li a {
    padding-top: 15px;
    /*
    padding-right: 20px;
    */
    padding-bottom: 15px;
    padding-left: 3em;
    border-top: 1px solid #b0d554;
    border-left: 1px solid #b0d554;
    border-right: 1px solid #7da221;
    border-bottom: 1px solid #7da221;
    min-height: 20px;
}
.navi-bar ul li a:link,
.navi-bar ul li a:visited {
    display: block;
    color: #FFF;
}
.navi-bar ul li.page-active a:link,
.navi-bar ul li.page-active a:visited {
    display: block;
}
.navi-bar ul li a:hover {
    display: block;
    text-decoration:none;
    background-color: #81AC22;
    border-top: 1px solid #a5cb51;
    border-left: 1px solid #a5cb51;
    border-right: 1px solid #72981e;
    border-bottom: 1px solid #72981e;
}

.navi-bar ul li a:active {
    text-decoration:none;
}

.navi-bar-close {
    width: 80px;
}

/* -----------------------------------------------
 side_navi_icon
-------------------------------------------------- */
.ic00 {background-image: url(../icon/icon_00.png); background-repeat: no-repeat; background-position: 1em center;}
.ic01 {background-image: url(../icon/icon_01.png); background-repeat: no-repeat; background-position: 1em center;}
.ic02 {background-image: url(../icon/icon_02.png); background-repeat: no-repeat; background-position: 1em center;}
.ic03 {background-image: url(../icon/icon_03.png); background-repeat: no-repeat; background-position: 1em center;}
.ic04 {background-image: url(../icon/icon_04.png); background-repeat: no-repeat; background-position: 1em center;}
.ic05 {background-image: url(../icon/icon_05.png); background-repeat: no-repeat; background-position: 1em center;}
.ic06 {background-image: url(../icon/icon_06.png); background-repeat: no-repeat; background-position: 1em center;}
.ic07 {background-image: url(../icon/icon_07.png); background-repeat: no-repeat; background-position: 1em center;}
.ic08 {background-image: url(../icon/icon_08.png); background-repeat: no-repeat; background-position: 1em center;}
.ic09 {background-image: url(../icon/icon_09.png); background-repeat: no-repeat; background-position: 1em center;}
.ic10 {background-image: url(../icon/icon_10.png); background-repeat: no-repeat; background-position: 1em center;}
.ic11 {background-image: url(../icon/icon_11.png); background-repeat: no-repeat; background-position: 1em center;}
.ic12 {background-image: url(../icon/icon_12.png); background-repeat: no-repeat; background-position: 1em center;}
.ic13 {background-image: url(../icon/icon_13.png); background-repeat: no-repeat; background-position: 1em center;}
.ic14 {background-image: url(../icon/icon_14.png); background-repeat: no-repeat; background-position: 1em center;}
.ic15 {background-image: url(../icon/icon_15.png); background-repeat: no-repeat; background-position: 1em center;}
.ic16 {background-image: url(../icon/icon_16.png); background-repeat: no-repeat; background-position: 1em center;}
.ic17 {background-image: url(../icon/icon_17.png); background-repeat: no-repeat; background-position: 1em center;}


/* -----------------------------------------------
 side_navi_user
-------------------------------------------------- */
.navi-bar-user ul {
    list-style: none;
    margin: 0;
}

.navi-bar-user li {
    text-align: right;
}

.navi-bar-user ul li.page-active {
    background-color: #81AC22;
}
.navi-bar-user li span {
    display : inline-block ;
    color: #FFF;
    text-align: left;
}

/* -----------------------------------------------
 table
-------------------------------------------------- */
.table {
    background-color: #FFF;
    border-collapse: collapse;
    border-spacing: 1px;
    border: 1px solid #DDD;
    margin-bottom: 8px;
    clear: both;
}
.table th,
.table td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #DDD;

    padding-top: 8px;

    /*
    padding-right: 12px;
    */

    padding-bottom: 8px;

    /*
    padding-left: 12px;
    */

    min-width: 70px;
    /*max-width: 100px;*/

}
.table th {
    background-color: #fffa76;
    color: #6e6666;
    background-image: url(../images/grad03.png);
    background-repeat: repeat-x;
}
.table th.sun{
    background-color: #f33!important;
    color: #FFF;
    background-image: url(../images/grad04.png);
    background-repeat: repeat-x;
}
.table td {
    border-top: 1px solid #DDD;
}

.table th.no_style{
    background-color: none!important;
    background-image: none!important;
}

/* -----------------------------------------------
  alert
-------------------------------------------------- */
.alert {
    margin-bottom: 7px;
    background-color: #FAF7E7;
    padding: 20px;
}

.alert-danger,
.alert-error {
    background-color: #FCE8E8;
}

.alert-success {
    background-color: #EDFCE7;
}

.alert-info {
    background-color: #FFF;
    border: 1px solid #DDD;
}
.alert-info h5 {
    color: #666;
    padding-left: 12px;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0px;
    border-left-width: 8px;
    border-left-style: solid;
    border-left-color: #cccbab;
}
.alert-info p {
    color: #666;
    line-height:1.5;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

/* form */

.form-horizontal .control-group {
    margin-bottom: 10px;
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 10px;
}

/*
 *　LOGIN page
 */



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

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

.controls p {
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 1em;
}

/*
 *　form page
 */


/* エラー */

.form-horizontal .help-inline {
    /*display: none;*/
}

.form-horizontal .error .help-inline {
    display: inline-block !important;
}

/* -----------------------------------------------
Buttons
-------------------------------------------------- */

button{
    display:inline-block;*display:inline;
    padding:7px 10px;
    margin-bottom:10px;*margin-left:.3em;
    font-size:14px;
    line-height:20px;*line-height:20px;
    color:#333 !important;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    border:1px solid #dedede;*border:0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color:#eeeeee,#dedede,#dedede;
            border-radius:4px;
         -o-border-radius:4px;
        -ms-border-radius:4px;
       -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background-color: #f5f5f5;
    background-image: linear-gradient(top, #f9f9f9, #efefef);
    background-image: -ms-linear-gradient(top, #f9f9f9, #efefef);
    background-image: -moz-linear-gradient(top, #f9f9f9, #efefef);
    background-image: -webkit-linear-gradient(top, #f9f9f9, #efefef);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#efefef');
}
button:hover, button:active{
    background:#eee;
    background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#f8f8f8));
    background:-moz-linear-gradient(top, #eee, #f8f8f8);
}
button.large{padding:10px 35px; font-size:15px;}
button.small{padding:3px 13px; font-size:13px;}

button.skyblue{ /* --- skyblue color button --- */
    color:#fff !important;
    background-color:#26a2b6;
    background: linear-gradient(#34bac9, #26a2b6);
    background: -o-linear-gradient(#34bac9, #26a2b6);
    background: -ms-linear-gradient(#34bac9, #26a2b6);
    background: -moz-linear-gradient(#34bac9, #26a2b6);
    background: -webkit-linear-gradient(#34bac9, #26a2b6);
    background: -webkit-gradient(linear, left top, left bottom, from(#34bac9), to(#26a2b6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#34bac9', EndColorStr='#26a2b6');
}
button.skyblue:hover, button.skyblue:active{
    background:#26a2b6;
    background:-moz-linear-gradient(top, #26a2b6, #34bac9);
    background:-webkit-gradient(linear, left top, left bottom, from(#26a2b6), to(#34bac9));
}
button.skyblue:disabled {
    cursor: default;
    background-image: none;
    background-color: #e6e6e6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color : #333!important ;
}

button.blue{ /* --- blue color button --- */
    color:#fff !important;
    background-color:#9ccb29;
    background: linear-gradient(#008fd5, #9ccb29);
    background: -o-linear-gradient(#008fd5, #9ccb29);
    background: -ms-linear-gradient(#008fd5, #9ccb29);
    background: -moz-linear-gradient(#008fd5, #9ccb29);
    background: -webkit-linear-gradient(#008fd5, #9ccb29);
    background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#0085c6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#008fd5', EndColorStr='#0085c6');
}
button.blue:hover, button.blue:active{
    background:#008fd5;
    background:-moz-linear-gradient(top, #008fd5, #009de9);
    background:-webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#009de9));
}

button.green{ /* --- green color button --- */
    color:#fff !important;
    background-color: #9ccb29;
    background: linear-gradient(#b2d948, #95af3f);
    background: -o-linear-gradient(#b2d948, #95af3f);
    background: -ms-linear-gradient(#b2d948, #95af3f);
    background: -moz-linear-gradient(#b2d948, #95af3f);
    background: -webkit-linear-gradient(#b2d948, #95af3f);
    background: -webkit-gradient(linear, left top, left bottom, from(#b2d948), to(#95af3f));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2d948', EndColorStr='#95af3f');
}
button.green:hover, button.green:active{
    background: #b2d948;
    background: -moz-linear-gradient(top, #b2d948, #b2d948);
    background: -webkit-gradient(linear, left top, left bottom, from(#b2d948), to(#b2d948));
}

button.yellow{ /* --- yellow color button --- */
    color:#fff !important;
    background-color:#E5852D;
    background: linear-gradient(#F0A140, #E5852D);
    background: -o-linear-gradient(#F0A140, #E5852D);
    background: -ms-linear-gradient(#F0A140, #E5852D);
    background: -moz-linear-gradient(#F0A140, #E5852D);
    background: -webkit-linear-gradient(#F0A140, #E5852D);
    background: -webkit-gradient(linear, left top, left bottom, from(#F0A140), to(#E5852D));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0A140', EndColorStr='#E5852D');
}
button.yellow:hover, button.yellow:active{
    background:#f0bf4a;
    background:-moz-linear-gradient(top, #F0A140, #F0A140);
    background:-webkit-gradient(linear, left top, left bottom, from(#F0A140), to(#F0A140));
}

button.orange{ /* --- orange color button --- */
    color:#fff !important;
    background-color:#ff6f40;
    background: linear-gradient(#ff6f40, #F55902);
    background: -o-linear-gradient(#ff6f40, #F55902);
    background: -ms-linear-gradient(#ff6f40, #F55902);
    background: -moz-linear-gradient(#ff6f40, #F55902);
    background: -webkit-linear-gradient(#ff6f40, #F55902);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6f40), to(#F55902));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff6f40', EndColorStr='#F55902');
}
button.orange:hover, button.orange:active{
    background:#ff5c00;
    background:-moz-linear-gradient(top, #ff6f40, #ff6f40);
    background:-webkit-gradient(linear, left top, left bottom, from(#ff6f40), to(#ff6f40));
}

button.red{ /* --- red color button --- */
    color:#fff !important;
    background-color:#bd362f;
    background: linear-gradient(#bd362f, #b1322c);
    background: -o-linear-gradient(#bd362f, #b1322c);
    background: -ms-linear-gradient(#bd362f, #b1322c);
    background: -moz-linear-gradient(#bd362f, #b1322c);
    background: -webkit-linear-gradient(#bd362f, #b1322c);
    background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#b1322c));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bd362f', EndColorStr='#b1322c');
}
button.red:hover, button.red:active{
  background:#bd362f;
  background:-webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#cc3b34));
  background:-moz-linear-gradient(top, #bd362f, #cc3b34);
}

button.magenta{ /* --- magenta color button --- */
    color:#fff !important;
    background-color:#FF5196;
    background: linear-gradient(#FF7EAF, #FF5196);
    background: -o-linear-gradient(#FF7EAF, #FF5196);
    background: -ms-linear-gradient(#FF7EAF, #FF5196);
    background: -moz-linear-gradient(#FF7EAF, #FF5196);
    background: -webkit-linear-gradient(#FF7EAF, #FF5196);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF7EAF), to(#FF5196));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF7EAF', EndColorStr='#FF5196');
}
button.magenta:hover, button.magenta:active{
    background:#FF7EAF;
    background:-moz-linear-gradient(top, #FF7EAF, #FF7EAF);
    background:-webkit-gradient(linear, left top, left bottom, from(#FF7EAF), to(#FF7EAF));
}
.btn-custom {
  background-color: hsl(72, 84%, 36%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8e113", endColorstr="#8aa80e");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b8e113), to(#8aa80e));
  background-image: -moz-linear-gradient(top, #b8e113, #8aa80e);
  background-image: -ms-linear-gradient(top, #b8e113, #8aa80e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8e113), color-stop(100%, #8aa80e));
  background-image: -webkit-linear-gradient(top, #b8e113, #8aa80e);
  background-image: -o-linear-gradient(top, #b8e113, #8aa80e);
  background-image: linear-gradient(#b8e113, #8aa80e);
  border-color: #8aa80e #8aa80e hsl(72, 84%, 33%);
color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-custom:hover,.btn-custom:focus,.btn-custom:active,.btn-custom.active,.btn-custom.disabled,.btn-custom[disabled]{color:#ffffff;background-color:#b8e113;*background-color:#b8e113;}
.btn-custom:active,.btn-custom.active{background-color:#b8e113 \9;}


/* -----------------------------------------------
input
-------------------------------------------------- */
.em15{
    float: left;
    width: 15em;
    margin-right: 2em;
}

.check {
    padding: 6px;
}
.check input[type="radio"],
.check input[type="checkbox"] {
    display: inline-block;
    margin-right: 6px;
}
.check input[type="radio"] + label,
.check input[type="checkbox"] + label {
    position: relative;

    display: inline-block;
    margin-right: 12px;

    font-size: 14px;
    line-height: 30px;

    cursor: pointer;
}
.check fieldset {
    border:1px solid #DEDEDE;
    border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding-top: 5px;
    padding-left: 10px;
    margin-bottom: 10px;
 }

.check label {
    background-color: #FFF;
  }

@media (min-width: 1px) {
    .check input[type="radio"],
    .check input[type="checkbox"] {
        display: none;
        margin: 0;
    }
    .check input[type="radio"] + label,
    .check input[type="checkbox"] + label {
        padding: 0 0 0 30px;
    }
    .check input[type="radio"] + label::before,
    .check input[type="checkbox"] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;

        background: #FFF;
    }
    .check input[type="radio"] + label::before {
    border: 1px solid #CCC;
    border-radius: 30px;
    }
    .check input[type="checkbox"] + label::before {
        border: 2px solid #ccc;
    }
    .check input[type="radio"]:checked + label::after,
    .check input[type="checkbox"]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .check input[type="radio"]:checked + label::after {
    left: 0px;
    width: 18px;
    height: 18px;
    margin-top: -8px;
    /*background-color: #32B7C7;
    border-radius: 8px;*/
    background-image: url(../images/btn_radio.png);
    background-repeat: no-repeat;
    background-position: center center;
    }
    .check input[type="checkbox"]:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #32B7C7;
    border-left-color: #32B7C7;
    }
}

/* -----------------------------------------------
  FAQ List
----------------------------------------------- */

div#FAQList {
    overflow: hidden;
    margin-bottom: 3em;
}

div#FAQList dl.FAQ {
    margin-top: 15px;
    border-bottom: 1px solid #e4e4e4;
}

div#FAQList dl.FAQ dt a {
    display: block;
    border-top: 1px solid #e4e4e4;
    font-weight: 700;
    zoom: 1;
    color: #83B020;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
}

div#FAQList dl.FAQ dt a:hover {
    text-decoration: none;
    color: #739B1D;
}

div#FAQList dl.FAQ dd {
    background-color: #F3F9D7;
    margin-left: 0px;
}

div#FAQList dl.FAQ dd div {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 50px;
}
/* -----------------------------------------------
 profile
----------------------------------------------- */

dl.profile, dt, dd {
  margin : 0;
  padding : 0;
}

dl.profile {
  width  : 100%;
  background-color: #DCF0F9;
  border-bottom : solid 1px #CCC;
}

dl.profile dt {
    float : left;
    clear : both;
    width : 150px;
    border-top : solid 1px #CCC;
    text-align: center;
    padding: 10px 0 10px 0;
}

dl.profile dd {
  margin-left : 150px;
  background-color : white;
  border-top : solid 1px #CCC;
  padding: 10px 20px 10px 20px;
}


.photobox {
    position: relative;
    background-color : #DDD4B9;
    padding: 20px;
    text-align: center;
    background-image: url(../images/photo_bg.png);
}
.photobox img {
  border: 10px solid #fff;
  border-bottom: 45px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #CCC;
     -moz-box-shadow: 3px 3px 3px #CCC;
          box-shadow: 3px 3px 3px #CCC;
}

.photobox p {
    position: absolute;
    width: 90%;
    bottom: 20px;
    color: #888;
}


/* -----------------------------------------------
 icon_lank
----------------------------------------------- */
.lank_p{
    background-image: url(../images/icon_lank_p.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px auto;
    padding-right: 15px;
    color: #56919D;
}
.lank_g{
    background-image: url(../images/icon_lank_g.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px auto;
    padding-right: 15px;
    color: #B47801;
}
.lank_s{
    background-image: url(../images/icon_lank_s.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px auto;
    padding-right: 15px;
    color: #A3B0AE;
}
.lank_b{
    background-image: url(../images/icon_lank_b.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px auto;
    padding-right: 15px;
    color: #744F3E;
}

/* dl list */
* html body dl.list dd div{
   display:inline-block;
}

dl.list {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
}

dl.list dt {
    float:left;
    width:250px;
    padding-top:10px;
    padding-bottom:0;
    padding-right:0;
    border-top: 1px dotted #CCC;
    text-indent: 1em;
    font-weight: normal;
}

dl.list dd {
    margin-left:250px;
    padding:10px;
    border-top:1px dotted #CCC;
    font-size: 20px;
}

/* -----------------------------------------------
 profile
----------------------------------------------- */
.student_photo {
    max-width: 200px;
    min-width: 150px;
    width: 100%;
    min-height: 150px;
    height: auto;
}
table.profile_table {
    background-color: #E2F2BD;
    border-bottom : solid 1px #CCC;
    width : 100% ;
}
table.profile_table tr th {
    width : 150px;
    border-top : solid 1px #CCC;
    text-align: center;
    padding: 10px 0 10px 0;
}
table.profile_table td {
    margin-left : 150px;
    background-color : #fff;
    border-top : solid 1px #CCC;
    padding: 10px 20px 10px 20px;
}
table.profile_table td p {
    margin : 0 ;
}

dl.profile, dt, dd {
  margin : 0;
  padding : 0;
}

dl.profile {
  width  : 100%;
  background-color: #DCF0F9;
  border-bottom : solid 1px #CCC;
}

dl.profile dt {
    float : left;
    clear : both;
    width : 150px;
    border-top : solid 1px #CCC;
    text-align: center;
    padding: 10px 0 10px 0;
}

dl.profile dd {
  margin-left : 150px;
  background-color : white;
  border-top : solid 1px #CCC;
  padding: 10px 20px 10px 20px;
}

/* -----------------------------------------------
 login_form_layout
----------------------------------------------- */
.form_header {
    width : 100% ;
    height : 58px ;
    background-color : #E2F2BD ;
    padding : 10px 0 0 ;
    text-align : center ;
}
.center-box {
    max-width : 820px ;
    margin-left : auto ;
    margin-right : auto ;
    font-size : 1.05rem ;
}
.center-box label,
.center-box input,
.center-box button,
.center-box select,
.center-box textarea {
    font-size : 1.05rem ;
}
.center-box input[type="text"],
.center-box input[type="password"],
.center-box textarea {
    width : 240px ;
}
.center-box select {
    width : 254px ;
}
.center-box .input-small {
    width : 110px ;
}
.center-box .input-mini {
    width : 80px ;
}
.center-box .control-label {
    width : 200px ;
}
.center-box .controls {
    margin-left : 220px ;
}
a.width100,
input.width100 {
    width : 100% ;
    box-sizing : border-box ;
}


.out_form_header {
    width : 100% ;
    text-align : center ;
}
.out_form_header img {
    max-width : 1100px ;
    width : 100% ;
    height : auto ;
}
.bg_fff {
    background-color : #fff ;
}
.out_form {
    margin : 20px 0 0 ;
}
.out_form .alert {
    max-width: 600px ;
    margin : 20px auto ;
}
.out_form .info_box {
    background-color : #f19ca7 ;
    font-size : 1.25rem ;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif ;
    color : #fff ;
    padding : 30px 0 ;
    text-align: center ;
}
.out_form {
    color: #222;
}
.out_form > .center-box {
    max-width : none ;
    margin-left : auto ;
    margin-right : auto ;
}
.out_form .section {
    padding : 40px 20px 20px ;
}
.out_form .form_box {
    margin-top : 60px ;
    margin-bottom : 60px ;
}
.out_form form .control-group {
    border : none ;
}
.out_form form label.control-label {
    border : none ;
    background : none ;
    text-align : right ;
}
.out_form .ta_cnt{ text-align: center; }
#login_form_footer #footer {
    text-align: center ;
}

/*    Meta    */
.out_form .meta { background: url(../images/dot1.png) repeat-x top; padding: 70px 0; }
.out_form .meta h2 { font-weight: bold; font-size: 24px; letter-spacing: 2px; margin-bottom: 30px; }
.out_form .address{ background: url(../images/makar.png) no-repeat left center;  }
.out_form .call{ background: url(../images/tel.png) no-repeat left center;  }
.out_form .meta_con { background-size: 24px 24px; padding: 8px 10px 8px 50px; width: 640px; margin: 10px auto; font-size: 15px; }



/*    Footer    */

.out_form footer{ padding: 80px 0px 50px 0px; margin-top: 20px; background: #d9d9d9; }
.out_form footer .copyrights{ margin-top: 80px ; }
.out_form footer .copyrights p{ font-family: "raleway-regular", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1.5px; }
.out_form footer a img { margin: 5px; }
.out_form footer p{ margin: 0; padding: 0; }
.out_form .rd_nm { color: #f16a70; font-weight: normal; }




/* -----------------------------------------------
 pay_print
-------------------------------------------------- */
.pay_print_box .text-red {
    color : #f33 ;
}
.pay_print_box .print_title {
    text-align : center ;
    font-size : 24px ;
    font-weight : bold ;
}
.pay_print_box table {
    font-size : 14px ;
    width : 100% ;
}
.pay_print_box table tr th,
.pay_print_box table tr td {
    padding : 5px 10px ;
    height : 60px ;
    vertical-align: middle ;
    white-space : nowrap ;
}
.pay_print_box table tr:first-of-type th,
.pay_print_box table tr:first-of-type td:first-of-type {
    border-top : 1px solid #333 ;
}
.pay_print_box table tr th {
    font-weight : normal ;
    border-left : 1px solid #333 ;
    border-right : 1px solid #333 ;
    border-bottom : 1px solid #333 ;
}
.pay_print_box table tr td:first-of-type {
    border-right : 1px solid #333 ;
    border-bottom : 1px solid #333 ;
}
@media print{
    #warp {
        background : none ;
    }
    #warp .well {
        border : none ;
    }
    #warp .well .pay_print_box .well {
        border : 1px solid #ccc ;
    }
    .pay_print_box .text-red {
        color : #f33!important ;
    }
}



/* -----------------------------------------------
 manual
-------------------------------------------------- */
.pickup_container {
    width: 100%;
    margin-bottom: 36px;
    background-color: #FFFFFF;
    padding : 20px 0;
    margin-top: 20px;
}
.pickup_box {
    width: 100%;
}
.pickup_box .pickup_imgbox {
    float : left ;
    width : 220px ;
}
.pickup_txtbox {
    float : right ;
    width : 100% ;
    margin-left : -220px ;
    padding-left : 240px ;
    box-sizing: border-box;
    word-wrap: break-word;
}
.pickup_txtbox p {
    padding-top: 18px;
    padding-bottom: 26px;
    line-height:170%;
}
.pickup_namebox {
    background-color: #96C800;
    background-position: left top;
    background-repeat: repeat-y;
}
.pickup_name {
    float: left;
    width: 334px;
    font-size: 123.1%;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    line-height: 1;
}