@charset "utf-8";

*{border:none}

li{ list-style:none;
}

.wrap div h2 { font-size:18px; margin-bottom:30px;
}


W400 H267ここから
ul.thumbzoom {
 list-style-type: none;
}
ul.thumbzoom li {
 float: left;
 margin: 5px 4px 5px 0;
}
ul.thumbzoom a {
 display: block;
 width: 150px;
 height: 100px;
 overflow: hidden;
 position: relative;
 z-index: 1;
}
ul.thumbzoom a img {
 position: absolute;
 top: 0px;
 left: 0px;
}
ul.thumbzoom a:hover {
 overflow: visible;
 z-index: 2;
}
ul.thumbzoom a:hover img {
 position: absolute;
 top: 0px;
 left: 0px;

 width: 400px;
 height: 267px;
 
 .clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }

/* MacIE用 */
*+html .clearfix { height: 1%; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
}

W400 H267ここまで

W700 H500ここから
ul.thumbzoom700 {
 list-style-type: none;
}
ul.thumbzoom700 li {
 float: left;
 margin: 5px 4px 5px 0;
}
ul.thumbzoom700 a {
 display: block;
 width: 150px;
 height: 100px;
 overflow: hidden;
 position: relative;
 z-index: 1;
}
ul.thumbzoom700 a img {
 position: absolute;
 top: 0px;
 left: 0px;
}
ul.thumbzoom700 a:hover {
 overflow: visible;
 z-index: 2;
}
ul.thumbzoom700 a:hover img {
 position: absolute;
 top: 0px;
 left: 0px;

 width: 700px;
 height: 500px;
 
 .clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix700 { display: inline-block; }

/* MacIE用 */
*+html .clearfix700 { height: 1%; }
* html .clearfix700 { height: 1%; }
.clearfix700 { display: block; }
}

W700 H500ここまで