.zitem,.zitem2 {
   width:280px;
   height:150px;   
   /* 大きさを変更されたあと、イメージを隠すことを要求されます */
   overflow:hidden;
   /* for child absolute position */
   position:relative;
   /* display div in line */
   float:left;}
.zitem .caption,.zitem2 .caption {
   width:280px;
   height:20px;
   background:#444;
   color:#fff;
   font-weight:bold;
   /* fix it at the bottom */
   position:absolute;
   bottom:0px; /* fix IE issue */
   left:0;
   /* hide it by default */
   display:none;
   /* opacity setting */
   filter:alpha(opacity=70);    /* ie  */
   -moz-opacity:0.7;    /* old mozilla browser like netscape  */
   -khtml-opacity: 0.7;    /* for really really old safari */  
   opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */}
.zitem .caption2,.zitem2 .caption2 {
   width:280px;
   height:30px;
   background:#41a88c;
   color:#fff;
   font-weight:bold;
   /* fix it at the bottom */
   position:absolute;
   bottom:-1px; /* fix IE issue */
   left:0;
   /* hide it by default */
   display:none;
   /* opacity setting */
   filter:alpha(opacity=70);    /* ie  */
   -moz-opacity:0.7;    /* old mozilla browser like netscape  */
   -khtml-opacity: 0.7;    /* for really really old safari */  
   opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */}
.zitem .caption span,.zitem .caption2 span,.zitem2 .caption span,.zitem2 .caption2 span{
   text-decoration:none;
   color:#fff;
   font-size:12px;   
   padding-left:5px;
   display:block;}
.zitem img,.zitem2 img {
   border:0;
   position:relative; top:-40px; left:-70px;
   /* allow javascript moves the img position*/
   position:absolute;}

.clear {   clear:both;}


/*ポップアップ*/