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


/* --------------------------------------------------------- */
/* トップイメージ */
/* --------------------------------------------------------- */

/* ------メプラス概要------ */

#outline_images {
	width: 100%;
	height: 450px;
	background: url(../images/outlinephoto.jpg) center top no-repeat;
	position: relative;
}

/* ------メプラス７つの特徴------ */

#seven_images {
	width: 100%;
	height: 450px;
	background: url(../images/sevenphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------予備校の問題点------ */

#problem_images {
	width: 100%;
	height: 450px;
	background: url(../images/problemphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------主宰挨拶------ */

#greet_images {
	width: 100%;
	height: 450px;
	background: url(../images/greetphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------料金・コースのご案内------ */

#cost_images {
	width: 100%;
	height: 450px;
	background: url(../images/costphoto.jpg) right top no-repeat;
	position: relative;
}

/* ------数学------ */

#math_images {
	width: 100%;
	height: 450px;
	background: url(../images/mathphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------英語------ */

#eng_images {
	width: 100%;
	height: 450px;
	background: url(../images/engphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------化学------ */

#chemi_images {
	width: 100%;
	height: 450px;
	background: url(../images/chemiphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------生物------ */

#biology_images {
	width: 100%;
	height: 450px;
	background: url(../images/biologyphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------物理------ */

#physics_images {
	width: 100%;
	height: 450px;
	background: url(../images/lecturerphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------小論------ */

#interview_images {
	width: 100%;
	height: 450px;
	background: url(../images/interviewphoto.jpg) center top no-repeat;
	position: relative;
}



/* ------コンシェルジュ------ */

#conshel_images {
	width: 100%;
	height: 450px;
	background: url(../images/conshelphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------東仁学生会館------ */

#tojin_images {
	width: 100%;
	height: 450px;
	background: url(../images/tojinphoto.jpg) left top no-repeat;
	position: relative;
}

/* ------お問い合わせ------ */

#contact_images {
	width: 100%;
	height: 450px;
	background: url(../images/contactphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------入学迄の流れ------ */

#contact__images {
	width: 100%;
	height: 450px;
	background: url(../images/contactphoto_.jpg) center top no-repeat;
	position: relative;
}

/* ------合格者の声------ */

#through_images {
	width: 100%;
	height: 450px;
	background: url(../images/throughphoto.jpg) center top no-repeat;
	position: relative;
}

#gokaku_table{
	font-size:13px;
	color:#333;
}

#gokaku_table td{
	padding:5px;
}

/* ------カルテの作成------ */

#carte_images {
	width: 100%;
	height: 450px;
	background: url(../images/cartephoto.jpg) center top no-repeat;
	position: relative;
}

/* ------オリジナル教材------ */

#original_images {
	width: 100%;
	height: 450px;
	background: url(../images/originalphoto.jpg) center top no-repeat;
	position: relative;
}

/* ------DAY------ */

#day_images {
	width: 100%;
	height: 450px;
	background: url(../images/dayphoto.jpg) center top no-repeat;
	position: relative;
}


/* --------------------------------------------------------- */
/* 要画像差し替え！！ */
/* --------------------------------------------------------- */


/* ------無料プレゼント------ */

#schedule_kinkyuu_images {
	width: 100%;
	height: 450px;
	background: url(../images/schedule_image.jpg) center top no-repeat;
	position: relative;
}

/* ------無料プレゼント------ */

#goodsut_images {
	width: 100%;
	height: 450px;
	background: url(../images/goodsut_image.jpg) center top no-repeat;
	position: relative;
}


/* ------無料体験講座------ */

#free_images {
	width: 100%;
	height: 450px;
	background: url(../images/freephoto.jpg) right top no-repeat;
	position: relative;
}

/* ------週間スケジュール------ */

#schedule_images {
	width: 100%;
	height: 450px;
	background: url(../images/schedule.jpg) right top no-repeat;
	position: relative;
}

/* ------完全オーダーメイド------ */

#ordermade_images {
	width: 100%;
	height: 450px;
	background: url(../images/ordermadephoto.jpg) right top no-repeat;
	position: relative;
}

/* ------周辺地域環境------ */

#around_images {
	width: 100%;
	height: 450px;
	background: url(../images/aroundphoto.jpg) right top no-repeat;
	position: relative;
}

/* ------外部Link------ */

#links_images {
	width: 100%;
	height: 450px;
	background: url(../images/linksphoto.jpg) right top no-repeat;
	position: relative;
}

/* ------新宿教室移転----- */
#shinjuku_images {
	width: 100%;
	height: 450px;
	background: url(../images/shinjuku.gif) center top no-repeat;
	position: relative;
}



/* ------予備校へのアクセス------ */

#access_images {
	width: 100%;
	height: 450px;
	background: url(../images/accessphoto.jpg) right top no-repeat;
	position: relative;
}

/* ------年間スケジュール------ */

#year_images {
	width: 100%;
	height: 450px;
	background: url(../images/yearphoto.jpg) right top no-repeat;
	position: relative;
}


/* --------------------------------------------------------- */
/* 共通フッター */
/* --------------------------------------------------------- */

p.panslink {	font-size: 10px;	margin-bottom: 15px;	float: left;}
p.backtop {	font-size: 10px;	margin-bottom: 15px;	float: right;}

p.backtop a {		color: #666; text-decoration: none;}
p.backtop a:hover { color: #0d3d69; text-decoration: underline;}

#pickup {	margin-top: 40px;}
a.nospace {		float:	left;}


/* --------------------------------------------------------- */
/* 各種ページ */
/* --------------------------------------------------------- */

/* ------デフォルト------ */

#main {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

#mainin {	padding-top: 20px;}

.space {
	margin-top: 25px;
}

h2.title_2nd {
	width: 100%;
	border-bottom: #666 1px dotted;
}

h2.title_2nd p {
	padding-bottom: 5px;
	font-size: 16px;
	color: #0d3d69;	
	font-weight: bold;
	letter-spacing: 2px;
	}
	
h2.title_2ndp {
	padding-bottom: 5px;
	font-size: 16px;
	color: #0d3d69;	
	font-weight: bold;
	letter-spacing: 2px;
	}
	
p.grnp {	color: #0d3d69;}
	
p.text {	line-height: 22px;	margin-top: 20px;	text-align: left;}
p.text_blu {	color: #0d3d69;		line-height: 22px;	margin-top: 18px;	padding-right: 10px;}


ul#sott {	margin-top: 25px;}

ul#sott li {
	float: left;
	padding-right: 20px;
	font-size: 11px;
}

ul#sott li.sottlink {	padding-top: 18px;}


/* ------メプラス概要------ */

.boxleft1 {		float: left;	width: 670px;}
.boxright1 {	float: right;}



/* ------メプラス７つの特徴------ */

.boxleft2 {		float: left;	width: 190px;}
.boxcenter2 {		float: left;	width: 480px;}
.boxright2 {	float: right;}



/* ------予備校の問題点------ */

.boxleft3 {		float: left;	width: 130px;}
.boxcenter3 {		float: left;	width: 510px;}
.boxright3 {	float: right;	width: 240px;}

p.text2 {	text-align: center;	margin-top: 18px;}
p.text_blu {	color: #0d3d69;		line-height: 22px;	margin-top: 18px;	padding-right: 10px;}


/* ------主宰挨拶------ */

.boxleft4 {		float: left;	width: 740px;}
.boxright4 {	float: right;}

/* ------１日の過ごし方------ */

.boxright_d {	float: right;}
.boxright_d p {		text-align: center;}

.timeline {
	position: relative;
}

img.baclline {	z-index: 0; position: absolute; top: 0; left: 0;}

.db_left {	margin-right: 25px;	float: left;}
.db_right {		float: left;	width: 410px;}

.db_df {	position: absolute;	left: 97px;	z-index: 1;}
#daybox1 {	position: absolute;	 top:40px;}
#daybox2 {	position: absolute;	 top:280px;}
#daybox3 {	position: absolute;	 top:518px;}
#daybox4 {	position: absolute;	 top:865px;}
#daybox5 {	position: absolute;	 top:1115px;}
#daybox6 {	position: absolute;	 top:1376px;}
#daybox7 {	position: absolute;	 top:1630px;}
#daybox8 {	position: absolute;	 top:1893px;}

/* ------料金・コース------ */

table.costlist {	width: 900px; border: none;}
table.costlist td {	padding: 15px 25px;	border-left: #ffffff 1px solid;		border-top: #ffffff 1px solid;}
table.costlist tr.white {	color: #0d3d69;	background-color: #ffffff;}
table.costlist tr.blue {	color: #ffffff;	background-color: #5d7ca2;}
table.costlist tr.blue td.hard {	background-color: #0d3d69;	border-left: none;}
table.costlist tr.blue td.hard-tn {	background-color: #0d3d69;	border: none;}
table.costlist tr.gray {	color: #ffffff;	background-color: #808080;}
table.costlist tr.gray td.black {	background-color: #222222;	border-left: none;}
table.costlist tr.gray td.black-tn {	background-color: #222222;	border: none;}


/* ------週間スケジュール------ */

.box {	width: 900px;}
.boxleft7{ float:left; width:115px;}
.boxcenter7 { float: left;	width: 625px;}

.type_a {	width: 85px;	height: 85px;	position: relative; top: 18px;	background-color: #f07664;}
.type_b {	width: 85px;	height: 85px;	position: relative; top: 18px;	background-color: #49774e;}
.type_c {	width: 85px;	height: 85px;	position: relative; top: 18px;	background-color: #0d3d69;}
.type_a p, .type_b p, .type_c p {	text-align: center;		color: #ffffff;}
p.type {	padding-top: 7px;	letter-spacing: 1px;}
p.big {		font-size: 5em;	margin-top: 3px;}
p.text_rd {		font-size: 2em;	color: #f07664;	margin-top: 18px;}
p.text_gr {		font-size: 2em;	color: #49774e;	margin-top: 18px;}
p.text_bl {		font-size: 2em;	color: #0d3d69;	margin-top: 18px;}

.sche_a {	width: 615px;	height: 606px;	background: url(../images/schedule_a.gif) top left no-repeat;	position: relative;} 
.sche_b {	width: 615px;	height: 606px;	background: url(../images/schedule_b.gif) top left no-repeat;	position: relative;}
.sche_c {	width: 615px;	height: 606px;	background: url(../images/schedule_c.gif) top left no-repeat;	position: relative;}

p.ln_h {	line-height: 20px;}

p.time {	font-size: 11px;	position: absolute;left: 6px;}
p.time6 {	position: absolute; top: 23px;} p.time7 {	position: absolute; top: 62px;} p.time8 {	position: absolute; top: 101px;} p.time9 {	position: absolute; top: 140px;} p.time10 {	position: absolute; top: 180px;}
p.time11 {	position: absolute; top: 219px;} p.time12 {	position: absolute; top: 258px;} p.time13 {	position: absolute; top: 297px;} p.time14 {	position: absolute; top: 336px;} p.time15 {	position: absolute; top: 375px;}
p.time16 {	position: absolute; top: 415px;} p.time17 {	position: absolute; top: 454px;} p.time18 {	position: absolute; top: 493px;} p.time19 {	position: absolute; top: 532px;} p.time20 {	position: absolute; top: 571px;}

p.left1 {	position: absolute;	left:  65px;}
p.left2 {	position: absolute;	left: 143px;}
p.left3 {	position: absolute;	left: 221px;}
p.left4 {	position: absolute;	left: 300px;}
p.left5 {	position: absolute;	left: 378px;}
p.left6 {	position: absolute;	left: 457px;}
p.left7 {	position: absolute;	left: 535px;}

p.top_r {	position: absolute;	 top:  330px; text-align: center;	width: 60px;}
p.top1 {	position: absolute;	 top:  16px; text-align: center;	width: 60px;}
p.top2 {	position: absolute;	 top:  49px; text-align: center;	width: 60px;}
p.top3 {	position: absolute;	 top:  117px; text-align: center;	width: 60px;}
p.top4 {	position: absolute;	 top:  188px; text-align: center;	width: 60px;} p.top4_b {	position: absolute;	 top:  203px; text-align: center;	width: 60px;}
p.top5 {	position: absolute;	 top:  236px; text-align: center;	width: 60px;} p.top5_c {	position: absolute;	 top:  216px; text-align: center;	width: 60px;}
p.top6 {	position: absolute;	 top:  207px; text-align: center;	width: 60px;} p.top6_b {	position: absolute;	 top:  195px; text-align: center;	width: 60px;}
p.top7 {	position: absolute;	 top:  280px; text-align: center;	width: 60px;} p.top7_b {	position: absolute;	 top:  270px; text-align: center;	width: 60px;}
p.top8 {	position: absolute;	 top:  323px; text-align: center;	width: 60px;} p.top8_c {	position: absolute;	 top:  335px; text-align: center;	width: 60px;}
p.top9 {	position: absolute;	 top:  372px; text-align: center;	width: 60px;}
p.top10 {	position: absolute;	 top:  441px; text-align: center;	width: 60px;} p.top10_b {	position: absolute;	 top:  446px; text-align: center;	width: 60px;} p.top10_c {	position: absolute;	 top:  450px; text-align: center;	width: 60px;}
p.top11 {	position: absolute;	 top:  490px; text-align: center;	width: 60px;}
p.top12 {	position: absolute;	 top:  318px; text-align: center;	width: 60px;} p.top12_b {	position: absolute;	 top:  309px; text-align: center;	width: 60px;}
p.top13 {	position: absolute;	 top:  437px; text-align: center;	width: 60px;} p.top13_b {	position: absolute;	 top:  428px; text-align: center;	width: 60px;} p.top13_c {	position: absolute;	 top:  445px; text-align: center;	width: 60px;}
p.top14 {	position: absolute;	 top:  534px; text-align: center;	width: 60px;}
p.top15 {	position: absolute;	 top:  548px; text-align: center;	width: 60px;}


/* ------年間スケジュール------ */

.year_sch {
	margin: 0 auto;
	background: url(../images/year-back.gif) top left no-repeat;
	width: 800px;
	height: 1162px;
	position: relative;
}

p.event_l {
	text-align: right;
	width: 175px;
	color: #0d3d69;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	left: 137px;
}

p.hgit_el1 {	position: absolute; top: 114px;}	p.hgit_el2 {	position: absolute; top: 407px;}
p.hgit_el3 {	position: absolute; top: 691px;}	p.hgit_el4 {	position: absolute; top: 963px;}

p.event_r {
	text-align: right;
	width: 175px;
	color: #0d3d69;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	left: 360px;
}

p.hgit_er1 {	position: absolute; top: 24px;}		p.hgit_er2 {	position: absolute; top: 562px;}
p.hgit_er3 {	position: absolute; top: 652px;}		p.hgit_er4 {	position: absolute; top: 831px;}

p.setumei_l {
	color: #666;
	font-size: 11px;
	line-height: 17px;
	width: 170px;
	position: absolute;
	left: 142px;
}

p.hgit_sl1 {	position: absolute;		top: 140px;}	p.hgit_sl2 {	position: absolute;		top: 433px;}
p.hgit_sl3 {	position: absolute;		top: 717px;}	p.hgit_sl4 {	position: absolute;		top: 989px;}

p.setumei_r {
	color: #666;
	font-size: 11px;
	line-height: 17px;
	width: 170px;
	position: absolute;
	left: 366px;
}

p.hgit_sr1 {	position: absolute;		top: 50px;}		p.hgit_sr2 {	position: absolute;		top: 588px;}
p.hgit_sr3 {	position: absolute;		top: 678px;}	p.hgit_sr4 {	position: absolute;		top: 857px;}

p.month {
	text-align: center;
	width: 65px;
	color: #ffffff;
	position: absolute;
	left: 8px;
	font-size: 16px;
}

p.hgit_m1 {	position: absolute; top: 38px;}		p.hgit_m2 {	position: absolute; top: 128px;}	p.hgit_m3 {	position: absolute; top: 218px;}
p.hgit_m4 {	position: absolute; top: 308px;}	p.hgit_m5 {	position: absolute; top: 397px;}	p.hgit_m6 {	position: absolute; top: 486px;}
p.hgit_m7 {	position: absolute; top: 575px;}	p.hgit_m8 {	position: absolute; top: 664px;}	p.hgit_m9 {	position: absolute; top: 754px;}
p.hgit_m10 {	position: absolute; top: 844px;}	p.hgit_m11 {	position: absolute; top: 933px;}	p.hgit_m12 {	position: absolute; top: 1022px;}
p.hgit_m13 {	position: absolute; top: 1112px;}

p.subevent {
	width: 170px;
	color: #ffffff;
	font-size: 11px;
	line-height: 17px;
	position: absolute;
	left: 627px;
}

p.hgit_se1 {	position: absolute;		top: 50px;}		p.hgit_se2 {	position: absolute;		top: 140px;}
p.hgit_se3 {	position: absolute;		top: 230px;}	p.hgit_se4 {	position: absolute;		top: 320px;}
p.hgit_se5 {	position: absolute;		top: 409px;}	p.hgit_se6 {	position: absolute;		top: 484px;}
p.hgit_se7 {	position: absolute;		top: 542px;}	p.hgit_se8 {	position: absolute;		top: 632px;}
p.hgit_se9 {	position: absolute;		top: 720px;}	p.hgit_se10 {	position: absolute;		top: 808px;}
p.hgit_se11 {	position: absolute;		top: 901px;}	p.hgit_se12 {	position: absolute;		top: 989px;}


/* ------講師------ */

.boxleft5 {		float: left;	width: 80px;}
.boxright5 {		float: right;	width: 800px;}

.lc-text {
	float: right;
	width: 300px;
	position: relative;
	top: 15px;
}

.lc-box {
	text-align: center;
	float: left;
	margin: 18px 16px 15px 0px;
}

.lc-box-end {
	text-align: center;
	float: left;
	margin: 18px 0px 15px 0px;
}

.lc-box p, .lc-box-end p {
	text-align: center;
}

p.lc-name {
	font-size: 1.2em;
	margin: 8px 0;
	color: #0d3d69;	
}

p.small {
	font-size: 0.8em;
	margin-top: 4px;
}

.lec_text {
	position: absolute;
	right: 88px;
	top: 190px;
	width: 460px;
}


/* ------東仁学生会館------ */

p.text_grn {	color: #384228;	line-height: 22px;	margin-top: 18px;	padding-right: 10px;}

.grnback {	background-color: #384228;	width: 100px; height: 25px;}
.grnback p.fff, .brownback p.fff, .yelback p.fff { padding-top: 5px;  color: #ffffff; text-align: center;}


/* ------入学迄の流れ------ */

.boxleft8 {		float: left;	margin-top: 20px;}
.boxleft8_in {	background: url(../images/ent_flow.gif) left top no-repeat;	width: 125px;	height: 115px;	position: relative;}
.boxleft8_2 {	text-align: center;		margin-top: 10px;}
.boxright8 {	float: right;	width: 755px;}

h4.flow_hd {	width: 100%;	margin-top: 20px;	background-color: #eeeee3;}
h4.flow_hd p {	padding: 10px 10px;		color: #333333;		font-size: 14px;	letter-spacing: 2px;}
h4.flow_hdp {	padding: 10px 10px;		color: #333333;		font-size: 14px;	letter-spacing: 2px;}

p.flow1 {	color: #ffffff;		font-size: 14px;	text-align: center;		padding-top: 35px;	line-height: 22px;}
p.flow2 {	color: #ffffff;		font-size: 14px;	text-align: center;		padding-top: 48px;	line-height: 22px;}


/* ------周辺地域環境------ */

.boxleft9 {		float: left;}
.boxright9 {		float: right;	width: 730px;}

p.text_brown {	color: #7c5835;	line-height: 22px;	margin-top: 18px;	padding-right: 10px;}
.brownback {	background-color: #7c5835;	width: 100px; height: 25px;}

p.text_yel {	color: #df8b00;	line-height: 22px;	margin-top: 18px;	padding-right: 10px;}
.yelback {	background-color: #df8b00;	width: 100px; height: 25px;}

/* ------無料体験講座------ */

h2.title_2nd_f {
	width: 900px;
	border-bottom: #666 1px dotted;
}

.pickup_free {		background-color: #327864;		width: 150px;	padding: 8px 0;}
.pickup_free p {	color: #ffffff;		text-align: center;		font-size: 16px;	letter-spacing: 2px;}

/* ------合格者の声------ */

.gokakubox {	margin-bottom: 50px;}
.sp_gokaku_l {	float: left;	width: 595px;}
.sp_gokaku_r {	float: right;	width: 285px;}
.gokaku_photo {	float: left;	margin-top: 40px;}
.gokaku_mess {	float: right;	width: 400px;}

h4.gokaku {	font-size: 14px;	color: #0d3d69;	letter-spacing: 1px;	margin-top: 20px;}

p.stu_name {	color: #0d3d69;	line-height: 20px;	margin-top: 10px;}


/* ------問い合わせ------ */

.boxleft6 {		float: left;	width: 600px;}
.boxright6 {		float: right;	width: 275px;}

.formtable p {	margin-top: 5px;	text-align: left;}
.formtable tr {		padding-top: 8px;border-bottom: 1px dotted #666666}

.formtable table {
	font-size: 100%;
	margin-bottom: 10px;
	border:none;
	width: 590px;
 }

.renrakusakitb td {
	padding: 10px;
	border-top-style: none;
	border-right: none;
	border-bottom: 1px dotted #666666;
	border-left-style: none; 
	}

.renrakusakitb th {
	font-weight: normal;
	padding: 10px;
	border-top-style: none;
	border-right: none;
	border-bottom: 1px dotted #666666;
	border-left: 6px solid #5d7ca2;
	width: 120px;
	background-color: #ffffff;
 }

.renrakusakitb th.must {
	text-align: left;
	border-left: 6px solid #0d3d69;
 }

.sending {
	word-spacing: 1em;
	text-align: center;
}

p.text-apl {	line-height: 22px; padding: 10px 15px 0;	font-size: 10px;}

p.guide, p.sche {	line-height: 22px;	margin-top: 18px;	text-align: center;}
p.cc {	line-height: 22px;	margin-top: 18px;	text-align: center;	color: #0d3d69;}

p.guide span, p.sche span {	display:none; padding:2px 3px; margin-left:8px; width:180px;}
p.guide:hover span, p.sche:hover span{	display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc;} 



/* ------外部Link------ */

.link_box {
	float: left;
	margin-top: 20px;
	margin-right: 25px;
}

.link_inner {
	width: 200px;
}

.link_inner p {		margin-bottom: 13px;	color: #0d3d69;}


.link_inner p.def {
	list-style-type:none;
	width:149px;
	height:44px;
}

p.def a{
	display:block;
	width:149px;
	height:44px;
}

p.def a:hover {	background-color:transparent;}
p.def a:hover img {	visibility: hidden;}

p.link_1 { background-image: url(../images/banner/ideal_on.gif);}
p.link_2 { background-image: url(../images/banner/b_tojin_on.jpg);}
p.link_3 { background-image: url(../images/banner/systema_on.jpg);}
p.link_4 { background-image: url(../images/banner/sensei_on.jpg);}
p.link_5 { background-image: url(../images/banner/visiontech_on.gif);}
p.link_6 { background-image: url(../images/banner/wu_banner_on.jpg);}
p.link_7 { background-image: url(../images/banner/showa_on.gif);}
p.link_8 { background-image: url(../images/banner/gms_on.jpg);}


/* ------予備校へのアクセス------ */

.map_l{
	float: left;
	margin-top: 20px
}

.map_r{
	float: left;
	margin-left: 20px;
	margin-top: 80px;
}