@charset "UTF-8";



/* --------------------------------
	イントロ
-------------------------------- */

div#intro {}

div#intro h2 {}
div#intro .catch {}
div#intro .lead {}



/* --------------------------------
	学科・コース
-------------------------------- */

div#dept {}

div#dept .section { position:relative; width:100%; }
div#dept .section h3 {}
div#dept .section .section { position:relative; width:100%; }
div#dept .section .section h4 { font-size:0; line-height:1; }
div#dept .section .section .img { position:absolute; }
div#dept .section .section .lead { padding:10px 0 0 11px; line-height:1.4; }
div#dept .section .section .list { margin:5px 0 0 11px; }
div#dept .section .section .list ul {}
div#dept .section .section .list ul li {}
div#dept .section .section .list ul li a { padding:0 0 0 15px; background:no-repeat 0 0.25em; font-weight:bold; }
div#dept .section .section .list ul li a:link,
div#dept .section .section .list ul li a:visited { color:#333; text-decoration:none; }
div#dept .section .section .list ul li a:hover,
div#dept .section .section .list ul li a:active { color:#ff8c00; text-decoration:none; }
div#dept .section .section .list ul li span { padding:0 0 0 15px; font-weight:bold; }
div#dept .section .section .list ul li dl {}
div#dept .section .section .list ul li dl dt {}
div#dept .section .section .list ul li dl dd { padding:2px 0 0 15px; color:#666; line-height:1.333; }

div#dept #dept_01 .section .list ul li a { background-image:url(../img/index/arw_h_01.gif); }
div#dept #dept_03 .section .list ul li a { background-image:url(../img/index/arw_h_03.gif); }
div#dept #dept_04 .section .list ul li a { background-image:url(../img/index/arw_h_04.gif); }
div#dept #dept_05 .section .list ul li a { background-image:url(../img/index/arw_h_05.gif); }


/* テクノロジー系 ---------------- */
div#dept #dept_01 { margin:35px 0 0 0; }

div#dept #dept_01 #dept_01_01 { min-height:143px; }
* html div#dept #dept_01 #dept_01_01 { height:143px; }/* IE 6 以前 */
div#dept #dept_01 #dept_01_01 .img { right:0; top:-65px; width:208px; }
div#dept #dept_01 #dept_01_01 .lead { width:300px; }
div#dept #dept_01 #dept_01_01 .list { width:300px; }
div#dept #dept_01 #dept_01_01 .list ul li { float:left; }
div#dept #dept_01 #dept_01_01 .list ul li.odd { width:165px; }
div#dept #dept_01 #dept_01_01 .list ul li.even { width:135px; }

div#dept #dept_01 #dept_01_02 { margin:14px 0 0 0; min-height:128px; }
* html div#dept #dept_01 #dept_01_02 { height:128px; }/* IE 6 以前 */
div#dept #dept_01 #dept_01_02 .img { left:0; top:-10px; width:177px; }
div#dept #dept_01 #dept_01_02 .lead { margin-left:202px; }
div#dept #dept_01 #dept_01_02 .list { margin-left:202px; }
div#dept #dept_01 #dept_01_02 .list ul li { float:left; }
div#dept #dept_01 #dept_01_02 .list ul li.odd { width:135px; }
div#dept #dept_01 #dept_01_02 .list ul li.even { width:175px; }

div#dept #dept_01 #dept_01_03 { margin:27px 0 0 0; min-height:99px; }
* html div#dept #dept_01 #dept_01_03 { height:99px; }/* IE 6 以前 */
div#dept #dept_01 #dept_01_03 .img { right:0; top:-20px; width:220px; }
div#dept #dept_01 #dept_01_03 .lead { width:290px; }
div#dept #dept_01 #dept_01_03 .list { width:290px; }
div#dept #dept_01 #dept_01_03 .list ul li { float:left; }
div#dept #dept_01 #dept_01_03 .list ul li.odd { width:135px; }
div#dept #dept_01 #dept_01_03 .list ul li.even { width:155px; }

div#dept #dept_01 #dept_01_04 { margin:28px 0 0 0; min-height:93px; }
* html div#dept #dept_01 #dept_01_04 { height:93px; }/* IE 6 以前 */
div#dept #dept_01 #dept_01_04 .img { right:0; top:-23px; width:179px; }
div#dept #dept_01 #dept_01_04 .lead { width:330px; }


/* 自動車系 ---------------- */
div#dept #dept_02 { margin:50px 0 0 0; min-height:195px; }
* html div#dept #dept_02 { height:195px; }/* IE 6 以前 */

div#dept #dept_02 .img { position:absolute; right:0; top:0; width:227px; z-index:2; }

div#dept #dept_02 .section .lead { width:280px; }

div#dept #dept_02 #dept_02_01 {}

div#dept #dept_02 #dept_02_02 { margin:20px 0 0 0; }


/* 建築系 ---------------- */
div#dept #dept_03 { padding:50px 0 146px 0; width:256px; min-height:251px; float:left; }
* html div#dept #dept_03 { height:251px; }/* IE 6 以前 */

div#dept #dept_03 .img { position:absolute; right:0; bottom:0; width:220px; }

div#dept #dept_03 #dept_03_01 { margin:-1px 0 0 0; }
div#dept #dept_03 #dept_03_01 h4 { margin:1px 0 0 0; }
div#dept #dept_03 #dept_03_01 .lead { width:145px; }
div#dept #dept_03 #dept_03_01 .list { margin-top:10px; width:145px; }


/* 環境・バイオ系 ---------------- */
div#dept #dept_04 { padding:50px 0 0 0; width:256px; float:right; }

div#dept #dept_04 #dept_04_01 { min-height:150px; }
* html div#dept #dept_04 #dept_04_01 { height:150px; }/* IE 6 以前 */
div#dept #dept_04 #dept_04_01 .img { right:0; bottom:0; width:97px; }
div#dept #dept_04 #dept_04_01 .list { margin-top:10px; width:140px; }

div#dept #dept_04 #dept_04_02 { margin:1px 0 0 0; padding:0 0 131px 0; min-height:125px; }
* html div#dept #dept_04 #dept_04_02 { height:125px; }/* IE 6 以前 */
div#dept #dept_04 #dept_04_02 .img { left:0; bottom:0; width:206px; }
div#dept #dept_04 #dept_04_02 .list { margin-top:10px; }
div#dept #dept_04 #dept_04_02 .list ul li { float:left; }
div#dept #dept_04 #dept_04_02 .list ul li.odd { width:165px; }
div#dept #dept_04 #dept_04_02 .list ul li.even { width:80px; }


/* デザイン系 ---------------- */
div#dept #dept_05 { clear:both; padding:19px 0 0 0; }

div#dept #dept_05 .section .lead { width:345px; }
div#dept #dept_05 .section .list { width:345px; }

div#dept #dept_05 #dept_05_01 { min-height:177px; }
* html div#dept #dept_05 #dept_05_01 { height:177px; }/* IE 6 以前 */
div#dept #dept_05 #dept_05_01 .img { right:0; top:-40px; width:167px; }
div#dept #dept_05 #dept_05_01 .list { margin-top:0; }
div#dept #dept_05 #dept_05_01 .list ul li { padding:10px 0 0 0; }

div#dept #dept_05 #dept_05_02 { margin:51px 0 0 0; min-height:148px; }
* html div#dept #dept_05 #dept_05_02 { height:148px; }/* IE 6 以前 */
div#dept #dept_05 #dept_05_02 .img { right:0; top:-22px; width:171px; }
div#dept #dept_05 #dept_05_02 .list { margin-top:10px; }
div#dept #dept_05 #dept_05_02 .list ul li { float:left; }
div#dept #dept_05 #dept_05_02 .list ul li.odd { width:180px; }
div#dept #dept_05 #dept_05_02 .list ul li.even { width:160px; }



/* --------------------------------
	フィーチャー
-------------------------------- */

div#feature { margin:25px 0 0 0; }

div#feature ul { font-size:0; line-height:1; }
div#feature ul li { clear:both; padding:15px 0 0 0; float:left; }



/* --------------------------------
	イベントバナー
-------------------------------- */

div#bnr { margin:10px 0 0 0; }



/* --------------------------------
	イベント
-------------------------------- */

div#event { margin:40px 0 0 0; }
div#event .header { position:relative; width:100%; }
div#event .header h2 {}
div#event .header .btn { position:absolute; right:0; top:0; width:115px; }
div#event .list { width:100%; }
div#event .list li { clear:both; padding:6px 0 7px 0; width:100%; background:url(../../common/img/dt_h_01.gif) repeat-x left bottom; float:left; }
div#event .list li a { display:block; position:relative; padding:0 0 0 11px; background:url(../../common/img/arw_06.gif) no-repeat 1px 0.46em; }



/* --------------------------------
	バナー
-------------------------------- */

div#rel { margin:35px 0 0 0; font-size:0; line-height:1; }
div#rel .col3 { position:relative; margin:0 0 0 -5px; width:537px; }
div#rel .col3 li { padding:5px 0 0 5px; float:left; }
div#rel .col2 { position:relative; margin:10px 0 0 -5px; padding:5px 0 0 0; width:537px; }
div#rel .col2 li { padding:0 0 0 5px; float:left; }