@charset "utf-8";
/* ==================== course index ==================== */
#course {
	
}
#course #caption {
	background-image:url(../course/images/caption.jpg);
	padding-bottom: 15px;
	height:179px;
}
#course #main {
	width:704px;
	padding-bottom:50px;
}
#course #topcomm {
	color:#ec3f88;
	font-weight:bold;
	padding:0 50px 16px 20px;
}
#course h3 {
	background-image:url(../course/images/caption02.jpg);
	width:699px;
	height:53px;
	background-position:left top;
	text-indent:-999em;
	padding-bottom:8px;
}
#course .coursearea {
	background-image:url(../course/images/bg.jpg);
	width:699px;
	height:836px;
}
#course dl.group {
	width:266px;
	float: left;
}
#course .group dt,#course .group dd {
	float:left;
}
#course .group dt {
	width:119px;
	background-position:left top;
	text-indent:-999em;
}
#course .group dd {
	width:133px;
	padding-left: 14px;
}
#course .group dd a {
	display:block;
	width:133px;
	background-position:left top;
	text-indent:-999em;
	outline: 0;
}
#course .group dt.age1 {
	background-image:url(../course/images/img01-1.jpg);
	height:119px;
}
#course .group dt.age2 {
	background-image:url(../course/images/img02-1.jpg);
	height:119px;
}
#course .group dt.age3 {
	background-image:url(../course/images/img03-1.jpg);
	height:119px;
}
#course .group dt.age4 {
	background-image:url(../course/images/img04-1.jpg);
	height:118px;
}
#course .group dt.age5 {
	background-image:url(../course/images/img05-1.jpg);
	background-repeat:no-repeat;
	height:120px;
	padding-right:147px;
}
#course .group dt.ageo {
	background-image:url(../course/images/img06-1.jpg);
	background-repeat:no-repeat;
	height:241px;
	padding-right:147px;
}
#course .group dd.age1 a {
	background-image:url(../course/images/img01-2.jpg);
	height:119px;
}
#course .group dd.age2 a {
	background-image:url(../course/images/img02-2.jpg);
	height:119px;
}
#course .group dd.age3 a {
	background-image:url(../course/images/img03-2.jpg);
	height:119px;
}
#course .group dd.age4 a {
	background-image:url(../course/images/img04-2.jpg);
	height:118px;
}
#course .group dd.age1 a:hover {
	background-image:url(../course/images/img01-2_ro.jpg);
}
#course .group dd.age2 a:hover {
	background-image:url(../course/images/img02-2_ro.jpg);
}
#course .group dd.age3 a:hover {
	background-image:url(../course/images/img03-2_ro.jpg);
}
#course .group dd.age4 a:hover {
	background-image:url(../course/images/img04-2_ro.jpg);
}
#course ul.btns li {
	float:left;
}
#course ul.btns li a,
#course .others dt a,
#course .others dd a{
	display:block;
	background-position:left top;
	background-repeat:no-repeat;										
	text-indent:-999em;
	outline: 0;
}
#course .others dd {
	background-position:left top;
	background-repeat:no-repeat;										
	text-indent:-999em;
}
#course ul.btns li.child {
	padding-top: 247px;
	padding-left: 5px;
	padding-right: 10px;
}
#course ul.btns li.child a {
	width:47px;
	height:344px;
	background-image:url(../course/images/btn01.jpg);
}
#course ul.btns li.piano {
	padding-top:366px;
	padding-left: 10px;
}
#course ul.btns li.piano a {
	width:81px;
	height:463px;
	background-image:url(../course/images/btn02.jpg);
}
#course ul.btns li.dorema {
	padding-top:366px;
	padding-left: 10px;
}
#course ul.btns li.dorema a {
	width:45px;
	height:463px;
	background-image:url(../course/images/btn03.jpg);
}
#course ul.btns li.spiano {
	padding-top:604px;
	padding-left: 10px;
}
#course ul.btns li.spiano a {
	width:39px;
	height:225px;
	background-image:url(../course/images/btn04.jpg);
}
#course ul.btns li.exam {
	padding-top:604px;
	padding-left: 10px;
	padding-right: 10px;
}
#course ul.btns li.exam a {
	width:39px;
	height:225px;
	background-image:url(../course/images/btn05.jpg);
}
#course .others {
	float:left;
	width:46px;
	padding-top: 246px;
	padding-left: 10px;
}
#course .others dt.english a {
	width:46px;
	height:167px;
	background-image:url(../course/images/img07.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	text-indent:-999em;
}
#course .others dd.primary a{
	width:44px;
	height:181px;
	background-image:url(../course/images/img07_1.jpg);
}
#course .others dd.junior a{
	width:44px;
	height:116px;
	background-image:url(../course/images/img07_2.jpg);
}

#course .others dd.senior a{
	width:44px;
	height:118px;
	background-image:url(../course/images/img07_3.jpg);
}

#course .others dt.art a {
	width:46px;
	height:167px;
	background-image:url(../course/images/img08.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	text-indent:-999em;
}
#course .others dd.lchild a{
	width:44px;
	height:181px;
	background-image:url(../course/images/img08_2.jpg);
}
#course .others dd.child a{
	width:44px;
	height:234px;
	background-image:url(../course/images/img08_3.jpg);
}
#course ul.btns li.child a:hover {
	background-image:url(../course/images/btn01_ro.jpg);
}
#course ul.btns li.piano a:hover {
	background-image:url(../course/images/btn02_ro.jpg);
}
#course ul.btns li.dorema a:hover {
	background-image:url(../course/images/btn03_ro.jpg);
}
#course ul.btns li.spiano a:hover {
	background-image:url(../course/images/btn04_ro.jpg);
}
#course ul.btns li.exam a:hover {
	background-image:url(../course/images/btn05_ro.jpg);
}
#course .others dd.primary a:hover {
	background-image:url(../course/images/img07_1_ro.jpg);
}
#course .others dd.junior a:hover {
	background-image:url(../course/images/img07_2_ro.jpg);
}
#course .others dd.senior a:hover {
	background-image:url(../course/images/img07_3_ro.jpg);
}
#course .others dd.lchild a:hover {
	background-image:url(../course/images/img08_2_ro.jpg);
}
#course .others dd.child a:hover {
	background-image:url(../course/images/img08_3_ro.jpg);
}
/*#course .others dd.junior a:hover {
	background-image:url(../course/images/btn07_ro.jpg);
}
*/#course .others dt.english a:hover {
	background-image:url(../course/images/img07_ro.jpg);
}
#course .others dt.art a:hover {
	background-image:url(../course/images/img08_ro.jpg);
}

/* ==================== qoo_chan ==================== */

#qoo_chan {
}
#qoo_chan #caption {
	background-image:url(../qoo_chan/images/caption.jpg);
	padding-bottom: 15px;
	height:286px;
}
#qoo_chan #main {
	width:704px;
	padding-bottom:50px;
}

#qoo_chan #anc01,#qoo_chan #anc02,#qoo_chan #anc03,#qoo_chan #anc04,#qoo_chan #anc05,#qoo_chan #anc06 {
	padding-bottom:20px;
}
#qoo_chan #caption2 {
	clear:both;
}
#qoo_chan #caption2 h2 a {
	display:block;
	background-image:url(../qoo_chan/images/nextcaption.jpg);
	width:704px;
	height:112px;
	background-position:left top;
	text-indent:-999em;
	outline: 0;
}