@charset "UTF-8";

/* ------------------------------------------------------
SHONAN RENOVATION 2009-
Works Style
------------------------------------------------------ */

#works_list {
display: block;
padding-bottom: 25px;
}

#works_list ul {
display: block;
background-color: #0066CC;
padding-left: 20px;
list-style-type: none;
}

#works_list ul li {
padding: 0px;
float: left;
margin-right: 30px;
margin-bottom: 30px;
}

#works_list ul li a {
height: 194px;
width: 300px;
display: block;
background-position: left top;
}

#works_list ul li a:hover { background-position: right top; }

#wl_001 a { background-image: url(../works/img/bn_001.jpg); }

#wl_006 a { background-image: url(../works/img/bn_006.jpg); }

#wl_012 a { background-image: url(../works/img/bn_012.jpg); }

#wl_018 a { background-image: url(../works/img/bn_018.jpg); }

#wl_021 a { background-image: url(../works/img/bn_021.jpg); }

#wl_025 a { background-image: url(../works/img/bn_025.jpg); }

#wl_028 a { background-image: url(../works/img/bn_028.jpg); }

#wl_031 a { background-image: url(../works/img/bn_031.jpg); }



#wl_test a { background-image: url(../works/img/bn_test.jpg); }

#wl_035 a { background-image: url(../works/img/bn_035.jpg); }

#wl_042 a { background-image: url(../works/img/bn_042.jpg); }

#wl_045 a { background-image: url(../works/img/bn_045.jpg); }