﻿@charset "UTF-8";



/* --------------------------------
	h1
-------------------------------- */

h1 { position:absolute; width:100%; height:0; overflow:hidden; z-index:2; }



/* --------------------------------
	キービジュアル
-------------------------------- */

p#global_keyvisual { height:256px; }



/* --------------------------------
	グローバルボディ
-------------------------------- */

div#global_body { padding:35px 0 30px 0; }



/* --------------------------------
	フィーチャー
-------------------------------- */

div#feature {}

div#feature ul { width:100%; font-size:0; line-height:1; }
div#feature ul li { padding:5px 0 0 0; float:left; }
div#feature ul li a { display:block; }
div#feature ul li.oc { position:relative; padding-top:0; width:100%; }



/* --------------------------------
	イベント
-------------------------------- */

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:100%; background:url(../common/img/ds_h_01.gif) repeat-x left bottom; float:left; }
div#event .list ul li a { padding:0 0 0 10px; background:url(../common/img/arw_01.gif) no-repeat 0 0.4em; float:left; }
div#event .list ul li .tag { padding:0 0 0 10px; float:left; }



/* --------------------------------
	学科紹介
-------------------------------- */

div#dept { margin:35px 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; vertical-align:top; }
div#dept table tr th { width:112px; text-align:left; }
div#dept table tr td { padding-right:5px; width:149px; }
div#dept table tr td p { margin:2px 0 0 0; }
div#dept table tr td ul { margin:0 0 0 9px; }
div#dept table tr td ul li { clear:both; padding:3px 0 0 0; width:100%; float:left; }
div#dept table tr td ul li img { vertical-align:middle; }
*:first-child+html div#dept table tr td ul li img { vertical-align:bottom; }/* IE 7 */
* html div#dept table tr td ul li img { vertical-align:bottom; }/* IE 6 以前 */



/* --------------------------------
	メリット
-------------------------------- */

div#merit { margin:35px 0 0 0; }

div#merit h2 { position:relative; margin:-18px 0 0 0; }
div#merit .step { margin:40px 0 0 0; font-size:0; line-height:1; }
div#merit .step h3 { float:left; }
div#merit .step ul { display:inline; }
div#merit .step ul li { float:left; }



/* --------------------------------
	ニュース
-------------------------------- */

div#news { margin:35px 0 0 0; }

div#news .header { position:relative; width:100%; }
div#news .header h2 {}
div#news .header .btn { position:absolute; right:0; top:0; width:115px; }
div#news .list {}
div#news .list ul { width:100%; line-height:1.5; }
div#news .list ul li { clear:both; padding:7px 0 8px 2px; width:100%; background:url(../common/img/ds_h_01.gif) repeat-x left bottom; float:left; }
div#news .list ul li a { padding:0 0 0 10px; background:url(../common/img/arw_01.gif) no-repeat 0 0.4em; }



/* --------------------------------
	サイドバー
-------------------------------- */

div#sidebar_campus {}
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; }






