@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:15px 0 0 0; min-height:232px; background-image:url(../img/index/dept_01_bg.gif); }
* html div#dept #dept_01 { height:232px; }/* IE 6 以前 */

div#dept #dept_01 .catch { right:135px; top:58px; width:88px; }
div#dept #dept_01 .img { right:0; top:0; 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 { border-top:6px solid #fff; padding:0 0 109px 0; width:249px; min-height:209px; background-image:url(../img/index/dept_02_bg.gif); float:left; }
* html div#dept #dept_02 { height:209px; }/* 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:217px; }


/* 情報処理系 ---------------- */
div#dept #dept_03 { border-top:6px solid #fff; width:262px; min-height:320px; background-image:url(../img/index/dept_03_bg.gif); float:right; }
* html div#dept #dept_03 { height:320px; }/* IE 6 以前 */

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

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:36px solid #fff; min-height:197px; background-image:url(../img/index/dept_04_bg.gif); }
* html div#dept #dept_04 { height:197px; }/* IE 6 以前 */

div#dept #dept_04 .catch { right:156px; top:8px; width:88px; }
div#dept #dept_04 .img { right:0; top:14px; width:250px; }
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; min-height:167px; background-image:url(../img/index/dept_05_bg.gif); }
* html div#dept #dept_05 { height:167px; }/* IE 6 以前 */

div#dept #dept_05 .catch { right:164px; top:12px; width:88px; }
div#dept #dept_05 .img { right:0; top:21px; width:187px; }
div#dept #dept_05 .section .list { width:258px; }


/* ソフトウエア開発系 ---------------- */
div#dept #dept_06 { border-top:50px solid #fff; padding:0 0 126px 0; width:299px; min-height:174px; background-image:url(../img/index/dept_06_bg.gif); float:left; }
* html div#dept #dept_06 { height:174px; }/* IE 6 以前 */

div#dept #dept_06 .catch { left:158px; bottom:27px; width:88px; }
div#dept #dept_06 .img { left:10px; bottom:0; width:136px; }
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_07 { border-top:50px solid #fff; width:209px; height:304px; background-image:url(../img/index/dept_07_bg.gif); float:right; }

div#dept #dept_07 .catch { left:20px; bottom:131px; width:88px; }
div#dept #dept_07 .img { left:9px; bottom:0; width:200px; }



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

div#notepc { position:relative; margin:50px 0 0 0; padding:0 0 37px 0; width:100%; }

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


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

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