@charset "UTF-8";



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

div#intro { position:relative; width:100%; }

div#intro h2 {}
div#intro .catch {}
div#intro .img { position:absolute; right:0; top:0; width:293px; }
div#intro .bnr {}
div#intro .lead { margin:15px 0 0 0; }
div#intro .ref { margin:10px 0 0 6px; }
div#intro .ref ul {}
div#intro .ref ul li { width:185px; 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:url(../img/index/dept_sect_bg_m.gif) repeat-y; }
div#dept .section_bg { background:url(../img/index/dept_sect_bg_b.jpg) no-repeat left bottom; }
div#dept .section h3 {}
div#dept .section .img { position:absolute; right:0; top:0; z-index:2; }
div#dept .section .section { background:none; }
div#dept .section .section h4 { font-size:0; line-height:1; }
div#dept .section .section .lead { padding:8px 0 0 13px; width:245px; color:#fe4c66; line-height:1.333; }
div#dept .section .section .list { margin:0 0 0 10px; padding:0 0 20px 0; width:248px; }
div#dept .section .section .list ul {}
div#dept .section .section .list ul li { clear:both; padding:17px 0 0 5px; width:243px; background:url(../img/index/ds_h_01.gif) repeat-x 0 8px; float:left; }
div#dept .section .section .list ul li a { padding:0 0 0 12px; background:url(../img/index/arw_h_02.gif) no-repeat 0 0.4em; 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 dl {}
div#dept .section .section .list ul li dl dt {}
div#dept .section .section .list ul li dl dd { padding:2px 0 0 12px; color:#666; line-height:1.333; }


/* GRAPHIC DESIGN ---------------- */
div#dept #dept_01 { margin:40px 0 0 0; }
div#dept #dept_01 .section_bg { min-height:295px; }
* html div#dept #dept_01 .section_bg { height:295px; }/* IE 6 以前 */

div#dept #dept_01 .img { width:265px; }


/* WEB DESIGN ---------------- */
div#dept #dept_02 { margin:7px 0 0 0; }
div#dept #dept_02 .section_bg { min-height:243px; }
* html div#dept #dept_02 .section_bg { height:243px; }/* IE 6 以前 */

div#dept #dept_02 .img { width:260px; }


/* INTERIOR DESIGN ---------------- */
div#dept #dept_03 { margin:20px 0 0 0; }
div#dept #dept_03 .section_bg { min-height:315px; }
* html div#dept #dept_03 .section_bg { height:315px; }/* IE 6 以前 */

div#dept #dept_03 .img { width:265px; }


/* PRODUCT DESIGN ---------------- */
div#dept #dept_04 { margin:20px 0 0 0; }
div#dept #dept_04 .section_bg { min-height:299px; }
* html div#dept #dept_04 .section_bg { height:299px; }/* IE 6 以前 */

div#dept #dept_04 .img { width:264px; }



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

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