@charset "utf-8";

/* 
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
 
	トップページCSSです。
      
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
*/ 

@import "top_jScrollPane.css"; /* top What's New用スクロールバー */

#top #global { margin: 0 auto 24px auto; }

* html #contents { padding-left: 15px; }

/* ========== header ========== */

h1 { display: none; }

/* ========== layout ========== */

#top div#top_left { /* left culumn */
	float: left;
	width: 200px;
	margin: 0 20px 24px 0;
	overflow: hidden;
}

#top div#top_right { /* right culumn */
	float: right;
	width: 200px;
	margin: 0 0 24px 0;
	overflow: hidden;
}

/* ========== flashContents ========== */

/* mainvisual */
#top div.main_v {
	width: 980px;
	height: 300px;
	margin: 6px 0 30px 0;
}

/* ----- for not flash ----- */
#flashContent {
	width: 980px;
	height: 300px;
	overflow: hidden;
}

#flashContent h2, #flashContent a span { display: none; }
#flashContent a { text-decoration: none; }


/* ---------- for flash ---------- */

/* ----- dpt menu ----- */

#flashContent ul#main_v_contents ul.main_v_dpt {
	float: left;
	width: 200px;
	height: 300px;
	margin: 0 0 -6px 0;
	overflow: hidden;
}

#flashContent ul#main_v_contents ul.main_v_dpt li {
	width: 200px;
	height: 96px;
	/height: 94px;
	margin-bottom: 6px;
	overflow: hidden;
}
* html #flashContent ul#main_v_contents ul.main_v_dpt li {
	margin-bottom: 4px;
}

#flashContent ul#main_v_contents ul.main_v_dpt li a {
	display: block;
	width: 200px;
	height: 0;
	padding-top: 96px;
	overflow: hidden;
}

/* ----- mainarea ----- */
#flashContent ul#main_v_contents div.mainarea {
	float: right;
	width: 774px;
	height: 258px;
	overflow: hidden;
	margin: 0 0 6px 0;
}

#flashContent ul#main_v_contents div.mainarea a {
	display: block;
	width: 774px;
	height: 0px;
	padding-top: 258px;
	overflow: hidden;
}

#flashContent ul#main_v_contents div.mainarea p,
#flashContent ul#main_v_contents div.mainarea span,
#flashContent ul#main_v_contents div.mainarea ul,
#flashContent ul#main_v_contents div.mainarea ol,
#flashContent ul#main_v_contents div.mainarea dl {
	display: none;
}

/* ----- main_v00 ----- */
#flashContent ul#main_v_contents li#main_v00 {
	background: url(../img/main_v00.jpg) left top no-repeat;
}

#flashContent ul#main_v_contents ul.main00_dpt {
	float: right;
	width: 774px;
	height: 258px;
	overflow: hidden;
	margin: 0 0 6px 0;
	}

#flashContent ul#main_v_contents ul.main00_dpt li {
	float: left;
	width: 258px;
	height: 258px;
	overflow: hidden;
	margin: 0;
	}

#flashContent ul#main_v_contents ul.main00_dpt li a {
	display: block;
	width: 258px;
	height: 0;
	padding-top: 258px;
	overflow: hidden;
}


/* ----- main_v01 ----- */
#flashContent ul#main_v_contents li#main_v01 {
	background: url(../img/main_v01.jpg) left top no-repeat;
}

/* 入試用 */
#flashContent ul#main_v_contents li#main_v01 div.mainarea a#main_v01_guideline01 {
	width: 774px;
	height: 0;
	padding-top: 174px;
}

#flashContent ul#main_v_contents li#main_v01 div.mainarea a#main_v01_guideline02 {
	float: left;
	width: 440px;
	height: 0;
	padding-top: 84px;
}

#flashContent ul#main_v_contents li#main_v01 div.mainarea a#main_v01_request {
	float: left;
	width: 334px;
	height: 0;
	padding-top: 60px;
}

#flashContent ul#main_v_contents li#main_v01 div.mainarea a#main_v01_guideline03 {
	float: left;
	width: 334px;
	height: 0;
	padding-top: 24px;
}


/* AO入試用 */
/*#flashContent ul#main_v_contents li#main_v01 div.mainarea a#main_v01_ao1 {
	width: 774px;
	height: 0;
	padding-top: 170px;
}

#flashContent ul#main_v_contents li#main_v01 div.mainarea a#main_v01_ao2 {
	float: left;
	width: 484px;
	height: 0;
	padding-top: 88px;
}

#flashContent ul#main_v_contents li#main_v01 div.mainarea a#main_v01_webentry {
	float: left;
	width: 290px;
	height: 0;
	padding-top: 84px;
}*/

/* ----- main_v02 ----- */
#flashContent ul#main_v_contents li#main_v02 {
	background: url(../img/main_v02.jpg) left top no-repeat;
}

/* オープンキャンパス Winterバージョン用 */
#flashContent ul#main_v_contents li#main_v02 div.mainarea a#main_v02_winter01 {
	width: 774px;
	height: 0;
	padding-top: 98px;
}

#flashContent ul#main_v_contents li#main_v02 div.mainarea a#main_v02_campaign {
	float: left;
	width: 312px;
	height: 0;
	padding-top: 160px;
}

#flashContent ul#main_v_contents li#main_v02 div.mainarea a#main_v02_winter02 {
	float: left;
	width: 462px;
	height: 0;
	padding-top: 160px;
}


/* 高校既卒用 */
/*#flashContent ul#main_v_contents li#main_v02 div.mainarea a#main_v02_kisotsu1 {
	float: left;
	width: 284px;
	height: 0;
	padding-top: 258px;
}

#flashContent ul#main_v_contents li#main_v02 div.mainarea a#main_v02_kisotsu2 {
	width: 490px;
	height: 0;
	padding-top: 178px;
}

#flashContent ul#main_v_contents li#main_v02 div.mainarea a#main_v02_request {
	width: 490px;
	height: 0;
	padding-top: 80px;
}*/

/* 業界見学会スペシャル用 */
/*#flashContent ul#main_v_contents li#main_v02 div.mainarea a {
	width: 774px;
	padding-top: 72px;
}
#flashContent ul#main_v_contents li#main_v02 div.mainarea a.main_v02_dpt {
	float: left;
	width: 255px;
	padding-top: 184px;
}
#flashContent ul#main_v_contents li#main_v02 div.mainarea a.main_v02_dpt#main_v_02hotel {
	width: 264px;
}*/

/* 業界見学会用 */
/*#flashContent ul#main_v_contents li#main_v02 div.mainarea a {
	float: left;
	width: 162px;
}
#flashContent ul#main_v_contents li#main_v02 div.mainarea a.main_v02_dpt {
	width: 204px;
}*/


/* ----- main_v03 ----- */
#flashContent ul#main_v_contents li#main_v03 {
	background: url(../img/main_v03.jpg) left top no-repeat;
}


/* ----- main_v04 ----- */
#flashContent ul#main_v_contents li#main_v04 {
	background: url(../img/main_v04.jpg) left top no-repeat;
}

/* ----- main_v05 ----- */
#flashContent ul#main_v_contents li#main_v05 {
	background: url(../img/main_v05.jpg) left top no-repeat;
}

/* ----- main_vhotel ----- */
#flashContent ul#main_v_contents li#main_vhotel {
	background: url(../img/main_vhotel.jpg) left top no-repeat;
}

#flashContent ul#main_v_contents li#main_vhotel div.mainarea a#main_vhotel_1 {
	width: 774px;
	height: 0;
	padding-top: 175px;
	overflow: hidden;
}

#flashContent ul#main_v_contents li#main_vhotel div.mainarea a#main_vhotel_2 {
	float: right;
	width: 480px;
	height: 0;
	padding-top: 83px;
	overflow: hidden;
}


/* ----- main_vtravel ----- */
#flashContent ul#main_v_contents li#main_vtravel {
	background: url(../img/main_vtravel.jpg) left top no-repeat;
}

#flashContent ul#main_v_contents li#main_vhotel {
	background: url(../img/main_vhotel.jpg) left top no-repeat;
}

#flashContent ul#main_v_contents li#main_vtravel div.mainarea a#main_vtravel_1 {
	width: 774px;
	height: 0;
	padding-top: 175px;
	overflow: hidden;
}

#flashContent ul#main_v_contents li#main_vtravel div.mainarea a#main_vtravel_2 {
	float: right;
	width: 480px;
	height: 0;
	padding-top: 83px;
	overflow: hidden;
}

/* ----- main_vbridal ----- */
#flashContent ul#main_v_contents li#main_vbridal {
	background: url(../img/main_vbridal.jpg) left top no-repeat;
}

#flashContent ul#main_v_contents li#main_vbridal div.mainarea a#main_vbridal_1 {
	width: 774px;
	height: 0;
	padding-top: 175px;
	overflow: hidden;
}

#flashContent ul#main_v_contents li#main_vbridal div.mainarea a#main_vbridal_2 {
	float: right;
	width: 480px;
	height: 0;
	padding-top: 83px;
	overflow: hidden;
}

#flashContent ul#main_v_contents li#main_vhotel div.mainarea ul.dpt_buttons,
#flashContent ul#main_v_contents li#main_vtravel div.mainarea ul.dpt_buttons,
#flashContent ul#main_v_contents li#main_vbridal div.mainarea ul.dpt_buttons {
	float: left;
	display: block;
	width: 286px;
	height: 78px;
	margin: 0 0 0 7px;
	padding: 0;
	overflow: hidden;
}

#flashContent ul#main_v_contents li#main_vhotel div.mainarea ul.dpt_buttons li,
#flashContent ul#main_v_contents li#main_vtravel div.mainarea ul.dpt_buttons li,
#flashContent ul#main_v_contents li#main_vbridal div.mainarea ul.dpt_buttons li {
	display: inline;
	margin: 0;
	padding: 0;
}
	
#flashContent ul#main_v_contents li#main_vhotel div.mainarea ul.dpt_buttons li a,
#flashContent ul#main_v_contents li#main_vtravel div.mainarea ul.dpt_buttons li a,
#flashContent ul#main_v_contents li#main_vbridal div.mainarea ul.dpt_buttons li a {
	float: left;
	width: 143px;
	height: 0;
	padding-top: 26px;
	overflow: hidden;
}


li#main_v00, li#main_v01, li#main_v02,
li#main_v03, li#main_v04, li#main_v05,
li#main_vhotel, li#main_vtravel, li#main_vbridal {
	width: 980px;
	height: 300px;
	overflow: hidden;
}

/* ----- bottom menu ----- */
#flashContent ul#main_v_contents li ul.main_v_list {
	clear: right;
	float: right;
	width: 780px;
	height: 36px;
	overflow: hidden;
}

#flashContent ul#main_v_contents li ul.main_v_list li {
	float: left;
	width: 150px;
	height: 36px;
	padding: 0 0 0 6px;
	}

#flashContent ul#main_v_contents li ul.main_v_list li a {
	display: block;
	width: 150px;
	height: 0;
	padding-top: 36px;
	overflow: hidden;
}


/* ========== leftmenu ========== */

img.menu_dotline {
	margin: 0 0 16px 10px;
}

/* ----- left Contents ----- */

#top div#top_left ul.left_contents {
	margin: 0 0 20px 0;
	padding: 40px 10px 4px 0;
	background: url(../img/bg_left_contents.gif) center top no-repeat;
	border: 1px solid #cccccc;
}

* html #top div#top_left ul.left_contents {
	width: 198px;
	overflow: hidden;
	padding: 40px 0 4px 0;
	background-position: left top;
}

#top div#top_left ul.left_contents li {
	background: url(../img/common/arrow_brownrhombus.gif) 10px 2px no-repeat;
	line-height: 1.4;
	padding: 0 0 6px 24px;
}
* html #top div#top_left ul.left_contents li {
	padding: 0 0 6px 24px;
}

#top div#top_left ul.left_contents li a {
	color: #666;
	text-decoration: none;
}
#top div#top_left ul.left_contents li a:hover, #top div#top_left ul.left_contents li a:active {
	border-bottom: #bfa387 dotted 1px;
	color: #999;
}


/* international */
#top div#top_left ul.left_contents li.international ul {
	background: none;
	padding: 0;
}

#top div#top_left ul.left_contents li.international ul li {
	display: inline;
	background: url(../img/common/arrow_brown_s.gif) left center no-repeat;
	padding: 0 4px 0 8px;
	font-size: 93%;
}

/* dotline */

#top div#top_left ul.left_contents img.contents_dotline {
	margin: 7px 0 14px 10px;
	/margin: 12px 0 7px -14px;
}

/* ========== main contents ========== */

#top div.maincontents {
	float: left;
	width: 540px;
	margin-bottom: 24px;
}

/* ----- main banner ----- */

#top .mainbanner {
	width: 540px;
	margin-bottom: 20px;
	}

	
/* ========== What's NEW ========== */

#top .whatsnew {
	float: left;
	width: 540px;
	margin: 0 0 20px 0;
	overflow:hidden;
	background: url(../img/h2_whatsnew.gif) left top no-repeat;
	}

#top .whatsnew h2 {
	float: left;
	width: 360px;
	padding-left: 20px;
	margin-bottom: 4px;
	height: 41px;
	line-height: 44px;
	color: #666;
	font-size: 108%;
	overflow: hidden;
	background: none;
}

/* buttons */
#top .whatsnew ul {
	float: left;
	height: 26px;
	margin-top: 13px;
}

#top .whatsnew ul.buttons li { display: inline; }

#top .whatsnew ul.buttons li img { vertical-align: top; }

/* ----- Whats's New contents ----- */

#top .whatsnew dl {
	clear: both;
	margin: 0 auto;
	width: 540px;
	height: 182px;
	overflow-y: scroll;
}
*+html #top .whatsnew dl { margin: 0 auto; }
* html #top .whatsnew dl { margin: -1px auto 0 auto; }

#top .whatsnew div.oldnews { /* for link to oldnews */
	text-align: right;
	height: 22px;
	margin-top: 8px;
}

#top .whatsnew dl a {
	clear: both;
	display: block;
	margin: 0 2px 0 0;
	padding: 4px 4px 8px 0;
	text-decoration: none;
	background: url(../img/whatsnew_dot.gif) left bottom no-repeat;
}
#top .whatsnew dl a:hover, #top .whatsnew dl a:active {
	color: #c40000;
	background-color: #f5edd3;
}

#top .whatsnew dl dt {
	float: left;
	width: 80px;
	padding: 0 0 2px 12px;
	font-size: 93%;
	background: url(../img/common/arrow_red_s.png) 4px 5px no-repeat;
	line-height: 1.6;
}
#top .whatsnew dl dd {
	font-size: 93%;
	line-height: 1.6;
	padding: 0;
}
#top .whatsnew dl a dd { color: #666; }


/* ========== Banners ========== */
#top div.banners {
	clear: both;
	width: 552px;
	margin: 0 0 0 0;
}

#top div.banners li {
	float: left;
	margin: 0 12px 12px 0;
}

#top div.banners img {
}


/* ========== right menu ========== */


/* ========== Top Column ========== */

#top .top_column {
	clear: both;
	width: 980px;
	margin: 0 0 12px 0;
	padding: 0 0 6px 0;
	background: url(../img/bg_top_column.jpg) left 70px repeat-y;
}

#top .top_column h3 {
	clear: both;
	margin: 0;
	height: 70px;
	line-height: 71px;
	padding-left: 70px;
	overflow: hidden;
	background: url(../img/h3_top_column.jpg) left top no-repeat;
	color: #664935;
}

#top .top_column div {
	float: left;
	width: 308px;
	margin: 0 10px 10px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
#top .top_column div#top_column01 { background-image: url(../img/bg_top_column01.jpg); }
#top .top_column div#top_column02 { background-image: url(../img/bg_top_column02.jpg); }
#top .top_column div#top_column03 { background-image: url(../img/bg_top_column03.jpg); }
#top .top_column div#top_column04 { background-image: url(../img/bg_top_column04.jpg); }
#top .top_column div#top_column05 { background-image: url(../img/bg_top_column05.jpg); }
#top .top_column div#top_column06 { background-image: url(../img/bg_top_column06.jpg); }
#top .top_column div#top_column01, #top .top_column div#top_column04 { margin-left: 15px; }
* html #top .top_column div#top_column01, * html #top .top_column div#top_column04 { margin-left: 8px; }

#top .top_column div h4 {
	margin: 0;
	padding: 0 0 0 50px;
	height: 44px;
	line-height: 43px;
	overflow: hidden;
	background: url(../img/h4_top_column.jpg) left top no-repeat;
	color: #ffffff;
}

#top .top_column div p {
	padding: 0 4px 0 116px;
	height: 100px;
	margin: 0;
	line-height: 1.5;
}
#top .top_column div p img { margin: 0 10px -5px 0; }

#top .top_column div p.column_link {
	height: auto;
	padding: 4px;
	margin: 6px;
	font-size: 93%;
	background-color: #e6dbc4;
}
#top .top_column div#top_column01 p.column_link,
#top .top_column div#top_column02 p.column_link,
#top .top_column div#top_column03 p.column_link {
	padding: 4px 4px 2px 6px;
	margin: 6px 6px 0 6px;
	text-indent: -2px;
}

#top .top_column div p a {
	display: block;
	color: #666;
	padding: 1px 4px;
	text-decoration: none;
}
#top .top_column div p a:hover, #top .top_column div p a:active {
	color: #555;
	background-color: #d8cbae;
}

#top .top_column div#top_column01 p.column_link a,
#top .top_column div#top_column02 p.column_link a,
#top .top_column div#top_column03 p.column_link a {
	display: inline;
	padding: 0 2px;
}

#top .top_column div#top_column01 p.column_link a:hover,
#top .top_column div#top_column01 p.column_link a:active {
	color: #F30;
	background: none;
	border-bottom: 1px dotted #BFA387;
}

#top .top_column div#top_column02 p.column_link a:hover,
#top .top_column div#top_column02 p.column_link a:active {
	color: #5787D7;
	background: none;
	border-bottom: 1px dotted #BFA387;
}

#top .top_column div#top_column03 p.column_link a:hover,
#top .top_column div#top_column03 p.column_link a:active {
	color: #DD6480;
	background: none;
	border-bottom: 1px dotted #BFA387;
}

#top .top_column div p img { margin: 0 3px 0 0; }

#top .top_column div p.detail {
	height: auto;
	margin: 0 6px 6px 6px;
	padding: 0 2px 2px 0;
	font-size: 93%;
	text-align: right;
	background-color: #e6dbc4;
}

#top .top_column div p.detail a {
	display: inline;
	padding: 2px 4px;
}

#top .top_column div p.column_link span {
	display: block;
	padding: 2px 0 0 0;
	line-height: 1.2;
	text-align: right;
}