* {
margin:0; padding:0;
}
.slide {
list-style:none; width:740px; height:300px; display:block; overflow:hidden ; margin-left: auto; margin-right:auto;
}
.slide li {
float:left; display:inline; overflow:hidden; height:300px
}


#sld01 {
width:40px; height:300px; background:url(../image/sld01.gif) no-repeat; float:left;
}
#sld01.on, #sld01:hover {
background:url(../image/sld01on.gif) no-repeat 0;
}

#sld02 {
width:40px; height:300px; background:url(../image/sld02.gif) no-repeat; float:left;
}
#sld02.on, #sld02:hover {
background:url(../image/sld02on.gif) no-repeat 0;
}

#sld03 {
width:40px; height:300px; background:url(../image/sld03.gif) no-repeat; float:left;
}
#sld03.on, #sld03:hover {
background:url(../image/sld03on.gif) no-repeat;
}

#sld04 {
width:40px; height:300px; background:url(../image/sld04.gif) no-repeat; float:left;
}
#sld04.on, #sld04:hover {
background:url(../image/sld04on.gif) no-repeat;
}