@charset "UTF-8"; /* 文字コードはUTF8です */


.topheader{
    background:          url("/img/common/default_header_bg.png");
    padding:             0px 0px 0px 15px;
}

.naviheader{
    background:          url("/img/common/chugakunavi_header_bg.png");
    padding:             0px 0px 0px 15px;
}

.careerheader{
    background:          url("/img/common/chugakucareer_header_bg.png");
    padding:             0px 0px 0px 15px;
}

.header_left_upper{
    padding:             15px 10px 0px 10px;
}

.header_left_upper h2{
    margin:              0px;
    font-size:           1.6rem;
    font-weight:         bold;
    color:               #666;
}

.header_left_upper h2 span{
    font-size:           1.2rem;
}

.header_left_lower{
    margin:              0px;
    padding:             0px 0px 5px 75px;
    height:              80px;
}

.header_left_lower h1{
    font-size:           3.6rem;
    font-weight:         bold;
    margin:              20px 0px 0px 0px;
    padding:             0px;
}

.header_left_lower h1 a,a:hover{
    text-decoration:     none;
}

.topheader .header_left_lower h1{
    color:               #666;
}

.topheader .header_left_lower h1 a,a:hover{
    color:               #666;
}

.naviheader .header_left_lower h1{
    color:               #007FCC;
}

.naviheader .header_left_lower h1 a,a:hover{
    color:               #007FCC;
}

.careerheader .header_left_lower h1{
    color:               #925050;
}

.careerheader .header_left_lower h1 a,a:hover{
    color:               #925050;
}

.topheader .header_left_lower{
    background:          url("/img/common/default_header_square.png");
    background-repeat:   no-repeat;
    background-position: 15px 15px;
}

.naviheader .header_left_lower{
    background:          url("/img/common/chugakunavi_header_square.png");
    background-repeat:   no-repeat;
    background-position: 15px 15px;
}

.careerheader .header_left_lower{
    background:          url("/img/common/chugakucareer_header_square.png");
    background-repeat:   no-repeat;
    background-position: 15px 15px;
}

.header_right{
    font-size:           1.2rem;
    vertical-align:      middle;
}

.header_under_line{
    background:          #000 url("/img/common/header_line.png");
    background-repeat:   repeat-x;
    width:               100%;
    height:              127px;
}

.headerbtn{
    margin: 15px 0px 0px 15px;
}

.sidebtn{
    margin: 10px 0px;
}

.imgbanner{
    margin: 10px 0px;
}

.footer hr{
    margin:                20px 0px;
    border-top:            5px solid #CCF;
    border-bottom:         1px solid #99F;
}

.footer h5{
    font-size:             1.6rem;
}

.kugiri{
    margin:                20px 0px;
    height:                1px;
    border-top:            1px solid #CCC;
}

/* 総合トップ */
.topladybox{
    background:            url("/img/top/lady_bg.png");
    background-repeat:     no-repeat;
    background-position:   center;
    background-size:       contain;
    height:                350px;
}

.topladybutton{
    display:               table;
    width:                 60%;
    height:                350px;
    padding-left:          100px;
}

.topladybuttonimg{
    display:               table-cell;
    text-align:            center;
    vertical-align:        bottom;
    padding:               10px;
}

/* 汎用タイトル */
.head_blue{
    background:            #00C;
    border-top:            4px solid  #00C;
    border-left:           4px solid  #00C;
    border-right:          4px solid  #00C;
    border-bottom:         4px double #CCF;
}

.head_orange{
    background:            #F93;
    border-top:            4px solid  #F93;
    border-left:           4px solid  #F93;
    border-right:          4px solid  #F93;
    border-bottom:         4px double #FC9;
}

.head_bluegray{
    background:            #DDF;
    border-top:            4px solid  #DDF;
    border-left:           4px solid  #DDF;
    border-right:          4px solid  #DDF;
    border-bottom:         4px double #FFF;
}

.head_bluewater{
    background:            #33F;
    height:                35px;
    padding:               5px 5px;
    font-size:             1.8rem;
//    font-weight:           bold;
    color:                 #FFF;
}

.head_blue, .head_orange, .head_bluegray{
    height:                35px;
    padding:               0px 5px;
    font-size:             1.8rem;
    font-weight:           bold;
    color:                 #FFF;
    -moz-border-radius:    4px;
    -webkit-border-radius: 4px;
    border-radius:         4px;
}

/* トップページの新着情報 */
.newshead{
    background:          url("/img/common/news_head.png");
    background-repeat:   no-repeat;
    height:              37px;
    margin:              20px 0px 5px 0px;
    padding:             5px 0px 0px 15px;
    font-size:           1.8rem;
    font-weight:         bold;
}

.newsbody{
    margin:              0px;
    padding:             10px;
}

.newsbody ul{
    background:          #FFF;
    margin:              0px; 
    padding:             0px; 
    list-style:          none;
}

.newsbody li{
    padding:             5px; 
    margin:              5px 0px; 
    font-size:           1.6rem;
    line-height:         140%;
    border-bottom:       1px dotted #CCC;
}

.newsbody li a{
    margin:              0px 0px 0px 10px;
    text-decoration:     none;
}

.newsbody li a:hover{
    text-decoration:     underline;
}

.newsfoot{
    height:              30px;
    padding:             0px 10px 10px 5px;
    margin:              0px 0px 20px 0px;
    text-align:          right;
}

.newsfoot a{
    color:               #44F;
    font-size:           1.6rem;
    font-weight:         bold;
}

.newsfoot a:hover{
    color:               #99F;
}

.newsbodyblue{
    background:          #DEF;
}

.newsfootblue{
    background:          #DEF;
}

.newsbodygreen{
    background:          #DFE;
}

.newsfootgreen{
    background:          #DFE;
}


/* 検索関係 */
.searchbox{
    height:              auto;
    overflow:            hidden;
    border:              2px solid #BCEAF8;
    margin-left:         0px;
    margin-right:        0px;
}
.searchhead{
    background-color:    #BCEAF8;
    padding:             5px 10px;
    font-size:           1.8rem;
    font-weight:         bold;
    color:               #39F;
    font-weight:         bold;
//    height:              50px;
    padding-bottom:      3005px;
    margin-bottom:       -3000px;
}

.searchbody{
//    background-color:    #E8F8FD;
    padding:             5px 10px;
    font-size:           1.6rem;
//    height:              50px;
//    padding-bottom:      3005px;
//    margin-bottom:       -3000px;
}

.searchbody button{
    margin:              0px 0px 0px 5px;
}

.searchbody .topcheckbox{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.searchbody .topcheckbox li{
    margin:              0px;
    float:               left;
    width:               200px;
    padding:             2px 5px;
}

.searchbody .topcheckbox li label{
    margin:              0px;
    font-size:           1.4rem;
    line-height:         1.8rem;
    font-weight:         normal;
}

.resultwaku{
    background-color:    #FFF;
    border:              1px solid #00C;
    padding:             5px;
}

.resultbody{
    padding:             5px;
    font-size:           1.4rem;
    height:              auto;
    overflow:            hidden;
}

.resultpartshead{
    border-top:          2px solid #FFF;
    background-color:    #66C;
    padding:             5px 15px;
    font-size:           1.6rem;
    color:               #FFF;
//    font-weight:         bold;
    padding-bottom:      3005px;
    margin-bottom:       -3000px;
}

.resultpartsbody{
    border-top:          2px solid #FFF;
    background-color:    #CCF;
    color:               #333;
    padding:             5px 15px;
    font-size:           1.4rem;
    padding-bottom:      3005px;
    margin-bottom:       -3000px;
}

.resultcnt{
    font-size:           1.8rem;
}

//navbar内のボタン（縦位置揃え用）
.form-group{
    padding:             15px 0px 0px 0px;
}

.myname{
    color:               #FFF;
    font-size:           1.4rem;
    vertical-align:      middle;
}

//navbarちょっとカスタマイズ
.navbar{
    margin-bottom:       5px;
}

.navbar-default{
    margin-bottom:       5px;
}

.navbar-nav li{
    font-size:           1.8rem;
}

/* バナー画像対応（ちょっと邪魔） */
@media (max-width: 1200px) {
    .imgbanner{
        width: 100%;
        height: auto;
    }
    
    .topladybutton{
        padding-left:        10px;
    }
}

@media (max-width: 992px) {
    .topladybox{
        height:              300px;
    }
    
    .topladybutton{
        height:              280px;
        padding-left:        0px;
    }
}

/* スマホサイズ向けヘッダー対応（bootstrap上書き用） */
@media (max-width: 767px) {
    .naviheader{
        padding:             0px;
    }
    
    .header_left_upper h2{
        font-size:           1.4rem;
    }
    
    .header_left_lower h1{
        margin:              25px 0px 0px 0px;
        font-size:           2.4rem;
    }
    
    .imgbanner{
        width: 100%;
        height: auto;
    }
    
    .searchhead{
        height:              35px;
        padding-bottom:      5px;
        margin-bottom:       0px;
    }
    
    .headerbtn{
        margin: 10px 0px 0px 10px;
    }
    
    .topladybox{
        height:              280px;
    }
    .topladybutton{
        height:              235px;
    }

}

/* 最小スマホサイズ向けヘッダー対応（bootstrap上書き用） */
@media (max-width: 480px) {
    .header_left_lower{
        padding:             0px 0px 0px 65px;
    }
    
    .naviheader .header_left_lower{
        background-position: 10px 15px;
    }
    
    .careerheader .header_left_lower{
        background-position: 10px 15px;
    }
    
    .header_under_line{
        background:          none;
    }
    
    .topladybox{
        height:              250px;
    }
    
    .topladybutton{
        height:              200px;
    }
}