/* CSS Document */
.roll1 {
  float:left;
}

.roll1 a{
display:table-cell;
float:left;
background-image:url(newimg/1_off.gif);
width:65px;
height:25px;
}

.roll1 a:hover{
  background-image:url(newimg/1_on.gif);
}

.roll2 a{
display:table-cell;
float:left;
background-image:url(newimg/2_off.gif);
width:78px;
height:25px;
}

.roll2 a:hover{
  background-image:url(newimg/2_on.gif);
}

.roll3 a{
display:compact;

background-image:url(newimg/3_off.gif);
width:65px;
height:25px;
}

.roll3 a:hover{
  background-image:url(newimg/3_on.gif);
}

.roll4 a{
display:table-cell;
background-image:url(newimg/4_off.gif);
width:122px;
height:25px;
}

.roll4 a:hover{
  background-image:url(newimg/4_on.gif);
}
.roll5 a{
display:table-cell;
background-image:url(newimg/5_off.gif);
width:112px;
height:25px;
}

.roll5 a:hover{
  background-image:url(newimg/5_on.gif);
}
.roll6 a{
background-image:url(newimg/6_off.gif);
width:120px;
height:25px;
}

.roll6 a:hover{
  background-image:url(newimg/6_on.gif);
}
.roll7 a{
display:table-cell;
background-image:url(newimg/7_off.gif);
width:111px;
height:25px;
}

.roll7 a:hover{
  background-image:url(newimg/7_on.gif);
}
.roll8 a{
display:table-cell;
background-image:url(newimg/8_press.gif);
width:183px;
height:25px;
}

.roll8 a:hover{
  background-image:url(newimg/8_press.gif);
}