@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　index
---------------------------------------*/

#index #mainimage {
	width:100%;
	height:292px;
	background:url(../image/mainimage/background.gif);
	border-top:#cfe5ff solid 4px;
	border-bottom:#cfe5ff solid 4px;
	margin:0 auto;
}
	#index #mainimage .inner {
		width:1040px;
		position:relative;
	}
	#index #mainimage .catch {
		position:absolute;
		top:5px;
		left:-2px;
		z-index:1;
	}
	#index #mainimage .support {
		position:absolute;
		top:180px;
		left:-28px;
		z-index:1;
	}
	#index #mainimage .photo {
		position:absolute;
		top:-34px;
		right:-38px;
		z-index:0;
	}
	#index #mainimage .S {
		position:absolute;
		top:162px;
		right:331px;
	}
	#index #mainimage .M {
		position:absolute;
		top:162px;
		right:165px;
	}
	#index #mainimage .L {
		position:absolute;
		top:162px;
		right:0;
	}

#index #section01 {
	background:#fff;
	width:657px;
	padding:20px 25px 0px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}
	#index #section01 h3 {
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-size:32px;
		line-height:42px;
		margin-left:-17px;
		background:url(../image/contents/top/A.jpg) right bottom no-repeat;
		text-shadow:0 1px 0 #fff,
        1px 0 0 #fff,
        0 -1px 0 #fff,
        -1px 0 0 #fff,
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
	}
		#index #section01 h3 .red  { color:#f11c1c; }
		#index #section01 h3 .blue { color:#1370db; }
		
	#index #section01 h4 {
		font-size:18px;
		line-height:1.0;
		margin-top:18px;
		margin-bottom:30px;
	}
	#index #section01 p {
		font-size:16px;
		line-height:26px;
		padding-bottom:32px;
	}
		#index #section01 p .red {
			color:#fe1717;
			font-weight:bold;
		}
	#index #section01 ul {
		list-style:none;
		width:712px;
		margin-left:-30px;
	}
		#index #section01 ul li {
			float:left;
			margin-right:1px;
		}
		#index #section01 ul li:last-child {
			margin-right:0px;
		}
#index #section02 {
	background:#fff;
	margin-top:40px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}
	#index #section02 .info {
		position:relative;
	}
		#index #section02 .info .list {
			position:absolute;
			top:19px;
			right:19px;
		}
	#index #section02 ul {
		list-style:none;
		marign-top:7px;
		margin:7px 22px 0px 22px;
	}
		#index #section02 ul li {
			padding:13px 0;
			border-bottom:#d5d5d5 dotted 1px;
		}
		#index #section02 ul li:last-child {
			border-bottom:none;
		}
			#index #section02 ul li .date {
				color:#935834;
			}
	
/*--------------------------------------
　当塾の特徴
---------------------------------------*/	

#about #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}
	#about #section01 h4 {
		font-size:30px;
		color:#e64b4b;
		margin:10px 0;
	}
	#about #section01 .target {
		margin:31px 0px 20px 0px;
	}
	#about #section01 .text01 b {
		color:#f00;
		font-size:24px;
	}
	#about #section01 .tx {
		color:#ff0000;
		font-size:26px;
		font-weight:bold;
		text-align:center;
		margin-top:30px;
		background:#ffe346;
		padding:5px 0px;
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
	
	
/*--------------------------------------
　小学生の方へ
---------------------------------------*/	

#rankcate01 #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}

/*--------------------------------------
　中学生の方へ
---------------------------------------*/	

#rankcate02 #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}
	#rankcate02 .text01 span {
		font-size:24px;
		font-weight:bold;
		color:#f00;
	}

/*--------------------------------------
　高校生の方へ
---------------------------------------*/	

#rankcate03 #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}

/*--------------------------------------
　授業料
---------------------------------------*/	

#system #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}
	#system .course {
		font-size:20px;
		line-height:22px;
		color:#0065da;
		margin-bottom:20px;
		float:left;
		height:22px;
	}
	#system .course:before {
		content:url(../image/contents/system/course.gif);		/*画像変更するとプライバシーポリシーに影響あり*/
		margin-right:5px;
		position:relative;
		top:3px;
	}
	#system .unit {
		float: right;
		font-size:14px;
		color: #7F7F7F;
	}
	#system table {
		border-collapse:collapse;
		text-align:center;
		width:100%;
		font-size:14px;
		border-top:#dcdcdc solid 1px;
		
	}
		#system table th {
			height:35px;
			font-weight:normal;
			vertical-align:middle;
			border-bottom:#dcdcdc solid 1px;
			border-right:#dcdcdc solid 1px;
		}
		#system table td {
			height:35px;
			font-weight:normal;
			vertical-align:middle;
			border-bottom:#dcdcdc solid 1px;
			border-right:#dcdcdc solid 1px;
		}
		#system table .axis {
			background:#b9cbe4;
			border:#fff solid 1px;
		}
		#system table .axis-x {
			background:#6998d8;
			color:#fff;
			font-weight:bold;
			border-right:#fff solid 1px;
			border-bottom:#fff solid 1px;
		}
		#system table .axis-y {
			background:#d5e0ee;
			border-right:#fff solid 1px;
			border-bottom:#fff solid 1px;
		}
	#system .timetable {
		width:30%;
		float:left;
		font-size:18px;
		color:#0065da;
		font-weight:bold;
	}

/*--------------------------------------
　教室案内
---------------------------------------*/

#introduction #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}
	#introduction .text01 {
		margin-top:30px;
	}
	#introduction .text01 span {
		font-size:24px;
		color:#f00;
		font-weight:bold;
	}
	#introduction .view {
		margin-top:20px;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.29);
		-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.29);
		-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.29);
	}
	#introduction .photo {
		margin-top:30px;
	}

/*--------------------------------------
　無料体験・資料請求
---------------------------------------*/

#contact #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	margin-top:40px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}
#contact .type01{
	background:none;
	border:none;
	width:981px;
	margin-top:10px;
}
	#contact .type01 .graybox{
		width:144px;
		color:#FFF;
		font-size:14px;
		font-weight:bold;
		line-height:35px;
		text-align:center;
		vertical-align:middle;
		background:#595959;
		padding:2px 0;
	}
		#contact .type01 .graybox .req{
				color:#f00;
				font-weight:bold;
		}
	#contact .type01 td{
		border-bottom:#b9b9b9 solid 1px;
		text-align:left;
		padding:20px 10px;
	}
	#contact .type01 th{
		vertical-align:top;
		border-bottom:#b9b9b9 solid 1px;
		padding:20px 0;
		}
	#contact .type01 td.no-line{
		padding-bottom:0 !important;
		border-bottom:none;
		}
		#contact .type01 td p.error{
			padding-left:20px;
			}

	#contact .type01 td span.writeSpace {
			float:left;
			display:block;
			width:5em;
			padding:6px 0 0 20px;
		}
		#contact .type01 td span.writeSpace + input {
			margin-right:15px;
		}

#contact select {
	background:#efefef;
	border:#c1c1c1 solid 1px;
}
#contact input {
	background:#d8d8d8;
	border:#c1c1c1 solid 1px;
}

#contact .form_S {
	width:30%;
}
#contact .form_M {
	width:40%;
}
#contact .form_L {
	width:50%;
}

#contact .bt01 {
	background:url(../image/contents/contact/bt01.gif);
	width:297px;
	height:47px;
	margin-top:21px;
	border:none;
}
#contact .bt02 {
	background:url(../image/contents/contact/bt02.gif);
	width: 297px;
	height: 47px;
	margin-left: 180px;
	margin-top: 30px;
	border: medium none;
}
#contact .bt03 {
	background:url(../image/contents/contact/bt03.gif);
	width: 297px;
	height: 47px;
	margin-left: 30px;
	margin-top: 30px;
	border: medium none;
}

#contact .type02{
	background:#fff;
	border:#dcdcdc solid 1px;
	border-collapse:collapse;
	width:100%;
}
	#contact .type02 th{
		background:#478bff;
		color:#FFF;
		border-right:dcdcdc solid 1px;
		border-bottom:#dcdcdc solid 1px;
		padding:12px;
		font-size:15px;
	}
	#contact .type02 td{
		border-bottom:#dcdcdc solid 1px;
		padding-left:12px;
	}


/*--------------------------------------
　21のポイント
---------------------------------------*/

#point #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}

/*--------------------------------------
　喜びの声
---------------------------------------*/

#voice #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}

#voice .caption {
		font-size:20px;
		line-height:22px;
		color:#0065da;
		margin-top:20px;
		margin-bottom:10px;
		float:left;
		height:22px;
	}
	#voice .caption:before {
		content:url(../image/contents/system/course.gif);
		margin-right:5px;
		position:relative;
		top:3px;
	}

/*--------------------------------------
　代表からのメッセージ
---------------------------------------*/

#message #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}
	#message .photo {
		float:left;
	}
	#message h4 {
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-size:26px;
		text-align:center;
		margin-bottom:10px;
	}
	#message .name {
		text-align:right;
		font-size:18px;
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
		#message .name span {
			font-size:36px;
		}


/*--------------------------------------
　最新情報
---------------------------------------*/

#info #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}


.info-title {
	background:#1370db;
	padding-left:20px;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	height:40px;
	line-height:40px;
	margin-top:20px;
}

#info .date {
	color:#7f7f7f;
	margin:15px 0;
}


.pagination {
clear:both;
padding-top:25px;
position:relative;
font-size:13px;
line-height:13px;
text-align:center;
margin-left:190px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 3px 3px 3px 0;
padding:10px 12px 10px 12px;
text-decoration:none;
width:auto;
color:#478bff;
background:#e9f1ff;
border: dotted 1px #478bff;
}
 
.pagination a:hover{
color:#fff;
background: #478bff;
}
 
.pagination .current{
padding:10px 12px 10px 12px;
background: #478bff;
color:#fff;
border: solid 1px #478bff;
}

.info-list {
	border-bottom: 1px dashed #C9C9C9;
	padding:10px 0;
	list-style:none;
}
	.info-list li {
		background:url(../info/image/marker.png) no-repeat;
		padding:0px 0px 0px 21px;
		line-height:16px;
		font-weight:bold;
	}
	.info-list li p {
		margin-top:10px;
		font-size:14px;
		color:#7F7F7F;
		font-weight:normal;
	}
.info-image img {
	max-width:652px;
	margin-bottom:20px;
}


/*--------------------------------------
　プライバシーポリシー
---------------------------------------*/

#policy #section01 {
	background:#fff;
	padding:0px 30px 30px 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}

#policy .maintitle {
	margin-bottom:30px;
}

#policy .item {
		font-size:20px;
		line-height:22px;
		color:#0065da;
		margin:20px 0 10px 0;
		height:22px;
	}
	#policy .item:before {
		content:url(../image/contents/system/course.gif);
		margin-right:5px;
		position:relative;
		top:3px;
	}