@charset "UTF-8";



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

div#intro {}

div#intro .catch {}
div#intro .lead {}
div#intro h2 { margin: 32px 0 15px; }



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

div#dept {}

div#dept .section { position:relative; width:100%; }
div#dept .section h3 { margin-left:-10px; }
div#dept .section .dept_lead { position:relative; padding:0 0 10px 10px; z-index:10; }
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_04 .section .list ul li span { background:url(../img/index/arw_h_04.gif) no-repeat 0 0.25em; }
div#dept #dept_05 .section .list ul li a { background-image:url(../img/index/arw_h_05.gif); }


/* テクノロジー系 ---------------- */
div#dept #dept_01 { width:522px; margin:15px 0 0 0; padding-left:10px; background:url(../img/index/dept_01_bg.gif) repeat-y left top; }

div#dept #dept_01 #dept_01_01 { min-height:137px; }
* html div#dept #dept_01 #dept_01_01 { height:137px; }/* IE 6 以前 */
div#dept #dept_01 #dept_01_01 .img { right:0; top:-14px; width:224px; }
div#dept #dept_01 #dept_01_01 .lead { width:290px; }
div#dept #dept_01 #dept_01_01 .list { width:290px; }
div#dept #dept_01 #dept_01_01 .list ul li { float:left; }
div#dept #dept_01 #dept_01_01 .list ul li.odd { width:175px; }
div#dept #dept_01 #dept_01_01 .list ul li.even { width:115px; }

div#dept #dept_01 #dept_01_02 { margin:10px 0 0 0; min-height:135px; }
* html div#dept #dept_01 #dept_01_02 { height:135px; }/* 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:181px; }
div#dept #dept_01 #dept_01_02 .list { margin-left:192px; }
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:20px 0 0 0; min-height:112px; }
* html div#dept #dept_01 #dept_01_03 { height:112px; }/* 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:15px 0 0 0; min-height:105px; }
* html div#dept #dept_01 #dept_01_04 { height:105px; }/* IE 6 以前 */
div#dept #dept_01 #dept_01_04 .img { right:0; top:-15px; width:179px; }
div#dept #dept_01 #dept_01_04 .lead { width:330px; }


/* 自動車系 ---------------- */
div#dept #dept_02 { width:522px; min-height:272px; margin:37px 0 0 0; padding-left:10px; background:url(../img/index/dept_02_bg.gif) repeat-y left top; }
* html div#dept #dept_02 { height:272px; }/* IE 6 以前 */

div#dept #dept_02 .img { position:absolute; right:0; top:119px; width:230px; 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:1px 0 0 0; }
div#dept #dept_02 #dept_02_03 { margin:20px 0 0 0; }


/* 建築系 ---------------- */
div#dept #dept_03 { width:522px; min-height:344px; margin-top:41px; padding-left:10px; background:url(../img/index/dept_03_bg.gif) repeat-y left top; }
* html div#dept #dept_03 { height:344px; }/* IE 6 以前 */

div#dept #dept_03 .img { position:absolute; right:0; top:11px; width:136px; z-index:2; }
div#dept #dept_03 .dept_lead { width: 375px; }
div#dept #dept_03 #dept_03_02 { margin-top:1px; }
div#dept #dept_03 #dept_03_03 { margin-top:1px; z-index:2; }
div#dept #dept_03 #dept_03_03 .img { position:absolute; right:0; top:34px; width:371px; z-index:5; }
div#dept #dept_03 #dept_03_03 .lead { position:relative; width:310px; z-index:10; }
div#dept #dept_03 #dept_03_03 .list { position:relative; width:320px; margin-top:10px; z-index:10; }
div#dept #dept_03 #dept_03_03 .list ul li { float:left; }
div#dept #dept_03 #dept_03_03 .list ul li { width:160px; }
div#dept #dept_03 #dept_03_04 { margin-top:20px; }
div#dept #dept_03 #dept_03_04 .lead { position:relative; width: 140px; z-index:10; }


/* 環境・バイオ系 ---------------- */
div#dept #dept_04 { width:522px; margin-top:36px; padding-left:10px; background:url(../img/index/dept_04_bg.gif) repeat-y left top; }

div#dept #dept_04 #dept_04_01 { float: left; width: 256px; padding-bottom: 140px; }
div#dept #dept_04 #dept_04_01 .img { right:0; bottom:0; width:188px; }
div#dept #dept_04 #dept_04_01 .list { margin-top:10px; }

div#dept #dept_04 #dept_04_02 { float: right; width: 256px; padding-bottom: 135px; }
div#dept #dept_04 #dept_04_02 .img { right: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:90px; }
div#dept #dept_04 #dept_04_02 .list ul li.even { width:155px; }


/* デザイン系 ---------------- */
div#dept #dept_05 { width:522px; min-height:381px; margin-top:44px; padding-left:10px; padding-bottom:30px; background:url(../img/index/dept_05_bg.gif) repeat-y left top; }
* html div#dept #dept_05 { height:381px; }/* IE 6 以前 */

div#dept #dept_05 .img { position:absolute; right:0; top:60px; width:198px; z-index:2; }
div#dept #dept_05 .section .lead { width:310px; }
div#dept #dept_05 .section .list { position:relative; z-index:10; }

div#dept #dept_05 #dept_05_01 .list { width:330px; 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-top: 20px; }
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; }