/* 画像サイズパターン
height: 150px; 長方形（元画像 450px x 520px）
  width: 130px; height: 150px;

height: 130px; 正方形（元画像 450px x 450px）
  width: 130px; height: 130px;
------------------------------------------------------------------------*/


/* height: 130px; 正方形
-------------------------------------------------------------*/

#active_leather_wax {
  width: 130px; height: 130px;
  background: url(active_leather_wax.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#supreme_protect_spray {
  width: 130px; height: 130px;
  background: url(supreme_protect_spray.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#cleaning_brush {
  width: 130px; height: 130px;
  background: url(cleaning_brush.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#horsehair_brush {
  width: 130px; height: 130px;
  background: url(horsehair_brush.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#clean_care {
  width: 130px; height: 130px;
  background: url(clean_care.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#waterstop_spray {
  width: 130px; height: 130px;
  background: url(waterstop_spray.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rustical_bottle {
  width: 130px; height: 130px;
  background: url(rustical_bottle.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#gum_boot_care {
  width: 130px; height: 130px;
  background: url(gum_boot_care.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rubberboots {
  width: 130px; height: 130px;
  background: url(rubberboots.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#colour_stop {
  width: 130px; height: 130px;
  background: url(colour_stop.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

/*__________________________________ */

<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" type="text/css" href="collonil/photo.css">

<div id="zzz">コロニル　お手入れ　zzz</div></a></td>

#zzz {
  width: 150px;
  height: 173px;
  background: url(zzz.jpg) no-repeat;
  background-size: 150px 173px;
  margin: 0px 0px 0px 5px;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#zzz {
  width: 130px; height: 130px;
  background: url(zzz.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

.dammy {
  border: 1px solid #000000;
  background-image: url(image/menu/bg.gif);
  background-repeat: repeat-x;
  letter-spacing : 1px;
  font-weight: bold;
  padding: 10px;
  margin: 0 auto;
  margin: 0px 0px 0px 0px;
}