@charset "utf-8";

/*** section ********************************************************************/

#section *{
	margin	: 0 0 10px 10px;
}
	#section * *{
		margin	: 0;
	}

#section strong{
	font-weight	: bold;
}

#section em{
	color		: #cc3333;
}

#section dt{
	font-weight	: bold;
}

#section p,
#section img,
#section h4,
#section table,
#section dl,
#section dd,
#section ul,
#section ol,
#section hr,
#section div.column{
	margin-left		: 10px;
	margin-bottom	: 10px;
}
	#section ul li,
	#section ol li,
	#section dl dd{
		margin-left		: 1.5em;
	}
	#section ul ul{
		margin-bottom	: 0;
	}
	#section p img{
		margin	: 0;
	}


/*** アーティクル ***/
#section div.article{
	margin			: 0 10px 10px 20px;
	padding			: 0 10px 0 0;
	clear			: both;
	height			: auto;
	overflow		: visible;
}
#section div.article:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}


/*** 見出し ***/
#section h2{
	clear	: both;
	margin	: 0 -10px 20px 10px;	/* articleのpadding分マイナス左右マージン */
	background	: transparent none no-repeat scroll left top;
}
#section h3{
	clear	: both;
	margin	: 10px -10px 10px 0px;	/* articleのpadding分マイナス左右マージン */
	background	: transparent none no-repeat scroll left top;
}


/*** 水平線 ***/
#section hr{
    display		: block;
    height		: 1px;
    border		: 0;
    border-top	: 1px dotted #cccccc;
}



/*** トップに戻る ***/
#section p.back_to_top{
	text-align	: right;
	clear		: both;
}

/*** 左右寄せ ***/
#section .photo_image_right,
#section .photo_image_left{
	text-align	: center;
	height		: 100%;
	overflow	: visible;
	margin-bottom:10px;
	display		: inline;
}
#section img.photo_image_right,
#section img.photo_image_left{
	height		: auto;
	position	: relative;
}
#section .photo_image_right{
	float		: right;
}
#section .photo_image_left{
	float		: left;
	margin-right: 10px;		/* element幅（気休め程度） */
}


/*** フォーム ***/
#section table input,
#section table textarea{
	height		: 1.5em;
	border-top	: 1px solid #cccccc;
	border-left	: 1px solid #cccccc;
	border-right	: 1px solid #eeeeee;
	border-bottom	: 1px solid #eeeeee;
	padding	: 2px;
	height	: auto;
	width	: 400px;
}
#section table th span{
	color			: #cc3333;
}
#section table td label{
	white-space		: nowrap;
	padding-right	: 10px;
	display			: block;
	min-width		: 70px;
	position		: relative;
	_position		: static;
	display			: block;
}
	#section table td label input{
		position	: relative;
		_position	: static;
		top			: 3px;
		border-top		: none;
		border-left		: none;
		border-right	: none;
		border-bottom	: none;
		width	: 1.5em;
	}
	#section table td label span{
		white-space	: nowrap;
	}
#section div.buttons{
	text-align	: center;
	margin		: 20px auto;
}
	#section div.buttons input{
		width	: 100px;
		height	: 2em;
	}


/*** テーブル ***/
#section table{
	border-collapse	: collapse;
	margin-top		: 1px;
}
#section table.layout table{
	width		: auto;
}
	#section table caption{
		text-align	: left;
		font-weight	: bold;
	}
	#section table th,
	#section table.layout table th{
		background-color	: #eaeaea;
		color		: #333333;
		border		: 1px solid #cccccc;
		padding		: 5px;
		text-align	: center;
		white-space	: nowrap;
		vertical-align	: top;
	}
	#section table td,
	#section table.layout table td{
		border	: 1px solid #cccccc;
		padding	: 5px;
	}

/*** レイアウト用テーブル ***/
#section table.layout{
	border	: none;
	margin	: 0;
	padding	: 0;
	width	: 100%;
}
	#section table.layout td,
	#section table table.layout td{
		border	: none;
		margin	: 0;
		padding	: 0;
		vertical-align	: top;
	}


/*** ボックス横並べ ***/
#section .gallery{
	margin			: 0;
	width			: 100%;
	height			: auto;
	overflow		: visible;
}
#section ul.gallery:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
	#section ul.gallery li{
		list-style-type	: none;
		margin			: 0;
		float			: left;
	}
		#section ul.gallery li ul li{
			list-style-type	: disc;
			margin-left		: 1.5em;
			float			: none;
		}
		#section ul.gallery li ol li{
			list-style-type	: decimal;
			margin-left		: 1.5em;
			float			: none;
		}




/*** section - JSもの **********************************************************************/

#section dl.scrap{
	margin			: 0;
	width			: 100%;
	height			: auto;
	overflow		: visible;
}
#section dl.scrap:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#section dl.tab{
	margin			: 0;
	width			: 100%;
	height			: auto;
	overflow		: visible;
}
#section dl.tab:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
	#section dl.tab dt{
		margin			: 0;
		float			: left;
	}
	#section dl.tab dd{
		clear		: both;
	}


/*** section - 単発もの ********************************************************************/

#section ul.checks li{
	color	: #255089;
	font-weight	: bold;
}

#section div.note{
	background	: transparent url("../elementary/images/bg.jpg") no-repeat scroll left top;
	width		: 396px;
	margin		: 0 0 10px 10px;
	height		: 90px;
	padding		: 10px 10px 1px 0;
}
#section div.elem4{
	background	: transparent url("../elementary/images/photo2.jpg") no-repeat scroll right 10px;
	padding-right	: 150px;
}

#section table.course caption{
	font-size	: 15px;
}
#section table.course{margin-bottom	: 20px;}
#section table.course *{font-size	: 12px;}
#section table.course th{vertical-align	: middle;}
#section table.course td span{white-space:nowrap;}
#section table.course1 caption{	color		: #d44343;}
#section table.course2 caption{	color		: #51b800;}
#section table.course3 caption{	color		: #255089;}
#section table.course1 th{	background-color	: #ffe4e4;}
#section table.course2 th{	background-color	: #d3ffb1;}
#section table.course3 th{	background-color	: #d0e4ff;}
#section table.course4 th{	background-color	: #fcddb9;}
#section table.course5 th{	background-color	: #d0f8af;}
#section table.course6{	margin-bottom:10px;}
#section table.course6 th{	background-color	: #d0e4ff;}

#section p.notice{
	color		: #cc0000;
	font-size	: 12px;
}

#section div.junior_bg1{
	background		: transparent url("../junior/images/photo2.jpg") no-repeat scroll 10px top;
	padding-left	: 220px;
	height			: 200px;
}

#section div.junior_bg2{
	background		: transparent url("../junior/images/photo1.jpg") no-repeat scroll right top;
	padding-right	: 260px;
	height			: 200px;
}

#section div.staff{
	background-color	: #dcebff;
	margin				: 0 0 20px 10px;
	padding				: 10px 10px 1px 0;
	position			: relative;
}
	#section div.staff h4{
		margin-bottom	: 0;
		font-size		: 12px;
	}
	#section div.staff p{
		clear				: both;
		background-color	: white;
		padding				: 10px;
	}
	#section div.staff ul{
		margin		: 0 0 5px 10px;
	}
	#section div.staff ul:after{
		content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}
		#section div.staff ul li{
			float	: left;
			white-space		: nowrap;
			font-size		: 12px;
			margin			: 0;
			padding			: 0 5px 0 15px;
			list-style-type	: none;
			background		: transparent url("../school/images/keireki.jpg") no-repeat scroll left center;
		}
		#section div.staff ul li.initial{
			background		: transparent none no-repeat scroll left center;
			padding-left	: 0;
		}
#section div.staff_odd{
	padding-left	: 307px;
}
	#section div.staff_odd img{
		position	: absolute;
		left		: -10px;
		bottom		: -10px;
	}
#section div.staff_even{
	padding-right	: 307px;
}
	#section div.staff_even img{
		position	: absolute;
		right		: 0px;
		bottom		: -10px;
	}

#section div.feedback{
	border	: 10px solid #dcebff;
	margin	: 0 0 10px 10px;
	width	: 585px;
	padding	: 15px 15px 5px 5px;
}
	#section div.feedback dd{
		margin-left	: 0;
	}
	#section div.feedback p{
		clear	: both;
		line-height	: 30px;
		background	: transparent url("../grad/images/feedback.png") repeat scroll left top;
	}
		#section div.feedback p *{
			line-height	: 30px;
		}

#section dl.tab{
	margin-right	: -10px;
	margin-left		: 0;
	width			: 645px!important;
}
	#section dl.tab dt{
		margin-bottom	: 10px;
	}
	#section dl.tab table{
		margin-left	: -10px;
	}
	#section dl.tab li{
		margin-left	: 30px;
	}
#section #tab1,
#section #tab2,
#section #tab3,
#section #tab4{
	height	: 51px;
	text-indent	: -9876px;
	width	: 161px;
}
#section #tab1{
	width	: 162px;
}

#section #tab1{background-image:url("../grad/images/tab_01.jpg");}
#section #tab2{background-image:url("../grad/images/tab_02.jpg");}
#section #tab3{background-image:url("../grad/images/tab_03.jpg");}
#section #tab4{background-image:url("../grad/images/tab_04.jpg");}

#section table.layout table.camp th{
	background-color	 : #ffe4e4;
}

#section ul.pickup1 li{
	list-style-type	: none;
	padding-left	: 27px;
	margin-bottom	: 10px;
	margin-left		: 0;
	background		: transparent url("../project/images/pickup1.png") no-repeat scroll left top;
}
#section ul.pickup2 li{
	list-style-type	: none;
	padding-left	: 27px;
	margin-bottom	: 10px;
	margin-left		: 0;
	background		: transparent url("../project/images/pickup2.png") no-repeat scroll left top;
}

#section dl.faq{
	
}
	#section dl.faq dt{
		margin-bottom	: 10px;
		padding-left: 50px;
		padding-top	: 10px;
		line-height	: 30px;
		color		: white;
		background	: transparent url("../flow/images/q.png") no-repeat scroll left top;
	}
	#section dl.faq dd{
		margin-bottom	: 20px;
		margin-left	: 0;
		padding-left: 50px;
		background	: transparent url("../flow/images/a.png") no-repeat scroll 22px top;
	}

#section table.course td{
	vertical-align	: center;
}
#section table img.thumb{
	border	: 1px solid #eee;
}
#section table img.pdf{
	margin	: 0;
}

#nav #nav_course{
	border-left	: 1px solid #cccccc;
	border-right	: 1px solid #cccccc;
	border-bottom	: 1px solid #cccccc;
	padding			: 9px;
	height			: 220px;
	margin-top		: -10px;
}
	#nav #nav_course iframe{
		width		: 200px;
		height		: 220px;
		border		: none;
		overflow	: auto;
	}

#course_list{
	background-image	: none;
	text-align			: left;
}
#course_list *{
	font-siZe			: 12px;
}
#course_list dl{
	margin-right	: 5px;
}
	#course_list dl dt{
		padding-left	: 10px;
		font-weight		: normal;
		background		: transparent url("../common_images/arrow.png") no-repeat scroll left 3px;
	}
	#course_list dl dd{
		padding-left	: 10px;
		color			: #f18101;
		font-weight		: bold;
		border-bottom	: 1px dotted silver;
		padding-bottom	: 5px;
		margin-bottom	: 5px;
	}
	#course_list dl dd a{
		color			: #f18101;
	}


#flash{
	position	: relative;
	margin		: 0 -40px 20px -10px;
	width		: 715px;
	background	: red;
	height		: 290px;
	margin-bottom	: 20px;
}

#section ul.point{
	height		: 272px;
	background	: transparent url("../images/bg.jpg") no-repeat scroll left top;
}
	#section ul.point li{
		width	: 212px;
		height	: 237px;
		padding	: 15px 0 0 10px;
		position	 : relative;
	}
		#section ul.point li p{
			padding	: 0 5px 0;
		}
		#section ul.point li a{
			right		: 5px;
			bottom		: 0;
			padding		: 0 0 0 15px;
			display		: block;
			position	: absolute;
			background	: transparent url("../images/arrow_blue.png") no-repeat scroll left 3px;
		}
		#section ul.point li *{
			font-size	: 12px;
		}

#section #shin{
	margin-top	: -10px;
	height		: 169px;
	padding-right	: 10px;
	background	: transparent url("../images/shin_bg.png") no-repeat scroll left top;
}

#section #news{
	height		: 159px;
	overflow	: auto;
}
	#section #news dt.initial{border-top:0;}
	#section #news dd.initial{border-top:0;}
	#section #news dt{
		margin-top	: 5px;
		padding-top	: 5px;
		margin-right	: 5px;
		border-top	: 1px dotted #ccc;
		margin-bottom	: 0;
	}
	#section #news span.date{
		width			: 95px;
		display			: inline-block;
		padding-right	: 0px;
	}
	#section #news span.title{
		padding-left	: 20px;
		background	: transparent url("../images/shin_arrow.png") no-repeat scroll left center;
	}
	#section #news dd{
		margin-left	: 0;
		margin-right	: 5px;
		padding-left	: 115px;
	}


#section #slideshow{
	margin	: 0 0 20px 15px;
	padding	: 0;
	position: relative;
}
	#section #slideshow ul{
		margin	: 0;
		padding	: 0;
		height	: 290px;
		width	: 653px;
		overflow: hidden;
		position: relative;
	}
		#section #slideshow ul li{
			margin	: 0;
			padding	: 0;
			list-style-type	: none;
		}
			#section #slideshow ul li img{
				margin	: 0;
			}

#section ul.project li *{
	font-size	: 12px;
}

#section p.moreinfo{
	text-align	: right;
}
	#section p.moreinfo a{
		padding		: 0 0 0 15px;
		font-size	: 12px;
		margin-top	: -10px;
		background	: transparent url("../images/arrow_blue.png") no-repeat scroll left 0px;
	}

#section dl.addr dt{
	color	: #255089;
}

#section .staff h4{
	color	: #255089;
}

#section .feedback dt{
	color	: #255089;
}

#section p.neccesary{
	height	: 74px;
	padding	: 35px 0 0 455px;
	background	: transparent url("../flow/images/bnr.jpg") no-repeat scroll left top;
}
	#section p.neccesary a{
		width	: 148px;
		height	: 50px;
		display : block;
	}