@charset "UTF-8";
/* CSS Document */

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
}
html {
  font-size: 62.5%;
}
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  color: #252525;
}
a,
img {
  border: 0;
}
p {
  line-height: 1.3em;
  letter-spacing: 0.1em;
}
/********** default **********/
#content {
  width: 460px;
  margin: 0 auto;
  padding: 40px 0
}
.main,
.main li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main {
  margin-bottom: 5px;
}
.main li {
  width: 460px;
  height: 460px;
  overflow: hidden;
}
.main li.item2,
.main li.item3,
.main li.item4,
.main li.item5,
.main li.item6,
.main li.item7, 
.main li.item8,
.main li.item9,
.main li.item10,
.main li.item11, 
.main li.item12
.main li.item13,
.main li.item14, 
.main li.item15,
.main li.item1６{
  display: none;
}
.main li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb,
.thumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumb li {
  display: inline-block;
  width: 111px;
  height: 111px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 4px;
}
.thumb li img {
  width: 100%;
  height: auto;
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}