input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

html, body {
    margin: 0px;
    padding: 0px;
}
html {
    font-size: 16px;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3b3b3b;
    line-height: 1.4;
}
    html.master, html.master > body {
        overflow: hidden;
    }
.ilb {
    display:inline-block;
}

a:link, a:visited {
    color: #0066ff;
    text-decoration: underline;
}

a:hover {
    color: #FFFFFF;
    background-color: #0066CC;
}

img {
    border-style: none;
    max-width: 100%;
}


/*chromeのデフォルト設定　ie用*/
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font-size: 13.3333px;
}


input, textarea, select {
    font-size: 16px;
}

select {
    padding: 2px 2px 3px;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer; 
}


input[type="button"], input[type="submit"] {
    padding: 2px 16px;
    cursor: pointer;
    font-size: 16px;
    background: linear-gradient(#f5f5f5, #f1f1f1);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    color: #444;
    text-align:center;
}
    input[type="button"]:hover, input[type="submit"]:hover {
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        background: linear-gradient(#ececec, #dedede);
        color: #000;
    }
input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea {
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    padding: 5px 2px 5px 8px;
    font-size: 16px;
    line-height: 1.5em;
    border-radius: 2px;
    width: 99%;
}


input[type=checkbox], input[type=radio] {
    width: 16px;
    height: 16px;
}

input[type=checkbox] + label:hover, input[type=radio] + label:hover{
    cursor: pointer;
    text-decoration: underline;
}


.bt_style2 {
    display: block;
    width: 100%;
    background: #fff !important;
    border: 2px solid #559e9c !important;
    font-size: 18px !important;
    color: #559e9c !important;
    font-weight: bold;
    letter-spacing: 3px;
    text-indent: 3px;
    border-radius: 4px;
}

.bt_style2:hover {
    background: #559e9c !important;
    color: #fff !important;
}


.basic_bt a {
    display: inline-block;
    background: #54bda1;
    text-align: center;
    padding: 6px 16px;
    color: #fff;
    border-radius: 6px;
    transition: background 0.2s;
    font-weight: bold;
    text-decoration: none;  
}

.basic_bt a:hover {
    background: #83CFBA;
}

.gotop {
    margin-left: 20px;
}


table, tr, td {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

img {
    margin: 0;
    padding: 0;
}

.ui-datepicker {
    z-index: 9000 !important;
}



a.nencal {
    padding: 7px 0px 7px 0px;
    text-decoration: none;
    display: block;
    width: 100%;
    cursor: pointer;
}

a.datecal {
    padding: 1px;
    text-decoration: underline;
    display: block;
    width: 100%;
    cursor: pointer;
}

a.imgbtn:hover {
    background-color: transparent;
}

a.linkbtn_on {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #000000;
    background-color: transparent;
    font-weight: bold;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.waku01 {
    background-color: #FFFFFF;
    height: 100%;
    width:100%;
    margin: 0px auto;
}

.wakuh {
    padding: 0px 15px 0px 15px;
    background-color: #FFFFFF;
    height: 100%;
    margin: 0px auto;
}



.headerbg {
    background-color: #4e4949;
    color: #FFF;
    padding: 10px 10px 5px 10px;
    border-bottom: 5px solid #ADAFB3;
    box-sizing:initial;
}

.headerbg a {
    padding: 2px 5px;
    display: inline-block;
}

.headerbg a:link, .headerbg a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.headerbg a:hover {
    color: #4e4949;
    background-color: #d5d4d4;
}


.headerbox {
    padding: 0px;
}


.bodybox {
    padding: 15px 30px;
}

.boxcont {
    max-width:1500px;
    width:auto;
    margin:0 auto;
    box-sizing: border-box;
}


.bodyboxh {
    padding: 10px 10px 15px 10px;
    background-color: #efefef;
}

.pagetopbox {
    padding-top: 20px;
    text-align: right;
    visibility: hidden;
}

.boxwaku {
    padding: 10px 10px 30px 10px;
    background-color: #fff;
    margin: 0 auto;
}


.footerbox {
    text-align: center;
    color: #fff;
    background-color: #313131;
    border-top: 1px solid #ADAFB3;
    height: 50px;
    margin-top: 50px;
    padding-top: 30px;
    box-sizing: initial;
}

.footerlink {
    font-weight: bold;
    margin-bottom: 10px;
}

    .footerlink a:link, .footerlink a:visited {
        color: #fff;
        text-decoration: none;
    }

    .footerlink a:hover {
        color: #4e4949;
        background-color: #d5d4d4;
    }


.head_logo {
    float: left;
    width: 40%;
}

.head_tenpo {
    float: right;
    text-align: right;
}




div.midasi_block {
    margin: 10px 0 10px 0;
}
    div.midasi_block img {
        vertical-align: 0px;
    }
    div.midasi_block .midasi {
        font-size: 24px;
        color: #444;
    }



.ifrwaku {
    border-style: none;
    width: 100%;
}


.vatop {
    vertical-align: top;
}

.in_block {
    display: inline-block;
    vertical-align: top;
}


.txtcolor1 {
    color: #666666;
}


.textleft {
    text-align: left;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

input.txtlabel, .txtreadonly {
    padding: 0px;
    background-color: transparent;
    border: none;
}

.pointer {
    cursor: pointer;
}


.fbold {
    font-weight: bold;
}

.size_s {
    font-size: 13px;
}

.size_ss {
    font-size: 10px;
}

.size80 {
    font-size: 80%;
}

.size_18 {
    font-size: 18px;
}
.size_20 {
    font-size: 20px;
}
.size_22 {
    font-size: 22px;
}



.noborder {
    border-style: none;
}

.basicborder {
    border: solid 1px #cccccc;
}

.tableborder {
    border: solid 1px #a9c0a9;
}

.tableborder2 {
    border: solid 6px #9999ff;
}

.modalborder {
    border: 4px solid #525252;
}

.childborder {
    border: 4px solid #7C9696;
}


.month_tbl td {
    border:1px solid #b1b1b1;
    border-radius:2px;
}

.table_header {
    background-color:#52b5db;
    color:#fff;
    font-weight:bold;
}

table.tbl_border, table.tbl_border_s {
    border-collapse: collapse;
}
table.tbl_border td {
    border: solid 2px #cccccc;
}
table.tbl_border_s td {
    border: solid 1px #cccccc;
}

table.noborder td {
    border-style: none;
}

table.tbl_padd2 td {
    padding: 2px;
    vertical-align: top;
}

table.tbl_padd5 td {
    padding: 5px;
    vertical-align: top;
}

table.tbl_padd1 td {
    padding: 1px;
    vertical-align: top;
}

table.paddleft td {
    padding: 0px 0px 0px 5px;
}

.strong_red {
    font-weight: bold;
    color: #dc143c;
}

.strong_nor {
    font-weight: bold;
}


.pad1 {
    padding: 1px;
}


.apad a {
    padding: 1px 8px 1px 8px;
    border: 1px solid #CCCCCC;
    margin-right: 5px;
}


.basicmsg {
    font-weight: bold;
    color: #FF0000;   
    overflow: auto;
    margin: 5px;
}

.resultdata {
    font-weight: bold;
    color: #3333CC;   
    overflow: auto;
    margin: 5px;
}



.msg {
    border: 2px solid #FF0000;
    font-weight: bold;
    color: #000000;
    padding: 5px;
    background-color: #FFCCCC;
    overflow: auto;
    display: none;
    margin-bottom: 20px;
}

.okmsg {
    border: 2px solid #9999FF;
    font-weight: bold;
    color: #3333CC;
    padding: 5px;
    background-color: #EAEAF8;
    overflow: auto;
    margin-bottom: 5px;
}


.oninput {
    border: 2px solid #99cc66;
}


.errinput {
    border: 3px solid #FF0000 !important;
}


.errmsg {
    font-size: 13px;
    color: #FF0000;
}


.nowrap {
    white-space: nowrap;
}

.breakall {
    word-break: break-all;
}


.bottom {
    vertical-align: bottom;
}

.bunsyo {
    line-height: 1.6em;
}


.divhid {
    display: none;
}

.divblock {
    display: block;
}


.font_sitei {
    font-family: 'MS UI Gothic';
}


.kadomaru, a.kadomaru:hover {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}


.meisyo_dec {
    font-size: 24px;
    height: 28px;
}


.imeon {
    ime-mode: active;
}

.imeoff {
    ime-mode: disabled;
}

.imeank {
    ime-mode: inactive;
}

.font_toubai {
    font-family:'ＭＳ ゴシック','monospace';
}

.bt_gdt {
    background-color: #f2f2ee;
    background: linear-gradient(#fff, #f5f5f5);
}

            .bt_gdt:hover {
                background: #06c;
                background-color: #06c;
            }

.other_button {
    padding: 5px 10px 5px 10px;
    border: 1px solid #c5c5c5;
    text-decoration: none;
}


#lnkpagetop {
    text-decoration: none;
    background: #4E4949;
    color: #FFF;
    font-weight: bold;
    padding: 5px 20px 3px;
    font-size: 12px;
    border-radius: 4px;
    border: 2px solid #4E4949;
}
#lnkpagetop:hover {
    background: #5E5959;
}

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





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

    html {
        font-size: 14px;
    }


    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], textarea {
        width: 96%;
    }

    .wakuh {
        padding: 10px 5px 0px 5px;
    }

    .bodybox {
        padding: 15px 5px;
    }

    .bodyboxh {
        padding: 5px 5px 15px 5px;
    }

    .boxwaku {
        padding: 10px 0px 30px 2px;
    }



    .size_s {
        font-size: 12px;
    }
    .size_ss {
        font-size: 10px;
    }
    .size_18 {
        font-size: 16px;
    }
    .size_20 {
        font-size: 18px;
    }
    .size_22 {
        font-size: 20px;
    }


    
    div.midasi_block {
        margin: 7px 0 5px 0;
    }

        div.midasi_block .midasi {
            font-size: 20px;
        }


}