#scroller-header {
width:525px;
height:61px;
float:left;
margin:0 0 10px 0;
padding:0;
background:url("./images/bg.jpg") 0 31px no-repeat;
}

#scroller-header ul{
margin:0;
padding:0;
list-style:none;
display:inline;
}

#scroller-header li{
padding:0;
overflow:hidden;
float:left;
}

#three_a{ background:url("./images/a-course-3.jpg") 0 0 repeat-y; width:175px; height:31px; }
#three_a a{ background:url("./images/a-course-3.jpg") 0 0 repeat-y; height:31px; display:block; }
#three_a a:hover{ background:url("./images/a-course-3.jpg") 0 -31px repeat-y; }
#three_a a.selected{ background:url("./images/a-course-3.jpg") 0 -31px repeat-y; }

#three_b{ background:url("./images/b-course-3.jpg") 0 0 repeat-y; width:176px; height:31px; }
#three_b a{ background:url("./images/b-course-3.jpg") 0 0 repeat-y; height:31px; display:block; }
#three_b a:hover{ background:url("./images/b-course-3.jpg") 0 -31px repeat-y; }
#three_b a.selected{ background:url("./images/b-course-3.jpg") 0 -31px repeat-y; }

#three_c{ background:url("./images/c-course-3.jpg") 0 0 repeat-y; width:174px; height:31px; }
#three_c a{ background:url("./images/c-course-3.jpg") 0 0 repeat-y; height:31px; display:block; }
#three_c a:hover{ background:url("./images/c-course-3.jpg") 0 -31px repeat-y; }
#three_c a.selected{ background:url("./images/c-course-3.jpg") 0 -31px repeat-y; }



#no_a{ background:url("./images/course-4-02.jpg") 0 0 repeat-y; width:131px; height:31px; }
#no_a a{ background:url("./images/course-4-02.jpg") 0 0 repeat-y; height:31px; display:block; }
#no_a a:hover{ background:url("./images/course-4-02.jpg") 0 -31px repeat-y; }
#no_a a.selected{ background:url("./images/course-4-02.jpg") 0 -31px repeat-y; }

#no_b{ background:url("./images/course-4-03.jpg") 0 0 repeat-y; width:131px; height:31px; }
#no_b a{ background:url("./images/course-4-03.jpg") 0 0 repeat-y; height:31px; display:block; }
#no_b a:hover{ background:url("./images/course-4-03.jpg") 0 -31px repeat-y; }
#no_b a.selected{ background:url("./images/course-4-03.jpg") 0 -31px repeat-y; }

#no_c{ background:url("./images/course-4-04.jpg") 0 0 repeat-y; width:131px; height:31px; }
#no_c a{ background:url("./images/course-4-04.jpg") 0 0 repeat-y; height:31px; display:block; }
#no_c a:hover{ background:url("./images/course-4-04.jpg") 0 -31px repeat-y; }
#no_c a.selected{ background:url("./images/course-4-04.jpg") 0 -31px repeat-y; }

#no_sp{ background:url("./images/course-4-01.jpg") 0 0 repeat-y; width:132px; height:31px; }
#no_sp a{ background:url("./images/course-4-01.jpg") 0 0 repeat-y; height:31px; display:block; }
#no_sp a:hover{ background:url("./images/course-4-01.jpg") 0 -31px repeat-y; }
#no_sp a.selected{ background:url("./images/course-4-01.jpg") 0 -31px repeat-y; }



#birthday-01{ background:url("./images/birthday-01.jpg") 0 0 repeat-y; width:262px; height:32px; }
#birthday-01 a{ background:url("./images/birthday-01.jpg") 0 0 repeat-y; height:32px; display:block; }
#birthday-01 a:hover{ background:url("./images/birthday-01.jpg") 0 -32px repeat-y; }
#birthday-01 a.selected{ background:url("./images/birthday-01.jpg") 0 -32px repeat-y; }

#birthday-02{ background:url("./images/birthday-02.jpg") 0 0 repeat-y; width:263px; height:32px; }
#birthday-02 a{ background:url("./images/birthday-02.jpg") 0 0 repeat-y; height:32px; display:block; }
#birthday-02 a:hover{ background:url("./images/birthday-02.jpg") 0 -32px repeat-y; }
#birthday-02 a.selected{ background:url("./images/birthday-02.jpg") 0 -32px repeat-y; }



#course-4-01{ background:url("./images/course-4-01.jpg") 0 0 repeat-y; width:132px; height:31px; }
#course-4-01 a{ background:url("./images/course-4-01.jpg") 0 0 repeat-y; height:31px; display:block; }
#course-4-01 a:hover{ background:url("./images/course-4-01.jpg") 0 -31px repeat-y; }
#course-4-01 a.selected{ background:url("./images/course-4-01.jpg") 0 -31px repeat-y; }

#course-4-02{ background:url("./images/course-4-02.jpg") 0 0 repeat-y; width:131px; height:31px; }
#course-4-02 a{ background:url("./images/course-4-02.jpg") 0 0 repeat-y; height:31px; display:block; }
#course-4-02 a:hover{ background:url("./images/course-4-02.jpg") 0 -31px repeat-y; }
#course-4-02 a.selected{ background:url("./images/course-4-02.jpg") 0 -31px repeat-y; }

#course-4-03{ background:url("./images/course-4-03.jpg") 0 0 repeat-y; width:131px; height:31px; }
#course-4-03 a{ background:url("./images/course-4-03.jpg") 0 0 repeat-y; height:31px; display:block; }
#course-4-03 a:hover{ background:url("./images/course-4-03.jpg") 0 -31px repeat-y; }
#course-4-03 a.selected{ background:url("./images/course-4-03.jpg") 0 -31px repeat-y; }

#course-4-04{ background:url("./images/course-4-04.jpg") 0 0 repeat-y; width:131px; height:31px; }
#course-4-04 a{ background:url("./images/course-4-04.jpg") 0 0 repeat-y; height:31px; display:block; }
#course-4-04 a:hover{ background:url("./images/course-4-04.jpg") 0 -31px repeat-y; }
#course-4-04 a.selected{ background:url("./images/course-4-04.jpg") 0 -31px repeat-y; }

#lunch-01{ background:url("./images/weekday.gif") 0 0 repeat-y; width:262px; height:40px; }
#lunch-01 a{ background:url("./images/weekday.gif") 0 0 repeat-y; height:40px; display:block; }
#lunch-01 a:hover{ background:url("./images/weekday.gif") 0 -40px repeat-y; }
#lunch-01 a.selected{ background:url("./images/weekday.gif") 0 -40px repeat-y; }

#lunch-02{ background:url("./images/holiday.gif") 0 0 repeat-y; width:263px; height:40px; }
#lunch-02 a{ background:url("./images/holiday.gif") 0 0 repeat-y; height:40px; display:block; }
#lunch-02 a:hover{ background:url("./images/holiday.gif") 0 -40px repeat-y; }
#lunch-02 a.selected{ background:url("./images/holiday.gif") 0 -40px repeat-y; }


/* ---
#no_06{
display:none;
}
--- */

#scroller-body {
width:525px;
margin:0;
padding:0;
}

#mask {
width:525px;
margin:0;
padding:0;
overflow:hidden;
}

#panel{
width:3150px;
margin:0;
padding:0;
}

#panel dir {
margin:0;
padding:0;
}

#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6{
width:525px;
margin:0;
padding:0;
float:left;
}