/* 	トップページ
-------------------------------------------------------------------------------------------------------*/
*{
margin:0;
padding:0;
}


body {
font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size:12px;
	background-image:url(images/all_page/bground.jpg);
	background-repeat:repeat-x;
}


img{
border:none;

}

/* 	メインボックス
------------------------------------*/
.main {
   margin:0 auto;
   padding-top:5px;
   width:900px;
   height:auto;
}

.main .center{
	width:900px;
	height:auto;
}



/* 	ヘッダー
------------------------------------*/
.main .header_box{
    width:900px;
}

.main .header_box .hdr_up{
    position:relative;
    width:900px;
	height:70px;
}

.main .header_box .hdr_up .hdrLeft{
	float:left;
	width:409px;
}

.hdrLeft .hdrLeftIn{
	margin-top:10px;
	width:409px;
}

.main .header_box .hdr_up .hdrLeft2{
	float:right;
	width:491px;
}

.hdrLeft2 .hdrLeftIn2{
	margin-top:10px;
	width:491px;
	height:25px;
}


.hdrLeft2 .hdrSub{
	float:right;
	padding-left:5px;
	width:90px;
}


/* 	メインボタン
------------------------------------*/

.main .header_box .hdr_dwn{
    width:900px;
    height:41px;
}


ul.global{
    padding:0px;
	margin-left:0px;
	margin:0px;
	list-style:none;

} 

li.global{
    list-style:none;
	float:left;
}

a.top1{ 
    background-position: 0;
    background-image:url(images/all_page/button.jpg);
    width:180px;
    height:41px;
    display:block;
}

a.top1:hover {
    background-position: 0 41px;
    background-image:url(images/all_page/button_over.jpg);

}

a.top2{ 
	background-position: -180px 0;
	background-image:url(images/all_page/button.jpg);
	width:180px;
	height:41px;
	display:block;

}

a.top2:hover {
	background-position: -180px 41px;
	background-image:url(images/all_page/button_over.jpg);

}

a.top3{ 
	background-position: -360px 0;
	background-image:url(images/all_page/button.jpg);
	width:180px;
	height:41px;
	display:block;
}

a.top3:hover {
	background-position: -360px 41px;
	background-image:url(images/all_page/button_over.jpg);

}

a.top4{ 
	background-position: -540px 0;
	background-image:url(images/all_page/button.jpg);
	width:180px;
	height:41px;
	display:block;

}

a.top4:hover {
	background-position: -540px 41px;
	background-image:url(images/all_page/button_over.jpg);

}

a.top5{ 
	background-position: -720px 0;
	background-image:url(images/all_page/button.jpg);
	width:180px;
	height:41px;
	display:block;

}

a.top5:hover {
	background-position: -720px 41px;
	background-image:url(images/all_page/button_over.jpg);
	width:180px;
	height:41px;
	display:block;

}


/*トップページ上側大きいボックス、flash,校舎の検索
-------------------------------------------------------*/
.main .center .box{
        padding-left:5px;
	width:895px;
	height:315px;
	background-color:#F0E4C8;
}

.main .center .box .flash_box{
	padding-top:5px;
	float:left;
	width:670px;	
}

.main .center .box .right_up{
	float:left;
	margin-top:5px;
	width:218px;
	height:305px;
    border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
}

.main .center .box .right_up .ru_box1{
	width:210px;
	height:59px;
}

.main .center .box .right_up .ru_box2{
	padding:10px 0 0 3px;
	width:210px;

}

.main .center .box .right_up .ru_box3{
	padding:10px 0 0 3px;
	width:210px;

}

.main .center .box .right_up .ru_box3 .chikuBox1{
	width:210px;
	height:169px;
	background-image:url(images/top_page/chiku_bg.jpg);
}

.right_up .ru_box3 .chikuBox1 .chikuUp{
	width:210px;
	height:106px;
}

.ru_box3 .chikuBox1 .chikuUp .chikuNishi{
	float:left;
	padding:37px 0 0 35px;
	width:32px;
	height:68px;
}

.ru_box3 .chikuBox1 .chikuUp .chikuInr1{
	float:left;
	padding-left:2px;
	width:100px;
	height:106px;
}

.ru_box3 .chikuBox1 .chikuUp .chikuInr1 .chikuKita{
	padding-top:37px;
	width:100px;
	height:23px;
}

.ru_box3 .chikuBox1 .chikuUp .chikuInr1 .chikuChu{
	padding:0px;
	width:100px;
	height:22px;
}

.ru_box3 .chikuBox1 .chikuUp .chikuInr1 .chikuMinami{
	padding:0px;
	width:100px;
	height:24px;
}

.ru_box3 .chikuBox1 .chikuUp .chikuIbaraki{
	float:left;
	padding:29px 0 0 4px;
	width:36px;
	height:68px;
}

.ru_box3 .chikuBox1 .chiku2{
	margin:19px 0 0 52px;
	width:158px;
	height:25px;
}

.ru_box3 .chikuBox1  .chiku2 .chikuTokyo{
	width:100px;
	height:24px;
}


/*flash HTML
-------------------------------------------------------*/

.main .center .box .flash_box2{
	margin-top:5px;
	padding:70px 0 0 35px;
	float:left;
	width:635px;
	height:230px;
	background-image:url(images/top_page/flash_bg.jpg);
}

.main .center .box .flash_box2 .f_button{
	padding:40px 0 0 15px;
	float:left;
	width:101px;
}




/*トップページ下側大きいボックス
-------------------------------------------------------*/
.main .center .box1{
	width:900px;
        height:auto;
}

/*トップページ左側、大きいボックス
-------------------------------------------------------*/

.main .center .box1 .down_left{
	float:left;
	width:675px;
	height:auto;
}

.main .center .box1 .down_left .adver{
	float:left;
	margin-top:10px;
	padding:10px 0 0 195px;
	width:475px;
	height:35px;
	background-image:url(images/top_page/teacher.jpg);
}

.main .center .box1 .down_left .adver .a_box{
	float:left;
	padding-left:10px;
	width:40px;
	height:40px;
}

.zoomi{
	width:30px;
}
/*講師紹介のバナーなど、
アコーディオンのcssは、一番下にあります。
-------------------------------------------------------*/
.main .center .box1 .down_left .inr_left{
	float:left;
	background-color:#F0E4C8;
	margin-top:10px;
	padding:0 0 10px 5px;
	width:175px;
}


.main .center .box1 .down_left .inr_left .inr_box{
	margin-top:5px;
	width:170px;
	
}

.main .center .box1 .down_left .inr_left .inrAbout{
	margin-top:5px;
	padding:60px 0 0 5px;
	width:165px;
	height:107px;
	background-image:url(images/top_page/about_academy.jpg);
	
}

.main .center .box1 .down_left .inr_left .inrBook1{
	margin-top:5px;
	padding:50px 0 0 70px;
	width:100px;
	height:60px;
	background-image:url(images/top_page/book1.jpg);
	
}

.main .center .box1 .down_left .inr_left .inrBook2{
	margin-top:5px;
	padding:50px 0 0 70px;
	width:100px;
	height:60px;
	background-image:url(images/top_page/book2.jpg);
	
}

.main .center .box1 .down_left .inr_left .inrBook3{
	margin-top:5px;
	padding:50px 0 0 70px;
	width:100px;
	height:60px;
	background-image:url(images/top_page/book3.jpg);
	
}

/*真ん中のタブ部分、最新情報、幼児、小学生、中学、高校
広告バナー
-------------------------------------------------------*/

.main .center .box1 .down_left .inr_right{
	float:left;
	padding:5px 0 0 8px;
	width:485px;
}


.main .center .box1 .down_left .inr_right .top_bnr{
	margin-top:5px;
	width:485px;
	height:30px;
}


.main .center .box1 .down_left .inr_right .inr_right_box1{
	padding:5px;
	width:473px;
	border:#C7E5F7 solid 1px;
	line-height:18px;
}


.main .center .box1 .down_left .inr_right .inr_right_box1 .what_pic{
	width:473px;
	height:70px;
	line-height:18px;
	border-bottom:#CCCCCC dotted 1px;
}


.main .center .box1 .down_left .inr_right .inr_right_box1 .what_pic .w_p_box{
	float:left;
	padding-top:5px;
	width:236px;
	height:60px;
	line-height:18px;
}

.event_txt{
	width:174px;
	height:50px;
	line-height:18px;
}

.main .center .box1 .down_left .inr_right .inr_right_box1 .what_new{
	padding-top:5px;
	width:473px;
	height:120px;
	line-height:18px;
}

.main .center .box1 .down_left .inr_right .inr_right_box2{
	padding-top:5px;
	width:485px;
}

.main .center .box1 .down_left .inr_right .inr_right_box2 .inr_bnr1{	
	float:left;
	width:240px;
}

.main .center .box1 .down_left .inr_right .inr_right_box2 .inr_bnr2{	
	float:left;
	padding-left:5px;
	width:240px;
}

/*イベント・セミナーの部分
-------------------------------------------------------*/
.main .center .box1 .down_left .inr_right .inrEvent{
	margin-top:5px;
	padding-top:40px;
	width:485px;
	background-image:url(images/top_page/event.jpg);
	background-repeat:no-repeat;

	
}

.inrEvent .inrEvent1{
	padding-top:10px;
	width:483px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;	
}

.inrEvent .inrEvent1 .EventDateTop{
	float:left;
	padding:0px 0px 5px 10px;
	width:75px;	
	clear:both;
}

.inrEvent .inrEvent1 .EventTextTop{
	float:left;
	padding:0px 0px 5px 10px;
	width:385px;	
}

.inrEvent .inrEvent1 .EventDownTop{
	width:485px;	
}

/*特集記事の部分
-------------------------------------------------------*/
.special{
	margin-top:5px;
	padding-top:40px;
	width:485px;
	background-image:url(images/top_page/special.jpg);
	background-repeat:no-repeat;
}

.special .specialInr{
	padding-top:10px;
	width:483px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;	
}

.specialInr .specialLeft{
	float:left;
	padding-left:5px;
	width:240px;
}

.specialInr .specialRight{
	float:left;
	padding:0 5px 5px 5px;
	width:227px;
	line-height:18px;
}

/*トップページ右側
----------------------------------------------*/

.main .center .box1 .down_right{
	float:left;
	padding:5px 0 0 5px;
	width:220px;
	height:auto;
}


.main .center .box1 .down_right .d_r_box1{
	padding-top:5px;	
	width:220px;	
}

.d_r_box1 .brandBg{	
	width:220px;
	height:680px;
	background-image:url(images/top_page/brand_bg.jpg);
	background-repeat:no-repeat;
}

.brandBg .brandInr01{
	padding-top:10px;
	width:220px;
}

.brandBg .brandInr02{
	padding-top:15px;
	width:220px;
}

.brandBg .brandInr03{
	margin:10px auto 0;
	width:198px;
}

.brandBg .brandInr04{
	margin:0 auto;
	width:198px;
}

.inrBook1_1{
	padding:50px 0 0 100px;
	width:120px;
	height:60px;
	background-image:url(images/top_page/book1_1.jpg);
	
}

.inrBook2_1{
	margin-top:5px;
	padding:50px 0 0 100px;
	width:120px;
	height:60px;
	background-image:url(images/top_page/book2_1.jpg);
	
}


/* 	トップページ終了
-------------------------------------------------------------------------------------------------------*/


/* 各ページの右側
------------------------------------*/
.main .center .box1 .down_right2{
	float:left;
	padding:18px 0 0 3px;
	width:220px;
	height:auto;
}


.main .center .box1 .down_right2 .d_r_box1{
	padding-top:5px;	
	width:220px;	
}

.main .center .box1 .down_right2 .d_r_box2{
	margin-top:5px;	
	width:220px;
	height:180px;
	background-image:url(images/top_page/about_academy.jpg);	
}

.main .center .box1 .down_right2 .d_r_box2 .d_r_b2_1{
	padding-top:30px;	
	width:220px;
	height:90px;
}

.main .center .box1 .down_right2 .d_r_box2 .d_r_b2_2{	
	width:220px;
	height:30px;
}



.main .center .box1 .down_right2 .d_r_box3{
	margin-top:5px;	
	width:220px;
	height:294px;
	background-image:url(images/all_page/academy_brand.jpg);	
}

.main .center .box1 .down_right2 .d_r_box3 .d_r_left{
	float:left;
	padding-top:40px;	
	width:110px;
}

.main .center .box1 .down_right2 .d_r_box3 .d_r_left .d_r_l_1{	
	width:110px;
	height:20px;
}

.main .center .box1 .down_right2 .d_r_box3 .d_r_left .d_r_l_2{	
	width:110px;
	height:47px;
}

.main .center .box1 .down_right2 .d_r_box3 .d_r_left .d_r_l_3{	
	width:110px;
	height:30px;
}

.main .center .box1 .down_right2 .d_r_box3 .d_r_left .d_r_l_4{	
	width:110px;
	height:20px;
}

.main .center .box1 .down_right2 .d_r_box3 .d_r_left .d_r_l_5{	
	width:110px;
	height:25px;
}

.main .center .box1 .down_right2 .d_r_box3 .d_r_left .d_r_l_6{	
	width:110px;
	height:50px;
}


/* フッター
------------------------------------*/

.footer_box{
	margin-top:20px;
	height:80px;
	background-image:url(images/footer/footer_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	overflow:auto;	

}

.footer_box .footerInr{
	margin:0 auto;
	width:655px;
	height:45px;
	font-size:10px;	

}

.footer_box .footerInr2{
	margin:0 auto;
	width:154px;	

}





/* claer
------------------------------------*/
.clear{
	clear:both;
}


.clearfloat { 
clear:both;
 height:0;
 font-size: 1px;
 line-height: 0px;
}





/*
 基本のLink Color [
----------------------------------------------------------- */


a:link {
    text-decoration:none;
    color:#0066FF;
}

a:visited {
    text-decoration:none;
    color:#0066FF;
}

a:hover {
    text-decoration :underline;
    color:#0066FF;
}

a:active {
      color:#0066FF;
	  text-decoration:none;

}



/*-------------------------------------------
 サイド部分
---------------------------------------------*/

.main .center_rec .box1 .rec_right .side_box{
	width:280px;
}

.main .center_rec .box1 .rec_right .side_box .side_head{
	width:280px;
	background:url(images/recurit_page/side_head.jpg) no-repeat;
	font-size:12px;
	padding:2px 0;
	height:21px;
}

.main .center_rec .box1 .rec_right .side_box .side_in{
	background:url(images/recurit_page/side_back.jpg) no-repeat;
	height:200px;
	padding:5px;
	line-height:150%;
	font-size:12px;
}

 

/*---------------------------------------------------
　javascript部分のスタイル 最新情報
-----------------------------------------------------*/



/* クラススタイルは自由に変更してください。 */
.main .center .box1 .down_left .inr_right .tabSet { 
	width:485px; 
	clear:both;
	margin-top:5px;
}

.main .center .box1 .down_left .inr_right .tabSet .tabArea {
	width:485px;
}

.main .center .box1 .down_left .inr_right .tabSet .tabArea div { padding:0px 0px 0px 0px; float:left; }
.main .center .box1 .down_left .inr_right .tabSet .tabArea div img { border:none; }

/*.tabSet .contentsArea { padding:10px; clear:both; border:5px #333333 solid; }*/
.main .center .box1 .down_left .inr_right .tabSet .contentsArea{
	padding:5px;
	width:473px;
	border:#CCCCCC solid 1px;
	line-height:18px;
}


/*　----------------------------------------------------------
displayプロパティは必須です
ページ読み込み時に表示したいidをblockにしてください
*/
#contents0 { display:block; }
#contents1 { display:none; }
#contents2 { display:none; }
#contents3 { display:none; }
#contents4 { display:none; }

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



#contents0  .what_pic{
	width:472px;
	height:70px;
	line-height:18px;
	border-bottom:#CCCCCC dotted 1px;
}

#contents1  .what_pic{
	width:472px;
	height:70px;
	line-height:18px;
	border-bottom:#CCCCCC dotted 1px;
}


#contents2  .what_pic{
	width:472px;
	height:70px;
	line-height:18px;
	border-bottom:#CCCCCC dotted 1px;
}

#contents3  .what_pic{
	width:472px;
	height:70px;
	line-height:18px;
	border-bottom:#CCCCCC dotted 1px;
}

#contents4  .what_pic{
	width:472px;
	height:70px;
	line-height:18px;
	border-bottom:#CCCCCC dotted 1px;
}




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

#contents0  .what_pic .w_p_box{
	float:left;
	padding-top:5px;
	width:236px;
	height:60px;
	line-height:18px;
}  

#contents1  .what_pic .w_p_box{
	float:left;
	padding-top:5px;
	width:236px;
	height:60px;
	line-height:18px;
}   

#contents2  .what_pic .w_p_box{
	float:left;
	padding-top:5px;
	width:236px;
	height:60px;
	line-height:18px;
}   

#contents3  .what_pic .w_p_box{
	float:left;
	padding-top:5px;
	width:236px;
	height:60px;
	line-height:18px;
}   

#contents4  .what_pic .w_p_box{
	float:left;
	padding-top:5px;
	width:236px;
	height:60px;
	line-height:18px;
}   
 


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

#contents0  .what_new{
	padding-top:5px;
	width:473px;
	/*height:120px;*/
	line-height:18px;
}

#contents1  .what_new{
	padding-top:5px;
	width:473px;
	/*height:120px;*/
	line-height:18px;
}

#contents2  .what_new{
	padding-top:5px;
	width:473px;
	/*height:120px;*/
	line-height:18px;
}

#contents3  .what_new{
	padding-top:5px;
	width:473px;
	/*height:120px;*/
	line-height:18px;
}

#contents4  .what_new{
	padding-top:5px;
	width:473px;
	/*height:120px;*/
	line-height:18px;
}


/*---------------------------------------------------
　javascript部分のスタイル 検索方法
-----------------------------------------------------*/

/* クラススタイルは自由に変更してください。 */
.main .center .box .right_up .ru_box3 .searchSet { 
	width:210px; 
	clear:both;
}

.main .center .box .right_up .ru_box3 .searchSet .searchArea {
	width:210px;
        height:20px;
}

.main .center .box .right_up .ru_box3 .searchSet .searchArea div { padding:0px 0px 0px 0px; float:left; }
.main .center .box .right_up .ru_box3 .searchSet .searchArea div img { border:none; }

/*.tabSet .contentsArea { padding:10px; clear:both; border:5px #333333 solid; }*/
.main .center .box .right_up .ru_box3 .searchSet .seContents{
	padding:5px;
	width:198px;
	border:#CCCCCC solid 1px;
	line-height:18px;
	height:150px;
}


/*　----------------------------------------------------------
displayプロパティは必須です
ページ読み込み時に表示したいidをblockにしてください
*/
#searchcon0 { display:block; }
#searchcon1 { display:none; }
#searchcon2 { display:none; }

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




#searchcon0 ul li{
	list-style-image:url(images/top_page/sankaku_list2.jpg);
	margin:2px 0;
	color:#666666;
	list-style-position:inside;
	font-size:12px;
}

#searchcon0 ul li a{
	color:#666666;
	text-decoration:none;
}

#searchcon0 ul li a:hover{
	color:#666666;
	text-decoration:underline;
}
	

#searchcon0 .ichiranBtn{
	text-align:center;
	padding:10px 0 0 0;
}

#searchcon1 .conLeft{
	float:left;
	width:75px;
}

#searchcon1 .conRight{
	float:right;
	width:75px;
}




#searchcon1 .conLeft ul li{
	list-style-image:url(images/top_page/sankaku_list.jpg);
	margin:7px 0 0 4px;
	color:#666666;
	list-style-position:inside;
	font-size:12px;
}

#searchcon1 .conLeft ul li a{
	color:#666666;
	text-decoration:none;
}

#searchcon1 .conLeft ul li a:hover{
	color:#666666;
	text-decoration:underline;
}



#searchcon1 .conRight ul li{
	list-style-image:url(images/top_page/sankaku_list.jpg);
	margin:7px 0 0 4px;
	color:#666666;
	list-style-position:inside;
	font-size:12px;
}

#searchcon1 .conRight ul li a{
	color:#666666;
	text-decoration:none;
}

#searchcon1 .conRight ul li a:hover{
	color:#666666;
	text-decoration:underline;
}

#searchcon2 ul{
	padding-top:4px;

}


#searchcon2 ul li{
	list-style-image:url(images/top_page/sankaku_list2.jpg);
	margin:2px 0;
	color:#666666;
	list-style-position:inside;
	font-size:12px;
}

#searchcon2 ul li a{
	color:#666666;
	text-decoration:none;
}

#searchcon2 ul li a:hover{
	color:#666666;
	text-decoration:underline;
}



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

#searchcon0 p{
	padding:4px;
	color:#666666;
	font-size:12px;
}

#searchcon0 p a{
	color:#666666;
	text-decoration:none;
}

#searchcon0 p a:hover{
	color:#666666;
	text-decoration:underline;
}


#searchcon1 .conRight p{
	padding:5px;
	color:#666666;
	font-size:12px;
}

#searchcon1 .conRight p a{
	color:#666666;
	text-decoration:none;
}

#searchcon1 .conRight p a:hover{
	color:#666666;
	text-decoration:underline;
}

#searchcon1 .conLeft p{
	padding:5px;
	color:#666666;
	font-size:12px;
}

#searchcon1 .conLeft p a{
	color:#666666;
	text-decoration:none;
}

#searchcon1 .conLeft p a:hover{
	color:#666666;
	text-decoration:underline;
}



#searchcon2 p{
	padding:4px;
	color:#666666;
	font-size:12px;
}

#searchcon2 p a{
	color:#666666;
	text-decoration:none;
}

#searchcon2 p a:hover{
	color:#666666;
	text-decoration:underline;
}

/* 	左側　アコーディオン
------------------------------------*/

.main .center .box1 .down_left .inr_left .inr_box2{
	float:left;
	width:170px;
}


#basic-accordian{
	width:170px;
    z-index:2;

}

.accordion_headings{
	width:170px;
	cursor:pointer;
	padding-top:1px;
}



.accordion_child{
    width:168px;
	
}