@charset "utf-8";
@import 'common.css'; 

#image,h2,h3,#movie,#list-movie a,#banner-area li a,#banner-mobile{
font-size:8px;
text-indent:-9999px;
}

#list-movie a,#banner-area li a{
display:block;
overflow:hidden;
}

#side,#area-facilities{float:left;}
#main,#list-movie a,.btn-detail a,#area-teacher{float:right;}

.box-text{
border-width:0px 1px 0px 1px;
border-style:solid;
border-color:#CCC;
padding:15px 15px 0 15px;
margin:0;
}

.circle-corner{height:9px; background-image:url(../img/index/circle-corner.gif); margin-bottom:20px;}

.btn-detail{margin-top:5px;}

#image{
height:300px;
margin-bottom:30px;
background-image:url(../img/index/image.gif);
}

#flash{
height:300px;
margin-bottom:30px;
border:1px solid #CCC;
}

#h2-movie,#h2-topics{height:36px;}

#h2-movie{background-image:url(../img/common/h2-movie.gif);}
#h2-topics{background-image:url(../img/common/h2-topics.gif);}

#movie{
height:177px;
background-image:url(../img/common/movie.gif);
margin-bottom:10px;
}

#list-movie{margin-bottom:20px;}

#list-movie a{
width:128px;
height:12px;
background-image:url(../img/common/btn-others.gif);
}

#topics{font-size:12px; text-align:right;}

#topics ul{
text-align:left;
height:100px;
overflow:auto;
border:1px solid #CCC;
padding:5px 10px;
margin-bottom:5px;
list-style:none;
}

#topics ul li{border-bottom:1px solid #CCC; margin-bottom:10px;}

.topics-list{background-image:url(../img/common/icon-star.gif); padding:0 0 0 20px;}

/*
#topics dt{background-image:url(../img/common/icon-day.gif); padding:0 0 0 16px; background-position:0 50%;}
#topics dd{border-bottom:1px solid #CCC; margin-bottom:10px;}
*/

#banner-area{margin-bottom:15px;}

#banner-area li{
margin-bottom:10px;
}

#banner-area li.size-small a{height:56px;}
#banner-area li.size-large a{height:80px;}

#btn-dairy-schedule a{background-image:url(../img/common/btn-dairy-schedule.gif);}
#btn-event a{background-image:url(../img/common/btn-event.gif);}
#banner-after-school a{background-image:url(../img/common/banner-after-school.gif);}
#banner-sat-class a{background-image:url(../img/common/banner-sat-class.gif);}
#banner-summer-school a{background-image:url(../img/common/banner-summer-school.gif);}
#banner-australia a{background-image:url(../img/common/banner-australia.gif);}

#banner-area li.size-small a:hover{background-position:0 -56px;}
#banner-area li.size-large a:hover{background-position:0 -80px;}

#banner-mobile{background-image:url(../img/common/banner-mobile.gif); height:90px; margin-bottom:10px;}

#h2-idea{
height:36px;
background-image:url(../img/index/h2-idea.gif);
}

#h2-feature{
height:36px;
background-image:url(../img/index/h2-feature.gif);
}

#h2-trial{
height:61px;
background-image:url(../img/index/h2-trial.gif);
}

#box-trial{
background-image:url(../img/index/image-trial.jpg);
background-position:15px 15px;
padding-left:180px;
}

#copy-trial{
height:34px;
background-image:url(../img/index/copy-trial.gif);
margin-bottom:10px;
}

#area-facilities,#area-teacher{width:290px;}

#area-facilities h2,#area-teacher h2{height:48px;}

#area-facilities div,#area-teacher div{ padding:10px 10px 15px 125px;}

#area-facilities h2{background-image:url(../img/index/h2-facilities.gif);}

#area-teacher h2{background-image:url(../img/index/h2-teacher.gif);}

#area-facilities div{background-image:url(../img/index/back-facilities.jpg);}

#area-teacher div{background-image:url(../img/index/back-teacher.jpg);}