@charset "utf-8";
#roller {
width:755px;
height:220px;
margin:20px auto;
position:relative;
}
#left {
float:left;
width:233px;
height:220px;
}
#typeA {
position:absolute;
top:203px;
left:0px;
}
a:hover #photoA {
background:url(../IndiImg/roller-thick/roller-2.jpg);
width:456px;
height:450px;
position:absolute;
top:-220px;
left:202px;
z-index:3;
}
#middle {
width:245px;
height:220px;
float:left;
}
#right {
float:left;
position:relative;
width:257px;
height:220px;
padding-left:20px;
}
#typeB {
position:absolute;
top:203px;
left:4px;
width: 271px;
}
a:hover #photoB {
background:url(../IndiImg/roller-thick/roller-4.jpg);
width:457px;
height:450px;
position:absolute;
top:-221px;
left:-434px;
z-index:3;
}
#list {
width:600px;
}
tbody th {
background-color:#009900;
}
#hyperlink {
line-height:25px;
width:740px;
margin-bottom:0;
}
#hyperlink td {
background-color:#FFFFFF;
}
#item {
margin:0 0 0 10px;
height:30px;
}
#item a {
text-decoration:none;
position:relative;
}
a #item-1 {
display:none;
width:376px;
}
a:hover #item-1 {
display:block;
position:absolute;
top:0px;
left:79px;
}
.right {
text-align:right;
}