@charset "Shift-JIS";

/*
information{
    file name : /css/styles/basedesign.css;
    site name : 金沢工業大学ホームページ;
    copyrihgt : Copyright Kanazawa Institute of Technology.;
    explanation : ベースとなるデザインを定義;
}
*/

/* contents
--------------------------------------------------------------------------
 1. [flame] HTML
 2. [flame] BODY
 3. [flame] div.bodyWhole
 4. [flame] div.headSection
 5. [flame] div.bodySection
 6. [flame] div.footSection
 7. [flame | headSection] div.headTitleCompartment
 8. [flame | headSection] div.grovalnaviCompartment
 9. [flame | footSection] div.pagenaviCompartment
10. [flame | footSection] div.footInfoCompartment
11. [flame | footSection] div.footCopyrightCompartment
--------------------------------------------------------------------------
*/

/* 0. [FONT] font-face
-----------------------------------------------    */
@font-face {
    font-family: "Custom Hiragino Gothic";
    src: local("HiraginoSans-W2");
    font-weight: 300;
}
@font-face {
    font-family: "Custom Hiragino Gothic";
    src: local("HiraginoSans-W3");
    font-weight: 500;
}
@font-face {
    font-family: "Custom Hiragino Gothic";
    src: local("HiraginoSans-W6");
    font-weight: bold;
}

@font-face {
    font-family: "Custom Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 300;
}
@font-face {
    font-family: "Custom Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 500;
}
@font-face {
    font-family: "Custom Yu Gothic";
    src: local("Yu Gothic");
    font-weight: bold;
}


/* 1. [flame] HTML
-----------------------------------------------    */
html {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

html * {
    max-height: 1000000px;  /* for Android zoom */
}

/* 2. [flame] BODY
-----------------------------------------------    */
body {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: 75%;
    line-height: 1.231;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Custom Hiragino Gothic','ＭＳ Ｐゴシック',Osaka,sans-serif;
    text-align:justify;
    text-justify:inter-ideograph;
    -webkit-text-size-adjust: 100%; /* for iOS zoom */
}

/* 3. [flame] #headDivision
-----------------------------------------------    */
#headDivision {
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/main_bg.gif");
    background-repeat: repeat-x;
    background-position: top;
}

/* 3. [flame] #bodyDivision
-----------------------------------------------    */
#bodyDivision {
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/main_bg.gif");
    background-repeat: repeat-x;
    background-position: bottom;
}

/* 3. [flame] #footDivision
-----------------------------------------------    */
#footDivision {
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/footer.gif");
    background-repeat: repeat-x;
    background-position: top;
}

/* 3. [flame] div.whole
-----------------------------------------------    */
div.whole {
    width: 950px;
    min-height: 1px;
    margin: 0 auto;
}

div.whole:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html div.whole {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

/* 3. [flame |#headDivision] #headNaviSection
-----------------------------------------------    */
#headNaviSection {
    min-height: 1px;
    padding: 0 0 10px 0;
}

#headNaviSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #headNaviSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#siteID {
    float: left;
}

#headNaviSection ul {
    float: right;
    width: 456px;
    min-height: 1px;
}

#headNaviSection ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #headNaviSection ul {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#headNaviSection ul li {
    float: left;
}


/* 3. [flame |#headDivision] #headMiscSection
-----------------------------------------------    */
#headMiscSection {
    margin: 0 0 9px 0;
    min-height: 21px;
    position: relative;
}

#headMiscSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #headMiscSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#headMiscSection ul {
    float: left;
}

#headMiscSection ul li {
    float: left;
    margin: 2px 15px 0 0;
    line-height: 1.1;
}

#headMiscSection div.icons {
    width: 131px;
    position: absolute;
    top: -3px;
    right: 190px;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/icons_bg1.gif");
    background-repeat: no-repeat;
    background-position: left 2px;
}

#headMiscSection div.icons ul {
    float: right;
}

#headMiscSection div.icons ul li {
    float: left;
    margin: 0;
    padding: 0 7px 0 6px;
    line-height: 1.0;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/icons_bg2.gif");
    background-repeat: no-repeat;
    background-position: right 2px;
}

#headMiscSection div.search {
    position: absolute;
    top: 0px;
    right: 0px;

}

#headMiscSection div.search span.inputText {
    display: block;
    float: left;
    width: 148px;
    margin: 0 6px 0 0 ;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/search_bg2.gif");
    background-repeat: repeat-y;
    background-position: left;
}

#headMiscSection div.search span.inputText span.inner {
    display: block;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/search_bg1.gif");
    background-repeat: no-repeat;
    background-position: top left;
}

#headMiscSection div.search span.inputText span.innerInner {
    display: block;
    padding: 3px 9px;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/search_bg3.gif");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: transparent;
}

#headMiscSection div.search span.inputText input {
    width: 130px;
    min-height: 15px;
    border: 0 !important;
    padding: 0 !important;
    background-position: 0 0 !important;
    outline: 0;
}


/* 3. [flame |#headDivision] #globalNaviSection
-----------------------------------------------    */
#globalNaviSection {
    min-height: 1px;
    margin: 0 0 15px 0;
}

#globalNaviSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #globalNaviSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#globalNaviSection ul li {
    float: left;
}

/* 3. [flame |#bodyDivision] #sideCompartment
-----------------------------------------------    */
#sideCompartment {
    float: left;
    width: 178px;
    min-height: 1px;
}

#sideCompartment:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #sideCompartment {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}


/* 3. [flame |#bodyDivision] #mainCompartment
-----------------------------------------------    */
#mainCompartment {
    float: right;
    width: 742px;
    min-height: 1px;
    margin: 0 0 15px 0;
}
.flatDesign #mainCompartment {
    margin: 0 0 50px 0;
}

#mainCompartment:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #mainCompartment {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}




/* 3. [flame |#bodyDivision] #pageUpCompartment
-----------------------------------------------    */
#pageUpCompartment {
    clear: both;
    margin: 0 0 30px 0;
	zoom: 1;
}



/* 3. [flame |#footDivision] #footInfoSection
-----------------------------------------------    */
#footInfoSection {
    height: 49px;
    min-height: 1px;
    overflow: hidden;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    
    _overflow: visible;
}

#footInfoSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #footInfoSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#footInfoSection dl {
    min-height: 1px;
    float: left;
    padding: 9px 0 0 13px;
}

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

* html #footInfoSection dl {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#footInfoSection dl dt {
    float: left;
    padding: 9px 16px 0 0;
}

#footInfoSection dl dt a.arrowR1 {
    background-position: 0 0.15em;
    line-height: 1.1;
}

/* for IE7,8 */
#footInfoSection dl dt a.arrowR1 {
    background-position/*\**/: 0 0.1em\9;
}

/* for IE6 */
#footInfoSection dl dt a.arrowR1 {
    _background-position: 0 5px;
}

#footInfoSection dl dd {
    float: left;
    padding: 9px 0 9px 15px;
    background-image: url("http://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/dotline_h1.gif");
    background-repeat: repeat-y;
    background-position: left;
    line-height: 1.1;
}

#footInfoSection ul {
    min-height: 1px;
    float: right;
}

#footInfoSection ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #footInfoSection ul {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#footInfoSection ul li {
    float:left;
    padding: 18px 14px 18px 12px;
    border-left: 1px solid #dddddd;
    
    _padding: 18px 14px 13px 12px;
}

#footInfoSection ul li a.arrowR1 {
    background-position: 0 0.15em;
    line-height: 1.1;
}

/* for IE7,8 */
#footInfoSection ul li a.arrowR1 {
    background-position/*\**/: 0 0.1em\9;
}

/* for IE6 */
#footInfoSection ul li a.arrowR1 {
    _background-position: 0 5px;
}



/* 3. [flame |#footDivision] #footMiscSection
-----------------------------------------------    */
#footMiscSection {
    height: 60px;
    overflow: hidden;
    padding: 0 0 24px 0;
    
    _overflow: visible;
}

#footMiscSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #footMiscSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#footMiscSection p {
    float: left;
}

#footMiscSection ul {
    float: right;
    min-height: 1px;
}

#footMiscSection ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #footMiscSection ul {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#footMiscSection ul li {
    float: left;
}

#footMiscSection ul li.juaa {
    margin: 0 0 0 11px;
}

#footMiscSection ul li.jihee {
    margin: 0 0 0 11px;
}



/* 3. [flame |#footDivision] #copyrightSection
-----------------------------------------------    */
#copyrightSection {
    min-height: 1px;
    margin: 0 0 25px 0;
}

#copyrightSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #copyrightSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#copyrightSection p {
    float: left;
}

#copyrightSection p span.characterK {
    color: #004e89;
}

#copyrightSection p span.characterI {
    color: #d83846;
}

#copyrightSection p span.characterT {
    color: #008368;
}





#copyrightSection address {
    float: right;
}

/* 3. [LINK] a
-----------------------------------------------    */
a {
    outline: 0;
    color: #4c6e94;
    text-decoration: none;
}

a:link {
    color: #4c6e94;
    text-decoration: none;
}

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


/* 4. sup
-----------------------------------------------    */
.flatDesign sup {
    display: inline-block;
    font-size: 8px;
    vertical-align: top;
}


/* 5. figure
-----------------------------------------------    */
.flatDesign figure img.border {
    border: 1px solid #dddddd;
}

.flatDesign figure figcaption {
    font-size: 13px;
    line-height: 1.7;
    margin-top: 10px;
}