@import url(default.css);

#web_pic_area{
float:left;
height: auto;
width: 100px;
margin-top: 20px;
padding-left: 20px;
}
.w_roll{
width: 100px;
height: 71px;
border: 1px solid #333333;
margin-bottom: 10px;
padding: 1px;
}
.w_rollover{
background: url(../img/web_design/s_001.gif) no-repeat left bottom;
width: 100px;
height: 71px;
cursor: pointer;
display: block;
color: #666666;
}
.w_rollover:hover{
width: 100px;
height: 71px;
background: url(../img/web_design/s_001_2.gif) no-repeat left bottom;
cursor: pointer;
display: block;
}
.w_rollover2{
background: url(../img/web_design/s_002.gif) no-repeat left bottom;
width: 100px;
height: 71px;
cursor: pointer;
display: block;
color: #666666;
}
.w_rollover2:hover{
width: 100px;
height: 71px;
background: url(../img/web_design/s_002_2.gif) no-repeat left bottom;
cursor: pointer;
display: block;
}
.w_rollover3{
background: url(../img/web_design/s_003.gif) no-repeat left bottom;
width: 100px;
height: 71px;
cursor: pointer;
display: block;
color: #666666;
}
.w_rollover3:hover{
width: 100px;
height: 71px;
background: url(../img/web_design/s_003_2.gif) no-repeat left bottom;
cursor: pointer;
display: block;
}