@charset "UTF-8";

/*
information{
    file name : /css/styles/individual/kyoiku_kakushin.css;
    site name : 金沢工業大学ホームページ;
    copyrihgt : Copyright Kanazawa Institute of Technology.;
    explanation : 教育/日々革新 対応css;
}
*/

/* contents
--------------------------------------------------------------------------

--------------------------------------------------------------------------
*/


/* [#kyoiku-kakushin] 
-----------------------------------------------    */
#kyoiku-kakushin div.kakushinContainer div.points {
    display: block;
    width: 740px;
    border: 1px solid #dddddd;
    border-top: none;
}

#kyoiku-kakushin div.kakushinContainer div.pointBox {
    position: relative;
    float: left;
    display: block;
    width: 246px;
    height: 538px;
    border-left: 1px solid #dddddd;
}

#kyoiku-kakushin div.kakushinContainer div.bol {
    border: none;
}

#kyoiku-kakushin div.kakushinContainer p.body {
    margin-left: 14px;
    margin-right: 14px;
    font-size: 14px;
    line-height: 1.5;
}

#kyoiku-kakushin div.kakushinContainer div.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    height: 69px;
}
#kyoiku-kakushin div.kakushinContainer .pointBox.a01 div.footer,
#kyoiku-kakushin div.kakushinContainer .pointBox.a02 div.footer,
#kyoiku-kakushin div.kakushinContainer .pointBox.a03 div.footer {
    height: auto;
}

#kyoiku-kakushin div.kakushinContainer p.footer {
    margin: 10px 20px;
}

#kyoiku-kakushin div.kakushinContainer p.image {
    text-align: center;
}



@media screen and (max-width: 767px) {
    /* #kakushinHolder div.leadHolder
    -----------------------------------------------    */
    #kakushinHolder div.leadHolder p.lead {
        font-size: 16px;
        line-height: 22px;
        color: #6b9fa9;
    }

    /* #kakushinHolder div.pointBoxHolder
    -----------------------------------------------    */
    #kakushinHolder div.pointBoxHolder {
        background-color: #6190c8;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box-holder_bg.png");
        background-position: left top;
        background-repeat: repeat-x;
        background-size: 1px 250px;
        -webkit-background-size: 1px 250px;
        -moz-background-size: 1px 250px;
        -o-background-size: 1px 250px;
    }

    #kakushinHolder div.pointBoxHolder div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box-holder_bg2.png");
        background-position:  top center;
        background-repeat: no-repeat;
        padding-top: 73px;
        background-size: 385px 165px;
        -webkit-background-size: 385px 165px;
        -moz-background-size: 385px 165px;
        -o-background-size: 385px 165px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox {
        margin-left: 5px;
        margin-right: 5px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type1.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox div.boxContents div.inner {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 24px;
        font-size: 12px;
        line-height: 16px;
        color: #333;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type1.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type1.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type2 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type2.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type2 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type2.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type2.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type3 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type3.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type3 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type3.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type3.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type4 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type4.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type4 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type4.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type4.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type5 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type5.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type5 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type5.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type5.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type6 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type6.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type6 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type6.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type6.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type7 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type7.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type7 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type7.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type7.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type8 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type8.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type8 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type8.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type8.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type9 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type9.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type9 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type9.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type9.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type10 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type10.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type10 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type10.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type10.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type11 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type11.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type11 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type11.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type11.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type12 div.boxContents {
        background-color: #fff;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_center_type12.png");
        background-position: top left;
        background-repeat: repeat-x;
        background-size: 6px 10px;
        -webkit-background-size: 6px 10px;
        -moz-background-size: 6px 10px;
        -o-background-size: 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox.type12 div.boxContents div.inner {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topleft_type12.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_topright_type12.png");
        background-position: top left, top right;
        background-repeat: no-repeat. no-repeat;
        background-size: 6px 10px, 6px 10px;
        -webkit-background-size: 6px 10px, 6px 10px;
        -moz-background-size: 6px 10px, 6px 10px;
        -o-background-size: 6px 10px, 6px 10px;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox div.boxContents div.innerDotlineBox {
        background-color: #f4f6f7;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_dotline_w1.gif"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_bottomleft.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_point-box_bottomright.png");
        background-position: 0 0, bottom left, bottom right;
        background-repeat: repeat-x, no-repeat, no-repeat;
        background-size: 30px 1px, 5px 5px, 5px 5px;
        -webkit-background-size: 30px 1px, 5px 5px, 5px 5px;
        -moz-background-size: 30px 1px, 5px 5px, 5px 5px;
        -o-background-size: 30px 1px, 5px 5px, 5px 5px;
        padding: 12px 9px 11px 9px;
        text-align: right;
    }

    #kakushinHolder div.pointBoxHolder div.pointBox div.boxContents div.innerDotlineBox a {
    }
    #kakushinHolder div.pointBoxHolder div.pointBox div.boxContents div.innerDotlineBox a span.detail {
        display: inline-block;
        font-size: 12px;
        line-height: 16px;
    }
}

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

    /* div.box2
    -----------------------------------------------    */
    .responsive #bodyDivision div.box2 {
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .responsive #bodyDivision div.box2 div.boxTitle {
        border-bottom: 3px solid #bccc68;
        background-color: #6190c8;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_title_bg_sp.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_title_bg_sp.png");
        background-position: left top,;
        background-repeat: repeat-x;
        background-size: 1px 31px;
        -webkit-background-size: 1px 31px;
        -moz-background-size: 1px 31px;
        -o-background-size: 1px 31px;
    }

    .responsive #bodyDivision div.box2 div.boxTitle h2 {
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        padding: 7px 10px 6px 10px;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_title_topleft_sp.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_title_topright_sp.png");
        background-position: left top, right top;
        background-repeat: no-repeat, no-repeat;
        background-size: 3px 3px, 3px 3px;
        -webkit-background-size: 3px 3px, 3px 3px;
        -moz-background-size: 3px 3px, 3px 3px;
        -o-background-size: 3px 3px, 3px 3px;
    }

    .responsive #bodyDivision div.box2.type3 div.boxTitle {
        border-bottom: 3px solid #bccc68;
        background-color: #6190c8;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_type3_title_bg_sp.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_type3_title_bg_sp.png");
        background-position: left top,;
        background-repeat: repeat-x;
        background-size: 1px 31px;
        -webkit-background-size: 1px 31px;
        -moz-background-size: 1px 31px;
        -o-background-size: 1px 31px;

    }

    .responsive #bodyDivision div.box2.type3 div.boxTitle h2 {
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        padding: 7px 10px 6px 10px;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/type3_title_topleft_sp.png"), url("https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/type3_title_topright_sp.png");
        background-position: left top, right top;
        background-repeat: no-repeat, no-repeat;
        background-size: 3px 3px, 3px 3px;
        -webkit-background-size: 3px 3px, 3px 3px;
        -moz-background-size: 3px 3px, 3px 3px;
        -o-background-size: 3px 3px, 3px 3px;
    }

    .responsive #bodyDivision div.box2 div.boxContents {
        border: 1px solid #ccc;
        background: #fff url(https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_bg_sp.gif) 0 bottom repeat-x;
    }

    .responsive #bodyDivision ul.solidLineList li a {
        display: block;
        padding: 12px 9px 12px 9px;
        font-size: 12px;
        line-height: 16px;
        background-image: url(https://www.kanazawa-it.ac.jp/h1s/images/contents/kyoiku/kakushin_dotline_w1_sp.gif);
        background-position: 0 0;
        background-repeat: repeat-x;
        background-size: 1px 1px;
        -webkit-background-size: 1px 1px;
        -moz-background-size: 1px 1px;
        -o-background-size: 1px 1px;
    }

    .responsive #bodyDivision #mainCompartment div.boxTitle:after {
        display: none;
    }
}