﻿/* ------------------------------------------------------------------------ */

/* school

/* ------------------------------------------------------------------------ */

.navbox h3#h-school {
	margin		: 0 auto;
	width		: 220px;
	height		: 34px;
	background	: transparent url(img/left_h-school.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			: 25px;
	text-indent		: -9999px;
	overflow		: hidden;
	text-decoration	: none;
}
	
	.navbox ul li#nav-majime a		{ background : transparent url(img/nav/left_school_nav-majime.gif) no-repeat;}
	.navbox ul li#nav-message a		{ background : transparent url(img/nav/left_school_nav-message.gif) no-repeat;}
	.navbox ul li#nav-course_list a	{ background : transparent url(img/nav/left_school_nav-course_list.gif) no-repeat;}
	.navbox ul li#nav-history a		{ background : transparent url(img/nav/left_school_nav-history.gif) no-repeat;}
	.navbox ul li#nav-facilities a	{ background : transparent url(img/nav/left_school_nav-facilities.gif) no-repeat;}
	.navbox ul li#nav-access a		{ background : transparent url(img/nav/left_school_nav-access.gif) no-repeat;}
	.navbox ul li#nav-contact a		{ background : transparent url(img/nav/left_school_nav-contact.gif) no-repeat;}
	.navbox ul li#nav-denpa_group a	{ background : transparent url(img/nav/left_school_nav-denpa_group.gif) no-repeat;}

	.navbox ul li a:hover { background-position : 0 -25px !important;}



#school_explanation {
	position	: relative;
	margin		: 0 auto 15px;
	width		: 540px;
	height		: 430px;
	background	: transparent url(img/p_school01.jpg) no-repeat;
}

	#school_explanation p {
		position	: absolute;
		width		: 520px;
		top			: 324px;
		left		: 8px;
		font-size	: 75%;
		line-height	: 1.5;
		text-align	: justify;
	}



.section dl.dl_school {
	margin	: 0;
	width	: 540px;
}

.section dl.dl_school,
.section dl.dl_school dt,
.section dl.dl_school dd { margin : 0; padding : 0;}

.section dl.dl_school dt { text-indent : -9999px; overflow : hidden; height : 1px;}

.section dl.dl_school dd#btn_school01,
.section dl.dl_school dd#btn_school03,
.section dl.dl_school dd#btn_school05,
.section dl.dl_school dd#btn_school07 {
	position	: relative;
	float		: left;
	display		: inline;
}

.section dl.dl_school dd#btn_school02,
.section dl.dl_school dd#btn_school04,
.section dl.dl_school dd#btn_school06,
.section dl.dl_school dd#btn_school08 {
	position	: relative;
	float		: right;
	display		: inline;
}

.section dl.dl_school dd a {
	display			: block;
	margin			: 0 0 10px;
	width			: 265px;
	height			: 81px;
	text-indent		: -9999px;
	overflow		: hidden;
	text-decoration	: none;
}

	.section dl.dl_school dd#btn_school01 a { background : transparent url(img/school_btn01.jpg) no-repeat;}
	.section dl.dl_school dd#btn_school02 a { background : transparent url(img/school_btn02.jpg) no-repeat;}
	.section dl.dl_school dd#btn_school03 a { background : transparent url(img/school_btn03.jpg) no-repeat;}
	.section dl.dl_school dd#btn_school04 a { background : transparent url(img/school_btn04.jpg) no-repeat;}
	.section dl.dl_school dd#btn_school05 a { background : transparent url(img/school_btn05.jpg) no-repeat;}
	.section dl.dl_school dd#btn_school06 a { background : transparent url(img/school_btn06.jpg) no-repeat;}
	.section dl.dl_school dd#btn_school07 a { background : transparent url(img/school_btn07.jpg) no-repeat;}
	.section dl.dl_school dd#btn_school08 a { background : transparent url(img/school_btn08.jpg) no-repeat;}

	.section dl.dl_school dd a:hover { background-position : 0 -81px !important;}

	
.section dl.dl_school dd span {
	position	: absolute;
	width		: 245px;
	top			: 36px;
	left		: 10px;
	font-size	: 75%;
	line-height	: 1.5;
	text-indent	: 0;
	color		: #555;
	cursor		: pointer;
}



/* ------------------------------------------------------------------------ */

/* school/majime

/* ------------------------------------------------------------------------ */

h3#h3_majime01 {
	position	: inherit;
	margin		: 0 auto;
	width		: 540px;
	height		: 189px;
	background	: transparent url(img/h3_majime01.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

h4#h4_majime01 {
	margin		: 0 auto 10px;
	width		: 540px;
	height		: 68px;
	background	: transparent url(img/h4_majime01.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

.majime_box {
	position		: relative;
	margin			: 0 auto 10px;
	border-bottom	: 1px solid #CCC;
	width			: 540px;
	padding-bottom	: 10px;
	background		: transparent url(img/bg_majimebox.gif) repeat-y center top;
}

.majime_box h5 {
	margin		: 0 0 10px;
	width		: 540px;
	height		: 31px;
	text-indent	: -9999px;
	overflow	: hidden;
}

	.majime_box h5#h5_majime01 { background : transparent url(img/h5_majime01.jpg) no-repeat;}
	.majime_box h5#h5_majime02 { background : transparent url(img/h5_majime02.jpg) no-repeat;}
	.majime_box h5#h5_majime03 { background : transparent url(img/h5_majime03.jpg) no-repeat;}
	.majime_box h5#h5_majime04 { background : transparent url(img/h5_majime04.jpg) no-repeat;}
	.majime_box h5#h5_majime05 { background : transparent url(img/h5_majime05.jpg) no-repeat;}
	.majime_box h5#h5_majime06 { background : transparent url(img/h5_majime06.jpg) no-repeat;}


.majime_box img {
	float	: left;
	margin	: 0 15px 0 12px;
	width	: 200px;
}
.majime_box p {
	float		: left;
	margin		: 0 2px 10px 0;
	width		: 300px;
	font-size	: 75%;
	line-height	: 1.5;
	text-align	: justify;
}

.majime_box ul {
	float			: right;
	display			: inline;
	margin-right	: 10px;
}

.majime_box ul li {
	list-style		: none;
	margin-top		: 4px;
	text-indent		: -9999px;
	overflow		: hidden;
}

	.majime_box ul li a {
		display			: block;
		height			: 21px;
		text-align		: left;
	}


	.majime_box ul li#btn_majime01-01 a { width : 159px; background : transparent url(img/btn_majime01-01.gif) no-repeat;}
	.majime_box ul li#btn_majime02-01 a { width : 193px; background : transparent url(img/btn_majime02-01.gif) no-repeat;}
	.majime_box ul li#btn_majime03-01 a { margin-left : 60px; width : 182px; background : transparent url(img/btn_majime03-01.gif) no-repeat;}
	.majime_box ul li#btn_majime03-02 a { margin-left : 83px; width : 159px; background : transparent url(img/btn_majime03-02.gif) no-repeat;}
	.majime_box ul li#btn_majime03-03 a { margin-left : 60px; width : 182px; background : transparent url(img/btn_majime03-03.gif) no-repeat;}
	.majime_box ul li#btn_majime04-01 a { width : 183px; background : transparent url(img/btn_majime04-01.gif) no-repeat;}
	.majime_box ul li#btn_majime04-02 a { margin-left : 23px; width : 160px; background : transparent url(img/btn_majime04-02.gif) no-repeat;}
	.majime_box ul li#btn_majime05-01 a { width : 171px; background : transparent url(img/btn_majime05-01.gif) no-repeat;}

	.majime_box ul li a:hover { background-position : 0 -21px !important;}



/* ------------------------------------------------------------------------ */

/* school/massage

/* ------------------------------------------------------------------------ */

h3#h3_massage01 {
	position	: inherit;
	margin		: 0 auto 10px;
	width		: 540px;
	height		: 35px;
	background	: transparent url(img/h3_message01.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

p#koucyou_message {
	margin-top	: 50px;
	font-size	: 85%;
	font-weight	: bold;
}


/* ------------------------------------------------------------------------ */

/* school/history

/* ------------------------------------------------------------------------ */

h3#h3_history01 {
	position	: inherit;
	margin		: 0 auto 14px;
	width		: 540px;
	height		: 35px;
	background	: transparent url(img/h3_history01.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

h4#h4_history01 {
	margin		: 0 auto 10px;
	width		: 540px;
	height		: 28px;
	background	: transparent url(img/h4_history01.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

dl#dl_history,
dl#dl_history dt,
dl#dl_history dd { margin : 0; padding : 0;}

dl#dl_history dt {
	margin		: 0 15px 5px;
	padding		: 12px 5px 0;
	background	: transparent url(../common_img/border02.gif) no-repeat center top;
	font-size	: 75%;
	font-weight	: bold;
}

dl#dl_history dd {
	margin		: 0 28px 12px;
	font-size	: 75%;
	line-height	: 1.5;
}


/* ------------------------------------------------------------------------ */

/* school/facilities

/* ------------------------------------------------------------------------ */

h3#h3_facilities01 {
	position	: inherit;
	margin		: 0 auto 14px;
	width		: 540px;
	height		: 35px;
	background	: transparent url(img/h3_facilities01.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

h4#h4_facilities01 {
	margin		: 0 auto 10px;
	width		: 540px;
	height		: 58px;
	background	: transparent url(img/h4_facilities01.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

.coursebox {
	margin	: 0 auto 15px;
	width	: 532px;
	padding	: 5px 4px 0;
	border	: 1px solid #CCC;
}

	.coursebox p{
		margin		: 0 12px 12px;
		font-size	: 75%;
		line-height	: 1.5;
	}
	
	.coursebox p.copy{
		margin		: 0 12px 18px;
		font-size	: 75%;
		line-height	: 1.5;
	}
	


.coursebox h4 a{
	display		: block;
	margin		: 0 auto 10px;
	width		: 530px;
	height		: 84px;
	text-indent	: -9999px;
	overflow	: hidden;
}

	.coursebox h4#h4_banner01 a	{ background : transparent url(../course/img/banner_course01.jpg) no-repeat;}
	.coursebox h4#h4_banner02 a	{ background : transparent url(../course/img/banner_course02.jpg) no-repeat;}
	.coursebox h4#h4_banner03 a	{ background : transparent url(../course/img/banner_course03.jpg) no-repeat;}
	.coursebox h4#h4_banner04 a	{ background : transparent url(../course/img/banner_course04.jpg) no-repeat;}
	.coursebox h4#h4_banner05 a	{ background : transparent url(../course/img/banner_course05.jpg) no-repeat;}
	.coursebox h4#h4_banner06 a	{ background : transparent url(../course/img/banner_course06.jpg) no-repeat;}

	.coursebox h4 a:hover { background-position : 0 -84px !important;}



#course-computer .facilities_box strong,
#course-computer .facilities_box-left strong,
#course-computer .facilities_box-right strong { color : #4478B2; line-height : 1.8;}

#course-game .facilities_box strong,
#course-game .facilities_box-left strong,
#course-game .facilities_box-right strong { color : #679E3C; line-height : 1.8;}

#course-broadcasting .facilities_box strong,
#course-broadcasting .facilities_box-left strong,
#course-broadcasting .facilities_box-right strong { color : #E5652B; line-height : 1.8;}

#course-electric .facilities_box strong,
#course-electric .facilities_box-left strong,
#course-electric .facilities_box-right strong { color : #CC3433; line-height : 1.8;}

#course-digital .facilities_box strong,
#course-digital .facilities_box-left strong,
#course-digital .facilities_box-right strong { color : #E44076; line-height : 1.8;}

#course-robot .facilities_box strong,
#course-robot .facilities_box-left strong,
#course-robot .facilities_box-right strong { color : #624B79; line-height : 1.8;}



.facilities_box p,
.facilities_box-left p,
.facilities_box-right p { margin : 0 0 10px; text-align : justify;}

.facilities_box img,
.facilities_box-left img,
.facilities_box-right img { display : block; margin-bottom : 3px;} 

.facilities_box-left {
	display		: inline;
	float		: left;
	clear		: left;
	margin		: 0 0 12px 41px;
	width		: 200px;
}

.facilities_box-right {
	display		: inline;
	float		: right;
	clear		: right;
	margin		: 0 41px 12px 0;
	width		: 200px;
}

.facilities_box {
	clear	: both;
	margin	: 0 auto 12px;
	width	: 450px;
}



/* ------------------------------------------------------------------------ */

/* school/access

/* ------------------------------------------------------------------------ */

h3#h3_access01 {
	position	: inherit;
	margin		: 0 auto 14px;
	width		: 540px;
	height		: 35px;
	background	: transparent url(img/h3_access01.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}


body#access .section h4 {
	position	: relative;
	margin		: 0 auto 10px;
	width		: 540px;
	height		: 29px;
	text-indent	: -9999px;
	overflow	: hidden;
}

	body#access .section h4 a{
		overflow		: hidden;
		position		: absolute;
		top				: 1px;
		right			: 1px;
		display			: block;
		width			: 78px;
		height			: 21px;
		background		: transparent url(img/btn_print.gif) no-repeat center top !important;
		text-decoration	: none;
	}

	body#access .section h4 a:hover{ background-image : url(img/btn_print_over.gif)!important;}



h4#h4_access01 {
	margin		: 0 auto 10px;
	width		: 540px;
	height		: 31px;
	background	: transparent url(img/h4_access01.gif) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}
	

h4#h4_access02 {
	margin		: 0 auto 10px;
	width		: 540px;
	height		: 31px;
	background	: transparent url(img/h4_access02.jpg) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}
	
h4#h4_access03 {
	margin		: 0 auto 10px;
	width		: 540px;
	height		: 31px;
	background	: transparent url(img/h4_access03.gif) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}
	
h4#h4_access04 {
	margin		: 0 auto 15px;
	width		: 540px;
	height		: 31px;
	background	: transparent url(img/h4_access04.gif) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}
	
h4#h4_access05 {
	margin		: 0 auto 15px;
	width		: 540px;
	height		: 31px;
	background	: transparent url(img/h4_access05.gif) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}
	
h4#h4_access06 {
	margin		: 0 auto 15px;
	width		: 540px;
	height		: 31px;
	background	: transparent url(img/h4_access06.gif) no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}
	

.border_box {
	position		: relative;
	margin			: 0 auto 15px;
	border-bottom	: 1px solid #CCC;
	width			: 540px;
	background		: transparent url(img/bg_majimebox.gif) repeat-y center top;
}

	.border_box p {
		margin		: 0 15px 12px;
		font-size	: 75%;
		line-height	: 1.5;
		text-align	: justify;
	}


p#btn_print { margin:0 auto 15px; width : 125px; text-indent : -9999px; overflow : hidden; text-align: center;}
p#btn_print a {
	display		: block;
	width		: 125px;
	height		: 21px;
	background	: transparent url(img/btn_print.gif) no-repeat;
}

	p#btn_print a:hover { background-position : 0 -21px !important;}




dl#dl_access_link,
dl#dl_access_link dt,
dl#dl_access_link dd { margin : 0; padding : 0;}

dl#dl_access_link { margin-left : 15px;}

dl#dl_access_link dt {
	padding-left	: 14px;
	background		: transparent url(../common_img/list_aicon02.gif) no-repeat 0 6px;
	font-size		: 75%;
	line-height		: 1.8;
	font-weight		: bold;
}

dl#dl_access_link dd {
	padding-left	: 14px;
	font-size		: 75%;
	line-height		: 1.5;
}
	dl#dl_access_link dd p {
		text-indent	: -9999px;
		overflow	: hidden;
	}
			
	dl#dl_access_link dd a {
		display		: block;
		margin		: 5px 0;
		width		: 185px;
		height		: 21px;
	}

		dl#dl_access_link dd p#btn_access01 a { background : transparent url(img/btn_access01.gif) no-repeat;}
		dl#dl_access_link dd p#btn_access02 a { background : transparent url(img/btn_access02.gif) no-repeat;}
		dl#dl_access_link dd p#btn_access03 a { background : transparent url(img/btn_access03.gif) no-repeat;}

		dl#dl_access_link dd a:hover { background-position : 0 -21px !important;}



.access-left {
	display	: inline;
	float	: left;
	clear	: left;
	margin	: 0 0 12px 20px;
	width	: 240px;
}

.access-right {
	display	: inline;
	clear	: right;
	float	: right;
	margin	: 0 20px 12px 0;
	width	: 240px;
}

.access-left img,
.access-right img { display : block; margin-bottom : 2px;}

.access-left p,
.access-right p { margin : 0;}

.access-left p strong,
.access-right p strong { line-height : 1.8;}



/* --- アクセスマップ｜印刷用ページ --- */

body#access_print {
	margin			: 0 auto;
	padding			: 5px 0 0;
	width			: 600px;
	padding-bottom	: 15px;
	text-align		: center;
	color			: #555;
}
#print { margin : 0 auto; width : 600px;}

#print p {
	padding		: 0;
	margin		: 0 0 12px;
	font-family	: Verdana, sans-serif, "ＭＳ Ｐゴシック";
	font-size	: 75%;
	text-align	: left;
	line-height	: 1.4;
}

#print #map { float : left;}

#route {
	clear	: both;
	margin	: 0 auto;
	width	: 600px;
}

#route p { font-size : 10px;}

body#access_print h4 {
	margin		: 0 auto 12px;
	width		: 600px;
	height		: 29px;
	text-indent	: -9999px;
	overflow	: hidden;
}


	body#access_print h4#h4_access01{ background : transparent url(img/map/h4_map-access01.gif) no-repeat;}
	body#access_print h4#h4_access02{ background : transparent url(img/map/h4_map-access02.gif) no-repeat;}
	body#access_print h4#h4_access03{ background : transparent url(img/map/h4_map-access03.gif) no-repeat;}
	body#access_print h4#h4_access04{ background : transparent url(img/map/h4_map-access04.gif) no-repeat;}


.pic {
	display		: inline;
	margin		: 0 0 4px 11px;
	float		: left;
	width		: 185px;
}

.pic img	{ margin-bottom : 1px;}
.pic strong { line-height : 1.6;}

body#access_print input { text-align : center;}
