@charset "UTF-8";

/*
information{
    file name : /css/styles/modules/misc.css;
    site name : 金沢工業大学ホームページ;
    copyrihgt : Copyright Kanazawa Institute of Technology.;
    explanation : その他のモジュールを定義;
}
*/

/* contents
--------------------------------------------------------------------------

--------------------------------------------------------------------------
*/

/* [paragraphe] p
-----------------------------------------------    */
#bodyDivision  p {
    line-height:1.5;
}
.flatDesign #bodyDivision p {
    line-height: 1.9;
}
.responsive #bodyDivision p {
    line-height: 1.9;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision p {
        line-height: 1.7;
    }
}

/* [IMAGE] .borderImage
-----------------------------------------------    */
#bodyDivision .borderImage img {
    border: 1px solid #dddddd;
}

/* [IMAGE] .borderImage2
-----------------------------------------------    */
#bodyDivision .borderImage2 img {
    border: 1px solid #4c6e94;
}

/* [IMAGE] .borderImage3
-----------------------------------------------    */
#bodyDivision .borderImage3 {
    border: 1px solid #dddddd;
}

#bodyDivision .borderImage3 img {
	margin: 5px;
}

#bodyDivision .borderImage3Cap {
	margin-top: 5px;
}

/* [IMAGE] .borderImageLink
-----------------------------------------------    */
#bodyDivision .borderImageLink a {
	display: block;
}

#bodyDivision .borderImageLink a:link,
#bodyDivision .borderImageLink a:visited,
#bodyDivision .borderImageLink a:active {
    border: 1px solid #dddddd;
}

#bodyDivision .borderImageLink a:hover {
    border: 1px solid #4c6e94;
}

/* [ICON] link icons
-----------------------------------------------    */
.arrowR1 {
    padding: 0 0 0 13px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/arrow_right1.png");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
    line-height: 1.5;
}
.flatDesign #mainCompartment .arrowR1 {
    display: inline-block;
    padding: 0;
    background-image: none;
    font-weight: bold;
    line-height: 1.7;
    margin-bottom: 5px;
}
.flatDesign #mainCompartment .arrowR1:before {
    display: inline-block;
    margin-right: 7px;
    font-family: FontAwesome;
    content: '\f105';
    font-size: 16px;
    line-height: 1;
}
@media all and (-ms-high-contrast:none) {
    .flatDesign #mainCompartment .arrowR1:before {
        overflow-y: hidden;
        height: 14px;
        padding-left: 0.5px;
    }
}

.responsive #bodyDivision .arrowR1 {
    display: inline-block;
    padding: 0;
    background-image: none;
    font-weight: bold;
    line-height: 1.7;
}
.responsive #bodyDivision .arrowR1::before {
    display: inline-block;
    margin-right: 5px;
    font-family: FontAwesome;
    content: '\f105';
    font-size: 17px;
    line-height: 1;
}
@media all and (-ms-high-contrast:none) {
    .responsive #bodyDivision .arrowR1::before {
        overflow-y: hidden;
        height: 14px;
        padding-left: 0.5px;
    }
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .arrowR1::before {
        font-size: 14px;
        line-height: 1;
        font-weight: bold;
        margin-right: 6px;
    }
}

.responsive #bodyDivision .linkList.indent {
    margin-left: 15px;
}
.responsive #bodyDivision .linkList li {
    line-height: 2;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .linkList.indent {
        margin-left: 14px;
        margin-top: 2px;
        margin-bottom: 2px;
    }
    .responsive #bodyDivision .linkList.decorate-sp li {
        background-color: #efefef;
        border-radius: 5px;
        margin-top: 2px;
        line-height: 1;
    }
    .responsive #bodyDivision .linkList.decorate-sp li:first-child {
        margin-top: 0;
    }
    .responsive #bodyDivision .colum2-pc-tb .cell .linkList.decorate-sp li:first-child {
        margin-top: 2px;
    }
    .responsive #bodyDivision .colum2-pc-tb .cell:first-child .linkList.decorate-sp li:first-child {
        margin-top: 0;
    }
}
.responsive #bodyDivision .linkList li:first-child {
    margin-top: 0;
}
.responsive #bodyDivision .linkList li .arrowR1 {
    text-align: left;
    margin-bottom: 0;
    text-indent: -5px;
    padding-left: 11px;
    position: relative;
}
@media all and (-ms-high-contrast:none) {
    .responsive #bodyDivision .linkList li .arrowR1 {
        text-indent: 0;
    }
    .responsive #bodyDivision .linkList li .arrowR1::before {
        position: absolute;
        left: 0;
        top: 4px;
    }
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .linkList li .arrowR1 {
        text-align: left;
        margin-bottom: 0;
        text-indent: -4px;
        padding-left: 12px;
        padding-top: 6px;
        padding-bottom: 5px;
    }
    .responsive #bodyDivision .linkList.decorate-sp li .arrowR1 {
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 6px;
        display: block;
        line-height: 1.5;
    }
}
@media all and (max-width: 767px) and (-ms-high-contrast:none) {
    .responsive #bodyDivision .linkList li .arrowR1 {
        text-indent: 0;
    }
    .responsive #bodyDivision .linkList li .arrowR1::before {
        top: 8px;
    }
    .responsive #bodyDivision .linkList.decorate-sp li .arrowR1 {
        text-indent: 0;
    }
    .responsive #bodyDivision .linkList.decorate-sp li .arrowR1::before {
        position: absolute;
        left: 10px;
        top: 9px;
    }
}


.fs14 .arrowR1 {
    background-position: 0 0.2em;
}

#bodyDivision ul.plainWideList .arrowR1 {
    background-position: 0 0.3em;
}

.arrowR2 {
    padding: 0 0 0 13px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/arrow_right2.png");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
    line-height: 1.5;
}
.flatDesign #mainCompartment .arrowR2 {
    display: inline-block;
    padding: 0 0 0 13px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/arrow_right1_flat.png");
    background-repeat: no-repeat;
    background-position: 0 46%;
    font-weight: bold;
    line-height: 1.7;
    margin-bottom: 5px;
}

.fs14 .arrowR2 {
    background-position: 0 0.2em;
}


#bodyDivision ul.plainWideList .arrowR2 {
    background-position: 0 0.3em;
}

/* for IE7,8 */
#bodyDivision ul.plainWideList .arrowR2 {
    background-position/*\**/: 0 0.3em\9;
}

/* for IE6 */
#bodyDivision ul.plainWideList .arrowR2 {
    _background-position: 0 8px;
}

.arrowUP{
    padding: 0 0 0 13px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/arrow_up1.png");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
    line-height: 1.5;
}

/* for IE7,8 */
.arrowUP {
    background-position/*\**/: 0 0.1em\9;
}

/* for IE6 */
.arrowUP {
    _background-position: 0 5px;
}


.fs14 .arrowUP {
    background-position: 0 0.5em;
}

/* for IE7,8 */
.fs14 .arrowUP {
    background-position/*\**/: 0 0.2em\9;
}

/* for IE6 */
.fs14 .arrowUP {
    _background-position: 0 7px;
}

.arrowDown {
    padding: 0 0 0 13px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/arrow_down1.png");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
    line-height: 1.5;
}
.responsive .arrowDown {
    padding: 10px 20px;
    background-image: none;
    line-height: 1.7;
    font-weight: bold;
    font-size: 15px;
    color: #444444;
    text-decoration: none;
    display: block;
    border-radius: 5px;
    border: 1px solid #dddddd;
    background-color: #fff;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .responsive .arrowDown {
        padding: 8px 10px 7px;
        font-size: 14px;
        text-align: left;
    }
}
.responsive .arrowDown:hover {
    color: #9bc3c4;
}
.responsive .arrowDown::before {
    display: inline-block;
    content: "▼";
    font-size: 12px;
    line-height: 1;
    vertical-align: 1px;
    color: #9bc3c4;
    margin-right: 6px;
    margin-left: -10px;
}
@media screen and (max-width: 767px) {
    .responsive .arrowDown::before {
        font-size: 9px;
        margin-right: 5px;
        margin-left: 0;
    }
}

.fs14 .arrowDown {
    background-position: 0 0.3em;
}

.responsive #bodyDivision .linkList li .arrowDown {
    margin-bottom: 10px;
    text-align: left;
}
.responsive #bodyDivision .linkList li:last-child .arrowDown {
    margin-bottom: 0;
}




.arrowC1 {
    padding: 0 0 0 13px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/arrow_corner1.png");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
    line-height: 1.5;
}

.flatDesign #mainCompartment .arrowC1 {
    display: inline-block;
    padding: 0;
    background-image: none;
    font-weight: bold;
    line-height: 1.7;
    margin-bottom: 5px;
}

.flatDesign #mainCompartment .arrowC1:before {
    display: inline-block;
    margin-right: 7px;
    font-family: FontAwesome;
    content: '\f105';
    font-size: 16px;
    line-height: 1;
}

@media all and (-ms-high-contrast:none) { /* IE10,11 */
    .flatDesign #mainCompartment .arrowC1:before {
        overflow-y: hidden;
        height: 14px;
        padding-left: 0.5px;
    }
}


.fs14 .arrowC1 {
    background-position: 0 0.2em;
}


.arrowC2{
    padding: 0 0 0 13px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/arrow_corner2.png");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
    line-height: 1.5;
}

/* for IE7,8 */
.arrowC2 {
    background-position/*\**/: 0 0.1em\9;
}

/* for IE6 */
.arrowC2 {
    _background-position: 0 3px;
}

.fs14 .arrowC2 {
    background-position: 0 0.2em;
}

/* for IE7,8 */
.fs14 .arrowC2 {
    background-position/*\**/: 0 0.2em\9;
}

/* for IE6 */
.fs14 .arrowC2 {
    _background-position: 0 7px;
}

.arrowL1 {
    padding: 0 0 0 13px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/arrow_left1.png");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
    line-height: 1.5;
}

/* for IE7,8 */
.arrowL1 {
    background-position/*\**/: 0 0.1em\9;
}

/* for IE6 */
.arrowL1 {
    _background-position: 0 5px;
}


.fs14 .arrowL1 {
    background-position: 0 0.2em;
}

/* for IE7,8 */
.fs14 .arrowL1 {
    background-position/*\**/: 0 0.2em\9;
}

/* for IE6 */
.fs14 .arrowL1 {
    _background-position: 0 7px;
}


.externalLink {
    padding: 0;
    background-image: none;
    line-height: 1.7;
    font-weight: bold;
}
.externalLink:before {
    display: inline-block;
    margin-right: 4px;
    font-family: FontAwesome;
    content: '\f08e';
    line-height: 1;
    font-weight: normal;
    vertical-align: -1px;
}
@media all and (-ms-high-contrast:none) { /* IE10,11 */
    .externalLink:before {
        overflow-y: hidden;
        height: 13px;
        padding-left: 0.5px;
    }
}
@media screen and (max-width: 767px) {
    .externalLink:before {
        font-size: 13px;
        margin-right: 2px;
    }
}
@media screen and (max-width: 767px) and (-ms-high-contrast:none) {
    .externalLink:before {
        vertical-align: -3px;
    }
}

.flatDesign #mainCompartment .externalLink {
    display: inline-block;
    padding: 0;
    background-image: none;
    line-height: 1.7;
    font-weight: bold;
    margin-bottom: 5px;
}

.flatDesign #mainCompartment .externalLink:before {
    display: inline-block;
    margin-right: 4px;
    font-family: FontAwesome;
    content: '\f08e';
    font-size: 15px;
    line-height: 1;
    font-weight: normal;
    vertical-align: -1px;
}
@media all and (-ms-high-contrast:none) { /* IE10,11 */
    .flatDesign #mainCompartment .externalLink:before {
        overflow-y: hidden;
        height: 13px;
        padding-left: 0.5px;
    }
}

.responsive #mainCompartment .externalLink {
    display: inline-block;
    padding: 0;
    background-image: none;
    line-height: 1.7;
    font-weight: bold;
    word-break: break-all;
}
.responsive #mainCompartment .externalLink:before {
    display: inline-block;
    margin-right: 4px;
    font-family: FontAwesome;
    content: '\f08e';
    font-size: 15px;
    line-height: 1;
    font-weight: normal;
    vertical-align: -1px;
}
@media all and (-ms-high-contrast:none) { /* IE10,11 */
    .responsive #mainCompartment .externalLink:before {
        overflow-y: hidden;
        height: 13px;
        padding-left: 0.5px;
    }
}
@media screen and (max-width: 767px) {
    .responsive #mainCompartment .externalLink:before {
        font-size: 13px;
        margin-right: 2px;
    }
}
@media screen and (max-width: 767px) and (-ms-high-contrast:none) {
    .responsive #mainCompartment .externalLink:before {
        vertical-align: -3px;
    }
}
@media all and (-ms-high-contrast:none) { /* IE10,11 */
    .responsive .inquiryBox .externalLink:before {
        overflow-y: hidden;
        height: 17px;
        padding-left: 0.5px;
    }
}
@media screen and (max-width: 767px) and (-ms-high-contrast:none) {
    .responsive .inquiryBox .externalLink:before {
         vertical-align: -3px;
         height: 13px;
    }
}
.responsive #mainCompartment .linkList li .externalLink {
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    .responsive #mainCompartment .linkList li .externalLink {
        padding-top: 6px;
        padding-bottom: 5px;
    }
    .responsive #mainCompartment .linkList.decorate-sp li .externalLink {
        padding-left: 8px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 6px;
        display: block;
        line-height: 1.5;
        margin-left: 0;
    }
}

.flatDesign #mainCompartment .externalLink2 {
    display: block;
    padding: 0 0 0 19px;
    line-height: 1.7;
    font-weight: bold;
    margin-bottom: 5px;
    text-indent: -19px;
}

.flatDesign #mainCompartment .externalLink2:before {
    display: inline-block;
    font-family: FontAwesome;
    content: '\f08e';
    font-size: 15px;
    line-height: 1;
    font-weight: normal;
    padding-right: 4px;
    vertical-align: middle;
    text-indent: 0;
}

@media all and (-ms-high-contrast:none) { /* IE10,11 */
    .flatDesign #mainCompartment .externalLink2:before {
        padding-left: 0.5px; 
        overflow-y: hidden;
        height: 13.5px;
    }
}

/*
@-webkit-keyframes pulse {
    from {
        background-color: red;
    }
    to {
        background-color: transparent;
    }
}
.flatDesign .unknownLink {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
}
*/


/* [FORM] 
-----------------------------------------------    */
.tipped {
    color: #999999;
}

.required {
    color: #de690c;
}




/* [POSITION] 
-----------------------------------------------    */
.floatL {
    float: left;
}

.floatR {
    float: right;
}

/* [DISPLAY] 
-----------------------------------------------    */
.block {
    display: block;
}


/* [TEXT] ALIGN
-----------------------------------------------    */
.alignR {
    text-align: right;
}

.alignC {
    text-align: center;
}

.alignL {
    text-align: left;
}


/* [TEXT] NOWRAP
-----------------------------------------------    */
.nowrap {
    display: inline-block;
    white-space: nowrap;
}


/* [BUTTON] print
-----------------------------------------------    */
p.btnPrint a {
    display: block;
    width: 36px;/* 72px */
    height: 17px;/* 19px */
    padding: 2px 5px 0 31px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/button/btn_bg_print.gif");
    background-repeat: no-repeat;
    background-position: left top;
    line-height: 17px;
}

p.btnPrint a:hover {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/button/btn_bg_print_on.gif");
    background-repeat: no-repeat;
    background-position: left top;
    text-decoration: none;
}

/* [LINE] dotline
-----------------------------------------------    */
div.dotline {
    height: 1px;
    overflow: hidden;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/dotline_w1.gif");
    background-repeat: repeat-x;
    background-position: left top;
}

/* [LINE] doubleline
-----------------------------------------------    */
div.doubleline {
    height: 2px;
    overflow: hidden;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/doubleline_w1.gif");
    background-repeat: repeat-x;
    background-position: bottom;
}


/* [FONT STYLE] style
-----------------------------------------------    */
#bodyDivision strong {
    font-weight: bold;
}


/* [icon] icon
-----------------------------------------------    */
#bodyDivision span.icon {
    margin-left: 3px;
}


/* thickbox
-----------------------------------------------    */
#thickboxDivision {
	margin-left: 10px;
	padding-bottom: 10px;
}



/* goSmartHolder
-----------------------------------------------    */
#goSmartHolder {
    display: none;
    border-bottom: 1px solid #dddddd;
    padding: 20px 0;
}
#goSmartHolder p.btn {
    text-align: center;
}


/* hover opacity
-----------------------------------------------    */
.onHoverOpacity:hover {
    opacity: 0.9;
}