.mainbox {
    padding: 0 0 20% 0;
}
.login_box {
    display: inline-block;
    width: 50%;
    margin: 10% auto 1% auto;
    padding: 5%;
    background: white;
    vertical-align: middle;
    border-radius: 1em;
    border: 5px solid #81cceb;
}
.login_box .squaretitle {
    margin: 0;
}
.login_box form {
    text-align:left;
    font-size: 1.4em;
    margin-top: 3%;
}
    .login_box form .fminput {
        margin:  4% 0 0 0;
    }
    .login_box form p {
        width: 20%;
        text-align: right;
        padding: 0 2em 0 0;
        margin:0;
        display: inline-block;
    }
.txtbox {
    font-size: 1em !important;
    font-family: sans-serif !important;
}
    .login_box form .fminput input {
        border-radius: 0.4em;
        border: 1.5px solid #5f5f5f;
        font-size: 1.4em;
        width: 60%;
        font-family: 'Kosugi Maru', sans-serif;
        padding: 0.1em 0.5em;
    }
    .login_box form .fmbtn {
        color: #FFF;
        border-radius: 0.5em;
        display: block;
        padding: 0.6em 2em;
        text-align: center;
        font-size: 1em;
        background: #7e6464;
        margin: 5% auto 0 auto;
        box-shadow: 2px 2px 4px grey;
        border: none;
        font-family: 'Kosugi Maru', sans-serif;
    }
.logindetail {
    margin: 0 auto auto 15%;
    line-height: 1.4em;
}
.text_box2 {
    margin: 3% auto 1.5% auto;
    width: 80%;
    padding: 0;
    display: inline-block;
    background: #7e6464;
    vertical-align: middle;
    border-radius: 1em;
    color:#FFFFFF;
}
    .text_box2 .hosoku {
        margin: 1% auto 4% 15%;
        padding: 0 2em;
        text-align: left;
        font-size: 1.2em;
    }
.title_btn1 {
    border-radius: 0.5em; /*�p�ۂ�*/
    display: block;
    padding: 0.4em 0;
    text-align: center; /*���g�𒆉���*/
    font-size: 1.4em; /*�����̃T�C�Y*/
    box-shadow: 2px 2px 4px gray;
    font-weight: bolder;
    width: 35%;
    margin: 4% auto;
}
.title_btn2 {
    border-radius: 0.5em; /*�p�ۂ�*/
    display: block;
    padding: 0.7em 0;
    text-align: center; /*���g�𒆉���*/
    font-size: 1.4em; /*�����̃T�C�Y*/
    box-shadow: 2px 2px 4px darkslategrey;
    font-weight: bolder;
    line-height: 1.3em;
    width: 25%;
    margin: 3% auto 0 15%;
    color: #81cceb;
}
.title_btn3 {
    border-radius: 0.5em; /*�p�ۂ�*/
    display: block;
    padding: 1.4em 1.5em;
    text-align: center; /*���g�𒆉���*/
    font-size: 1.4em; /*�����̃T�C�Y*/
    box-shadow: 2px 2px 4px darkslategrey;
    font-weight: bolder;
    line-height: 1.3em;
    width: 84%;
}
.title_btn7 {
    border-radius: 0.5em; /*�p�ۂ�*/
    display: block;
    padding: 0.7em 0;
    text-align: center; /*���g�𒆉���*/
    font-size: 1.4em; /*�����̃T�C�Y*/
    box-shadow: 2px 2px 4px darkslategrey;
    font-weight: bolder;
    line-height: 1.3em;
    width: 25%;
    margin: 3% auto 2% 15%;
    color: #81cceb;
}
.bg_white {
    background-color:#FFFFFF;
}
.bg_blue {
    background-color: #81cceb;
}
.tx_default {
    color: #5f5f5f;
}
.tx_orange {
    color: #ff9953;
}
.tx_blue {
    color: #81cceb;
}
.tx_white {
    color: #FFFFFF;
}
.h_specify {
    height: 2.8em;
    line-height: 60px;
}
.hoken_style {
    display: inline-block;
    margin: 3% auto auto 15%;
}
    .hoken_style p {
        padding: 0 2em;
        text-align: left;
        font-size: 1.2em;
        margin: 5% auto 0 auto;
        line-height: 1.2em;
    }
#dummy {
    visibility: hidden;
}
#hokendayori {
    text-align: left;
    margin: 0 auto 5% auto;
}
.squaretitle_blue {
    font-size: 1.2em;
    text-align: left;
    margin: auto 15%;
}
    .squaretitle_blue:before {
        content: "\025a0";
        color: #81cceb;
        margin-right: 0.5em;
    }
#curriculum a {
    color: #81cceb; 
}
#curriculum a:hover {
    color: #7e6464; /*����*/
}
#healthnews a {
    color: #FFFFFF; 
}
#healthnews a:hover {
    color: #7e6464; /*������*/
}
#staff a {
    color: #81cceb;
}

    #staff a:hover {
        color: #7e6464; /*����*/
    }
.download_link p {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    text-align: left;
}
.eisei p {
    width:60%;
}
.download_link img {
    vertical-align: middle;
    width: 20%;
}
.fi_center {
    padding-top:3%;
}
#dlother {
    margin: 5% 10%;
}
.title_btn4 {
    background-color: #FFFFFF;
    border-radius: 0.5em;
    display: inline-block;
    padding: 1.4em 1.5em;
    text-align: center;
    font-size: 1.6em;
    box-shadow: 2px 2px 4px gray;
    font-weight: bolder;
    line-height: 1.3em;
    margin: 0 10% 5% 0;
    width: 27%;
}
.title_btn5 {
    background-color: #FFFFFF;
    border-radius: 0.5em;
    /*display: inline-block;*/
    padding: 1.4em 1.5em;
    text-align: center;
    font-size: 1.6em;
    box-shadow: 2px 2px 4px gray;
    font-weight: bolder;
    line-height: 1.3em;
    /*margin: 0 10% 5% 0;
    width: 27%;*/
    vertical-align: top;
    margin-bottom: 15%;
}
.title_btn6 {
    background-color: #FFFFFF;
    border-radius: 0.5em;
    display: inline-block;
    padding: 1.4em 1.5em;
    text-align: center;
    font-size: 1.6em;
    box-shadow: 2px 2px 4px gray;
    font-weight: bolder;
    line-height: 1.3em;
    margin: 0 10% 5% 0;
    width: 77%;
}
.twolines {
    padding: 1.08em 1.5em;
}
.btn_div {
    padding: 0;
}
#dlother a {
    color: #7e6464;
}
    #dlother a:hover {
        color: #81cceb; /*������*/
}
.dowcnt {
    display: inline-block;
    margin: 0 10% 5% 0;
    vertical-align: top;
    width: 35%;
}
.f_small {
    font-size: 0.9em;
}
.rightside {
    margin-right: 0;
}
.txt_sm {
    font-size: 1.4em;
}
#infection {
    font-size: 0.8em;
}
.pdnone {
    padding: 0;
}
.pdexist {
    padding-left: 20%;
}
#attachment {
    padding: 7% 0 0 0;
    margin: 0 -10%;
}
#attachment .parts {
    display: inline-block;
    font-size: 0.7em;
}
#attachment .parts img {
    display: block;
    width:56%;
}
.bosai {
    font-size: 0.8em;
    line-height: 1.2em;
    padding: 5% 0 0 0;
    margin-top: 8%;
}
.bosaititle {
    color: #7e6464;
    margin: 0 0 5% 0;
    text-align: left;
}
.f_center {
    text-align:center;
}
#bosaidiv {
    margin-left: 5%;
}
.under {
    margin-top: 8%;
}
.error_msg {
    color: red;
    padding: 0 2em;
}
#fmidp {
    padding-right: 1.5em;
}
.orange {
    color: #ff9953;
}
.user_title {
    font-size: 1.4em;
    display: inline-block;
    width: 40%;
    text-align: left;
}
.user_titledetail {
    display: inline-block;
    border-radius: 0.5em;
    padding: 1% 0;
    text-align: center;
    font-size: 1.5em;
    box-shadow: 2px 2px 4px gray;
    font-weight: bolder;
    line-height: 1.3em;
    width: 40%;
}
.curricu {
    background-color: #FFFFFF;
    color: #81cceb;
}
.news {
    background-color: #81cceb;
    color: #FFFFFF;
}
.user_title_box {
    width: 80%;
    padding: 0;
    background: #7e6464;
    vertical-align: middle;
    border-radius: 1em;
    color: #FFFFFF;
    display: inline-block;
    margin: 3% auto;
    padding: 1.5% 0;
}
.tabbox {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 5%;
}
.tabbox input {
    display: none;
}
/* ���^�u(���ʑ����{��I����Ԃ̑���) */
.tab {
    float: left;
    border-radius: 0.75em 0.75em 0px 0px; /* ����ƉE��̊p�������ۂ����� */
    padding: 0.75em 0; /* �����̗]���� */
    font-weight: bold; /* �^�u�̕����𑾎��ɂ��� */
    color: black; /* �^�u�̕����F�F���F */
    background-color: #f8f3ea; /* �^�u��(��I����Ԃ�)�w�i�F�F�D�F */
    width: calc(100%/2);
}

    /* ���^�u�Ƀ}�E�X�|�C���^���ڂ����ۂ̑��� */
    .tab:hover {
        color: green; /* �^�u�̕����F�F�ΐF */
        background-color: #ccffcc; /* �^�u�̔w�i�F�F�W���ΐF */
        cursor: pointer; /* �}�E�X�|�C���^�̌`����u�w(�w�������`)�v�ɂ��� */
    }

/* ���I����Ԃ̃^�u(���`�F�b�N�������Ă��郉�W�I�{�^���ׂ̗ɂ���^�u�̑���) */
input:checked + .tab {
    color: #000000; /* �^�u�̕����F�F�ԐF */
    background-color: #FFFFFF; /* �^�u�̔w�i�F�F�W�����F */
}
.tabcontent {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 5% auto;
    border-radius: 0px 0px 0.75em 0.75em;
    display: none; /* �W���ł͔�\���ɂ��� */
    padding: 1em 0; /* �����̗]���� */
    background-color: #FFFFFF; /* �w�i�F�F�W�����F(���I�𒆂̃^�u�̔w�i�F�ƍ��킹�܂�) */
}
/* ���`�F�b�N�������Ă��郉�W�I�{�^���ɑΉ�����^�u�̒��g��\������ */
#tabcheck1:checked ~ #tabcontent1 {
    display: block;
    border-top-right-radius: 0.75em;
}
#tabcheck2:checked ~ #tabcontent2 {
    display: block;
    border-top-left-radius: 0.75em;
}
/* ���`�F�b�N�������Ă��郉�W�I�{�^���ׂ̗ɂ���^�u�̑���(���I����Ԃ̃^�u) */
input:checked + .tab {
    z-index: 10; /* ��2A */
    position: relative; /* ��3 */
}
/* ���^�u�̒��g(���ʑ����{��I����Ԃ̑���) */
.tabcontent {
    margin-top: -1px; /* ��1 */
    z-index: 0; /* ��2B */
    position: relative; /* ��3 */
}
.nenbox {
    color: #FFFFFF;
    border-radius: 0.5em;
    width: 70%;
    font-size: 1.4em;
    margin: 2% auto;
    padding: 0.3em 0;
}
.nenboxblue {
    background-color: #81cceb;
}
.nenboxbrown {
    background-color: #7e6464;
}
.currcontent {
    width: 80%;
    margin: auto;
    text-align: left;
    padding: 3% 0;
    border-bottom: 1px dashed #000000;
}
.currcontentitemb {
    display: inline-block;
    font-size: 1.2em;
    text-align: left;
    width:70%;
}
    .currcontentitemb:before {
        content: "\025a0";
        color: #81cceb;
        margin-right:1em;
    }
.currcontentitemc {
    display: inline-block;
    font-size: 1.2em;
    text-align: left;
    width: 70%;
}

    .currcontentitemc:before {
        content: "\025a0";curriculum
        color: #7e6464;
        margin-right: 1em;
    }
.currpdf {
    display: inline-block;
    vertical-align:middle;
}
.brpatrn {
    vertical-align: top !important;
}
.currpdf img {
    width: 80%;
}
.lastcontent {
    border-bottom:none;
}
.brtext {
    text-indent: 2em;
    margin:0;
}
.home_text {
    margin: auto 20%;
    font-size: 1.2em;
    text-align: left;
    text-indent: 1em;
    line-height: 1.5em;
}
.ayumi_btn {
    border-radius: 0.5em;
    display: block;
    padding: 1.2em 0;
    text-align: center;
    font-size: 1.8em;
    box-shadow: 2px 2px 4px darkslategrey;
    font-weight: bolder;
    width: 40%;
    margin: 4% auto;
    background-color: #FFFFFF;
    color: #5f5f5f;
    line-height: 1.4em;
}
#triangle {
    font-size: 1.3em;
}
#bottom_div {
    padding-bottom:5%;
}
#boad_box {
    margin-bottom: 15%;
}

#staff_p {
    padding: 0 2em;
    text-align: left;
    font-size: 1.2em;
    margin: 0 auto 3% 15% ;
    line-height: 1.2em;
}

/* ------------- �X�}�z�p ----------------*/
@media screen and (max-width: 760px) {
    .mainbox {
        width: 100%;
    }

    .login_box {
        width: 80%;
        margin: 10% 2% 1% 2%;
        padding: 5%;
    }

        .login_box form p {
            width: 100%;
            text-align: left;
            padding: 0;
            margin: 0;
        }

        .login_box form .fminput input {
            width: 90%;
        }

        .login_box form .fmbtn {
            margin: 8% auto 0 auto;
        }

    .logindetail {
        margin: 0;
        text-indent: -2.1em;
        padding: 0 2%;
    }
    .text_box2 {
        width:94%;
    }
    .title_btn1 {
        width:80%;
    }
    .squaretitle_blue {
        margin: auto 5%;
        font-size: 1.4em;
    }
    .title_btn2 {
        width: 80%;
        margin:3% auto;
    }
    .title_btn7 {
        width: 64%;
        margin: 3% auto 7% auto;
    }
    .text_box2 .hosoku {
        margin-right: auto;
        margin-left: auto;
    }
    .hoken_style {
        margin-right: auto;
        margin-left: auto;
        display: block;
    }
    .title_btn3 {
        width: 80%;
        margin: 0 auto;
        padding: 1.5em 0;
    }
    #hokendayori {
        margin-bottom:0;
    }
    .title_btn4 {
        width:80%;
        margin: 0 auto 5% auto;
        display:block;
    }
    .title_btn5 {
        width: 80%;
        margin: 0 auto 5% auto;
        display: block;
    }
    .title_btn6 {
        width: 80%;
        margin: 0 auto 5% auto;
        display: block;
    }
    .error_msg {
        text-align: left;
    }
    .user_title {
        display: block;
        margin: auto;
        width: 80%;
    }
    .user_titledetail {
        display: block;
        width: 80%;
        margin: 2% auto 0 auto;
    }
    .user_title_box {
        width: 94%;
        margin:5% auto;
        padding: 1% 0 3% 0;
    }
    .tabbox {
        width: 90%;
    }
    .currpdf {
        vertical-align: top;
    }
    .currcontent {
        margin-left: 15%;
    }
    .currcontentitemb {
        text-indent: -1.4em;
    }
    .currcontentitemc {
        text-indent: -1.4em;
    }
    .currcontentitemb:before {
        margin-right: 0.3em;
    }
    .currcontentitemc:before {
        margin-right: 0.3em;
    }
    .nenbox {
        font-size: 1.2em;
    }
    .brtext {
       text-indent:0;
    }
    .home_text {
        margin: auto 5%;
    }
    .ayumi_btn{
        width:86%;
    }
    #manual {
        width:100%;
    }
    .dowcnt {
        margin: 0;
        width:100%;
    }
    #staff_p {
        margin: 0 auto 10% 0;
    }
}