@charset "Shift-JIS";

/*
information{
    file name : /css/styles/modules/list.css;
    site name : 金沢工業大学ホームページ;
    copyrihgt : Copyright Kanazawa Institute of Technology.;
    explanation : リストのモジュールを定義;
}
*/

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

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


/* [DL] dl.plainList
-----------------------------------------------    */
#bodyDivision dl.plainList dt {
    margin: 0 0 5px 0;
    line-height:1.5;
}

#bodyDivision dl.plainList dd {
    margin: 0 0 1px 0;
    line-height:1.5;
}

/* [DL] dl.normalList
-----------------------------------------------    */
#bodyDivision dl.normalList dt {
    margin: 0 0 5px 0;
    font-weight: bold;
    line-height: 1.428;
}

#bodyDivision dl.normalList dd {
    margin: 0 0 1px 0;
    line-height: 1.428;
}



/* [DL] dl.squareList
-----------------------------------------------    */
#bodyDivision dl.squareList dt {
    margin: 0 0 5px 0;
    padding: 0 0 0 13px;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/list_square.gif");
    background-repeat: no-repeat;
    background-position: 0.1em 0.5em;
    font-weight: bold;
    line-height: 1.428;
}

#bodyDivision dl.squareList dd {
    margin: 0 0 1px 0;
    line-height: 1.428;
}


/* [DL] dl.numberList
-----------------------------------------------    */
.flatDesign #bodyDivision .numberLists dl.numberList {
    margin-bottom: 15px;
}

.flatDesign #bodyDivision .numberLists dl.numberList:last-child {
    margin-bottom: 0;
}

#bodyDivision dl.numberList dt {
    margin: 0 0 5px 0;
    font-weight: bold;
    line-height: 1.428;
    color: #1c6a79;
}
.flatDesign #bodyDivision dl.numberList dt {
    color: #333333;
    font-size: 16px;
    line-height: 1.6;
    margin: 5px 0 1px 0;
}

.flatDesign #bodyDivision dl.numberList dt:before {
    display: inline-block;
    content: "";
    font-size: 0;
    line-height: 1;
    height: 12px;
    width: 12px;
    vertical-align: baseline;
    background-color: #000;
    margin-right: 6px;
}

.flatDesign #bodyDivision .kogakuMainCompartment dl.numberList dt:before {
    background-color: #84b0bb;
}
.flatDesign #bodyDivision .kenchikuMainCompartment dl.numberList dt:before {
    background-color: #9fb387;
}
.flatDesign #bodyDivision .kenchikuKenchikuManabiMainCompartment dl.numberList dt:before {
    background-color: #9fb387;
}
.flatDesign #bodyDivision .frontierMainCompartment dl.numberList dt:before {
    background-color: #c16d71;
}
.flatDesign #bodyDivision .bioKagakuMainCompartment dl.numberList dt:before {
    background-color: #6b7ea8;
}

.flatDesign #bodyDivision dl.numberList dt.kenchikuKenchikuDesignDefTitle:before {
    background-color: #cc7c9d;
}
.flatDesign #bodyDivision dl.numberList dt.kenchikuKenchikuEngineeringDefTitle:before {
    background-color: #7cccc4;
}
.flatDesign #bodyDivision dl.numberList dt.kogakuDenkiDenkiDefTitle:before {
    background-color: #5fbec5;
}
.flatDesign #bodyDivision dl.numberList dt.kogakuDenkiDenshiDefTitle:before {
    background-color: #c4aa5f;
}

#bodyDivision dl.numberList dd {
    min-height: 1px;
    margin: 0 0 1px 0;
    line-height:1.428;
}
#bodyDivision dl.numberList dd {
    font-size: 14px;
    line-height: 1.9;
}

#bodyDivision dl.numberList dd:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


/* [DL] dl.indentList
-----------------------------------------------    */
.flatDesign #bodyDivision dl.indentList > dt {
    color: #333333;
    font-size: 16px;
    line-height: 1.6;
    margin: 5px 0 0 0;
    font-weight: bold;
}

.flatDesign #bodyDivision dl.indentList > dt:before {
    display: inline-block;
    content: "";
    font-size: 0;
    line-height: 1;
    height: 12px;
    width: 12px;
    vertical-align: baseline;
    background-color: #9bc3c4;
    margin-right: 6px;
}
.flatDesign #bodyDivision .kenchikuMainCompartment.kenchikuKenchikuManabiCompartment dl.indentList > dt:before {
    background-color: #9fb387;
}
.flatDesign #bodyDivision .kogakuMainCompartment dl.indentList > dt:before {
    background-color: #84b0bb;
}
.flatDesign #bodyDivision .kogakuMainCompartment dl.indentList > dt.kogakuDenkiDenkiDefTitle {
    color: #5fbec5;
}
.flatDesign #bodyDivision .kogakuMainCompartment dl.indentList > dt.kogakuDenkiDenkiDefTitle:before {
    background-color: #5fbec5;
}
.flatDesign #bodyDivision .kogakuMainCompartment dl.indentList > dt.kogakuDenkiDenshiDefTitle {
    color: #c4aa5f;
}
.flatDesign #bodyDivision .kogakuMainCompartment dl.indentList > dt.kogakuDenkiDenshiDefTitle:before {
    background-color: #c4aa5f;
}


.flatDesign #bodyDivision dl.indentList > dd {
    margin: 5px 0 0 18px;
}

.flatDesign #bodyDivision dl.indentList > dd > dl.normalDefList {
    margin-bottom: 12px;
}

.flatDesign #bodyDivision dl.indentList > dd > dl.normalDefList > dt {
    font-weight: bold;
    line-height: 1.9;
    font-size: 15px;
}

.flatDesign #bodyDivision dl.indentList > dd > dl.normalDefList > dd {
    line-height: 1.9;
}


/* [DL] .circleDefList
-----------------------------------------------    */
.flatDesign #bodyDivision .circleDefList > dl {
    margin-bottom: 22px;
}

.flatDesign #bodyDivision .circleDefList > dl:last-child {
    margin-bottom: 0;
}

.flatDesign #bodyDivision .circleDefList > dl > dt {
    color: #333333;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.flatDesign #bodyDivision .circleDefList > dl > dt:before {
    display: inline-block;
    content: "";
    font-size: 0;
    line-height: 1;
    height: 12px;
    width: 12px;
    vertical-align: baseline;
    background-color: #9bc3c4;
    margin-right: 6px;
}
.flatDesign #bodyDivision .kenchikuKenchikuManabiMainCompartment .circleDefList > dl > dt:before {
    background-color: #9fb387;
}
.flatDesign #bodyDivision .kenchikuKenchikuDesignMainCompartment .circleDefList > dl > dt:before {
    background-color: #cc7c9d;
}
.flatDesign #bodyDivision .kenchikuKenchikuEngineeringMainCompartment .circleDefList > dl > dt:before {
    background-color: #7cccc4;
}
.flatDesign #bodyDivision .kogakuMainCompartment .circleDefList > dl > dt:before {
    background-color: #84b0bb;
}
.flatDesign #bodyDivision .circleDefList > dl > dt.kenchikuKenchikuDesignDefTitle {
    color: #cc7c9d;
}
.flatDesign #bodyDivision .circleDefList > dl > dt.kenchikuKenchikuDesignDefTitle:before {
    background-color: #cc7c9d;
}
.flatDesign #bodyDivision .circleDefList > dl > dt.kenchikuKenchikuEngineeringDefTitle {
    color: #7cccc4;
}
.flatDesign #bodyDivision .circleDefList > dl > dt.kenchikuKenchikuEngineeringDefTitle:before {
    background-color: #7cccc4;
}

.flatDesign #bodyDivision .circleDefList > dl > dd {
    line-height: 1.7;
    margin-bottom: 5px;
    text-indent: -1em;
    padding-left: 1em;
}

.flatDesign #bodyDivision .circleDefList > dl > dd:before {
    display: inline-block;
    margin-right: 10px;
    content: '';
    font-size: 0;
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    vertical-align: 2px;
    background-color: #333333;
}


/* [UL] .circleList
-----------------------------------------------    */
.flatDesign #bodyDivision .circleList > ul {
    margin-bottom: 22px;
    font-size: 14px;
}

.flatDesign #bodyDivision .circleList > ul:last-child {
    margin-bottom: 0;
}

.flatDesign #bodyDivision .circleList > ul > li {
    line-height: 1.7;
    margin-bottom: 5px;
    text-indent: -1em;
    padding-left: 1em;
}

.flatDesign #bodyDivision .circleList > ul > li:before {
    display: inline-block;
    margin-right: 10px;
    content: '';
    font-size: 0;
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    vertical-align: 2px;
    background-color: #333333;
}


/* [DL] dl.barList
-----------------------------------------------    */
#bodyDivision dl.barList dt {
    margin: 0 0 15px 0;
    padding: 1px 0 1px 10px;
    border-left: 6px solid #1c6a79;
    font-weight: bold;
    line-height: 1.428;
    color: #146979;
}

#bodyDivision dl.barList dd {
    min-height: 1px;
    margin: 0 0 1px 0;
    line-height: 1.428;
}

#bodyDivision dl.barList dd:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #bodyDivision dl.barList dd {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}


/* [DL] dl.barDef
-----------------------------------------------    */
#bodyDivision dl.barDef dt {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dddddd;
    font-weight: bold;
}


/* [DL] dl.boxDef
-----------------------------------------------    */
#bodyDivision dl.boxDef {
    border: 1px solid #dddddd;
}

#bodyDivision dl.boxDef dt {
    padding: 8px;
    border: 1px solid #ffffff;
    background-color: #dbe2e9;
    text-align: center;
    font-weight: bold;
    line-height: 1.1;
}

#bodyDivision dl.boxDef dd {
    border-top: 1px solid #dddddd;
    padding: 15px;
    line-height: 1.428;
}



/* [DL] dl.photoDef
-----------------------------------------------    */
#bodyDivision dl.photoDef dt {
    margin-bottom: 13px;
}

#bodyDivision dl.photoDef dd {
    color: #666666;
    line-height: 1.428;
}





/* [DL] dl.circleYellowDef
-----------------------------------------------    */
#bodyDivision dl.circleYellowDef dt {
    margin: 0 0 10px 0;
    padding: 5px 7px;
    border: 1px solid #dddddd;
    border-top: 2px solid #1c6a79;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/box_foot.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    font-weight: bold;
    line-height: 1.428;
    color: #146979;
}

#bodyDivision dl.circleYellowDef dt span {
    display: block;
    padding: 0 0 0 19px;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/circle_yellow.gif");
    background-repeat: no-repeat;
    background-position: 0 0.3em;
}





/* [UL] ul.plainList
-----------------------------------------------    */
#bodyDivision ul.plainList li {
    padding: 0;
    line-height: 1.428;
}

.flatDesign #bodyDivision #mainCompartment ul.plainList li {
    line-height: 1.9;
    margin-bottom: 2px;
}

.flatDesign #bodyDivision #mainCompartment ul.plainList li a.arrowR1,
.flatDesign #bodyDivision #mainCompartment ul.plainList li a.externalLink {
    margin-bottom: 2px;
}

.flatDesign #bodyDivision #mainCompartment ul.plainList li font {
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;;
}

#bodyDivision div.box div.colum3 div.cell ul.plainList li {
    line-height: 1.7;
}

/* [UL] ul.plainWideList
-----------------------------------------------    */
#bodyDivision ul.plainWideList li {
    padding: 0;
    line-height: 1.714;
}

#bodyDivision ul.plainWideList li a.externalLink {
    margin: 2px 0;
}


/* [UL] ul.markList
-----------------------------------------------    */
#bodyDivision ul.markList {
    margin-left: 1.2em;
}

#bodyDivision ul.markList li {
    padding: 2px 0;
    line-height: 1.428;
    text-indent: -1.2em;
}

#bodyDivision ul.markList li span.mark {
    margin-right: 0.2em;
}

/* [UL] ul.inlineList
-----------------------------------------------    */
#bodyDivision ul.inlineList li {
    display: inline;
    margin: 0 1em 0 0;
    line-height: 1.428;
    white-space: nowrap;
    
    _white-space: normal;
}

.flatDesign #bodyDivision ul.inlineList {
    overflow: hidden;
}
.flatDesign #bodyDivision ul.inlineList li {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    line-height: 1;
    background-color: #eeeeee;
    border-radius: 5px;
    padding: 8px 14px;
}


/* [UL] ul.pagenaviList
-----------------------------------------------    */
#bodyDivision ul.pagenaviList li {
    display: inline;
    margin: 0 35px 0 0;
    font-weight: bold;
}

/* [UL] ul.pagenaviList2
-----------------------------------------------    */
#bodyDivision ul.pagenaviList2 li a.arrowDown {
    display: block;
	background-position: 0 0.5em;
}

/* [UL] ul.policyList
-----------------------------------------------    */
#bodyDivision ul.policyList {
    margin-left: 1.2em;
}

#bodyDivision ul.policyList li {
    padding: 5px 0;
    line-height: 1.428;
    text-indent: -1.2em;
}

/* [UL] ul.squareList
-----------------------------------------------    */
#bodyDivision ul.squareList {
    font-size: 117%;
}

#bodyDivision ul.squareList li {
    line-height: 1.5;
    padding-left: 12px;
    margin-bottom: 8px;
    position: relative;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/list_square2.gif");
    background-repeat: no-repeat;
    background-position: 0 7px;
}


/* [UL] ul.linkList
-----------------------------------------------    */
.flatDesign #bodyDivision ul.linkList {
    font-size: 14px;
}

.flatDesign #bodyDivision ul.linkList li.underSeparater {
    padding-bottom: 3px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 11px;
}

.flatDesign #bodyDivision ul.linkList li.spacer {
    height: 1.7em;
    margin-bottom: 5px;
}


/* [UL] ul.squareTitleLinkList
-----------------------------------------------    */
.flatDesign #bodyDivision dl.squareTitleLinkList {
    font-size: 14px;
}

.flatDesign #bodyDivision dl.squareTitleLinkList > dt {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 1.5;
}

.flatDesign #bodyDivision dl.squareTitleLinkList > dt:before {
    display: inline-block;
    margin-right: 5px;
    font-family: FontAwesome;
    content: '\f0c8';
    font-size: 50%;
    vertical-align: 1px;
}


/* .bandBarList
-----------------------------------------------    */
.flatDesign #bodyDivision .bandBarList {
    font-size: 14px;
}

.flatDesign #bodyDivision .bandBarList > .column2 {
    overflow: hidden;
    margin: 0 0 25px -30px;
}

.flatDesign #bodyDivision .bandBarList > .column2:last-child {
    overflow: hidden;
    margin-bottom: 2px;
}

.flatDesign #bodyDivision .bandBarList > .column2 > dl {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
}

.flatDesign #bodyDivision .bandBarList dl > dt {
    border-left: 5px solid #000;
    background-color: #eeeeee;
    padding: 6px 20px 4px 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}

.flatDesign #bodyDivision .kenchikuMainCompartment.kenchikuKenchikuManabiCompartment .bandBarList dl > dt {
    border-left-color: #9fb387;
}

.flatDesign #bodyDivision .bandBarList dl > dd {
    font-size: 14px;
    line-height: 1.9;
    margin-top: 10px;
    min-height: 79.8px;
}