@charset "UTF-8";

/* 画像サイズパターン
height: 150px; 長方形（元画像 450px x 520px）
  width: 130px; height: 150px;

height: 130px; 正方形（元画像 450px x 450px）
  width: 130px; height: 130px;
------------------------------------------------------------------------*/


/* height: 150px; 長方形
-------------------------------------------------------------*/

#sg01_knit_sweater_all {
  width: 130px; height: 150px;
  background: url(sg01_knit_sweater_all.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#sg01_knit_sweater_dark_grey_1 {
  width: 130px; height: 150px;
  background: url(sg01_knit_sweater_dark_grey_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#sg01_knit_sweater_black_welsh_1 {
  width: 130px; height: 150px;
  background: url(sg01_knit_sweater_black_welsh_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#sg01_knit_sweater_black_welsh_4 {
  width: 130px; height: 150px;
  background: url(sg01_knit_sweater_black_welsh_4.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#sg01_knit_sweater_light_grey_1 {
  width: 130px; height: 150px;
  background: url(sg01_knit_sweater_light_grey_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#sg01_knit_sweater_twist_1 {
  width: 130px; height: 150px;
  background: url(sg01_knit_sweater_twist_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#sg01_knit_sweater_moss_green_1 {
  width: 130px; height: 150px;
  background: url(sg01_knit_sweater_moss_green_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

/* height: 130px; 正方形
-------------------------------------------------------------*/

#ht05_knitted_hat_black_welsh_1 {
  width: 130px; height: 130px;
  background: url(ht05_knitted_hat_black_welsh_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#ht05_knitted_hat_lt_grey_1 {
  width: 130px; height: 130px;
  background: url(ht05_knitted_hat_lt_grey_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#ht05_knitted_hat_natural_twist_1 {
  width: 130px; height: 130px;
  background: url(ht05_knitted_hat_natural_twist_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#ht05_knitted_hat_derby_tweed_1 {
  width: 130px; height: 130px;
  background: url(ht05_knitted_hat_derby_tweed_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#sc06_knitted_scarf_natural_twist_1 {
  width: 130px; height: 130px;
  background: url(sc06_knitted_scarf_natural_twist_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#sc06_knitted_scarf_derby_tweed_1 {
  width: 130px; height: 130px;
  background: url(sc06_knitted_scarf_derby_tweed_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#fha05_faireisle_knit_hat_lt_grey_green_nimbus_navy_1 {
  width: 130px; height: 130px;
  background: url(fha05_faireisle_knit_hat_lt_grey_green_nimbus_navy_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#fha05_faireisle_knit_hat_dk_grey_ecru_twist_lt_grey_1 {
  width: 130px; height: 130px;
  background: url(fha05_faireisle_knit_hat_dk_grey_ecru_twist_lt_grey_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#fha05_faireisle_knit_hat_jet_smoke_twist_lt_grey_1 {
  width: 130px; height: 130px;
  background: url(fha05_faireisle_knit_hat_jet_smoke_twist_lt_grey_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rt05_knit_hat_all {
  width: 130px; height: 130px;
  background: url(rt05_knit_hat_all.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rt05_knit_hat_black_welsh_1 {
  width: 130px; height: 130px;
  background: url(rt05_knit_hat_black_welsh_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rt05_knit_hat_light_grey_1 {
  width: 130px; height: 130px;
  background: url(rt05_knit_hat_light_grey_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rt05_knit_hat_twist_1 {
  width: 130px; height: 130px;
  background: url(rt05_knit_hat_twist_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rt05_knit_hat_moss_green_1 {
  width: 130px; height: 130px;
  background: url(rt05_knit_hat_moss_green_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rt05_knit_hat_jet_black_1 {
  width: 130px; height: 130px;
  background: url(rt05_knit_hat_jet_black_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rs06_knit_muffler_all {
  width: 130px; height: 130px;
  background: url(rs06_knit_muffler_all.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rh06_ribbed_scarf_black_welsh_1 {
  width: 130px; height: 130px;
  background: url(rh06_ribbed_scarf_black_welsh_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rh06_ribbed_scarf_lt_grey_1 {
  width: 130px; height: 130px;
  background: url(rh06_ribbed_scarf_lt_grey_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rh06_ribbed_scarf_natural_twist_1 {
  width: 130px; height: 130px;
  background: url(rh06_ribbed_scarf_natural_twist_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#rh06_ribbed_scarf_derby_tweed_1 {
  width: 130px; height: 130px;
  background: url(rh06_ribbed_scarf_derby_tweed_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#fmitt_all {
  width: 130px; height: 130px;
  background: url(fmitt_all.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#fmitt_derby_tweed_1 {
  width: 130px; height: 130px;
  background: url(fmitt_derby_tweed_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#fmitt_black_welsh_1 {
  width: 130px; height: 130px;
  background: url(fmitt_black_welsh_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#fmitt_light_grey_1 {
  width: 130px; height: 130px;
  background: url(fmitt_light_grey_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#fmitt_moss_green_1 {
  width: 130px; height: 130px;
  background: url(fmitt_moss_green_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#fmitt_jet_black_1 {
  width: 130px; height: 130px;
  background: url(fmitt_jet_black_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#fmitt_natural_twist_1 {
  width: 130px; height: 130px;
  background: url(fmitt_natural_twist_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#knit_mobile_glove {
  width: 130px; height: 130px;
  background: url(knit_mobile_glove.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#knit_mobile_glove_moss_green_1 {
  width: 130px; height: 130px;
  background: url(knit_mobile_glove_moss_green_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#knit_mobile_glove_jet_black_1 {
  width: 130px; height: 130px;
  background: url(knit_mobile_glove_jet_black_1.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#knit_mobile_glove_red_1 {
  width: 130px; height: 130px;
  background: url(knit_mobile_glove_red_1.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="black_sheep/photo.css">

<div id="zzz">ブラック・シープ　セーター　zzz</div></a></td>

#zzz {
  width: 80%;
  height: 150px;
  background: url(zzz.jpg) no-repeat;
  background-size: cover;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#zzz {
  width: 80%;
  height: 180px;
  background: url(zzz.jpg) no-repeat;
  background-size: 180px 180px;
  margin: 10px 0px 15px 0px;
  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;
}
