@charset "utf-8";
/* CSS Document */
/*基本設定---------------------------------------------------------------*/

body{
	margin:0px;
	padding:0px;
	color:#333333;
	font-family:"ＭＳ Ｐゴシック";
	background:#EAEAEA;
}

body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,li {
	font-size:x-small;
	letter-spacing:normal;
	font-weight:normal;
	line-height:17px;
	line-break:strict;

	/*IE5.5以下に見せない設定*/
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}


/*Win IE以外には12pxの指定をしたい。　Win IEはこの設定を理解できないので無視する*/
html>body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,li { font-size:12px;}
/*他のブラウザはx-small,smallを理解できるけど、opera6.xは理解できないのでopera6.x用みたいなもの*/


h1,h2,h3,h4,h5,h6,p,dl,ul,ol,dt,li,dd,form,pre,hr{
	margin:0;
	padding:0;
}

table,img{
	border:0;
}

ul{list-style:none;}



/*色々設定---------------------------------------------------------------*/

/*フロートやらのクリア*/
.clear{margin:0; padding:0;	clear:both;}
.float{float:left; margin:0 10px 7px 10px;}
.float_r{float:right; margin:0 0 7px 10px;}

/*テキストについての設定*/
.t_r{ text-align: right;}
.t_l{ text-align: left;}
.t_c{ text-align: center;}
.fs_xs{font-size:x-small;}
.fs_l{font-size:large;}
.fc_red{color:#FF5252;}

strong{color:#FF9A04;}
strong.sentence{color:#846B26; background:#FFEFC5;}
em{font-style:normal; font-weight:bold; color:#000;}
/*その他*/



/*ページトップへ*/
.ptop{
	margin:20px 0 25px 0;
	text-align:right;
	font-size:10px;
	clear:both;
}
.ptop img{vertical-align:middle;}

/*パンくず*/
#breadCrumb{width:530px; height:17px;padding:0px 0 6px 0; background:url(../common_images/bc_bg.jpg) top left no-repeat;text-align:right;}


/* レイアウト--------------------------------------------------------------*/

#wrap{margin:0 auto; padding:0px; background:#ffffff; width:760px; height:auto; border:1px solid #888888; border-width:0 1px 0 1px;}
#contentsWrap{width:760px; margin-top:10px;}
#contents{width:560px;float:right; margin-bottom:20px; padding-right:10px;}
#navi{width:170px; float:left; margin:0 0 10px 0; padding:0 10px;
	/** background:url(../common_images/glb_images/navi_header.jpg) no-repeat; **/ }

/*navi---------------------------------------------------------------*/

#navi a{line-height:130%;}

ul.top,li.tutor,li.junior,li.high,li.univ{text-indent:-999em; display:block;}
#navi ul.top li{width:170px; height:28px; background:url(../common_images/glb_images/navi_top.jpg) no-repeat;}

#navi ul.style01{border:1px solid #999999; border-width:0 1px 0 1px;background:#F2F1E6;}
#navi ul.style01 li.tutor{width:168px;height:23px;background:url(../common_images/glb_images/navi_tutor.jpg) no-repeat;margin:0 0 2px 0;}
#navi ul.style01 li.junior{width:168px;height:23px;background:url(../common_images/glb_images/navi_junior.jpg) no-repeat;margin:5px 0 2px 0;}
#navi ul.style01 li.high{width:168px;height:23px;background:url(../common_images/glb_images/navi_high.jpg) no-repeat;margin:5px 0 2px 0;}
#navi ul.style01 li.univ{width:168px;height:23px;background:url(../common_images/glb_images/navi_univ.jpg) no-repeat;margin:5px 0 2px 0;}
#navi ul.style01 li a{width:150px; padding:2px 0 2px 18px;display:block;
	background:#F2F1E6 url(../common_images/glb_images/navi_point.jpg) 0 50% no-repeat;}
#navi ul.style01 li a:hover{background:#F2F1E6 url(../common_images/glb_images/navi_point_h.jpg) 0 50% no-repeat;}

#navi ul.style01 li.bottom{padding-bottom:5px;}

#navi ul.style02{border:1px solid #999999; border-width:0 1px 1px 1px; background:#9CDDF5; margin-bottom:10px;}
#navi ul.style02 li a{border-top:1px solid #ffffff;border-bottom:1px solid #50C1ED;width:150px; padding:5px 0 5px 18px;display:block;
	background:url(../common_images/glb_images/navi_point02.jpg) 0 50% no-repeat;}
#navi ul.style02 li a:hover{background:#BEF3FA url(../common_images/glb_images/navi_point02_h.jpg) 0 50% no-repeat;}

#navi .mB7{margin-bottom:7px;}

#navi div{margin:0; padding:0;}
/*header---------------------------------------------------------------*/
	
#header{width:760px;height:95px; margin:0 auto; background:url(../common_images/header_bg_new.jpg) no-repeat;}	

h1{font-size:10px; padding:5px 0 0 5px; color:#FF6600;}

h2{display:block;}
h2 a{width:253px; height:62px; text-indent:-9999px;display:block;}

#header .hLeft{width:342px; float:left;}
#header .hRight{width:418px; float:left; padding-top:6px;}

.hRight p,.homeL a,.sitemapL a,.contactL a{text-indent:-999em;display:block;}
.hRight p.tel{width:231px; height:23px; margin-left:177px;}
.hRight p.time{width:165px; height:19px; margin-left:243px;}
.hRight .homeL a{width:70px; height:22px; margin-right:6px; margin-top:1px; float:left;}
.hRight .sitemapL a{width:82px; height:22px; margin-right:10px; margin-top:1px; float:left;}
.hRight .contactL a{width:240px; height:23px; float:left;}

/*ボディ---------------------------------------------------------------------------------*/

/*ページ内リンク用リスト*/
#plink{margin-bottom:25px;}
ul.plink {margin:0 0 10px 0;}
ul.plink li{padding:2px; display:inline;}
ul.plink li a{background:url(../common_images/liststyle_03.jpg) 0 50% no-repeat; padding:0 0 0 30px;}


#indexp #contents p{padding:5px 0 15px 0;}
#PAGES #contents p{padding:5px 15px 15px 15px;}

#PAGES #contents ul.style01{padding:10px 0 20px 20px;}
#PAGES #contents ul.style01 li{background:url(../common_images/liststyle_02.jpg) 0 50% no-repeat; padding:2px 0 2px 20px;}
#PAGES #contents ul.link{padding:10px 0 20px 20px;}
#PAGES #contents ul.link li{background:url(../common_images/icon_link.jpg) 0 50% no-repeat; padding:2px 0 2px 23px;}

#PAGES ol{margin-bottom:15px;}
#PAGES ol li{list-style-position:inline; list-style-type:decimal; margin-left:35px;}

/*インデックスページ--------------------------*/


#indexp .h5Box01{width:180px; margin:0 10px 10px 0; float:left;}
#indexp .h5Box02{width:180px; margin:0 10px 10px 0; float:left;}
#indexp .h5Box03{width:180px; margin:0 0 10px 0; float:left;}

#indexp .h5Box01 a,#indexp .h5Box02 a,#indexp .h5Box03 a{text-decoration:none;}

#indexp dl{width:178px; border:1px solid #999999; border-width:0 1px 1px 1px ;}
#indexp dt{text-indent:-999em; display:block;}
#indexp dt.h501 a{background:url(../images/p_indexp_01.jpg) no-repeat; width:178px; height:82px; display:block;}
#indexp dt.h502 a{background:url(../images/p_indexp_02.jpg) no-repeat; width:178px; height:82px; display:block;}
#indexp dt.h503 a{background:url(../images/p_indexp_03.jpg) no-repeat; width:178px; height:82px; display:block;}

#indexp dt.h501 a:hover{background:url(../images/p_indexp_01_on.jpg) no-repeat; width:178px; height:82px; display:block;}
#indexp dt.h502 a:hover{background:url(../images/p_indexp_02_on.jpg) no-repeat; width:178px; height:82px; display:block;}
#indexp dt.h503 a:hover{background:url(../images/p_indexp_03_on.jpg) no-repeat; width:178px; height:82px; display:block;}


#indexp dd{background:#E3F5FD; padding:7px 0 8px 9px;}

#indexp dl li{background:url(../common_images/index_liststyle01.jpg) 0 50% no-repeat; padding:4px 0 4px 18px;}


/*バナーボックス*/

.bnrBox{margin:15px 0 0 0;}

.bnrBox img{float:left; margin-left:10px;}


/*成功する大学受験---------------------------*/

.univBox{width:176px; float:left; padding-left:10px; background:url(../univer/images/index_bg01.jpg) right top no-repeat; height:180px;}

/*大学受験の現状*/
.univSitu{text-align:right; margin:0px 0 15px 0; padding-top:10px}

/*大学受験の傾向と対策*/

.unTendency dl{margin:10px 0 10px 10px;}
.unTendency dl dt{font-weight:bold; margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid #29A2E1}
.unTendency dl dd{padding:0 10px 15px 10px;}


/*Ｑ＆Ａ*/

.faq dl{margin:10px 0 10px 10px;}
.faq dl dt{font-weight:bold; margin-bottom:10px; padding:6px 0 0 56px; height:24px; }
.faq dl#faq01 dt{background:url(../images/bg_faq_01.gif);}
.faq dl#faq02 dt{background:url(../images/bg_faq_02.gif);}
.faq dl#faq03 dt{background:url(../images/bg_faq_03.gif);}
.faq dl#faq04 dt{background:url(../images/bg_faq_04.gif);}
.faq dl#faq05 dt{background:url(../images/bg_faq_05.gif);}
.faq dl#faq06 dt{background:url(../images/bg_faq_06.gif);}
.faq dl#faq07 dt{background:url(../images/bg_faq_07.gif);}
.faq dl dd{padding:0 10px 15px 10px;}


/*体験談*/

.voice dl{margin:10px 0 10px 0px;}
.voice dl dt{width:437px; height:27px;padding:40px 0 0 113px; font-size:14px; font-weight:bold; color:#ffffff;}
.voice dl dt.mama{background:url(../images/voice_mamabg.jpg) no-repeat;}
.voice dl dt.boy{background:url(../images/voice_boybg.jpg) no-repeat;}
.voice dl dt.girl{background:url(../images/voice_girlbg.jpg) no-repeat;}
.voice dl dd{background:url(../images/voice_dtbg.jpg) bottom left no-repeat; width:520px; padding:10px 10px 15px 20px;}

/*サイトマップやリンクのところ--------------------------*/

.sitemap dl{padding:10px 0 10px 20px;margin-bottom:20px;}
.sitemap dl dt a{padding:5px 0 0px 25px; font-weight:bold; text-decoration:none;
	 background:url(../common_images/liststyle_03.jpg) 0 50% no-repeat;}
.sitemap dl dt{border-bottom:1px dotted #888888;}
.sitemap dl dd{padding:10px 0 5px 20px;}


/*h3タイトル----------------------------------------------------------------------------*/
#indexp h3{text-indent:-999em;}
#PAGES h3 {text-indent:-9999px; margin:0; padding-bottom:10px; clear:both;}
#PAGES h3{height:56px; width:560px;}
#indexp h3{height:560x;height:280px; background:url(../images/main_img.jpg) no-repeat; display:block; margin-bottom:10px;}
.tutor h3{background:url(../tutor/images/h3_index.jpg) top left no-repeat; margin:0; display:block;}
.point h3{background:url(../tutor/images/h3_point.jpg) top left no-repeat; margin:0; display:block;}
.compare h3{background:url(../tutor/images/h3_compare.jpg) top left no-repeat; margin:0; display:block;}
.junior h3{background:url(../junior/images/h3_index.jpg) top left no-repeat; margin:0; display:block;}
.juSituation h3{background:url(../junior/images/h3_situation.jpg) top left no-repeat; margin:0; display:block;}
.juTendency h3{background:url(../junior/images/h3_tendency.jpg) top left no-repeat; margin:0; display:block;}
.high h3{background:url(../high/images/h3_index.jpg) top left no-repeat; margin:0; display:block;}
.hiSituation h3{background:url(../high/images/h3_situation.jpg) top left no-repeat; margin:0; display:block;}
.hiTendency h3{background:url(../high/images/h3_tendency.jpg) top left no-repeat; margin:0; display:block;}
.univer h3{background:url(../univer/images/h3_index.jpg) top left no-repeat; margin:0; display:block;}
.unSituation h3{background:url(../univer/images/h3_situation.jpg) top left no-repeat; margin:0; display:block;}
.unTendency h3{background:url(../univer/images/h3_tendency.jpg) top left no-repeat; margin:0; display:block;}
.faq h3{background:url(../images/h3_faq.jpg) top left no-repeat; margin:0; display:block;}
.contact h3{background:url(../images/h3_contact.jpg) top left no-repeat; margin:0; display:block;}
.voice h3{background:url(../images/h3_voice.jpg) top left no-repeat; margin:0; display:block;}
.company h3{background:url(../images/h3_company.jpg) top left no-repeat; margin:0; display:block;}
.sitemap h3{background:url(../images/h3_sitemap.jpg) top left no-repeat; margin:0; display:block;}

/*h4タイトル----------------------------------------------------------------------------*/

h4{clear:both;}

#indexp h4 a{text-decoration:none;}
#indexp h4.h401{text-indent:-999em; display:block;width:560px; height:30px; background:url(../images/h4_indexp_01.jpg) no-repeat;margin:5px 0 10px 0;}
#indexp h4.h402 a{text-indent:-999em; display:block;width:560px; height:30px; background:url(../images/h4_indexp_02.jpg) no-repeat;margin:0px 0 8px 0;}
	
#PAGES h4{
	font-size:14px; color:#333; font-weight:bold; height:23px; padding:7px 0 0 34px; margin:10px 0 12px 0; clear:both;
	background:url(../common_images/h4_bg.jpg) no-repeat;}


/*h5,h6タイトル----------------------------------------------------------------------------*/

#indexp h5 a{height:32px; display:block; text-indent:-999em;text-decoration:none; text-decoration:none;}
#indexp h5.h501 a{width:180px;background:url(../images/h5_indexp_01.jpg) no-repeat;}
#indexp h5.h502 a{width:180px;background:url(../images/h5_indexp_02.jpg) no-repeat;}
#indexp h5.h503 a{width:180px;background:url(../images/h5_indexp_03.jpg) no-repeat;}

#indexp h5.contact a{width:275px; height:89px; background:url(../images/bnr_contact.jpg) no-repeat; float:left; margin-right:10px;}
#indexp h5.company a{width:275px; height:89px; background:url(../images/bnr_company.jpg) no-repeat; float:left;}

#indexp h5.contact a:hover{width:275px; height:89px; background:url(../images/bnr_contact_h.jpg) no-repeat; float:left; margin-right:10px;}
#indexp h5.company a:hover{width:275px; height:89px; background:url(../images/bnr_company_h.jpg) no-repeat; float:left;}




#PAGES h5{font-size:14px;color:#333;font-weight:bold; padding:6px 0 0 25px; height:22px; margin:5px 0 7px 0;
	background:url(../common_images/h5_bg.jpg) no-repeat; clear:both;}


#PAGES h6{font-size:12px; font-weight:bold; color:#FF6600;padding:2px 0 0 25px; height:21px; margin:15px 0 5px 0px;
	background:url(../common_images/h6_bg.jpg) 0 50% no-repeat;}


/*------------------------------------------------------------------------------------------*/


/*footer----------------------------------------------------------*/
#footer{width:760px;border-top:4px solid #17AEE8; clear:both;}
#footer a{text-decoration:none;}
#footer-navi{text-align:center; padding:13px 0;}
	
#footer-navi ul{list-style:none;}
#footer-navi li{display:inline;}
#footer-navi li a{font-size:x-small; padding:0 3px 0 5px; margin:0; border-right:1px solid #254D9F;}


#footer-navi li.right a{ border:1px solid #254D9F;border-width:0 0px 0 0px;}

#copyright{width:740px;background:#CCCCCC; padding:10px; min-height:76px;}
#copyright .add{float:left;}
.cmpname{font-size:14px; font-weight:bold;}
#copyright .rights{float:right; text-align:right;}
#copyright .rights img{margin-bottom:5px;}
/*------------------------------------------------------------------------------------------*/




/*linkColor
--------------------------------------------------------------------------------------------*/
/*リンク色*/
a{color:#0F6F93;}
a:hover{color:#CC0000;}
/*それ以外リンク色*/
#header a{text-decoration:none;}


a:focus{outline:none;}
/*------------------------------------------------------------------------------------------*/

table{margin:10px 0 15px 10px;}


table.style01{border:1px solid #666; border-width:0 1px 1px 0;}
table.style01 th,table.style01 td{border:1px solid #666; border-width:1px 0px 0px 1px; padding:5px 10px;}
table.style01 th{background:#B7EBFF; color:#000000; font-weight:bold;}

table.form{background:#666666;}
table.form th,table.form td{padding:5px 10px;}
table.form th{background:#B7EBFF; color:#000000; font-weight:bold; text-align:left; width:150px;}
table.form td{background:#ffffff; width:350px;}

/*------------------------------------------------------------------------------------------*/

#bnrBox {
	width:530px;
	height:200px;
	margin-top:30px;
	margin-left:15px;
	}

.bnrBox01 {
	width:170px;
	margin-right:10px;
	float:left}
	

.bnrBox02 {
	width:170px;
	margin-right:10px;
	float:left}
	
.bnrBox03 {
	width:170px;
	float:left;
	}
	
.bnrBox04 {
	width:170px;
	margin-right:10px;
	float:left}
	

.bnrBox05 {
	width:170px;
	margin-right:10px;
	float:left}
	
.bnrBox06 {
	width:170px;
	float:left;
	}
	


.conBoxL {width:200px; float:left;}
.ttl {color:#194ab0; font-size:16px; font-weight:bold;}

#map {float:right; border:1px solid #194ad0;}

/** お問合せフォーム **/

.form_jump a{
    width: 300px;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    border: solid 2px #6C7AE0;
    border-radius: 5px;
    background-color: #F4E130;
    box-shadow: 0px 7px 6px #a7a7a7;
    transition: .4s;
}

.form_jump a:hover{
    box-shadow: 0px 1px 2px #a7a7a7;
    background:rgba(58,129,255,1.00);
    color: rgba(255,255,255,1.00);
}
