@charset "UTF-8";

@media screen and (max-width: 739px) {
}
/*
ベースカラー
EB651A
------------------------*/
article h1{
	background-image:url(images/title_course.png);
}
#localnav  ul li{
	width:25%;
}
@media screen and (max-width: 739px) {
	#localnav  ul li{width:auto;}
}
article table{
	width:100%;
}
/*-------------------------osusume*/
.osusume{
	background:#E6E6E1 url(images/osusume.png) right top no-repeat;
	padding:30px 230px 30px 40px;
	margin:40px -40px -40px -40px;
}
#yotsuyaotsuka .osusume{
	background-image:url(images/osusume_ogino.png) ;
}
#ikkan .osusume{
	background-image:url(images/osusume_fujikawa.png) ;
}
#sougou_s .osusume{
	background-image:url(images/osusume_fujikawa.png) ;
}
#teigakunen .osusume{
	background-image:url(images/osusume_ogino.png) ;
}
#nankan .osusume{
	background-image:url(images/osusume_tanaka.png) ;
}
#sougou_c .osusume{
	background-image:url(images/osusume_tanaka.png) ;
}
#tamai .osusume{
	background-image:url(images/osusume_nomura.png) ;
}
#zukei .osusume{
	background-image:url(images/osusume_nomura.png) ;
}
#lepton .osusume{
	background-image:url(images/osusume_fujikawa.png) ;
}
#puzzle .osusume{
	background-image:url(images/osusume_kaneda.png) ;
}
#kidslabo .osusume{
	background-image:url(images/osusume_nomura.png) ;
}
#scilabo .osusume{
	background-image:url(images/osusume_nomura.png) ;
}
.osusume h3{
	color:#000;
	font-weight:normal;
	line-height:20px;
	font-size:14px;
	float:right;
	width:160px;
	padding:20px 30px;
	background:#FFFFFF;
	text-align:center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin:5px 0 5px 20px;
}
.osusume h3:after{
	content:"";
	display:block;
	width:20px;
	height:20px;
	background:url(images/fuki.png) right no-repeat;
	float:right;
	margin-right:-50px;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	.osusume,
	#yotsuyaotsuka .osusume,
	#ikkan .osusume,
	#sougou_s .osusume,
	#teigakunen .osusume,
	#nankan .osusume,
	#sougou_c .osusume,
	#tamai .osusume,
	#zukei .osusume,
	#lepton .osusume,
	#puzzle .osusume,
	#kidslabo .osusume{padding:15px 10px;background-image:none;margin:15px -15px -15px -15px;}
	.osusume h3{float:none;width:auto;padding:5px;margin:0 0 10px 0;}
	.osusume h3:after{display:none;}
}
/*▲▲▲739px以下▲▲▲*/
/*-------------------------年間スケジュール色*/
article th.haru{
	background:#FFD2DC;
}
article th.natsu{
	background:#FFE678;
}
article th.huyu{
	background:#C8F0FF;
}
/*-------------------------学習教材*/
.kyozai{
	margin:0 -10px;
}
.kyozai figure{
	float:left;
	width:480px;
	margin:10px 10px 0 10px;
	padding:25px;
	background:#FDF0E9;
}
.kyozai img{
	float:right;
	margin-left:25px;
}
.kyozai figcaption{
	text-align:left;
	font-size:20px;
	line-height:24px;
	color:#EB651A;
	font-weight:bold;
}
@media screen and (max-width: 739px) {
	.kyozai{margin:0;}
	.kyozai figure{float:none;width:100%;margin:10px 0;}
}
@media screen and (max-width: 480px) {
	.kyozai img{float:none;margin:0 0 10px 0;}
	.kyozai figcaption{text-align:center;}
}

/*index
-----------------------------------------------------------------------------------------*/
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#index ul{margin:0 -15px;}
}
/*▲▲▲739px以下▲▲▲*/

/*小学生オプション講座
-----------------------------------------------------------------------------------------*/
#option #index{
	margin-top:40px;
	padding-top:50px;
	background:url(images/bg.png) top repeat-x;
}
#option #index a{
	background:#FDF0E9;
	height:172px;
	padding:5px;
	vertical-align:middle;
}
#option #index .img{
	width:160px;
	height:160px;
	padding:20px;
	background:#FFF;
	line-height:120px;
}
#option #index .img img{
	vertical-align:middle;
}
#option #index .taisyo{
	font-weight:bold;
	color:#000;
	margin:5px 0;
}
#option #index h2{
	background-position:right 5px;
}
#option #index .copy{
	font-size:16px;
	line-height:30px;
}
#option #index a:hover{
	background:#FBE0D1;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#option #index{background:none;padding:0;}
	#option #index ul{margin:-30px 0;}
	#option #index a{height:60px;}
	#option #index .img{width:50px;height:50px;padding:5px;line-height:40px;}
	#option #index h2{line-height:20px;padding:5px 0 25px 0;margin-bottom:-20px;background-position:right center;}
	#option #index .taisyo{font-size:14px;line-height:14px;margin:0;}
}
/*▲▲▲739px以下▲▲▲*/


/*オプションバナー
-----------------------------------------------------------------------------------------*/
#optionnav{
	background:#E6E6E1;
}
#optionnav ul{
	width:990px;
	margin:0 auto;
	padding-bottom:8px;
}
#optionnav li{
	float:left;
	width:20%;
	text-align:center;
	padding:5px;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#optionnav ul{width:auto;padding:0 8px 8px 8px;}
	#optionnav li{padding:1px;}
}
/*▲▲▲739px以下▲▲▲*/

/*私立中学受験四谷大塚NET
-----------------------------------------------------------------------------------------*/
#yotsuyaotsuka .system{
	padding:20px 0;
}
#yotsuyaotsuka .system h4{
	font-size:18px;
	line-height:40px;
	background:#CC0000;
	color:#FFF;
	margin:0;
	width:640px;
	text-align:center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#yotsuyaotsuka .system div h4{
	background:#003399;
}
#yotsuyaotsuka .system div:before,
#yotsuyaotsuka .system div:nth-child(4) p:after{
	content:"▼";
	display:block;
	color:#FBB03B;
	font-size:20px;
	width:640px;
	text-align:center;
	margin:5px 0;
}
#yotsuyaotsuka .system figure{
	margin-top:-40px;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#yotsuyaotsuka .system{padding:0 5px;}
	#yotsuyaotsuka .system h4{font-size:14px;line-height:30px;width:auto;}
	#yotsuyaotsuka .system figure{margin:10px 20px;}
	#yotsuyaotsuka .system div:before,
	#yotsuyaotsuka .system div:nth-child(4) p:after{width:100%;margin:0;font-size:15px;}
}
/*▲▲▲739px以下▲▲▲*/

/*玉井式国語的算数教室
-----------------------------------------------------------------------------------------*/
#tamai .step ul{
	margin:0 -23px;
}
#tamai .step li{
	width:210px;
	float:left;
	margin:0 23px;
	line-height:28px;
}
#tamai .step li span{
	display:block;
	text-align:center;
	margin:10px 0;
}
#tamai .katei div{
	border-top:1px dashed #CCC;
	padding:10px 0;
}
#tamai .name{
	font-size:36px;
	line-height:40px;
	font-weight:bold;
	letter-spacing:2px;
	padding-top:10px;
}
#tamai .name span{
	font-size:18px;
	font-weight:normal;
	color:#666;
}
#tamai .data{
	font-weight:bold;
	padding-bottom:5px;
}
#tamai .text{
	font-size:14px;
	line-height:24px;
}
@media screen and (max-width: 739px) {
	#tamai .step ul{margin:0;}
	#tamai .step li{width:40%;float:left;margin:0 5%;line-height:24px;}
	#tamai .katei div{border-top:1px dashed #CCC;padding:10px 0;}
	#tamai .name{font-size:24px;line-height:24px;text-align:center;}
	#tamai .name span{display:block;font-size:12px;}
	#tamai .data{font-size:14px;}
}
@media screen and (max-width: 480px) {
	#tamai .step li{width:auto;float:none;margin:20px;}
}
/*低学年コース
-----------------------------------------------------------------------------------------*/
#teigakunen .step ul{
	margin:0 -23px;
}
#teigakunen .step li{
	width:210px;
	float:left;
	margin:0 23px;
	line-height:28px;
}
#teigakunen .step li span{
	display:block;
	text-align:center;
	margin:10px 0;
}
#teigakunen .katei div{
	border-top:1px dashed #CCC;
	padding:10px 0;
}
#teigakunen .name{
	font-size:36px;
	line-height:40px;
	font-weight:bold;
	letter-spacing:2px;
	padding-top:10px;
}
#teigakunen .name span{
	font-size:18px;
	font-weight:normal;
	color:#666;
}
#teigakunen .data{
	font-weight:bold;
	padding-bottom:5px;
}
#teigakunen .text{
	font-size:14px;
	line-height:24px;
}
@media screen and (max-width: 739px) {
	#teigakunen .step ul{margin:0;}
	#teigakunen .step li{width:40%;float:left;margin:0 5%;line-height:24px;}
	#teigakunen .katei div{border-top:1px dashed #CCC;padding:10px 0;}
	#teigakunen .name{font-size:24px;line-height:24px;text-align:center;}
	#teigakunen .name span{display:block;font-size:12px;}
	#teigakunen .data{font-size:14px;}
}
@media screen and (max-width: 480px) {
	#teigakunen .step li{width:auto;float:none;margin:20px;}
}