@charset "shift_jis";
/*	-------------------------------------------------------------
	Description:	CSS file for screen media
	Filename:		contents2.css
	Author: 		N Hayashi
	Date:			3/01/2010
	-------------------------------------------------------------
	■少人数制授業
	■リピート方式
	■サポート体制

FOR SCREEN ****************************************************** */
/*	-------------------------------------------------------------
	■少人数制授業
	-------------------------------------------------------------	*/

/* タブ */
.tab {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

	.tab dl {
		width: 220px;
		float: left;
	}

		/* タブ（画像ボタン部分） */
		.tab dt {
			width: 220px;
			height: 60px;
			float: left;
		}


			/* タブ（少人数制授業） */
			.tab dt.tab_small a {
				width: 220px;
				height: 60px;
				background-image: url(../about/images/tab_samll.gif);
				background-position: 0 0px;
				background-repeat: no-repeat;
				display: block;
				text-indent: -5000px;
				overflow: hidden;
			}
	
				.tab dt.tab_small a:hover {
					background-image: url(../about/images/tab_samll.gif);
					background-position: 0 -60px;
					background-repeat: no-repeat;
				}


			/* タブ（リピート方式） */
			.tab dt.tab_repeat a {
				width: 220px;
				height: 60px;
				background-image: url(../about/images/tab_repeat.gif);
				background-position: 0 0px;
				background-repeat: no-repeat;
				display: block;
				text-indent: -5000px;
				overflow: hidden;
			}
	
				.tab dt.tab_repeat a:hover {
					background-image: url(../about/images/tab_repeat.gif);
					background-position: 0 -60px;
					background-repeat: no-repeat;
				}

			/* タブ（サポート体制） */
			.tab dt.tab_support a {
				width: 220px;
				height: 60px;
				background-image: url(../about/images/tab_support.gif);
				background-position: 0 0px;
				background-repeat: no-repeat;
				display: block;
				text-indent: -5000px;
				overflow: hidden;
			}
	
				.tab dt.tab_support a:hover {
					background-image: url(../about/images/tab_support.gif);
					background-position: 0 -60px;
					background-repeat: no-repeat;
				}


			/* タブ(テキスト部分) */
			.tab dd {
				width: 220px;
				float: left;
				margin: 0px;
				padding: 0px;
			}

			.tab dd a {
				width: 220px;
				display: block;
				text-align: center;
			}


/* 少人数制授業 */
#small01 {
	width: 675px;
	background-color: #EF9E00;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: center;
	display: block;
}

	#small01 p {
		width: 650px;
		margin-left: auto;
		margin-right: auto;
	}

/* 少人数制のメリット */
#small_merit {
	width: 673px;
	height: 540px;
	background-image: url(../about/images/small/merit_back.jpg);
	background-repeat: no-repeat;
	position: relative;
	border: 1px solid #EF9E00;
	margin-bottom: 20px;
	margin-right: auto;
	display: block;
}

	/* 大教室式予備校 */
	#small_merit p.text01 {
		position: absolute;
		left: 45px;
		top: 415px;
		line-height: 150%;
	}
	
	/* 個別指導塾 */
	#small_merit p.text02 {
		position: absolute;
		left: 283px;
		top: 415px;
		line-height: 150%;
	}
	
	/* 右側のテキスト */
	#small_merit01 {
		width: 190px;
		position: absolute;
		left: 481px;
		top: 54px;
		line-height: 150%;
	}

	#small_merit01 p {
		font-size: 11px;
		line-height: 150%;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #666666;
		padding-bottom: 5px;
	}



/* 右側のテキスト */
.small {
	width: 653px;
	border: 1px solid #EF9E00;
	padding: 10px;
	background-color: #EAE9E3;
	margin-bottom: 20px;
}

	.small p {
		line-height: 150%;
	}

/* ステップアップを可能にする「お茶ゼミ」のクラス制*/
.small_class {
	width: 653px;
	border: 1px solid #EF9E00;
	padding: 10px;
	background-color: #EAE9E3;
	background-image: url(../about/images/small/small_class.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: center;
	margin-bottom: 20px;
}

	.small_class p {
		margin-top: 230px;
		margin-bottom: 10px;
	}

	.small_class p.text {
		width: 230px;
		padding: 0px;
		line-height: 150%;
		position: absolute;
		left: 155px;
		top: -55px;
	}

/* 「入試本番で書く力」が養える、授業完結型の小論文*/
.small_thesis {
	width: 653px;
	height: 320px;
	border: 1px solid #EF9E00;
	padding: 10px;
	background-color: #EAE9E3;
	background-image: url(../about/images/small/small_thesis.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: center bottom;
	margin-bottom: 20px;
}

	.small_thesis p {
	}

	.small_thesis p.text {
		width: 300px;
		padding: 0px;
		line-height: 120%;
		position: absolute;
		left: 28px;
		top: 191px;
		text-align: center;
	}

/*	-------------------------------------------------------------
	■リピート方式
	-------------------------------------------------------------	*/
/* お茶ゼミリピート方式の成果 */
#repeat01 {
	width: 675px;
	height: 850px;
	margin-bottom: 20px;
	background-image: url(../about/images/repeat/repeat01_back.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

	/* 右側のテキスト */
	#repeat01 p.repeat {
		position: absolute;
		left: 345px;
		top: 69px;
		width: 307px;
		height: 169px;
		line-height: 180%;
		color: #FFFFFF;
	}
	
	#repeat01 p {
		width: 175px;
		font-size: 12px;
		line-height: 130%;
	}

	#repeat01 p.repeat01 {
		position: absolute;
		left: 34px;
		top: 674px;
	}
	
	#repeat01 p.repeat02 {
		position: absolute;
		left: 252px;
		top: 674px;
	}
	
	#repeat01 p.repeat03 {
		position: absolute;
		left: 470px;
		top: 676px;
	}

/* 難関大学とあなたの距離 */
#repeat02 {
	width: 673px;
	height: 520px;
	border: 1px solid #62A1D8;
	background-color: #EAE9E3;
	background-image: url(../about/images/repeat/repeat02_back.jpg);
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 20px;
}

	#repeat02 p {
		position: absolute;
		width: 365px;
		height: 94px;
		left: 281px;
		top: 128px;
	}


/* 予習・授業・復習場面ごとに対応したテキスト */
#repeat03 {
	width: 673px;
	height: 470px;
	border: 1px solid #62A1D8;
	background-color: #EAE9E3;
	background-image: url(../about/images/repeat/repeat03_back.jpg);
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 20px;
}

	#repeat03 p.repeat03_01 {
		position: absolute;
		width: 140px;
		height: 42px;
		color: #FFFFFF;
		left: 508px;
		top: 114px;
		font-size: 10px;
	}

	#repeat03 p.repeat03_02 {
		position: absolute;
		width: 140px;
		height: 42px;
		color: #FFFFFF;
		left: 511px;
		top: 210px;
		font-size: 10px;
	}

	#repeat03 p.repeat03_03 {
		position: absolute;
		width: 140px;
		height: 42px;
		color: #FFFFFF;
		left: 504px;
		top: 319px;
		font-size: 10px;
	}

	#repeat03 p.repeat03_04 {
		position: absolute;
		left: 10px;
		top: 389px;
		width: 182px;
	}

	#repeat03 p.repeat03_05 {
		position: absolute;
		left: 213px;
		top: 389px;
		width: 434px;
	}


/* ヌケモレを取り戻せる一日特訓マラソン */
#repeat04 {
	width: 673px;
	height: 460px;
	border: 1px solid #62A1D8;
	background-color: #EAE9E3;
	background-image: url(../about/images/repeat/repeat04_back.jpg);
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 20px;
}

	#repeat04 p.repeat04_01 {
		position: absolute;
		width: 190px;
		height: 75px;
		left: 200px;
		top: 97px;
		color: #FFFFFF;
		font-size: 10px;
		line-height: 130%;
	}

	#repeat04 p.repeat04_02 {
		position: absolute;
		width: 190px;
		left: 200px;
		top: 231px;
		color: #FFFFFF;
		font-size: 10px;
		line-height: 130%;
	}

	#repeat04 p.repeat04_03 {
		position: absolute;
		width: 190px;
		left: 199px;
		top: 386px;
		color: #FFFFFF;
		font-size: 10px;
		line-height: 130%;
	}

	#repeat04 p.repeat04_04 {
		position: absolute;
		width: 230px;
		left: 416px;
		top: 386px;
		color: #FFFFFF;
		font-size: 10px;
		line-height: 130%;
	}


/*	-------------------------------------------------------------
	■サポート体制
	-------------------------------------------------------------	*/
#support01 {
	width: 655px;
	height: 580px;
	margin-bottom: 20px;
	padding: 10px;
	background-image: url(../about/images/support/support01_back.jpg);
	background-repeat: no-repeat;
	position: relative;
}

	#support01 p {
	}

		#support01 p.support01_01 {
			position: absolute;
			width: 110px;
			height: 79px;
			left: 10px;
			top: 223px;
			color: #FFFFFF;
			font-size: 10px;
		}
	
		#support01 p.support01_02 {
			position: absolute;
			width: 105px;
			left: 244px;
			top: 218px;
			color: #FFFFFF;
			font-size: 10px;
			line-height: 150%;
		}
	
		#support01 p.support01_03 {
			position: absolute;
			width: 140px;
			left: 21px;
			top: 479px;
			color: #FFFFFF;
			font-size: 10px;
			line-height: 150%;
			height: 71px;
		}
	
		#support01 p.support01_04 {
			position: absolute;
			width: 140px;
			left: 191px;
			top: 478px;
			color: #FFFFFF;
			font-size: 10px;
			line-height: 150%;
		}
	
		#support01 p.support01_05 {
			position: absolute;
			width: 280px;
			left: 373px;
			top: 287px;
			color: #FFFFFF;
			font-size: 12px;
			line-height: 150%;
		}



/* データ分析に基づいて学習計画を軌道修正 */
#support02 {
	width: 673px;
	height: 480px;
	border: 1px solid #42BAA5;
	background-color: #EAE9E3;
	background-image: url(../about/images/support/support02_back.jpg);
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 20px;
}

	#support02 p.support02_01 {
		position: absolute;
		width: 178px;
		height: 104px;
		left: 17px;
		top: 162px;
		line-height: 130%;
	}

	#support02 p.support02_02 {
		position: absolute;
		width: 158px;
		height: 20px;
		left: 293px;
		top: 189px;
		font-size: 10px;
	}

	#support02 p.support02_03 {
		position: absolute;
		width: 153px;
		height: 20px;
		left: 487px;
		top: 193px;
		font-size: 10px;
	}

	#support02 p.support02_04 {
		position: absolute;
		width: 153px;
		height: 20px;
		left: 239px;
		top: 377px;
		font-size: 10px;
	}

	#support02 p.support02_05 {
		position: absolute;
		width: 155px;
		height: 20px;
		left: 427px;
		top: 374px;
		font-size: 10px;
	}


/* データ分析に基づいて学習計画を軌道修正 */
#support03 {
	width: 673px;
	border: 1px solid #42BAA5;
	background-color: #EAE9E3;
	margin-bottom: 20px;
}

	#support_step {
		width: 610px;
		height: 500px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../about/images/support/step_back.gif);
		background-repeat: no-repeat;
		display: block;
	}

		#support_step ul {
			list-style-type: none;
			padding-left: 35px;
			font-size: 12px;
		}

			#support_step li {
				padding-top: 45px;
				margin-bottom: 13px;
			}

.m_right5 {
	margin-right: 5px;
}