﻿
/* ------------------------------------------------------------------------ */

/* hedaer

/* ------------------------------------------------------------------------ */


#header {
	position	: relative;
	margin		: 0 auto;
	width		: 820px;
	height		: 101px;
	background	: transparent url(../common_img/header/header_bg.gif) no-repeat;
}

#header h1 a{
	display			: block;
	position		: absolute;
	top				: 5px;
	left			: 0;
	width			: 314px;
	height			: 65px;
	background		: transparent url(../common_img/header/header_title.gif) no-repeat;
	text-indent		: -9999px;
	overflow		: hidden;
	text-decoration	: none;	
}

#header h2 {
	position		: absolute;
	top				: 79px;
	left			: 5px;
	font-size		: 10px;
	font-weight		: normal;
}


#header #glbnav {
	position	: absolute;
	right		: 0;
	bottom		: 0;
}

#header #glbnav li { margin  : 0 auto; padding : 0; list-style : none;}
#header #glbnav li { float : left;}
#header #glbnav li a{
	display			: block;
	height			: 30px;
	text-indent		: -9999px;
	overflow		: hidden;
	text-decoration	: none;
}

	#header #glbnav li#glbnav-home a	{ width : 68px; background : transparent url(../common_img/header/nav/glbnav-home.gif) no-repeat;}
	#header #glbnav li#glbnav-access a	{ width : 75px; background : transparent url(../common_img/header/nav/glbnav-access.gif) no-repeat;}
	#header #glbnav li#glbnav-contact a	{ width : 95px; background : transparent url(../common_img/header/nav/glbnav-contact.gif) no-repeat;}
	#header #glbnav li#glbnav-link a	{ width : 169px; background : transparent url(../common_img/header/nav/glbnav-link.gif) no-repeat;}

	#header #glbnav li a:hover { background-position : 0 -30px !important;}


#search_box dl,
#search_box dt,
#search_box dd { margin : 0; padding : 0;}


#search_box dt { text-indent : -9999px; overflow : hidden;}
#search_box dd {
	position	: absolute;
	top			: 31px;
	right		: 133px;
	width		: 246px;
}

#search_box dd input { float : left; border : 1px solid #CCC; width : 146px;}
#search_box dd input#search {
	position	: absolute;
	top			: 0;
	right		: 0;
	border		: none;
	width		: 83px;
	height		: 16px;
	background	: transparent url(../common_img/header/header_search.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
	cursor		: pointer;
}

a#favorite {
	position	: absolute;
	right		: 10px;
	top			: 31px;
	width		: 103px;
	height		: 16px;
	background	: transparent url(../common_img/header/header_favorite.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}



/* -------------------------------------------------------------- Flash Area -----*/

div#flash p {
	margin		: 35px auto 20px;
	width		: 50%;
	padding		: 12px;
	border		: 5px solid #0077C7;
	font-size	: 75%;
	line-height	: 1.6;
}

div#flash ul#fla_nav,
div#flash ul#fla_nav li { margin : 0; padding : 0; list-style : none;}

div#flash ul#fla_nav { width : 820px; height : 65px;}

div#flash ul#fla_nav li { float : left;}
div#flash ul#fla_nav li a {
	display		: block;
	height		: 65px;
	text-indent	: -9999px;
	overflow	: hidden;
}

	div#flash ul#fla_nav li#nav2-01 a { width : 164px; background : transparent url(../common_img/header/nav2/nav2-01.jpg) no-repeat;}
	div#flash ul#fla_nav li#nav2-02 a { width : 162px; background : transparent url(../common_img/header/nav2/nav2-02.jpg) no-repeat;}
	div#flash ul#fla_nav li#nav2-03 a { width : 162px; background : transparent url(../common_img/header/nav2/nav2-03.jpg) no-repeat;}
	div#flash ul#fla_nav li#nav2-04 a { width : 169px; background : transparent url(../common_img/header/nav2/nav2-04.jpg) no-repeat;}
	div#flash ul#fla_nav li#nav2-05 a { width : 163px; background : transparent url(../common_img/header/nav2/nav2-05.jpg) no-repeat;}

	div#flash ul#fla_nav li a:hover { background-position : 0 -65px !important;}



/* ------------------------------------------------------------------------ */

/* content

/* ------------------------------------------------------------------------ */

body#index #content { margin-top : 15px;}
#content	{ margin : 0 auto;	width : 790px; background : transparent url(../common_img/content_bg.gif) repeat-y; text-align:left;}
#left		{ float : left;		width : 220px;}
#right		{ float : right;	width : 542px;}
#crumb {
	padding			: 8px 0;
	background		: #FFF;
	text-align		: left;
	font-size		: 65%;
}

.section {
	clear	: both;
	margin	: 0 auto 10px;
	width	: 542px;
}

	.section p {
		margin		: 0 12px 12px;
		font-size	: 75%;
		line-height	: 1.5;
		text-align	: left;
	}

.section h3 {
	position	: relative;
	margin		: 0 auto 10px;
	width		: 540px;
	height		: 29px;
	text-indent	: -9999px;
	overflow	: hidden;
}



ul#left_banner,
ul#left_banner li { margin : 0 0 10px; padding : 0; list-style : none;}
ul#left_banner li a,
p#banner-shiryo a{
	display			: block;
	margin-bottom:10px;
	width			: 220px;
	height			: 60px;
	text-indent		: -9999px;
	overflow		: hidden;
	text-decoration	: none;
}
	ul#left_banner li#banner-taiken a		{ background : transparent url(../common_img/left/left_banner-taiken07.jpg) no-repeat;}
	ul#left_banner li#banner-taiken a:hover	{ background-position : 0 -60px !important;}
	ul#left_banner li#banner-soudan a		{ background : transparent url(../common_img/left/left_banner-soudan.jpg) no-repeat;}
	ul#left_banner li#banner-soudan a:hover	{ background-position : 0 -60px !important;}

	p#banner-shiryo a		{ height : 68px; background : transparent url(../common_img/left/left_banner-shiryo.jpg) no-repeat;}
	p#banner-shiryo a:hover { background-position : 0 -68px !important;}


.navbox {
	margin			: 0 auto 10px;
	border-top		: 1px solid #CCC;
	border-bottom	: 1px solid #CCC;
	width			: 220px;
	padding-top		: 1px !important;
	background		: transparent url(../common_img/left/leftnav_bg.gif) repeat-y;
}

.navbox02 {
	margin			: 0 auto 10px;
	border-top		: 1px solid #CCC;
	border-bottom	: 1px solid #CCC;
	width			: 220px;
	padding-top		: 1px !important;
	background		: transparent url(../common_img/left/leftnav_bg.gif) repeat-y;
}

.navbox_end { margin-bottom : 5px !important; border-bottom : 1px solid #CCC; padding-bottom : 1px;}

.navbox h3#h-visitor {
	margin		: 0 auto;
	width		: 220px;
	height		: 26px;
	background	: transparent url(../common_img/left/left_h-visitor.gif) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

.navbox ul li { margin-bottom : 1px; list-style:none;}
.navbox ul li a	{
	display			: block;
	margin			: 0 auto;
	width			: 216px;
	height			: 23px;
	text-indent		: -9999px;
	overflow		: hidden;
	text-decoration	: none;
}
	
	.navbox ul li#nav-highschool a	{ background : transparent url(../common_img/left/nav/left_nav-highschool.gif) no-repeat;}
	.navbox ul li#nav-university a	{ background : transparent url(../common_img/left/nav/left_nav-university.gif) no-repeat;}
	.navbox ul li#nav-guardian a	{ background : transparent url(../common_img/left/nav/left_nav-guardian.gif) no-repeat;}
	.navbox ul li#nav-enterprise a	{ background : transparent url(../common_img/left/nav/left_nav-enterprise.gif) no-repeat;}
	.navbox ul li#nav-graduate a	{ background : transparent url(../common_img/left/nav/left_nav-graduate.gif) no-repeat;}
	.navbox ul li#nav-foreign a		{ background : transparent url(../common_img/left/nav/left_nav-foreign.gif) no-repeat;}
	.navbox ul li#nav-junior a		{ background : transparent url(../common_img/left/nav/left_nav-junior.gif) no-repeat;}
	.navbox ul li#nav-course a		{ background : transparent url(../common_img/left/nav/left_nav-course.gif) no-repeat;}
	.navbox ul li#nav-campus a		{ background : transparent url(../common_img/left/nav/left_nav-campus.gif) no-repeat;}
	.navbox ul li#nav-access a		{ background : transparent url(../common_img/left/nav/left_nav-access.gif) no-repeat;}

	.navbox ul li a:hover { background-position : 0 -23px !important;}



p#btn_contact a {
	display			: block;
	margin			: 5px auto 5px;
	width			: 210px;
	height			: 40px;
	background		: transparent url(../common_img/left/left_banner-contact.jpg) no-repeat;
	text-indent		: -9999px;
	overflow		: hidden;
	text-decoration	: none;
}

	p#btn_contact a:hover { background-position:0 -40px !important;}



dl#qr,
dl#qr dt,
dl#qr dd { margin : 0; padding : 0;}

dl#qr {
	position	: relative;
	margin		: 0 auto 5px;
	width		: 210px;
	height		: 80px;
	background	: transparent url(../common_img/left/left_banner-qr.jpg) no-repeat;
}

dl#qr dt { text-indent : -9999px; overflow : hidden;}
dl#qr dd {
	position	: absolute;
	top			: 29px;
	left		: 10px;
	width		: 126px;
	text-align	: left;
	font-size	: 65%;
	font-family	: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height	: 1.3;
}


	#content:after,
	#importance2:after,
	#print:after,
	#route:after,
	.body#game .feature_box dl dd:after,
	.border_box:after,
	.borderbox2:after,
	.borderbox:after,
	.coursebox:after,
	.coursebox ul:after,
	.experience02 dl:after,
	.experience02 dl:after,
	.experience:after,
	.facilities_box:after,
	.feature_box dl dd:after,
	.feature_partition:after,
	.majime_box:after,
	.section:after,
	.step_up_box:after,
	.step_up_box dd:after,
	.step_up_box dl:after,
	.step_up_partition_last:after,
	.ul_experience_anchor:after,
	.university_box2 dl:after,
	.university_box2:after,
	.university_box:after,
	.university_teacher_box:after,
	div#taikenarea:after,
	div.feature_r dl:after,
	dl#dl_campusrepor:after,
	dl#subf_box:after,
	dl.dl_style4:after,
	p#voice_btn_experience:after
	 {
		content		: ".";
		display		: block;
		height		: 0px;
		clear		: both;
		visibility	: hidden;
	}


	#content,
	#importance2,
	#print,
	#route,
	.body#game .feature_box dl dd,
	.border_box,
	.borderbox,
	.borderbox2,
	.coursebox,
	.coursebox ul,
	.experience,
	.experience02 dl,
	.facilities_box:after,
	.feature_box dl dd,
	.feature_partition,
	.majime_box,
	.section,
	.step_up_box,
	.step_up_box dd,
	.step_up_box dl,
	.step_up_partition_last,
	.ul_experience_anchor,
	.university_box,
	.university_box2 dl,
	.university_box2,
	.university_teacher_box,
	div#taikenarea,
	div.feature_r dl,
	dl#dl_campusrepor,
	dl#subf_box,
	dl.dl_style4,
	p#voice_btn_experience
	{ display :i nline-table; }
	
	/* Mac IE には適用させない \*/

	* html #content,
	* html #importance2,
	* html #print,
	* html #route,
	* html .border_box,
	* html .borderbox,
	* html .borderbox2,
	* html .coursebox,
	* html .coursebox ul,
	* html .experience,
	* html .experience02 dl,
	* html .facilities_box,
	* html .feature_box dl dd,
	* html .feature_partition,
	* html .majime_box,
	* html .section,
	* html .step_up_box,
	* html .step_up_box dd,
	* html .step_up_box dl,
	* html .step_up_partition_last,
	* html .ul_experience_anchor,
	* html .university_box,
	* html .university_box2 dl,
	* html .university_box2,
	* html .university_teacher_box,
	* html body#game .feature_box dl dd,
	* html div#taikenarea,
	* html div.feature_r dl,
	* html dl#dl_campusrepor,
	* html dl#subf_box,
	* html dl.dl_style4,
	* html p#voice_btn_experience
	{ height : 1px; }
	
	#content,
	#importance2,
	#print,
	#route,
	.border_box,
	.border_box,
	.borderbox,
	.borderbox2,
	.coursebox,
	.coursebox ul,
	.dl.dl_style4
	.experience,
	.experience02 dl,
	.facilities_box,
	.feature_box dl dd,
	.feature_partition,
	.majime_box,
	.section,
	.step_up_box,
	.step_up_box dd,
	.step_up_box dl,
	.step_up_partition_last,
	.ul_experience_anchor,
	.university_box,
	.university_box2 dl,
	.university_box2,
	.university_teacher_box,
	body#game .feature_box dl dd,
	div#taikenarea,
	div.feature_r dl,
	dl#dl_campusrepor,
	dl#subf_box,
	p#voice_btn_experience
	{ display : block; }
	/* */


/* ------------------------------------------------------------------------ */

/* parts

/* ------------------------------------------------------------------------ */


#subnav {
	width			 : 540px;
	border			 : 1px solid #CCCCCA;
	background-color : #F7F7EF;
}


#subnav ul,
#subnav ul li { margin : 0; padding : 0; list-style : none;}

#subnav ul li {
	display	: inline;
	float	: left;
	margin	: 12px 12px 0;
	width	: 245px;
}

#subnav li a {
	display		: block;
	width		: 245px;
	height		: 40px;
	text-indent	: -9999px;
	overflow	: hidden;
}

	#subnav li#subnav01 a { height : 50px; background : transparent url(../common_img/btn_subnav01.gif) no-repeat center top;}
	#subnav li#subnav02 a { height : 50px; background : transparent url(../common_img/btn_subnav02.gif) no-repeat center top;}
	#subnav li#subnav03 a { background : transparent url(../common_img/btn_subnav03.gif) no-repeat center top;}
	#subnav li#subnav04 a { background : transparent url(../common_img/btn_subnav04.gif) no-repeat center top;}

	#subnav li#subnav05 a {
		margin-bottom	: 12px;
		width			: 514px;
		height			: 58px;
		background		: transparent url(../common_img/btn_subnav-info02.gif) no-repeat;
	}

	#subnav li#subnav052 a {/*おといあわせページのみ*/
		margin-bottom	: 12px;
		width			: 514px;
		height			: 58px;
		background		: transparent url(../common_img/btn_subnav-info02.gif) no-repeat;
	}

	#subnav li a:hover	{ background-position : center bottom !important;}


#btm_link {
	width		: 540px;
	padding-top	: 16px;
	background	: transparent url(../course/img/btn_link_border.gif) no-repeat center top;
}

#link_list,
#link_list li { margin : 0; padding : 0;}
#link_list li { list-style : none; float : left;}

#link_list li a {
	margin		: 0 15px 12px 0;
	display		: block;
	width		: 170px;
	height		: 27px;
	text-indent : -9999px;
	overflow	: hidden;
}

#link_list li#btn03 a,
#link_list li#btn06 a { margin : 0 0 12px 0;}

	#link_list li#btn01 a { background : transparent url(../course/img/btm_linkbtn01.gif) no-repeat;}
	#link_list li#btn02 a { background : transparent url(../course/img/btm_linkbtn02.gif) no-repeat;}
	#link_list li#btn03 a { background : transparent url(../course/img/btm_linkbtn03.gif) no-repeat;}
	#link_list li#btn04 a { background : transparent url(../course/img/btm_linkbtn04.gif) no-repeat;}
	#link_list li#btn05 a { background : transparent url(../course/img/btm_linkbtn05.gif) no-repeat;}
	#link_list li#btn06 a { background : transparent url(../course/img/btm_linkbtn06.gif) no-repeat;}

	#link_list li a:hover { background-position : 0 -27px !important;}


/* ------------------------------------------------------------------------ */

/* footer

/* ------------------------------------------------------------------------ */


#footer {
	border-top	: 5px solid #3D3D3D;
	clear		: both;
	height		: 30px;
	padding-top	: 1px;
	background	: transparent url(../common_img/footer/footer_bg2.gif) repeat-y left bottom;
}

ul#footer_link { margin-left : 2px;}
ul#footer_link li { display : inline;float : left; margin : 0; padding : 0; list-style : none;}
ul#footer_link li a {
	display			: block;
	height			: 30px;
	text-indent		: -9999px;
	overflow		: hidden;
	text-decoration	: none;
}

	ul#footer_link li#footlink-sitemap a	{ width : 92px; background : transparent url(../common_img/footer/nav/footer_nav-sitemap.gif) no-repeat;}
	ul#footer_link li#footlink-policy a		{ width : 103px; background : transparent url(../common_img/footer/nav/footer_nav-policy.gif) no-repeat;}
	ul#footer_link li#footlink-privacy a	{ width : 134px; background : transparent url(../common_img/footer/nav/footer_nav-privacy.gif) no-repeat;}

	ul#footer_link li a:hover { background-position : 0 -30px !important;}

#footer address {
	float		: right;
	width		: 400px;
	height		: 25px;
	background	: #F1F1F1 url(../common_img/footer/nav/footer_copy.gif) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}