/* CSS Document */

div#wrapper{
	background:url(images/bg.gif);
}

h2{
	text-indent:-9999px;
	overflow:hidden;
	margin:0px;
}

h4{
	text-indent:-9999px;
	overflow:hidden;
	margin-top:0px;
	margin-bottom:0px;
}

/*MAINIMAGE*/

div#toparea{
	width:800px;
	padding-left:20px;
}

div#photo{
	background:url(images/topimage.jpg) no-repeat;
	width:758px;
	height:235px;
	margin-bottom:20px;
	float:left;	
}

*html div#photo{
	width:754px;
}

*:first-child+html div#photo{
	width:754px;
}
	
div#top_banner{
	float:right;
	margin-top:10px;
	padding:0px;
}

div#top_banner ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

div#top_banner ul li{	
	padding-bottom:10px;
	padding-right:15px;
	margin-top:0px;

}

div#features{
	background:url(images/top_image_spring2.jpg) no-repeat;
	width:758px;
	height:190px;
	float:left;	
}

*htmldiv#features{
	width:754px;
}

*:first-child+html div#features{
	width:754px;
}



div#features_banner{
	float:right;
	margin:0;
}

div.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div#maincontents{
	width:760px;
	background:#FFF;
	margin-left:20px;
	padding-bottom:20px;
}
/*INFO*/

div#info, div#details{
	width:760px;
	float:left;
}

div#hotinfo, div#news,div#update, div#blog{
	width:350px;
	float:left;
	padding-right:20px;
}

div#osusume_top{
	background:url(images/recommend.gif) no-repeat;
	width:350px;
	height:42px;
	margin-top:20px;
}

div#shinchaku_top{
	background:url(images/news.gif) no-repeat;
	width:350px;
	height:42px;
	margin-top:20px;
}

div#blog_top{
	background:url(images/blog.gif) no-repeat;
	width:350px;
	height:42px;
	margin-top:20px;

}


div#updates_top{
	background:url(images/updates.gif) no-repeat;
	width:350px;
	height:42px;
	margin-top:20px;
}


div#osusume_main{
	margin-left:20px;
}


div#osusume_main p{
	margin-top:5px;
	margin-bottom:5px;
}

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

div#osusume_main p a:hover{
	text-decoration:none;
	color:#FF9900;
}

div#shinchaku_main,div#updates_main,div#blog_main{
	margin:0px;
}

div#shinchaku_main ul,div#updates_main ul{
	margin-left:0px;
	margin-top:0px;
	padding-left:5px;
	list-style-type:none;
	list-style-position:outside;
	line-height:1.5;
}

div#shinchaku_main li,div#updates_main li{
	padding-left:18px;
	padding-top:0;
	margin-top:10px;
	border-bottom:1px dotted #736531;
}

div#shinchaku_main li{
	background:url(images/icon.gif) no-repeat left top;
}

	
div#shinchaku_main ul li a,div#updates_main ul li a{
	text-decoration:none;
	color:#666666;
}

div#shinchaku_main ul li a:hover,div#updates_main ul li a:hover{
	text-decoration:none;
	color:#FF9900;
}

div#blog_main ul{
list-style-type:none;
margin-left:0px;
padding-left:5px;
}

div#blog_main ul li{
	float:left;
	margin-top:10px;
	margin-right:20px;
	margin-bottom:10px;
	line-height:1.2;
	
}
/*CONTENTS*/

div#details{
	padding-top:10px;
}

div#info{
	padding-left:20px;
}

div.table{	
	padding-left:5px;
	height:100px;
}

div.table td{
	font-size:12px;
}

div#buy, div#learn, div#participate{
	float:left;
	width:226px;
	height:455px;
	padding-left:20px;
}

div#buy h3, div#learn h3, div#participate h3{
	width:226px;
	height:35px;
}

div#buy h3{
	background:url(images/buy.gif) no-repeat;
}

div#learn h3{
	background:url(images/learn.gif) no-repeat;
}

div#participate h3{
	background:url(images/participate.gif) no-repeat;
}

/*SHOP*/

div#shop, div#rec, div#webshop{
	background:url(images/buy_bg.gif);
	padding-top:10px;
	padding-bottom:10px;
	overflow:visible;

}


div#shop h4{
	background:url(images/shopinfo.gif) no-repeat;
	margin-left:10px;
}

div#rec h4{
	background:url(images/rec_info.gif) no-repeat;
	margin-left:10px;
}

div#webshop h4{
	background:url(images/webshopinfo.gif) no-repeat;
	margin-left:10px;
	width:76px;
	height:20px;
}

div#shop h4{
	width:60px;
	height:20px;

}

div#rec h4{
	width:82px;
	height:20px;
}


/*LESSONS*/

div#senior, div#junior,div#original{
	background:url(images/learn_bg.gif);
	width:226px;
	padding-top:10px;
	padding-bottom:10px;
}


div#senior h4{
	background:url(images/adult.gif) no-repeat;
	width:120px;
	height:20px;
	margin-left:10px;

}

div#junior h4{
	background:url(images/children.gif) no-repeat;
	width:120px;
	height:20px;
	margin-left:10px;

}

div#original h4{
background:url(images/original.gif) no-repeat;
	width:120px;
	height:20px;
	margin-left:10px;

}

/*EVENTS*/

div#event{
	background:url(images/participate_bg.gif);
	height:400px;
	width:225px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:0px;
	padding-left:0px;
}

*html div#event{
	height:420px;
}


p#stagea{
		text-align:center;
}

div#event_text{
	margin-top:0px;
	padding:5px;
}
/*BANNERS*/


div#bannerarea{
	float:left;
	margin-left:50px;
	padding-left:10px;
	padding-bottom:10px;
	margin-top:20px;
}


div#banner_left, div#banner_middle,div#banner_right{
	float:left;
	color:#660000;
}


div#banner_left, div#banner_middle{
	margin-right:10px;
	margin-top:0px;
}
div#banner_middle{
	
	margin-left:25px;
}


div#left01, div#middle01, div#middle02, div#right01{
	margin-bottom:15px;
	
}

div#banner_right{
	margin-left:25px;
}

div#banner_left01, div#banner_left02{
	float:left;
	margin-right:20px;
}

.style2 {font-size: 11px}
.style3 {font-size: 11.5px}