@charset "UTF-8";



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

div#intro {}

div#intro h2 {}
div#intro .catch {}
div#intro .lead {}
div#intro .ref { margin:15px 0 0 6px; }
div#intro .ref ul {}
div#intro .ref ul li { width:215px; float:left; }
div#intro .ref ul li a { padding:0 0 0 12px; background:url(../img/index/arw_h_01.gif) no-repeat 0 0.4em; }



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

div#dept {}

div#dept .section { position:relative; width:100%; background:repeat-y; }
div#dept .section h3 { margin:0 0 -20px 0; }
div#dept .section .catch { position:absolute; z-index:3; }
div#dept .section .img { position:absolute; z-index:2; }
div#dept .section .section { position:relative; padding:20px 0 0 0; width:100%; background:repeat-y; z-index:1; }
div#dept .section .section h4 { font-size:0; line-height:1; }
div#dept .section .section .list { margin:5px 0 0 22px; }
div#dept .section .section .list ul {}
div#dept .section .section .list ul li { padding:5px 0 0 0; }
div#dept .section .section .list ul li a { padding:0 0 0 15px; background:url(../img/index/arw_h_02.gif) 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 #dept_01 { margin:54px 0 0 0; background-image:url(../img/index/dept_01_bg.gif); }
div#dept #dept_01_bg { min-height:211px; background:url(../img/index/dept_01_bg_b.gif) no-repeat left bottom; }
* html div#dept #dept_01_bg { height:211px; }/* IE 6 以前 */

div#dept #dept_01 .catch { right:135px; top:29px; width:88px; }
div#dept #dept_01 .img { right:0; top:-29px; width:166px; }
div#dept #dept_01 .section .list { width:287px; }
div#dept #dept_01 .section .list ul li { float:left; }
div#dept #dept_01 .section .list ul li.odd { width:148px; }
div#dept #dept_01 .section .list ul li.even { width:139px; }


/* Web系 ---------------- */
div#dept #dept_02 { margin:7px 0 0 0; padding:0 0 135px 0; width:249px; min-height:203px; background-image:url(../img/index/dept_02_bg.gif); float:left; }
* html div#dept #dept_02 { height:203px; }/* IE 6 以前 */

div#dept #dept_02 .catch { right:7px; top:0; width:88px; z-index:1; }
div#dept #dept_02 .img { left:0; bottom:0; width:249px; }


/* 情報処理系 ---------------- */
div#dept #dept_03 { margin:7px 0 0 0; width:262px; background-image:url(../img/index/dept_03_bg.gif); float:right; }
div#dept #dept_03_bg { width:262px; min-height:346px; background:url(../img/index/dept_03_bg_b.gif) no-repeat left bottom; }
* html div#dept #dept_03_bg { height:346px; }/* IE 6 以前 */

div#dept #dept_03 .catch { right:0; bottom:127px; width:87px; }
div#dept #dept_03 .img { right:0; bottom:0; width:172px; }

div#dept #dept_03 #dept_03_01 .list { width:145px; }
div#dept #dept_03 #dept_03_02 .list { width:130px; }


/* パソコン・ネットワーク系 ---------------- */
div#dept #dept_04 { clear:both; border-top:30px solid #fff; background-image:url(../img/index/dept_04_bg.gif); }
div#dept #dept_04_bg{ padding:0 0 14px 0; min-height:207px; background:url(../img/index/dept_04_bg_b.gif) no-repeat left bottom; }
* html div#dept #dept_04_bg{ height:207px; }

div#dept #dept_04 .catch { right:156px; top:18px; width:88px; }
div#dept #dept_04 .img { right:0; bottom:0; width:248px; }
div#dept #dept_04 .section .list { width:260px; }

div#dept #dept_04 #dept_04_02 .list ul li { float:left; }
div#dept #dept_04 #dept_04_02 .list ul li.odd { width:126px; }
div#dept #dept_04 #dept_04_02 .list ul li.even { width:134px; }


/* 情報セキュリティ系 ---------------- */
div#dept #dept_05 { margin:40px 0 0 0; background-image:url(../img/index/dept_05_bg.gif); }
div#dept #dept_05_bg { padding:0 0 14px 0; min-height:180px; background:url(../img/index/dept_05_bg_b.gif) no-repeat left bottom; }
* html div#dept #dept_05_bg { height:180px; }

div#dept #dept_05 .catch { right:164px; top:22px; width:88px; }
div#dept #dept_05 .img { right:0; bottom:0; width:202px; }
div#dept #dept_05 .section .list { width:258px; }


/* ソフトウエア開発系 ---------------- */
div#dept #dept_06 { margin:35px 0 0 0; width:299px; background-image:url(../img/index/dept_06_bg.gif); float:left; }
div#dept #dept_06_bg { padding:0 0 135px 0; width:299px; min-height:180px; background:url(../img/index/dept_06_bg_b.gif) no-repeat left bottom; }
* html div#dept #dept_06 { height:180px; }/* IE 6 以前 */

div#dept #dept_06 .catch { left:159px; bottom:31px; width:88px; }
div#dept #dept_06 .img { left:0; bottom:0; width:143px; }
div#dept #dept_06 .section ul li { float:left; }
div#dept #dept_06 .section ul li.odd { width:140px; }
div#dept #dept_06 .section ul li.even { width:135px; }
div#dept #dept_06 #dept_06_01 ul li.odd { width:120px; }
div#dept #dept_06 #dept_06_01 ul li.even { width:155px; }


/* ビジネス系 ---------------- */
div#dept #dept_07 { margin:35px 0 0 0; width:209px; height:324px; background-image:url(../img/index/dept_07_bg.gif); float:right; }

div#dept #dept_07 .catch { left:20px; bottom:135px; width:88px; }
div#dept #dept_07 .img { left:0; bottom:0; width:209px; }


/* 医療事務系 ---------------- */
div#dept #dept_08 { clear:both; border-top:17px solid #fff; background-image:url(../img/index/dept_08_bg.gif); }
div#dept #dept_08_bg{ padding:0 0 14px 0; min-height:152px; background:url(../img/index/dept_08_bg_b.gif) no-repeat left bottom; }
* html div#dept #dept_08_bg{ height:152px; }

div#dept #dept_08 .catch { right:182px; top:23px; width:88px; }
div#dept #dept_08 .img { right:0; bottom:0; width:180px; }
div#dept #dept_08 #dept_08_02.section { padding-top:0; }
div#dept #dept_08 .section ul li { float:left; }
div#dept #dept_08 .section ul li.odd,
div#dept #dept_08 .section ul li.even { width:123px; }


/* --------------------------------
	ノートパソコン
-------------------------------- */

div#notepc { position:relative; margin:30px 0 0 0; width:100%; }

div#notepc h3 {}
div#notepc .img { position:absolute; right:0; bottom:0; width:229px; }
div#notepc .txt { border:1px solid #f77600; border-top:none; padding:18px 238px 20px 17px; min-height:72px; line-height:1.5; }
* html div#notepc .txt { height:72px; }/* IE 6 以前 */
div#notepc .icon_li {	background: url(../img/index/arw_h_03.gif) no-repeat scroll left center;padding-left:12px;}


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

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#vendor { margin:40px 0 0 0; }
div#vendor h2 {}
div#vendor p {}



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

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_05.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; }



.mar_t_10 { margin-top:10px; }
.mar_t_20 { margin-top:20px; }