/*
Theme Name:cin
*/

@charset 'UTF-8';

html
{
    box-sizing: border-box;
}

*,
*::after,
*::before
{
    box-sizing: inherit;
}

/* Home style */
.homeMainbox
{
    position: relative; 

    padding: 10px 0;

    background-color: #811;
}
.homeMainbox nav
{
    position: absolute;
    top: 30px;
    left: 20px;
}
.homeMainbox nav li
{
    overflow: hidden;

    width: 162px;
    padding: 0; 

    background-repeat: no-repeat;
    background-position: 0 0;
}
.homeMainbox nav li a
{
    display: block;
    overflow: hidden; 

    height: 0;
    padding-top: 77px;
}
.homeMainbox__kindergarten a
{
    background-image: url(images/home/btn_kindergarten.png);
}
.homeMainbox__elementarySchool a
{
    background-image: url(images/home/btn_elementary-school.png);
}
.homeMainbox__juniorHighSchool a
{
    background-image: url(images/home/btn_junior-high-school.png);
}
.homeMainbox__highSchool a
{
    background-image: url(images/home/btn_high-school.png);
}
.homeMainbox .menuicon
{
    display: none;
}
@media (max-width: 765px)
{
    .homeMainbox
    {
        padding-bottom: 0;
    }
    .homeMainbox nav
    {
        position: relative;
        top: 0;
        left: 0;

        padding-bottom: 10px;
    }
    .homeMainbox nav ul
    {
        margin: 5px 0 0 3px;
    }
    .homeMainbox nav li
    {
        float: left;

        width: 40%;
        margin: 5px 3px 0; 

        text-align: center;
    }
    .homeMainbox nav li a
    {
        height: auto;
        padding: 8px 0;

        -webkit-border-radius: 4px;
                border-radius: 4px; 
        background-color: #fff;
        background-image: none;
    }
    .homeMainbox .menuicon
    {
        position: absolute;
        z-index: 999; 
        right: 15px;

        display: block;

        color: #fff;
    }
}

.homeContents
{
    max-width: 930px;
    margin-right: auto; 
    margin-left: auto;
    padding: 20px;
}
.homeContents::after
{
    display: table; 
    clear: both;

    content: '';
}
.homeContents h2
{
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.2; 

    margin-bottom: 10px;

    color: #125;
    border-bottom: 3px solid #125;
}
.homeContents__access,
.homeContents__member
{
    float: left; 

    width: 148px;
}
.homeContents__access p,
.homeContents__access ul,
.homeContents__member p,
.homeContents__member ul
{
    font-size: 13px;
    font-size: 1.3rem; 

    float: right;

    margin-top: 8px;
}
.homeContents__access li,
.homeContents__member li
{
    margin-bottom: 10px;
}
.homeContents__member
{
    margin-right: 60px;
}
.homeContents__news
{
    float: right; 

    width: 475px;
}
.homeContents__news li
{
    display: block;
    float: left; 
    overflow: hidden;

    width: 95px;
}
.homeContents__news li a
{
    display: block;
    overflow: hidden;

    height: 0;
    padding-top: 23px; 

    background-image: url(images/home/tab.png);
    background-repeat: no-repeat;
}
.homeContents__news--news a
{
    background-position: 0 0;
}
.homeContents__news--news a:hover
{
    background-position: 0 -26px;
}
.homeContents__news--kindergarten a
{
    background-position: -93px 0;
}
.homeContents__news--kindergarten a:hover
{
    background-position: -93px -26px;
}
.homeContents__news--elementarySchool a
{
    background-position: -188px 0;
}
.homeContents__news--elementarySchool a:hover
{
    background-position: -188px -26px;
}
.homeContents__news--juniorHighSchool a
{
    background-position: -284px 0;
}
.homeContents__news--juniorHighSchool a:hover
{
    background-position: -284px -26px;
}
.homeContents__news--highSchool a
{
    background-position: -380px 0;
}
.homeContents__news--highSchool a:hover
{
    background-position: -380px -26px;
}
.homeContents__news__content
{
    padding: 10px; 

    border: 4px solid #e5cdb5;
}
.homeContents__news__content .date
{
    font-size: 9px;
    font-size: .9rem;
}
.homeContents__news__content h3
{
    display: none;
}
.homeContents__news__content h4
{
    font-size: 13px;
    font-size: 1.3rem;

    margin: 5px 0;
}
.homeContents__news__content__photoarea
{
    float: left;

    width: 165px;
}
.homeContents__news__content__textarea
{
    float: right; 

    width: 260px;
}
.homeContents__news__content__textarea p
{
    margin-top: 0;
}
@media (max-width: 765px)
{
    .homeContents__news,
    .homeContents__access,
    .homeContents__member
    {
        float: none; 

        width: 100%;
    }
    .homeContents .tab
    {
        display: none;
    }
    .homeContents__news__content
    {
        margin-top: 20px; 
        padding: 0;

        border: dotted #ccc 1px;
        border-width: 0 0 1px 0;
    }
    .homeContents__news__content h3
    {
        font-size: 16px;
        font-size: 1.6rem; 

        display: block;

        margin: 5px 0;
        padding: 5px;

        color: #fff;
        background-color: #125;
    }
    .homeContents__news__content__photoarea,
    .homeContents__news__content__textarea
    {
        float: none;
    }
}


/* Lower style */
.lower
{
    background-color: #ebeef2;
}
.lower a
{
    text-decoration: underline; 

    color: #172e8e;
}
.lower a:hover,
.lower a:focus
{
    color: #fff; 
    background-color: #172e8e;
}
.lower a img
{
    display: block;

    width: auto;
    margin-right: auto; 
    margin-left: auto;

    border: none;
}
.lower__main,
.lower__left,
.lower__right
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.lower__main
{
    padding: 20px;

    background-color: #fff;
}
.lower__main h1,
.lower__main h2,
.lower__main h3
{
    line-height: 1.2;

    margin: 0 0 10px; 
    padding-left: 10px;

    color: #595757;
    border-left: 5px solid #595757;
}
.lower__main h1
{
    font-size: 26px;
    font-size: 2.6rem;
}

.lower__main h2.post_title {
    margin:1rem 0 4rem;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size: 3.2rem;
    border:none;
    padding:0;
}

.lower__main h2
{
    font-size: 19px;
    font-size: 1.9rem;
}
.lower__main h3
{
    font-size: 12px;
    font-size: 1.2rem;
}
.lower__main .h1__read,
.lower__main .h2__read,
.lower__main .h3__read
{
    margin: 0 0 30px 15px;
}
.lower__main .h2__read,
.lower__main .h3__read
{
    font-size: 11px;
    font-size: 1.1rem;
}
.lower__main h2.lower__main__pageTitle
{
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 22px;
    font-size: 2.2rem;

    margin: 20px 0 0 0;
    padding: 0;

    color: #333;
    border: none;
}
.lower__main h1.unstyledTitle,
.lower__main h2.unstyledTitle,
.lower__main h3.unstyledTitle,
.lower__main h4.unstyledTitle
{
    padding: 0; 

    color: #333;
    border: none;
}
.lower__main__teachers
{
    padding-bottom: 0;
}
.lower__main__teachers .photoarea
{
    display: inline;
    float: left;

    margin-right: 10px;
}
.lower__main__teachers .textarea
{
    float: left;

    width: 75%;
}
.lower__main__teachers .textarea h4,
.lower__main__teachers .textarea p
{
    margin: 0 0 3px;
}
.lower__main__teachers .textarea h4
{
    font-size: 12px;
    font-size: 1.2rem;
}
.lower__main__teachers .textarea p
{
    font-size: 10px;
    font-size: 1rem;
}
.lower__main__teachers .textarea a
{
    text-decoration: underline;
}
@media (max-width: 765px)
{
    .lower__main__teachers .photoarea,
    .lower__main__teachers .textarea
    {
        float: none;

        width: 100%;
    }
    .lower__main__teachers .photoarea
    {
        display: block;

        margin-bottom: 10px; 

        text-align: center;
    }
}
.lower__main .articles__section
{
    position: relative;

    margin-bottom: 20px;
}
.lower__main .articles__section__photoarea
{
    float:left;

    width: 170px;
}
.lower__main .articles__section__photoarea a:hover
{
    background-color: #fff;
}
.lower__main .articles__section__photoarea a img
{
    padding: 5px;

    border: 3px solid #073277;
    -webkit-border-radius: 6px;
            border-radius: 6px;
}
.lower__main .articles__section__textarea
{
    float: right; 

    width: 260px;
}
.lower__main .articles__section__textarea h3
{
    font-size: 14px;
    font-size: 1.4rem; 

    margin-bottom: 15px;
    padding: 0;

    border: none;
}
.lower__main .articles__section__textarea h3 a
{
    color: #595757;
}
.lower__main .articles__section__textarea h3 a:hover
{
    color: #fff;
}
.lower__main .articles__section__textarea .readmore
{
    bottom: 10px;
}
@media (max-width: 765px)
{
    .lower__main .articles__section__textarea .readmore
    {
        position: relative;
        bottom: auto;

        margin-top: 10px;
    }
}
@media (max-width: 765px)
{
    .lower__main .articles__section__photoarea,
    .lower__main .articles__section__textarea
    {
        display: block;
        float: none;

        width: 100%;
        margin: 20px auto;
    }
    .lower__main .articles__section__photoarea
    {
        text-align: center;
    }
}
.lower__left
{
    float: left; 

    width: 198px;
}
.lower__left .menuicon
{
    display: none;
}
.lower__left__pageContents
{
    padding: 20px; 

    color: #fff;
    background-color: #811;
}
.lower__left__pageContents h3
{
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom:0;

    margin-top: 0;
}
.lower__left__pageContents a
{
    text-decoration: none; 

    color: #fff;
}
.lower__left__pageContents a:hover
{
    text-decoration: underline; 

    background-color: rgba(255, 255, 255, 0);
}
.lower__left__pageContents ul
{
    margin-left: 15px;
    margin-top:10px;
}
.lower__left__pageContents li
{
    margin-bottom: 5px;
}
.lower__left__siteContents
{
    width: 120px;
    margin: 60px auto;
}
.lower__left__siteContents li
{
    margin-bottom: 5px;
}
.lower__left__siteContents a
{
    font-weight: bold;

    display: block;

    padding: 5px 5px 5px 15px;

    text-decoration: none; 

    color: #333;
    border-left: 7px solid #073277;
    background-color: #fff;
}
.lower__left__siteContents a:hover
{
    text-decoration: none; 

    color: #333;
    background-color: #cbdcef;
}
.lower__left__siteContents a.active
{
    background-color: #cbdcef;
}
.lower__left__siteContents--email a
{
    font-size: 13px;
    font-size: 1.3rem;

    margin-top: 40px; 
    padding: 15px 0 15px 50px;

    background-image: url(images/lower/common/side/ico_email.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}
@media (max-width: 765px)
{
    .lower__left__siteContents
    {
        width: auto;
        height: 90px;
        margin-top: 0;
    }
    .lower__left__siteContents::after
    {
        display: table; 
        clear: both;

        content: '';
    }
    .lower__left__siteContents--email
    {
        display: none;
    }
    .lower__left__siteContents li
    {
        float: left;

        width: 40%;
        margin: 5px 3px 3px; 

        text-align: center;
    }
    .lower__left__siteContents li a
    {
        height: auto;
        padding: 8px 0;

        border: none;
        -webkit-border-radius: 4px;
                border-radius: 4px; 
        background-color: #fff;
        background-image: none;
    }
}
@media (max-width: 765px)
{
    .lower__left
    {
        position: relative; 

        float: none;

        width: 100%;
    }
    .lower__left .menuicon
    {
        position: absolute;
        z-index: 999; 
        right: 15px;

        display: block;
    }
}
.lower__right
{
    float: right;

    width: 220px;
    padding: 20px 10px;
}
.lower__right a.outside,
.lower__right a.inside
{
    display: block;
}
.lower__right h3
{
    font-size: 14px;
    font-size: 1.4rem;
}
.lower__right__news h3,
.lower__right__links h3
{
    padding: 3px 0 3px 10px; 

    border-left: 7px solid #dcdcdd;
}
.lower__right__news dl
{
    font-size: 8.5px;
    font-size: .85rem;

    width: 85%;
    margin: 0 auto; 
    padding: 10px;

    background-color: #fff;
}
.lower__right__news dt:before
{
    content: '・';
}
.lower__right__news dd
{
    margin: 0 0 5px 0;
    padding: 0 0 0 1em;
}
.lower__right__picture
{
    margin: 30px 0;
}
.lower__right__picture h3
{
    margin-bottom: 5px; 
    padding: 5px 0 5px 35px;

    background: url(images/lower/common/side/ico_pic.png) no-repeat 0 50%;
}
@media (max-width: 765px)
{
    .lower__right__picture .text-right
    {
        text-align: center;
    }
}
.lower__right__download
{
    margin: 30px 0;
}
.lower__right__download h3
{
    padding: 5px 0 5px 35px; 

    background: url(images/lower/common/side/ico_download.png) no-repeat 0 50%;
}
.lower__right__download h4
{
    margin: 0 0 5px;
}
.lower__right__download h4,
.lower__right__download p
{
    margin-left: 20px;
}
.lower__right__download a
{
    font-weight: bold; 

    text-decoration: underline;

    color: #172e8e;
}
@media (max-width: 765px)
{
    .lower__right
    {
        float: none; 

        width: 100%;
    }
}

.threecolumn .lower__main
{
    float: left; 

    width: 510px;
}
@media (max-width: 765px)
{
    .threecolumn .lower__main
    {
        float: none; 

        width: 100%;
    }
}

.twocolumn .lower__main
{
    float: right; 

    width: 732px;
}
@media (max-width: 765px)
{
    .twocolumn .lower__main
    {
        float: none; 

        width: 100%;
    }
}

/* Common style */
html,
body
{
    width: 100%;
    height: 100%; 
    margin: 0;
    padding: 0;
}

html
{
    font-size: 62.5%;

    background-color: #125;
}

body
{
    font-family: 'メイリオ', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;

    position: relative;
    right: 0; 

    color: #333;

    -webkit-text-size-adjust: 100%;
}

em
{
    font-weight: bold; 
    font-style: normal;
}

a
{
    text-decoration: none; 

    color: #125;
}
a:hover
{
    text-decoration: underline; 

    color: #4d4d4d;
}
a:hover img
{
    opacity: .75;

        filter: alpha(opacity=75);
    -ms-filter: 'alpha(opacity=75)';
}

ul
{
    margin: 0;
    padding: 0; 

    list-style-type: none;
}

ol
{
    margin: 0 0 0 20px;
    padding: 0;
}

table
{
    width: 100%;

    border-collapse: collapse;
}

figure
{
    margin: 40px 0 60px;
    padding: 0;
}

figcaption
{
    text-align: center;
}

.clearfix:after
{
    display: table;
    clear: both; 

    content: '';
}

.clear
{
    clear: both;
}

.text-center
{
    text-align: center;
}

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

.pull-left
{
    float: left;
}

.pull-right
{
    float: right;
}

.text-small
{
    font-size: 80%;
}

.text-large
{
    font-size: 120%;
}

.unstyledTitle
{
    border: none;
    background-color: none;
    background-image: none;
}

.red
{
    color: #811;
}

.bg-gray
{
    padding: 10px; 

    background-color: #f0f0f0;
}

a.grayLink
{
    color: #595757;
}

.btn
{
    padding: 3px 5px; 
    color: #fff;
    background-color: #125;
}
.btn:hover
{
    color: #fff;
}

a.readmore
{
    font-size: 11px;
    font-size: 1.1rem; 

    display: inline-block;

    padding: 3px 20px;

    text-decoration: none;

    color: #fff;
    background-color: #125;
}
a.readmore:hover
{
    background-color: #172e8e;
}

.mrb80
{
    margin-bottom: 80px !important;
}

.mrb60
{
    margin-bottom: 60px !important;
}

.mrb40
{
    margin-bottom: 40px !important;
}

.mrb20
{
    margin-bottom: 20px !important;
}

@media (max-width: 765px)
{
    .mblhide
    {
        display: none !important;
    }
}
/* Layout*/
.container
{
    position: relative; 

    max-width: 930px;
    margin-right: auto;
    margin-left: auto;

    background-color: #fff;
}
.container::after
{
    display: table; 
    clear: both;

    content: '';
}
@media (max-width: 765px)
{
    .container
    {
        width: 100%;
    }
    .container img
    {
        max-width: 100%;
    }
}

/* Parts*/
.roundWrap
{
    overflow: hidden; 

    margin: 40px auto;

    border: solid #595757;
    border-width: 2px 2px 0 2px;
    -webkit-border-radius: 8px;
            border-radius: 8px;
}
.roundWrap__table th
{
    padding: 8px;
}
.roundWrap__table td
{
    padding: 8px;

    border: solid #595757;
    border-width: 0 1px 1px 0;
}
.roundWrap__table thead th
{
    font-size: 18px;
    font-size: 1.8rem;
/* right tuika */
    border-bottom: 2px solid #595757; 
    background-color: #eeefef;
}
.roundWrap__table thead th
{
    border-right: 2px solid #595757;
}
.roundWrap__table tbody th
{
    font-weight: normal;

    text-align: center;

    border: solid #595757;
    border-width: 0 2px 2px 0;
}
.roundWrap__table tbody .bold-border
{
    border-bottom: 2px solid #595757;
}
.roundWrap__table tbody .bold-border td
{
    border-bottom: none;
}
.roundWrap__table .bg-gray
{
    background-color: #f7f7f7;
}

.lineTable
{
    border-top: 1px solid #9f9fa0;
}
.lineTable th,
.lineTable td
{
    padding: 8px;

    border-bottom: 1px solid #9f9fa0;
}
.lineTable th
{
    font-weight: normal;

    padding-right: 20px; 

    text-align: left;

    background-color: #f7f7f7;
}
@media (max-width: 765px)
{
    .lineTable th,
    .lineTable td
    {
        display: block;
    }
}

.list__circle li,
.list__line li
{
    padding-left: 15px; 

    background-repeat: no-repeat;
}

.list__circle li
{
    background-image: url(images/lower/common/ico_list-circle.png);
    background-position: 0 4px;
}

.list__line li
{
    background-image: url(images/lower/common/ico_list-line.png);
    background-position: 0 7px;
}

.btnLinks li
{
    display: inline;

    margin-right: 20px;

    text-align: center;
}
.btnLinks a
{
    padding: 5px 12px; 

    text-decoration: none;

    color: #fff;
    background-color: #125;
}
@media (max-width: 765px)
{
    .btnLinks li
    {
        display: block;

        margin: 10px;
    }
    .btnLinks li a
    {
        display: block;
    }
}

.photoGallery
{
    max-width: 68em;
    margin: 20px 0 40px 15px; 
    margin-right: auto;
    margin-left: auto;
}
.photoGallery::after
{
    display: table; 
    clear: both;

    content: '';
}
.photoGallery li
{
    float: left;

    width: 192px;
    margin-right: 30px;
}
.photoGallery .photoarea
{
    padding: 40px 0; 

    text-align: center;

    border: 2px solid #c9c9ca;
}
.photoGallery .lightboxView
{
    margin: 0; 
    padding-top: 10px;

    background: url(images/lower/common/bg_photo-shadow.png) no-repeat 50% 0;
}
@media (max-width: 765px)
{
    .photoGallery
    {
        margin: 20px auto;
    }
    .photoGallery li
    {
        display: block;
        float: none;

        margin: 10px auto;
    }
    .photoGallery li .text-right
    {
        text-align: center;
    }
}

a.outside,
a.inside
{
    margin-bottom: 5px;
    padding: 5px 0 5px 25px;

    text-decoration: underline; 

    color: #172e8e;
    background-repeat: no-repeat;
    background-position: 0 50%;
}
a.outside:hover,
a.inside:hover
{
    color: #172e8e; 
    background-color: rgba(255, 255, 255, 0);
}
a.outside:hover span,
a.inside:hover span
{
    color: #fff; 
    background-color: #172e8e;
}

a.outside
{
    background-image: url(images/lower/common/side/ico_arrow2.png);
}

a.inside
{
    background-image: url(images/lower/common/side/ico_arrow1.png);
}

.lightboxView a
{
    padding: 5px 20px 5px 0;

    text-decoration: underline; 

    color: #172e8e;
    background: url(images/lower/common/side/ico_side-search.png) no-repeat 100% 50%;
}
.lightboxView a:hover
{
    background-color: rgba(255, 255, 255, 0);
    color: #172e8e;
}
.lightboxView a:hover span
{
    color: #fff; 
    background-color: #172e8e;
}


.feedingTable
{
    margin-top: 40px; 

    border: 2px solid #c9c9ca;
}
.feedingTable th,
.feedingTable td
{
    width: 20%;

    text-align: center; 

    border: 1px solid #c9c9ca;
}
.feedingTable th
{
    padding: 10px;
}
.feedingTable td
{
    padding: 5px; 

    vertical-align: top;
}
.feedingTable .bg-gray
{
    background-color: #eeefef;
}
.feedingTable__date
{
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: bold;

    display: block;

    margin: 0 0 5px 5px;

    text-align: left;

    color: #595757;
}
.feedingTable .monday
{
    color: #c25636;
}
.feedingTable .tuesday
{
    color: #ab0068;
}
.feedingTable .wednesday
{
    color: #3642ae;
}
.feedingTable .thursday
{
    color: #864545;
}
.feedingTable .friday
{
    color: #887e1a;
}
.feedingTable__firstday
{
    position: relative;
}
.feedingTable__firstday p
{
    position: absolute;
    top: 40px;
    left: 40px; 

    width: 325px;
    padding: 20px;

    text-align: center;

    -webkit-border-radius: 6px;
            border-radius: 6px;
    background-color: rgba(255, 255, 255, .7);
}

/* Header style */
header
{
    background-color: #fff;
}
header .header__nav
{
    position: fixed;
    z-index: 999; 

    display: block;

    width: 930px;
    padding: 10px 10px 10px 0;

    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
@media (max-width: 765px)
{
    header .header__nav
    {
        width: 100%;
    }
}

.header__navigation,
.header__language
{
    font-size: 10px;
    font-size: 1rem; 

    float: right;
}
.header__navigation li,
.header__language li
{
    display: inline;
}
.header__navigation
{
    margin-right: 20px;
}
.header__navigation li
{
    margin-right: 10px;
}
.header__navigation li:focus
{
    color: #fff; 
    background-color: #000;
}
@media (max-width: 765px)
{
    .header__navigation
    {
        float: left;

        margin-left: 40px;

        text-align: center;
    }
}
.header__language
{
    color: #999;
}
.header__language li:last-child:before
{
    padding-right: 3px; 

    content: '|';

    color: #125;
}
.header h1
{
    margin: 60px auto 0; 

    text-align: center;
}
@media (max-width: 479px)
{
    .header h1
    {
        padding: 0 10px;
    }
}
.header__search
{
    padding-right: 20px; 

    text-align: right;
}
.header__search__box
{
    display: inline;

    padding: 5px 5px; 

    border: 1px solid #000;
}
.header__search__box input[type=search]
{
    border: none;
}
.header__search__box input[type=search]:focus
{
    outline: none;
}
.header__search__box input[type=image]
{
    width: 20x;
    height: 20px;
    margin-top: -3px; 

    vertical-align: middle;
}
@media (max-width: 765px)
{
    .header__search
    {
        display: none;
    }
}
.header__message
{
    padding: 5px 5px 5px 20px; 

    color: #fff;
    background-color: #125;
}
@media (max-width: 765px)
{
    .header__message
    {
        margin-bottom: 0;
    }
}

.prependPoint
{
    background-color: #fff;
}
@media (max-width: 765px)
{
    .prependPoint ul
    {
        margin: 0;
    }
}

/* Contets common style */
.contents__navigation
{
    width: 917px;
    margin: 20px auto 0;
}
.contents__navigation li
{
    position: relative; 

    display: block;
    float: left;

    width: 150px;
}
.contents__navigation li a
{
    line-height: 1.5;

    display: block;
    overflow: hidden;

    height: 33px;

    background-image: url(images/common/menu.png);
    background-repeat: no-repeat;
}
.contents__navigation li a::before
{
    display: block;

    width: 0;
    height: 100%; 

    content: '';
}
.contents__navigation--about a
{
    background-position: 0 0;
}
.contents__navigation--about a:hover
{
    background-position: 0 -35px;
}
.contents__navigation--schoolLife a
{
    background-position: -152px 0;
}
.contents__navigation--schoolLife a:hover
{
    background-position: -152px -35px;
}
.contents__navigation--saturday a
{
    background-position: -304px 0;
}
.contents__navigation--saturday a:hover
{
    background-position: -304px -35px;
}
.contents__navigation--summer a
{
    background-position: -456px 0;
}
.contents__navigation--summer a:hover
{
    background-position: -456px -35px;
}
.contents__navigation--meeting a
{
    background-position: -612px 0;
}
.contents__navigation--meeting a:hover
{
    background-position: -612px -35px;
}
.contents__navigation--application a
{
    background-position: -767px 0;
}
.contents__navigation--application a:hover
{
    background-position: -767px -35px;
}
.contents__navigation ul
{
    font-size: 10px;
    font-size: 1rem; 

    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
}
.contents__navigation ul li
{
    float: none;
    overflow: hidden;

    width: auto; 
    height: 0;
}
.contents__navigation ul li a
{
    overflow: visible;

    height: auto;
    padding: 5px; 

    background-image: none;
}
.contents__navigation li:hover ul
{
    top: 33px;

    overflow: visible;

    padding: 10px; 

    background-color: #e5cdb5;
}
.contents__navigation li:hover ul li
{
    z-index: 100;

    display: block;
    float: none;
    overflow: visible;

    width: 130px; 
    height: auto;
}
.contents__navigation li:hover ul li a
{
    display: block; 

    width: auto;
    padding-top: 3px;
    padding-bottom: 3px;

    background-color: #fff;
}
.contents__navigation li:hover ul li a:hover
{
    text-decoration: none; 

    background-color: #f4ece6;
}
@media (max-width: 765px)
{
    .contents__navigation
    {
        width: 100%;

        border: solid #ccc;
        border-width: 0 1px 1px 0;
        background: url(images/common/bg_center-line.png) repeat-y 50% 0;
    }
    .contents__navigation li
    {
        float: left;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 50%;
        height: 100%; 

        border: solid #ccc;
        border-width: 1px 0 0 1px;
    }
    .contents__navigation li a
    {
        height: auto;
        padding: 5px 10px;

        color: #fff; 
        background-color: #125;
        background-image: none;
    }
    .contents__navigation li:hover ul
    {
        position: relative;
        top: 0;

        background-color: #fff;
    }
    .contents__navigation li:hover ul li
    {
        width: auto;
    }
    .contents__navigation ul
    {
        position: relative;
        top: 0;

        padding: 10px;

        border: none;
        background-image: none;
    }
    .contents__navigation ul li
    {
        display: block;
        float: none;
        overflow: visible;

        width: auto;
        height: auto;

        border: dotted #ccc;
        border-width: 0 0 1px 0;
    }
    .contents__navigation ul li a
    {
        padding-top: 3px;
        padding-bottom: 3px;

        color: #333; 
        background-color: #fff;
    }
    .contents__navigation--saturday
    {
        clear: both;
    }
}

/* footer style */
.footer
{
    padding: 20px; 

    background-color: #811;
}
.footer a
{
    color: #fff;
}
.footer h5
{
    font-size: 14px;
    font-size: 1.4rem;

    margin: 0 0 10px;

    color: #fff;
}
.footer__navigation li
{
    font-size: 14px;
    font-size: 1.4rem; 

    float: left;

    width: 25%;
    margin-bottom: 20px;
}
.footer__navigation ul
{
    margin-top: 15px;
}
.footer__navigation ul li
{
    font-size: 12px;
    font-size: 1.2rem; 

    float: none;

    width: 100%;
    margin-bottom: 3px;
}
@media (max-width: 765px)
{
    .footer
    {
        display: none;
    }
}

.copyright
{
    font-size: 9px;
    font-size: .9rem; 

    text-align: center;
}

.newsBtn
{
    position: fixed;
    bottom: 40px;

    display: block; 

    margin-left: 895px;
}
@media (max-width: 765px)
{
    .newsBtn
    {
        display: none;
    }
}

.pagetop
{
    display: none;
}
@media (max-width: 765px)
{
    .pagetop
    {
        font-size: 14px;
        font-size: 1.4rem; 

        display: block;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 5px 5px 5px 0;

        text-align: right;

        color: #fff;
        background-color: #125;
    }
    .pagetop i
    {
        margin-right: 5px;
    }
    .pagetop:focus,
    .pagetop:hover
    {
        color: #fff;
    }
}

.mb__footerNavi
{
    display: none;
}
@media (max-width: 765px)
{
    .mb__footerNavi
    {
        display: block;

        padding: 10px; 

        background-color: #811;
    }
    .mb__footerNavi li
    {
        float: left;

        margin-right: 10px; 

        text-align: center;
    }
    .mb__footerNavi__search
    {
        margin-right: 0 !important;
    }
    .mb__footerNavi__search form
    {
        margin-top: -3px;
        padding: 0;
    }
    .mb__footerNavi__search__box
    {
        display: inline;
        float: left;

        padding: 5px 3px;

        border: 1px solid #000;
        background-color: #fff;
    }
    .mb__footerNavi__search__box input[type=search]
    {
        border: none;
    }
    .mb__footerNavi__search__box input[type=search]:focus
    {
        outline: none;
    }
    .mb__footerNavi__search__box input[type=image]
    {
        width: 20x;
        height: 20px;
        margin-top: -3px; 

        vertical-align: middle;
    }
    .mb__footerNavi a
    {
        color: #fff;
    }
}



.gototop {
	text-align:right;
	margin:40px 0 20px 0;

}

.gototop a {color:#000;text-decoration:none;}
.gototop a:hover {text-decoration:underline;}