@charset "UTF-8";



/*
	--------------------------------
	更新日: 2011-03-28
	--------------------------------
*/

/*
	--------------------------------
	シーズン用
	・body
	・グローバルヘッダ
	--------------------------------
*/

/*--------------------------------
	body
-------------------------------- */

body { background:url(../img/index/body_bg_t.jpg) no-repeat center top; }



/* --------------------------------
	グローバルヘッダ
-------------------------------- */

div#global_header { background:url(../img/index/hdr_bg_t.jpg) no-repeat left top; }


/* セカンダリ ---------------- */
div#global_header div#global_header_ref ul li.contact { padding:0 17px 0 0; }
div#global_header div#global_header_ref ul li.region { padding:1px 3px 1px 3px; }



/* --------------------------------
	h1
-------------------------------- */

h1 { position:absolute; width:100%; height:0; overflow:hidden; z-index:2; }



/* --------------------------------
	キービジュアル
-------------------------------- */

div#global_keyvisual { height:350px; }
div#global_keyvisual_flash {}
div#global_keyvisual_flash_alt { position:relative; border:1px solid #dedede; border-top:none; width:948px; height:349px; background:url(../img/index/keyvisual_alt_bg.gif) no-repeat left bottom; }
div#global_keyvisual_flash_alt p { position:absolute; }
div#global_keyvisual_flash_alt p.bnr_01 { width:474px; left:0; top:26px; }
div#global_keyvisual_flash_alt p.bnr_02 { border-left:1px solid #fff; border-bottom:1px solid #fff; width:236px; left:474px; top:26px; }
div#global_keyvisual_flash_alt p.bnr_03 { border-left:1px solid #fff; border-bottom:1px solid #fff; width:236px; left:711px; top:26px; }
div#global_keyvisual_flash_alt p.bnr_04 { border-left:1px solid #fff; width:236px; left:474px; top:171px; }
div#global_keyvisual_flash_alt p.bnr_05 { border-left:1px solid #fff; width:236px; left:711px; top:171px; }



/* --------------------------------
	グローバルボディ
-------------------------------- */

div#global_body { padding:35px 0 30px 0; }



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

div#feature { position:relative; margin:-15px 0 0 -1px; width:533px; }

div#feature ul { width:100%; }
div#feature ul li { padding:5px 0 0 2px; float:left; }
div#feature ul li.first { padding:5px 0 0 0px; float:left; }
div#feature ul li a { display:block; }
div#feature ul li.oc { position:relative; padding-top:0; width:100%; }
div#feature ul li.oc p {}
div#feature ul li.oc ul { position:absolute; left:21px; top:101px; width:272px; }
div#feature ul li.oc ul li { padding:0 0 0 1px; float:left; }

div#feature ul li.oc_layout { margin: 0px; width:532px;}

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

div#feature02 { position:relative; margin:0 0 0 -1px; width:533px; }

div#feature02 ul { width:100%; }
div#feature02 ul li { padding:5px 0 0 2px; float:left; }
div#feature02 ul li.first { padding:5px 0 0 0px; float:left; }
div#feature02 ul li a { display:block; }
div#feature02 ul li.oc { position:relative; padding-top:0; width:100%; }
div#feature02 ul li.oc p {}
div#feature02 ul li.oc ul { position:absolute; left:21px; top:101px; width:272px; }
div#feature02 ul li.oc ul li { padding:0 0 0 1px; float:left; }

div#feature02 ul li.space_176 {display:block; width:176px; height:45px;} /* バナー空欄 */

div#feature ul li.oc_layout { margin: 0px; width:532px;}



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

div#event { margin:35px 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 {}
div#event .list ul { width:100%; line-height:1.5; }
div#event .list ul li { clear:both; padding:7px 0 8px 2px; width:530px; background:url(../common/img/ds_h_01.gif) repeat-x left bottom; float:left; }
div#event .list ul li .txt { padding:0 0 0 10px; width:420px; background:url(../common/img/arw_01.gif) no-repeat 0 0.4em; float:left; }
div#event .list ul li .tag { width:94px; float:right; text-align:right; }
div#event .list ul li .tag img { margin:0 0 0 1px; }
div#event .more { margin:7px 0 0 0; line-height:1.5; text-align:right; }
div#event .more a { padding:0 0 0 10px; background:url(../common/img/arw_01.gif) no-repeat 0 0.4em; }
div#event .list ul li .txt02 { padding:0 0 0 10px; width:500px; background:url(../common/img/arw_01.gif) no-repeat 0 0.4em; float:left;
}


/* --------------------------------
	２分で分かる！初めての日本工学院
-------------------------------- */

#sidebar_bnr_intro { margin:-10px auto 20px -10px; position: absolute;  }




/* --------------------------------
	お知らせ　2011/10/20
-------------------------------- */
div#info { margin:35px 0 0 0; }

div#info ul { width:100%; line-height:1.5; }
div#info li { background:url("/common/img/ds_h_01.gif") repeat-x scroll left bottom transparent;list-style:none outside none;padding:5px 0 8px; }
div#info a {background:url("/common/img/arw_01.gif") no-repeat scroll 0 5px transparent;padding-left:12px;}




/* --------------------------------
	ニュースblog
-------------------------------- */

div#newsblog { margin:35px 0 0 0; }

div#newsblog .list {}
div#newsblog .list ul { width:100%; line-height:1.5; }
div#newsblog .list ul li { clear:both; padding:7px 0 8px 2px; width:530px; background:url(../common/img/ds_h_01.gif) repeat-x left bottom; float:left; }
div#newsblog .list ul li .txt { padding:0 0 0 10px; width:420px; background:url(../common/img/arw_01.gif) no-repeat 0 0.4em; float:left; }
div#newsblog .list ul li .tag { width:94px; float:right; text-align:right; }
div#newsblog .list ul li .tag img { margin:0 0 0 1px; }
div#newsblog .more { margin:7px 0 0 0; line-height:1.5; text-align:right; }
div#newsblog .more a { padding:0 0 0 10px; background:url(../common/img/arw_01.gif) no-repeat 0 0.4em; }
div#newsblog .list ul li .txt02 { padding:0 0 0 10px; width:500px; background:url(../common/img/arw_01.gif) no-repeat 0 0.4em; float:left; }



/* --------------------------------
	新設学科
-------------------------------- */

div#newdept { margin:30px 0 0 0; }

div#newdept h2 {}
div#newdept ul { padding:3px 0 0 0; position:relative; margin:0 0 0 -12px; width:544px; font-size:0; line-height:1; }
div#newdept ul li { padding:3px 0 0 12px; width:260px; float:left; }



/* --------------------------------
	学科紹介
-------------------------------- */

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

div#dept h2 {}
div#dept table { border-spacing:0; width:100%; line-height:1.5; }
div#dept table tr {}
div#dept table tr th,
div#dept table tr td { padding:10px 0 11px 0; background:url(../common/img/ds_h_01.gif) repeat-x left bottom; }
div#dept table tr th { width:141px; text-align:left; }
div#dept table tr td { width:391px; }
div#dept table tr td dl { width:100%; }
div#dept table tr td dl dt { font-size:0; line-height:1; }
div#dept table tr td dl dd { padding:3px 0 0 0; }



/* --------------------------------
	サイドバー
-------------------------------- */

div#sidebar_campus { margin-top:150px;}
div#sidebar_campus h2 {}
div#sidebar_campus ul {}
div#sidebar_campus ul li { clear:both; width:100%; font-size:0; line-height:1; float:left; }

div#sidebar_menu { margin:15px 0 0 0; }

div#sidebar_info { padding:0 0 1px 0; width:180px; background:#F3F2F2 url(/common/img/ds_h_01.gif) repeat-x left bottom; font-size:62.5%; line-height:1.3; }
div#sidebar_info ul {}
div#sidebar_info ul li { clear:both; position:relative; padding:1px 0px 0 8px; width:170px; background:#F3F2F2 url(/common/img/ds_h_01.gif) repeat-x; float:left; }
div#sidebar_info ul li.first { padding-top:0; background-image:none; }
div#sidebar_info ul li a { position:relative; display:block; padding:6px 0 6px 0px; }

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