﻿@charset "utf-8";
/* CSS Document */

body  
{
  margin :0px; padding:0px;
  min-width:1000px;
	font-family: Arial, Helvetica, sans-serif, Verdana, MS PGothic, tahoma  ;
	font-size: small;
	color:#666666;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, fieldset, blockquote, p, form, frame, dl,dt,dd, select, asp
{
    margin:0;
    padding:0;

    }
    
img { border:0px;}
  
a:active, a:link, a:visited     { text-decoration:none; color:#666666; }
a:hover     { text-decoration:none; color:#cc6600; }   


h1 { font-size:18px; font-weight:bold; }
h2 { font-size:16px; font-weight:bold; }
h3 { font-size:15px; font-weight:bold; color:#000;}

/*h4 content body ---> title*/
h4 { font-size:14px; font-weight:bold; color:#333366; }
.h4col { color:#0066CC;}

/*h5-> topmenu */
h5 { font-size:14px; font-weight:bold; }
h6 { font-size:12px; font-weight:bold; }


.hidden  { overflow : hidden ; }


/* ------------------- */
/* -- basic setting -- */
/* ------------------- */

.dpn {display:none; font-size:12px;}
.cb {clear:both; font-size:12px;}

.small{ font-size:small;}


.fontRed01 {color:#CC0000;}
.fontRed01 a {color:#CC0000;}

.fontRed02 {color:#990000;}
.fontRed02 a {color:#990000;}

.fontRed03 {color:#660000;}
.fontRed03 a {color:#660000;}


.fontBlue01 {color: #0066CC;}
.fontBlue01 a {color: #0066CC;}

.fontBlue02 {color: #003399;}
.fontBlue02 a {color: #003399;}

.fontBlue03 {color:#003366;}
.fontBlue03 a {color:#003366;}


.fontGray01 {color: #666666;}




/* ----------------------- */
/* -- layout guied line -- */
/* ----------------------- */

#wrapper  {
    width: 980px;
    margin: 0 auto;
		background:url(/images/spot_bg.jpg) top center no-repeat #fff; 	
   }

#container{
   margin:10px 0px 20px 0px;
    }



/* --------------- */
/* -- spot menu -- */
/* --------------- */
    
#logo{
	width:200px;
	float:left;
		
}
#logo a {
	display:block; 
	width:200px; 
	height:50px;
	margin:10px 0;
	background:url(/images/logo.gif) no-repeat;
	}

#spot{}
#spot table { float:right; }
#spot ul { margin-top:40px; float:right; list-style:none;}
#spot ul li { float:right; list-style:none;}
#spot ul li img { margin:0 2px 0 0; border:0px;}
#spot ul li img.material {margin-top:5px;}


/* -------------------- */
/* -- top navigation -- */
/* -------------------- */

#topnavigation{ padding-bottom:10px; margin:0 auto; text-align:center;}

#topnavigation ul { 
	margin:0px;
	padding:0px;
	width:980px;
  　height:42px;
	float:left;
	list-style:none;
	background:url(/images/topnav_bg.gif) top left no-repeat;
	}
	
#topnavigation ul li { 
	margin: 0 20px;
	padding:0px;
	list-style: none;
	float:left;
	height:42px;
}
#topnavigation .menu01 {background:url(/images/topnav_01.gif) no-repeat;}
#topnavigation .menu01 a { display:block; width:72px; height:42px;}

#topnavigation .menu02 {background:url(/images/topnav_08.gif) no-repeat; margin-left:60px; width:97px; height:42px; display: inline;}
#topnavigation .menu02 a { display:block; width:97px; height:42px;}

#topnavigation .menu03 {background:url(/images/topnav_03.gif) no-repeat; width:110px; height:42px;}
#topnavigation .menu03 a { display:block; width:108px; height:42px;}

#topnavigation .menu04 {background:url(/images/topnav_04.gif) no-repeat; width:108px; height:42px;}
#topnavigation .menu04 a { display:block; width:108px; height:42px;}

#topnavigation .menu05 {background:url(/images/topnav_05.gif) no-repeat; width:84px; height:42px;}
#topnavigation .menu05 a { display:block; width:84px; height:42px;}

#topnavigation .menu06 {background:url(/images/topnav_06.gif) no-repeat; width:133px; height:42px;}
#topnavigation .menu06 a { display:block; width:133px; height:42px;}

#topnavigation .menu07 {background:url(/images/topnav_07.gif) no-repeat;  width:133px; height:42px;}
#topnavigation .menu07 a { display:block; width:133px; height:42px;}


#topnavigation .menu11 {background:url(/images/topnav2_01.gif) no-repeat; }
#topnavigation .menu11 a { display:block; width:72px; height:42px;}

#topnavigation .menu12 {background:url(/images/topnav2_08.gif) no-repeat; margin-left:60px;  display: inline; }
#topnavigation .menu12 a { display:block; width:97px; height:42px;}

#topnavigation .menu13 {background:url(/images/topnav2_03.gif) no-repeat; width:110px; height:42px;}
#topnavigation .menu13 a { display:block; width:108px; height:42px;}

#topnavigation .menu14 {background:url(/images/topnav2_04.gif) no-repeat; width:108px; height:42px;}
#topnavigation .menu14 a { display:block; width:108px; height:42px;}

#topnavigation .menu15 {background:url(/images/topnav2_05.gif) no-repeat; width:84px; height:42px;}
#topnavigation .menu15 a { display:block; width:84px; height:42px;}

#topnavigation .menu16 {background:url(/images/topnav2_06.gif) no-repeat; width:133px; height:42px;}
#topnavigation .menu16 a { display:block; width:133px; height:42px;}

#topnavigation .menu17 {background:url(/images/topnav2_07.gif) no-repeat; width:133px; height:42px;}
#topnavigation .menu17 a { display:block; width:133px; height:42px;}


/* ------------ */
/* -- footer -- */
/* ------------ */
#footer{ width: 100%;	height: 100px;  margin: 0 0 15px 0;	background: url(/images/footer_bg.gif) top left no-repeat;	color:#666666;	}
#footer .footerlogo { background:url(/images/footer_logo.gif) top left no-repeat;	width:160px; height:35px; margin:30px 0 0 20px; float:left;}
#footer .footerlogo a { display:block;}

#footer .adress { margin-bottom:10px;}
#footer .number { font-family: verdana; font-size:9px;}

#footerspot{background:url(/images/bullet_mainlist.gif) left center no-repeat; 
            text-indent:10px; 
            float:left;
            margin: 15px 10px 5px 0;
            color:#999999;
            }
						
#footerspot2{background:url(/images/bullet_mainlist.gif) left center no-repeat; 
            text-indent:10px; 
            float:right;
            margin: 15px 10px 5px 0;
            color:#999999;
            }


/*-------------------------------------------------------------*/
/*main---------------------------------------------------------*/
/*-------------------------------------------------------------*/

#mainimg 
{
    width:980px;
    height:300px; 
    padding-bottom:20px;
    }
	
#Overbanner {	position:absolute;	width:285px;	height:105px;	z-index:1; margin:185px 0 0 16px;}
#Overbanner a {	display:block;  	width:335px;	height:105px;	}
/*
#Overbanner1 {	position:absolute; z-index:1; margin:185px 0 0 88px;}
#Overbanner1 a {	display:block;  width:200px;	height:105px;	}    

#Overbanner2 {	position:absolute; z-index:2; margin:185px 0 0 288px;}
#Overbanner2 a {	display:block; 	width:210px;	height:105px;	}  */  

/***** index page 2009.03.27 ****/
#maincontent { float: right;  width:695px;}
    
#upside {margin-bottom:50px;}
#upside .newsevent { float:left; width:370px; font-size:12px;}
#upside .newsevent .title{ background:url(/images/titleMnewsevent.gif) no-repeat; height:22px; border-bottom:1px solid #ededed; margin-bottom:5px;}
#upside .newsevent .title a{ display:block; width:130px; height:16px;}
#upside .newsevent .list { background:url(/images/bullet_mainlist.gif) left 5px no-repeat; height: 24px; padding-left:6px;}

#upside .banner1 { float:right; width:300px; height:108px; background:url(/images/banner_ilchijp.gif) no-repeat; padding-top:10px;}
#upside .banner1 a { display:block; width:300px; height:108px;}
#upside .banner2 { float:right; width:300px; height:108px; background:url(/images/banner_manga.gif) no-repeat; padding-top:10px;}
#upside .banner2 a { display:block; width:300px; height:108px;}
#upside .banner3 { float:right; width:300px; height:108px; background:url(/images/banner_4month.gif) no-repeat; padding-top:10px;}
#upside .banner3 a { display:block; width:300px; height:108px;}
#upside .banner4 { float:right; width:300px; height:108px; background:url(/images/banner_4month2.gif) no-repeat; padding-top:10px;}
#upside .banner4 a { display:block; width:300px; height:108px;}

#down { margin-top:10px; font-size:12px;} 
#down dt{ background:url(/images/titleMexperience.gif) no-repeat; height:22px; border-bottom:1px solid #ededed; margin-bottom: 10px; margin-top:10px; }
#down dt a{ display:block; width:113px; height:16px;}
#down dd {width:325px; float:left; margin-right:15px; margin-bottom:25px; }
#down dd img {width:62px; height:62px; border:2px solid #eeeeee; margin:0 10px 5px 0;}
#down dd .extitle{font-weight:bold; color:#cc6600; line-height:130%;}
#down dd .extitle a {font-weight:bold; color:#cc6600; line-height:130%;}
#down dd .exname{ font-size:10px; color:#666666; font-weight:bold; margin-bottom: 5px;}
#down dd .exname a{ font-size:10px; color:#666666; font-weight:bold; margin-bottom: 5px;}
#down dd .excontent{line-height:130%;}


#mainbanner{ width:260px; float:left;}	
					 
#mainbanner .banner1{background:url(/images/mainbanner_01.gif) no-repeat; }
#mainbanner .banner1 a { display:block; width:260px; height:84px; }

#mainbanner .banner2{background:url(/images/mainbanner_02.gif) no-repeat; }
#mainbanner .banner2 a { display:block; width:260px; height:84px; }

#mainbanner .banner3{background:url(/images/mainbanner_03.gif) no-repeat; }
#mainbanner .banner3 a { display:block; width:260px; height:84px; }

#mainbanner .banner4{background:url(/images/mainbanner_04.gif) no-repeat; }
#mainbanner .banner4 a { display:block; width:260px; height:78px; }

#mainbanner .banner5{background:url(/images/mainbanner_coupon.gif) no-repeat; }
#mainbanner .banner5 a { display:block; width:260px; height:170px; }


/**** index page 2009.04.18 ****/
#maincontent2 { float:left;}

#conleft {width:278px; float:left; margin-right:25px;}
#conleft #group1 {border-top:1px solid #999999; padding:15px 0 25px 0;}

#conleft .newsevent {width:278px; font-size:12px;}
#conleft .newsevent .title{ height:22px; margin-bottom:5px;}
#conleft .newsevent .list { background:url(/images/bullet_mainlist.gif) left 5px no-repeat; height:24px; padding-left:6px;}

#conleft dt{ width:278px; margin-bottom: 10px;}
#conleft dd {width:278px; margin-bottom: 25px; float:left; }
#conleft dd img {width:62px; height:62px; border:2px solid #eeeeee; margin:0 10px 5px 0;}
#conleft dd .extitle { font-size:12px; font-weight:bold; color:#cc6600; line-height:130%;}
#conleft dd .extitle a {font-size:12px;  font-weight:bold; color:#cc6600; line-height:130%;}
#conleft dd .exname { font-size:10px; color:#666666; font-weight:bold; margin-bottom: 5px;}
#conleft dd .exname a{ font-size:10px; color:#666666; font-weight:bold; margin-bottom: 5px;}
#conleft dd .excontent{ font-size:13px; line-height:130%;}


#conright {width:278px; float:left;}
#conright #group1 {border-top:1px solid #999999; padding:15px 0 21px 0;}


#mainbanner2 {float:left; width:210px;}	

#rightbanner {float:right; width:170px; text-align:right;}
#rightbanner .bn {margin-bottom:7px;}
#rightbanner .bn2 {margin-bottom:35px;}

/*-------------------------------------------------------------*/
/*sub page-----------------------------------------------------*/
/*-------------------------------------------------------------*/

#subject { height:65px; width:100%; border-bottom: 1px solid #999999; }

/*aboutus*/     
#subject .aboutus { float:left; background:url(/images/titleSaboutus.gif) top left no-repeat; width:250px; height:28px; margin-top:25px;}
/*ilchibrand*/    
#subject .ilchibrand { float:left; background:url(/images/titleSilchibrand.gif) top left no-repeat; width:250px; height:28px; margin-top:25px;}
/*ilchibrainedu*/    
#subject .ilchibrainedu{ float:left; background:url(/images/titleSilchibrainedu.gif) top left no-repeat; width:250px; height:28px; margin-top:25px;}
/*program*/     
#subject .program { float:left; background:url(/images/titleSprogram.gif) top left no-repeat; width:250px; height:28px; margin-top:25px;}
/*center*/        
#subject .centerlocation { float:left; background:url(/images/titleScentersearch.gif) top left no-repeat; width:250px; height:28px; margin-top:25px;}
/*experience*/  
#subject .experience { float:left;background:url(/images/titleSexperience.gif) top left no-repeat; width:250px; height:28px; margin-top:25px;}
/*online*/         
#subject .onlineservice { float:left;background:url(/images/titleSonlineservice.gif) top left no-repeat; width:250px; height:28px; margin-top:25px;}
/*customer*/    
#subject .customer { float:left; background:url(/images/titleScustomer.gif) top left no-repeat; width:250px; height:28px; margin-top:25px; }

#subject .pagelocation { color: #999999; float:right; margin-top: 45px; font-size:10px; font-family:Verdana, Arial, "MS PGothic"}


/*-------------------------------------------------------------*/
/*left area----------------------------------------------------*/
/*-------------------------------------------------------------*/

#leftarea { width:170px; padding: 20px 10px 10px 10px; float:left; font-size:12px;}

#leftarea ul { margin:0px; padding:0px;}
#leftarea ul li { margin:0px; 
                  padding:2px 10px; 
                  border-bottom:1px solid #999999; 
                  color:#666666;
                  line-height:200%; 
                  list-style:none;
                  font-weight:bold;}
                  
                  
#leftarea .towdepths{ border-bottom:none; line-height:180%;  }
#leftarea .towdepth { color:#999999;  padding: 0 0 0 17px; font-weight:normal; border-bottom:none; line-height:180%;}
#leftarea .towdepthe{ color:#999999; padding: 0 0 3px 17px; font-weight:normal; line-height:180%; }

#leftarea a:hover { color: #CC0000;}
#leftarea .select { color:#CC0000;}

/* centerlocation left */
#centerleftarea { width:170px; padding: 20px 10px 10px 10px; float:left; font-size:12px;}

#centerleftarea ul { margin:0px; padding:0px;}
#centerleftarea ul li { margin:0px; 
                  padding:2px 10px; 
                  border-bottom:1px solid #999999; 
                  color:#999999;
                  line-height:200%; 
                  list-style:none;
									font-size:12px;
                  font-weight:bold;}
#centerleftarea ul li a {color:#333366;}
                  
#centerleftarea .towdepths{ border-bottom:none; line-height:180%; }
#centerleftarea .towdepths a {color:#333366;}
#centerleftarea .towdepth { padding: 0 0 0 17px; font-weight:normal; border-bottom:none; line-height:180%;}
#centerleftarea .towdepthe{ color:#999999; padding: 0 0 3px 17px; font-weight:normal; line-height:180%; }
#centerleftarea .area {margin-right:10px;}
#centerleftarea .areadepth { color:#999; padding: 0 0 3px 10px; font-weight:normal; line-height:180%; }
#centerleftarea .areadepth a { color:#999;}
#centerleftarea .select {color:#0099CC;}
#centerleftarea .banner { margin: 20px 0 0 0; }

/*-------------------------------------------------------------*/
/*content body-------------------------------------------------*/
/*-------------------------------------------------------------*/
/* 01 aboutus, 02 ilchibrand, 03 program, 04 centerlocation, 05 experience, 06 onlineservice, 07 customercenter  */
#conbodyAboutus { float:right; width:770px; background:url(/images/STI_Aboutus.jpg) right top no-repeat; }
#conbodyBrainedu { float:right; width:770px; background:url(/images/STI_Brainedu.jpg) right top no-repeat; }
#contentbody02 { float:right; width:770px; background:url(/images/STI_AboutCeoreeting_.jpg) right top no-repeat; }
#conbodycenter { float:right; width:770px; background:url(/images/STI_CenterLocation.jpg) right top no-repeat; }
#conbodyprogram { float:right; width:770px; background:url(/images/STI_Program.jpg) right top no-repeat; }
#conbodyexpe { float:right; width:770px; background:url(/images/STI_Experience.jpg) right top no-repeat; }
#conbodyonline { float:right; width:770px; background:url(/images/STI_OnlineService.jpg) right top no-repeat; }
#conbodycustomer { float:right; width:770px; background:url(/images/STI_CustomerCenter.jpg) right top no-repeat; }
#contentbody08 { float:right; width:770px; background:url(/images/STI_AboutCeoreeting_.jpg) right top no-repeat; }
#contentbody { float:right; width:770px; background:url(/images/STI_AboutCeoreeting_.jpg) right top no-repeat; }


#contenttitle {  text-align:left; margin-top:30px; margin-bottom:10px; color: #000000; font-size:22px; font-weight:bold; line-height:150%; }
#contenttitle .ct0101 {background:url(/images/StAboutCeogreeting.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0102 {background:url(/images/StAboutCompanyinfor.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0103 {background:url(/images/StAboutVision.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0104 {background:url(/images/StAboutHistory.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0105 {background:url(/images/StAboutFounder.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0106 {background:url(/images/StAboutBusiness.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0107 {background:url(/images/StAboutMasscom.gif) left top no-repeat; width:510px; height:30px; }    
#contenttitle .ct0108 {background:url(/images/StAboutLink.gif) left top no-repeat; width:510px; height:30px; }             

#contenttitle .ct0201 {background:url(/images/StBrandILCHI.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0202 {background:url(/images/StBrandvision.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0203 {background:url(/images/StBrandpromise.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0204 {background:url(/images/Stbrandjidoja.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0205 {background:url(/images/Stbrandservice.gif) left top no-repeat; width:510px; height:30px; }    

#contenttitle .ct0301 {background:url(/images/StProgramtrial.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0302 {background:url(/images/StProgramBasic.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0303 {background:url(/images/StProgramSpecial.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0304 {background:url(/images/StProgramMeditation.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0305 {background:url(/images/StProgramPrice.gif) left top no-repeat; width:510px; height:30px; }            

#contenttitle .ct0401 {background:url(/images/StCenterlocation.gif) left top no-repeat; width:510px; height:30px; }                

#contenttitle .ct0601 {background:url(/images/StOnlineEnergycheck.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0602 {background:url(/images/StOnlineCounpon.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0603 {background:url(/images/StOnlineEnergycheckapp.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0604 {background:url(/images/StOnlineExperienceapp.gif) left top no-repeat; width:510px; height:30px; }       

#contenttitle .ct0701 {background:url(/images/StOnlineExperienceapp.gif) left top no-repeat; width:510px; height:30px; } 
#contenttitle .ct0702 {background:url(/images/StOnlineExperienceapp.gif) left top no-repeat; width:510px; height:30px; } 
#contenttitle .ct0703 {background:url(/images/StOnlineExperienceapp.gif) left top no-repeat; width:510px; height:30px; } 
#contenttitle .ct0704 {background:url(/images/StCustomerPrivate.gif) left top no-repeat; width:510px; height:30px; } 
#contenttitle .ct0705 {background:url(/images/StOnlineExperienceapp.gif) left top no-repeat; width:510px; height:30px; }       

#contenttitle .ct0801 {background:url(/images/StAboutBrainedu.gif) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0802 {background:url(/images/) left top no-repeat; width:510px; height:30px; }                
#contenttitle .ct0803 {background:url(/images/StBraineduLink.gif) left top no-repeat; width:510px; height:30px; }                

#contenttitle .ctexperience {background:url(/images/StExperience.gif) left top no-repeat; width:510px; height:30px; }            

#contenttitle .news {background:url(/images/StCustomernews.gif) left top no-repeat; width:510px; height:30px; }  
#contenttitle .sitemap {background:url(/images/StCustomerSitemap.gif) left top no-repeat; width:510px; height:30px; }            
#contenttitle .faq {background:url(/images/StCustomerFAQ.gif) left top no-repeat; width:510px; height:30px; }            
#contenttitle .reference {background:url(/images/StCustomerReference.gif) left top no-repeat; width:510px; height:30px; }      


#discription {line-height:140%; color:#999999; }

#content {margin: 60px 20px 30px 0px; width:750px; line-height:180%}
#contentCL {margin: 0px 20px 30px 0px; width:750px; line-height:180%}
#content p {margin-bottom:20px;}

/* About Dahnworld */
#aboutdw {}
#aboutdw .dwimg { margin-bottom:30px;}

/*CEO greeting*/
#ceoimg { margin: 0 15px 15px 0;}
#ceogreeting { float:right; width:550px;}
#ceosign { background:url(/images/photoimg/ceo_sign.jpg) left top no-repeat; width:205px; height:100px; float:right; margin-top:30px; }



/*Company*/
#companyimg { margin: 0 15px 15px 0;}

#CPinfor { }
#CPinfor tr{ }
#CPinfor th{ padding: 15px; font-weight:normal; 
             background-color:#eeeeee;
             border-bottom: 1px #e0e0e0 solid; 
             border-top: 2px solid #ffffff;
             width:100px;
             text-align:left;
             }
#CPinfor td{ padding: 15px; border-bottom: 1px #e0e0e0 solid;  border-top: 2px solid #ffffff; width:360px;}


             
/*vision*/              
.visiondy { background:url(/images/photoimg/vision.jpg) center top no-repeat; width:100%; height:400px; }
.hspsmile { background:url(/images/vision_hsp.gif) center top no-repeat; width:100%; height:230px; margin-bottom:30px; }


/*History*/
#historyimg { margin: 0 15px 15px 0; float:left;}
#historyimg img {margin-bottom:20px;}

#history { }
#history tr{ }
#history th{ padding: 15px 10px; font-weight:normal; 
             border-bottom: 1px #e0e0e0 solid; 
             border-top: 2px solid #ffffff;
             width:100px;
             text-align:left;
             vertical-align:top;
             }
#history td{ padding: 15px; border-bottom: 1px #e0e0e0 solid;  border-top: 2px solid #ffffff; width:400px;vertical-align:top;}

#history .thtop {padding-top:0px;}
#history .tdtop {padding-top:0px;}


/*founderinfor*/
#founderimg { margin: 0 15px 15px 0;}
#founderinfor { float:right; width:550px; }
#foundersite { margin-top:20px; margin-bottom:20px; color:#0066CC;}
#foundersite a { color:#0066CC;}

/*business*/
#subdepth { border-bottom: 1px solid #cccccc; height:29px; text-indent:20px; margin-bottom:20px;}

#subdepth uli { margin:0px; padding:0px;}

#subdepth ul li {margin:0px; padding:0px; list-style:none;  float:left;}
 
#subdepth .tabbutton01{ background:url(/images/ilchi01_01.gif) left top no-repeat; width: 160px;  height:30px;} 
#subdepth .tabbutton01 a { display:block; width: 160px;  height:30px;}
#subdepth .tabbutton02{ background:url(/images/ilchi01_02.gif) left top no-repeat; width: 158px;  height:30px;} 
#subdepth .tabbutton02 a { display:block;  width: 158px;  height:30px;}
#subdepth .tabbutton03{ background:url(/images/ilchi01_03.gif) left top no-repeat; width: 208px;  height:30px;} 
#subdepth .tabbutton03 a { display:block;   width: 208px;  height:30px;}

#subdepth .tabbutton11{ background:url(/images/ilchi01_11.gif) left top no-repeat; width: 160px;  height:30px;} 
#subdepth .tabbutton11 a { display:block;  width: 160px;  height:30px;}
#subdepth .tabbutton12{ background:url(/images/ilchi01_12.gif) left top no-repeat; width: 158px;  height:30px;} 
#subdepth .tabbutton12 a { display:block;  width: 160px;  height:30px;}
#subdepth .tabbutton13{ background:url(/images/ilchi01_13.gif) left top no-repeat; width: 208px;  height:30px;} 
#subdepth .tabbutton13 a { display:block;  width: 208px;  height:30px;}

#businesscontent { }
#businesscontent h4 { color:#4e91b4; }
#businesscontent h5 { color:#4e91b4; }
#businesscontent .goodnews {padding: 15px 0; border-bottom: 1px solid #ccc;}
.BSbraincenter {background:url(/images/business_BG_braincenter.jpg) top no-repeat; width:750px;}
.BSkodomo {background:url(/images/business_BG_kodomo.jpg) top no-repeat; width:750px;}
.BSshop {background:url(/images/business_BG_shop.jpg) top no-repeat; width:750px;}

/* link page */
#linkimg { margin: 0 0 30px 0;}
#linkimg img { margin: 0 15px 30px 0;}
#linkcontent { float:right; width:580px;}
#linkcontent p { margin:0 0 10px 0; padding:0px; }
.urllink a { color:#0066cc; font-size:11px; margin:0px;}
.linkgroup { margin-bottom:40px;}


.brlink { margin-bottom:30px;}


/* coupon, energycheck */
#energycheck {}
#energycheck .checkmethod { float:left; }

#energycheck .buttongroup { border-top: 1px solid #cccccc; margin-top: 50px; padding-top:30px; padding-bottom:30px;}
#energycheck .energycheckds { float:right; font-size:10px;  line-height:130%; margin-right:10px; padding-top:5px; color:#CC6699;}
#energycheck .energycheckbt { float:right;}


#enckdiscription {line-height:140%; }
#enckdiscription  p { margin-bottom:20px; }
#enckdiscription .notice{ color:#cc3333}

#engergycheckap { margin: 0 30px 0 20px;}
#engergycheckap h4 { color:#003399;}
#engergycheckap table { margin: 5px 0 30px 0;}
#engergycheckap th { text-align:left; 
        padding: 7px 15px; 
        background-color:#ebf2f9; width: 150px; 
        border-bottom: 1px #e0e0e0 solid; 
        border-top: 2px solid #ffffff; 
        font-weight:normal;}
        
#engergycheckap td { padding: 7px 15px; text-align:left;  border-bottom: 1px #e0e0e0 solid; border-top: 1px solid #fff; width: 550px;}

#question { margin-bottom: 20px;}
#question th {width: 300px;}
#question td {width:100px; text-align:center;}
#question .resault {width: 130px;}

#engergycheckap .refer { }
#engergycheckap .refer  textarea { margin-top:5px; width: 710px;}

#privatecheck { font-weight:bold;}

#energycheckapbt { border-top: 1px solid #ccc; padding: 20px 0 20px 0; margin-top:20px; text-align:center;}

#experienceap {margin: 0 30px 30px 20px; border:1px dashed #ccc; padding:20px 30px; }
#experienceap .notice { color:#0066cc;  }
#experienceap table { margin: 15px 0 20px 0;}
#experienceap td { vertical-align:top; padding:5px;}

.couponnotice { color:Red;}
.boardtop {border-top: 2px solid #666699; padding: 30px 0 20px 0; }

.couponlist { border-bottom:solid 1px #cccccc; padding: 20px 0;}
.couponlist .title { color:#333399; font-weight:bold; font-size:14px;}
.couponlist .noticetopmargin { margin-top:15px;}

#join50 { background:url(/images/coupon_join50s.gif) left bottom no-repeat; width:345px; height:125px; float:left; margin-bottom: 30px;}
#join20 { background:url(/images/coupon_join20s.gif) left bottom no-repeat; width:345px; height:125px; float:left; margin-bottom: 30px;}
#oneday { background:url(/images/coupon_onedays.gif) left bottom no-repeat; width:345px; height:125px; float:left; margin-bottom: 30px;}
#c1000  { background:url(/images/coupon_1000s.gif) left bottom no-repeat;   width:345px; height:125px; float:left; margin-bottom: 30px;}
#energy { background:url(/images/coupon_energys.gif) left bottom no-repeat; width:345px; height:125px; float:left; margin-bottom: 30px;}
.printbutton { text-align:right;}
.coupondiscription { float:right; width:340px; text-align:left; }

#printpage { padding:20px; text-align:left; width:654px; height:250px;}
#printpage table { margin-top:20px;}
#printpage th { width: 80px; text-align:left; font-weight:normal;}
#printpage td { width: 250px; }
#printpage .printbutton { text-align:center; margin-top:15px;}
#printpage .coupon {margin-bottom:20px;}

#inforinput  {text-align:left; width: 420px;}
#inforinput h1 { font-size:16px; font-weight:bold; color:#ffffff;}
#inforinput table { margin:15px;}
#inforinput th { text-align:left; font-weight:normal; height:22px; vertical-align:top;}
#inforinput td { text-align:left; height:22px; vertical-align:top;}
#inforinput td input, select {margin: 0 3px; }
#inforinput .notice { color:#cc3333; padding:5px 3px;}
#inforinput .title { background-color:#003399; padding:15px;}

#inforinput .couponprint { border-top:1px solid #ccc; padding-top: 20px; text-align: center;}

/* center location*/
#titlelayer {	position:absolute;	width:400px;	height:150px;	z-index:10; }

#japanmap  { margin-bottom: 20px; padding:20px 0 0 80px;} 
#japanmap img { margin:0px; border:0px; }

#centerlist {margin: 0 20px 30px 20px}
#centerlist th { padding :5px; background-color:#e5eaf5;  text-align:center;}
#centerlist td { padding :5px; border-bottom: 1px solid #ccc; text-align:center;}
#centerlist .name { width: 100px;}
#centerlist .adress { width: 550px;}
#centerlist .adress3 { width: 450px;}
#centerlist .adress2 {  text-align:left;}
#centerlist .telnumber {width: 120px; }
#centerlist .reservation {width:100px; }
#centerlist .other { background-color: #cad6ed; }
#centermap { border: 2px solid #ccc; }
#centerlist .resultno { padding:25px; text-align:center; color:#cc3366;}


#selectarea{ font-size:16px; color:#cc0000; font-weight:bold; padding-left:20px; float:left;}


#centerview {border-top: 1px solid #ccc; padding:10px 0; margin: 0 20px 30px 20px}
#centerview .centername { font-size:18px; color:#cc0033; font-weight:bold; }
#centerview .telnumber {font-size:14px; color:#0066cc; }
#centerview .adress { color:#666; margin-bottom:10px; color:#999999;}
#centerview .discription { margin-bottom:30px; line-height:130%; min-height:80px;}
#centerview .centerphoto { border: 3px solid #ccc; margin: 0 15px 0 0; width: 160px; height:140px; float:left;}
#centerview .centerphotoend { border: 3px solid #ccc; margin: 0 ; width: 160px; height:140px; float:left;}
#centerview .centerphoto img {width: 160px; height:140px;}
#centerview .centerphotods { float:left;  font-size:10px; padding-left:5px; margin-bottom:25px;}
#centerview .trainingtime { margin-bottom:25px;}
#centerview .map { border: 2px solid #ccc;}

#centerview .title {  background:url(/images/bullet_centerinfor.gif) left center no-repeat; background-color:#fff; padding-left: 10px; color:#333333; line-height:180%;}

#centerview table { }
#centerview th { background-color: #ffdab4; padding: 3px; font-weight:normal; }
#centerview td { padding: 3px;  border-bottom:1px solid #cccccc; text-align:center;}
#centerview .other { background-color: #ffd0a2; }
#centerview .other2 { background-color: #fff3e6; }
#centerview .time { width: 300px;}
#centerview .day { width: 50px; }
#centerview .space { width: 20px; }

#centerview .linkbutton { padding-top:10px; }
#centerview .linkbuttonH { float:left; margin-right:7px; }
#centerview .linkbuttonB { float:left; }
#centerview .energycheckbt { float:right; margin-right: 10px;}
#centerview .energycheckds { float:right; font-size:10px; color:#cc3366; margin-right: 10px; margin-top:10px; text-align:right; line-height:130%;}
#buttonlayer1 {	position:absolute;	width:720px;	height:150px;	z-index:1; float:right;  vertical-align:bottom;}

#centerview .event { border: dashed 1px #cc3366; padding:15px;  min-height: 70px; margin-bottom:25px;}
#centerview .eventtitle { color:#cc3366; float:left; margin-right: 10px;}
#centerview .eventdate { color:#cc3366;}


#popupbody{ width: 780px; min-width:780px;}
#centersearchpopup {width: 780px; }

#centersearchpopup h1 { font-size:16px; font-weight:bold; color:#ffffff;}
#centersearchpopup .popuptitle { background-color:#003399; padding:15px; margin-bottom:30px;}
#centersearchpopup .searchbox { margin: 10px 20px 30px 15px; background-color:#ffdab4; padding:10px 15px; font-size:10px;}
#centersearchpopup input { font-size: 12px; color:#666666; }
#centersearchpopup .inputmargin { margin-bottom: 10px;}

#popupmargin { padding: 0 10px;}
#popupmargin .bottombt { border-top: 1px solid #ccc; padding: 20px; text-align:center;}


/*program-------*/
#trial { margin: 0 20px;}
#trial h4 { color: #0033CC; }
#trial div { margin-bottom:20px;}
#trial div img { margin: 0 15px 5px 0 ;}

#basicprogram {}
#basicprogram .grouping {padding:20px 10px; border-bottom: 1px dashed #CCCCCC;}
#basicprogram .proimages {float:left; margin-right:30px;}
#basicprogram .prodiscription dt {font-size:14px; font-weight:bold;  margin-bottom:10px;}
#basicprogram .prodiscription dd {}

.bt {color:#336699;}
.st1 { color:#669900;}
.st2 { color:#0058af;}

/* price */
#ryokin { margin:30px 0;}
#ryokin .title { color:#CC6600; font-weight:bold; }
#ryokin table {  border-top:#666699 solid 2px;  border-bottom:#666699 solid 2px;}
#ryokin th { background:#ededed; padding:5px 10px;}
#ryokin td { border-bottom:#CCCCCC solid 1px; padding:5px 10px; text-align:center;}
#ryokin .last { border:none;}
#ryokin .bigo { text-align:left;}
#ryokin .rightboder { border-right:#CCCCCC solid 1px;}


/*-------------------*/
/*customer----------*/
/*-------------------*/
#faqcontent { margin: 0 30px 30px 20px;;}
#faqcontent .Q { background:url(/images/icon_Q.gif) left top no-repeat; padding-left: 23px; font-size: 14px; font-weight:bold; color:#003399; margin-bottom:5px; }
#faqcontent .A { margin-bottom: 30px; padding:10px 20px 10px 20px; border:1px dashed #ccc;}
#faqcontent .link a { color:#ff3300; margin-top:10px;}

#referencediscription { color:#cc6600; }
#referencediscription .point { color:#0066cc;}
#reference {}
#referencewritebt {margin-top: 20px; text-align: center;}
#referreplyOk { color: #0000FF; }
#referreplyNo { color: #FF0000; }

#searchradio { float:left;}

#sitemapmenu { float:left; margin-right:22px; margin-bottom:40px; width:170px;}
#sitemapmenu .title { margin-bottom:15px;}
#sitemapmenu ul { margin:0; padding:0;}
#sitemapmenu li { list-style:none; background:url(/images/icon_sitemap.gif) left center no-repeat; padding-left:10px; border-bottom: 1px solid #ededed; height:22px; }
#sitemapmenu .towdepth { padding-left:17px; border-bottom: 1px solid #ededed; background:none; }

#sitemapmenur { float:left; width:170px; margin-bottom:40px;}
#sitemapmenur .title { margin-bottom:15px;}
#sitemapmenur ul { margin:0; padding:0;}
#sitemapmenur li { list-style:none; background:url(/images/icon_sitemap.gif) left center no-repeat; padding-left:10px; border-bottom: 1px solid #ededed; height:22px; }
#sitemapmenur .twodepth { padding-left:17px; border-bottom: 1px solid #ededed; background:none; }

#praivacy { border:1px dashed #ccc; padding:30px;}


/**  brain edu  **/

#BEcontent { margin: 0 20px;}

#BEcontent table {}
#BEcontent th { padding:5px; text-align:left; border-bottom: 1px solid #CCCCCC; background:#bbc3dd; color:#333366; }
#BEcontent td { padding:5px; text-align:left; border-bottom: 1px solid #CCCCCC; vertical-align:top; }
#BEcontent .bg { background: #d3d8e9; }

/*---------------*/
/*board----------*/
/*---------------*/
#searchbox { float:right; margin-bottom: 10px; text-align:right; vertical-align:top; font-size:10px;}
#searchbox .searchinput { float:right; margin-left:5px;}
#searchbox input, select { font-size: 12px; color:#666666;}
#searchbox .inputmargin { margin-bottom: 10px;}

#boardlist {}
#boardlist th { padding: 5px ; border-top: 2px solid #666699; border-bottom: 1px solid #999999; background-color:#eff5f9;}
#boardlist td { padding: 5px ; border-bottom: 1px solid #999999; text-align:center;}
#boardlist .number {width: 50px;}
#boardlist .date {width: 85px;}
#boardlist .media {width: 120px;}
#boardlist .title {width: 500px ;}
#boardlist .title2 { text-align:left;}
#boardlist .hits {width: 75px;}
#boardlist .name {width: 90px;}
#boardlist .replycheck {width: 30px;}
#boardlist .senddate {width: 95px;}
#boardlist .refertitle {width: 450px ;}
#boardlist #listnumber { text-align:center; height: 20px; margin-top:10px;}
#boardlist #listnumber .select { font-weight: bold; color: Red; }


#boardview th { font-weight:normal; padding: 5px ; border-top: 2px solid #666699; border-bottom: 1px solid #999999; text-align:left; }
#boardview .date {width: 45px;}
#boardview .date2 {width: 95px;}
#boardview .media {width: 45px;}
#boardview .media2 {width: 500px;}
#boardview .hits {width: 45px;}
#boardview .hits2 {width: 35px;}
#boardview .boardbody { height:300px;  padding: 15px; vertical-align:top;}
#boardview .boardbody tr,th,td { border:none;}
#boardview .title { font-size:16px; color:#333399; font-weight: bold; margin-bottom: 30px; }
#boardview .file { color:#999999; border-bottom:none; padding: 5px 5px 5px 15px;}
#boardview .file2 { color:#999999; border-bottom:1px solid #999999; padding: 5px 5px 5px 15px;}
#boardview .nexttd { border-bottom:none; border-top:1px solid #999999;}
#boardview .next { background:(/images/icon_next.gif) left top no-repeat; text-indent: 15px; color:#ff6600; padding:5px 0; }
#boardview .next2 { padding:5px 0; text-align:left;}
#boardview .back { background:(/images/icon_back.gif) left top no-repeat; text-indent: 15px; color:#ff6600; 
                           border-bottom: 1px solid #999999; padding:5px 0; }
#boardview .back2 { border-bottom: 1px solid #999999;padding:5px 0; }

/*news view*/
#boardview2 { }
#boardview2 th { font-weight:normal; padding: 5px ; border-top: 2px solid #666699; border-bottom: 1px solid #999999; text-align:left; }
#boardview2 td { border-bottom: 1px solid #999999; padding: 5px ;  }
#boardview2 .title { font-size:16px; color:#333399; font-weight: bold; margin-bottom: 30px; }
#boardview2 .datetd { border-bottom:none;}
#boardview2 .date { height:20px; float:right; padding:0 3px;}
#boardview2 .date2 {height:20px; float:right; margin-right:10px; padding:0 3px;}
#boardview2 .hits  { height:20px; float:right; padding:0 3px;}
#boardview2 .boardbody { height:300px;  padding: 15px; vertical-align:top; border-bottom:none;}
#boardview2 .news tr { border:none;}
#boardview2 .news th { border:none;}
#boardview2 .news td { border:none;}
#boardview2 .nexttd { border-bottom:none; border-top:1px solid #999999;}
#boardview2 .file { color:#999999; border-bottom: none; padding: 5px 5px 5px 15px;}
#boardview2 .file2 { color:#999999; border-bottom:1px solid #999999; padding: 5px 5px 5px 15px;}
#boardview2 .next { background:(/images/icon_next.gif) left top no-repeat; text-indent: 15px; color:#ff6600; float:left;}
#boardview2 .next2 {text-align:left; float:left;}
#boardview2 .back { background:(/images/icon_back.gif) left top no-repeat; text-indent: 15px; color:#ff6600; float:left;}
#boardview2 .back2 {float:left; }


/*reference view*/
#referenceview { }
#referenceview th { font-weight:normal; padding: 5px ; border-top: 2px solid #666699; border-bottom: 1px solid #999999; text-align:left; }
#referenceview td { border-bottom: 1px solid #999999; padding: 5px ;  }
#referenceview .head { background-color:#eff5f9; width:100px; padding-left:30px; }
#referenceview .date { width:200px;}
#referenceview .date2 { width:300px;}
#referenceview .refer1  { padding:10px; min-height:100px; }
#referenceview .reply  { padding:10px; border-top: 1px dashed #ccc; min-height:100px;}
#referenceview textarea {width:100%;}

/*experinece list, view*/
#boardtitle { float:left; color: Red; font-weight:bold; font-size: 16px; height:35px;}
#boardlist3 {}
#boardlist3 td { padding: 5px;}
#boardlist3 .title {font-size:16px; color:#333399; font-weight: bold; border-top: 2px solid #666699; padding-bottom:0; padding-top:8px;}
#boardlist3 .title2 {font-size:16px; color:#333399; font-weight: bold;  padding-bottom:0; padding-top:10px; }
#boardlist3 .name { font-size:10px; color:#999999; padding-top:3px;}
#boardlist3 .content  { border-bottom: 1px solid #999999; }
#boardlist3 .content  a:hover { color:#003399;}
#boardlist3 .content .imgbg { background:url(/images/experience_bg.jpg) left top no-repeat;}
#boardlist3 .content img { margin:5px 10px 10px 0; width:100px; height:120px; border:0px;}
#boardlist3 .botpad { padding-bottom:10px;}
#boardlist3 .more { color:#cc0000; font-size:10px;}
#boardlist3 .notice { color:#0066ff; font-size:12px; text-align:right;}
#boardlist3 #listnumber { text-align:center; height: 20px; margin-top:10px;}
#boardlist3 #listnumber .select { font-weight: bold; color: Red; }

#boardview3 { }
#boardview3 th  {font-weight:normal; padding: 5px ; border-top: 2px solid #666699; text-align:left;}
#boardview3 td { border-bottom: 1px solid #999999; padding: 5px ;  }
#boardview3 .title { font-size:16px; color:#333399; font-weight: bold; border-top: 2px solid #666699; padding-bottom:0; padding-top:8px;}
#boardview3 .name { font-size:10px; color:#999999; padding-top:3px; border-bottom:none;}
#boardview3 .boardbody { height:300px;  padding: 5px; vertical-align:top; border-bottom:none;}
#boardview3 .boardbody img { margin:5px 10px 10px 0; width:100px; height:120px; border:0px;}
#boardview3 .notice { color:#0066ff; font-size:12px; text-align:right; padding-top: 20px;}
#boardview3 .next { background:(/images/icon_next.gif) left top no-repeat; text-indent: 15px; color:#ff6600; float:left;}
#boardview3 .next2 {text-align:left; float:left;}
#boardview3 .back { background:(/images/icon_back.gif) left top no-repeat; text-indent: 15px; color:#ff6600; float:left;}
#boardview3 .back2 {float:left; }

/*--------------------*/

#boardwrite th { padding: 5px 10px ;  border-bottom: 1px solid #999999; text-align:left; background-color:#eff5f9; width:90px;}
#boardwrite td { padding: 5px 5px 5px 10px ; border-bottom: 1px solid #999999; width: 650px;}
#boardwrite .boardtop {border-top: 2px solid #666699; }
#boardwrite .title input {width: 600px;}
#boardwrite .writesection {padding: 5px 0;}

#boardbutton { margin-top: 20px; float: right;}
.toiawa{ width:120px;}

/*--------------------*/
/*--------------------*/

