/*　サイト全体共通　CSS　*/

/* =====目次==================

作成日　　：2007年08月07日
最終更新日：2009年03月10日


※ここでは全共通項目について設定。


1.基本レイアウト（テキストなど、レイアウトに関係ないものは以下の項目にて設定）

1-1.共通項目（ヘッダー＋フッター部分：該当リンクに関してもココで設定）

1-2.共通項目（全体の共通事項）

1-3.共通項目（リンク関係事項）


2.サイトメニュー部分

3.2ndメニュー部分

4.3rdメニュー部分

5.本文部分

============================== */

/* ===========================
　■1.基本レイアウト
============================== */
*{ /*　各ブラウザのデフォルトCSSのリセット　*/
margin: 0 0;
padding: 0 0;
}

body {
margin: 0 0;
padding: 0 0;
}

#layout {
margin: 0 0;
padding: 0 0;
max-width: 1200px; /*　1,280*1,024に合わせて設定：全ページにおいて数値固定　*/
}

*html #layout {
width: 1280px;
}

*:first-child+html #layout {
width: 1200px;
}


#container {
margin: 0 30px;
padding: 0 0;
max-width: 1140px; /*　「#layout」に合わせて設定：全ページにおいて数値固定　*/
height: 500px;
}

*html #container {
width: 1220px;
}

*:first-child+html #container {
width: 1140px;
}


#sitemenu {
margin: 0 0;
padding: 0 0;
width: 180px; /*　全ページにおいて数値固定　*/
height: 500px;
float: left;
}

.second {
margin: 0 0;
padding: 0 0;
width: 180px; /*　全ページにおいて数値固定：ない場合は「.contents」の幅を変更（basic_2nd.css）　*/
height: 500px;
float: left;
}

.third {
margin: 0 0;
padding: 0 0;
background-color: #9966CC;
width: 120px; /*　全ページにおいて数値固定：ない場合は「.contents」の幅を変更（basic_3rd.css）　*/
height: 500px;
float:left;
}

/*　位置設定「left」：「.second」「.third」の有無により設定変更：状況に応じて位置を変更（basic_2nd.css or basic_3rd.css or basic_all）　*/
/*　幅設定「max-width」：「.second」「.third」の有無により設定変更：状況に応じて幅を変更（basic_2nd.css or basic_3rd.css or basic_all）　*/
.contents {
margin: 0 0;
padding: 0 0;
position: absolute;
height: 498px;
overflow: auto;
}

*html .contents {
margin: -3px 0 0;
}

*:first-child+html .contents {
margin: -3px 0 0;
}



/* ===========================
　■1-1.共通項目（ヘッダー＋フッター部分：該当リンクに関してもココで設定）
============================== */
/*　上部：米子高専名　*/
#header {
margin: 0 30px;
padding: 0 0;
text-align: right;
font-size: 10px;
}

#header strong {
font-size: 14px;
}

#header a {
text-decoration: none;
}

/*　下部：サイトメニュー、コピーライト、お問い合せ先　*/
#footer {
margin: 5px 30px;
padding: 0 0;
}

#footer a {
color: #322c28; /*　くろつるばみ　*/
text-decoration: none;
}

#footer a:hover {
font-size: 120%;
color: #ffffff;
background-color: #006600; /*　基本色：まだ未定　*/
}


#f_sitemenu {
margin: 0 0;
padding: 0 0;
text-align: right;
font-size: 12px;
}


#footer address {
margin: 0 0;
padding: 0 0;
font-style: normal;
font-weight: bolder;
letter-spacing: 0.3em;
font-size: 12px;
}

#footer address strong {
color: #006600; /*　基本色：まだ未定　*/
}


#f_contact {
margin: 0 0;
padding: 0 0;
font-size: 10px;
}



/* ===========================
　■1-2.共通項目（全体の共通事項）
============================== */
body {
font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "Arial","sans-serif";
letter-spacing: 0.15em;
line-height: 150%;
color: #322c28; /*　くろつるばみ　*/
}

*html body {
font-size: 90%;
}

*:first-child+html body {
font-size: 90%;
}



/* ===========================
　■2.サイトメニュー部分
============================== */
#sitemenu {
letter-spacing: 0.2em;
font-size: 14px;
background-image: url(../common_img/sitemenu/sm_bg.jpg);
background-position: top left;
background-repeat: no-repeat;
}

*html #sitemenu {
line-height: 120%;
}

*:first-child+html #sitemenu {
line-height: 120%;
}


.sm {
margin: 0 0 15px 15px;
padding: 0 0;
}

.sm a {
padding: 8px 0 0 35px;
display: block;
height: 25px;
color: #322c28; /*　くろつるばみ　*/
text-decoration: none;
background-position: center left;
background-repeat: no-repeat;
}

.sm a:hover {
font-weight: bolder;
background-position: center left;
background-repeat: no-repeat;
}

/*　位置合わせ　*/
#sm_home {
margin-top: 60px;
}

#sm_whats_new {

}

#sm_dousoukai {

}

#sm_ynct {

}


/*　pochi　*/
#sm_home a {
background-image: url(../common_img/sitemenu/pochi/00.jpg);
}

#sm_home a:hover {
color: #005d00;
background-image: url(../common_img/sitemenu/pochi/h_00.jpg);
}


#sm_introduction a {
background-image: url(../common_img/sitemenu/pochi/01.jpg);
}

#sm_introduction a:hover {
color: #007800;
background-image: url(../common_img/sitemenu/pochi/h_01.jpg);
}


#sm_education_organization a {
background-image: url(../common_img/sitemenu/pochi/02.jpg);
}

#sm_education_organization a:hover {
color: #2a9300;
background-image: url(../common_img/sitemenu/pochi/h_02.jpg);
}


#sm_student_works a {
background-image: url(../common_img/sitemenu/pochi/03.jpg);
}

#sm_student_works a:hover {
color: #54ae00;
background-image: url(../common_img/sitemenu/pochi/h_03.jpg);
}

#sm_act a {
background-image: url(../common_img/sitemenu/pochi/03.jpg);
}

#sm_act a:hover {
color: #54ae00;
background-image: url(../common_img/sitemenu/pochi/h_03.jpg);
}


#sm_contact a {
background-image: url(../common_img/sitemenu/pochi/04.jpg);
}

#sm_contact a:hover {
color: #7ec900;
background-image: url(../common_img/sitemenu/pochi/h_04.jpg);
}


#sm_dousoukai a {
background-image: url(../common_img/sitemenu/pochi/05.jpg);
}

#sm_dousoukai a:hover {
color: #a8e400;
background-image: url(../common_img/sitemenu/pochi/h_05.jpg);
}


#sm_ynct a {
background-image: url(../common_img/sitemenu/pochi/06.jpg);
}

#sm_ynct a:hover {
color: #d2ff00;
background-image: url(../common_img/sitemenu/pochi/h_06.jpg);
}



/* ===========================
　■3.2ndメニュー部分
============================== */
.second {
letter-spacing: 0.2em;
font-size: 12px;
background-position: top left;
background-repeat: no-repeat;
}

.second a {
color: #322c28; /*　くろつるばみ　*/
text-decoration: none;
}


.second ul {
margin: 60px 0 0 25px;
padding: 0 0;
list-style-type: none;
}

.second li {
margin: 0 0;
padding: 0 0;
}

*html .second li {
line-height: 120%;
}

*:first-child+html .second li {
line-height: 120%;
}


/*　pochi　*/
.i_sec a {
padding: 18px 0 0 20px;
display: block;
height: 36px;
background-position: center left;
background-repeat: no-repeat;
}

*html .i_sec a {
padding: 20px 0 0 20px;
height: 34px;
}

*:first-child+html .i_sec a {
padding: 20px 0 0 20px;
height: 34px;
}


.i_sec a:hover {
font-weight: bolder;
background-position: center left;
background-repeat: no-repeat;
}


/*　新着情報　*/
#whatsnew {
margin: 30px 15px 0;
padding: 0 0;
height: 180px;
overflow: auto;
}

#2nd_wn {
font-size: 10px;
letter-spacing: 1.5em;
text-align: center;
}

#whatsnew dl {
margin: 0.5em 0 0;
padding: 0 0;
font-size: 10px;
}

*html #whatsnew dl {
font-size: 9px;
}

*:first-child+html #whatsnew dl {
font-size: 9px;
}


#whatsnew dt {
margin: 0 0 0 1em;
padding: 0 0;
font-style:italic;
}

#whatsnew dd {
margin: 0 0 1em 1.5em;
padding: 0 0;
line-height: 1.2;
}

#whatsnew .wn_to {
margin-top: 0.5em;
text-align: right;
font-size: 9px;
}



/* ===========================
　■4.3rdメニュー部分
============================== */
.third {
letter-spacing: 0.2em;
font-size: 12px;
background-position: top left;
background-repeat: no-repeat;
}



/* ===========================
　■5.本文部分（ページに依存する、各種「container」の設定は、該当するCSSで設定）
============================== */
.contents {
background-image: url(../common_img/cts_bg.jpg);
background-position: top left;
background-repeat: repeat-y;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}


.container {
margin: 45px 45px 15px 60px;
padding: 0 0 30px;
font-size: 90%;
}


h1 {
margin: 60px 30px 0;
padding: 0 0;
font-size: 18px;
letter-spacing: 0.3em;
}


h2 {
font-size: 15px;
letter-spacing: 0.3em;
}


h2 a {
color: #322c28; /*　くろつるばみ　*/
text-decoration: none;
}

h3 {
font-size: 12px;
}


p {
line-height: 180%;
}


.totop {
margin: 30px 30px;
padding: 0 0;
text-align: right;
}

.totop a {
color: #322c28; /*　くろつるばみ　*/
text-decoration: none;
}