@charset "UTF-8";

#categoryMenu h3 {
  float: left;
  margin: 4px 0;
  width: 188px;
  height: 21px;
  line-height: 21px;
  text-indent: -5000px;
  background: url("ca.png") no-repeat;
}

#categoryMenu ul {
  float: left;
  margin: 4px 0;
  height: 21px;
}

#categoryMenu li {
  float: left;
  height: 21px;
}

#categoryMenu li a {
  display: block;
  height: 21px;
  background-repeat: none;
  background-position: 0 0;
  text-indent: -5000px;
  text-decoration: none;
}

#categoryMenu li a:hover {
  background-position: 0 -20px;
}

#categoryMenu li.pc { width: 119px; }
#categoryMenu li.pc a { width: 119px; background-image: url("category/pc.png"); }
#categoryMenu li.consumer { width: 121px; }
#categoryMenu li.consumer a { width: 121px; background-image: url("category/consumer.png"); }
#categoryMenu li.cd { width: 36px; }
#categoryMenu li.cd a { width: 36px; background-image: url("category/cd.png"); }
#categoryMenu li.dvdvideo { width: 119px; }
#categoryMenu li.dvdvideo a { width: 119px; background-image: url("category/dvdvideo.png"); }
#categoryMenu li.book { width: 38px; }
#categoryMenu li.book a { width: 38px; background-image: url("category/book.png"); }
#categoryMenu li.figure { width: 72px; }
#categoryMenu li.figure a { width: 72px; background-image: url("category/figure.png"); }
#categoryMenu li.etc { width: 47px; }
#categoryMenu li.etc a { width: 47px; background-image: url("category/etc.png"); }

.pagerInfo { width: 370px; float: left; }
.pagerInfo em { font-style: normal; font-weight: bold; }

.pagerNavi { width: 370px; float: right; }
.pagerNavi li { float: right; margin-left: .5em; }
.pagerNavi li.curr { font-weight: bold; }

#listTable {
  clear: both;
  border-collapse: collapse;
  width: 740px;
  margin: 4px 0;
  border: 1px solid #666666;
}

#listTable th {
  padding: 0;
  height: 14px;
  line-height: 12px;
  border: 1px solid #666666;
  background-color: #DDDDDD;
}

#listTable th a {
  display: block;
  height: 14px;
  line-height: 12px;
  text-indent: -5000px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#listTable th a:hover { background-position: 0 -15px; }
#listTable th.asc a { background-position: 0 -30px; }
#listTable th.asc a:hover { background-position: 0 -45px; }
#listTable th.desc a { background-position: 0 -60px; }
#listTable th.desc a:hover { background-position: 0 -75px; }

#brand { width: 102px; }
#brand a { width: 102px; background-image: url("th/brand.png"); }
#maker { width: 102px; }
#maker a { width: 102px; background-image: url("th/maker.png"); }
#name { width: 342px; }
#name a { width: 342px; background-image: url("th/name.png"); }
.consumer #name { width: 275px; }
.consumer #name a { width: 275px; background-image: url("th/name_short.png"); }
.dvdvideo #name { width: 275px; }
.dvdvideo #name a { width: 275px; background-image: url("th/name_short.png"); }
#genre { width: 66px; }
#genre a { width: 66px; background-image: url("th/genre.png"); }
#media { width: 66px; }
#media a { width: 66px; background-image: url("th/media.png"); }
.consumer #media a { width: 66px; background-image: url("th/hard.png"); }
#release { width: 88px; }
#release a { width: 88px; background-image: url("th/release.png"); }
#price { width: 72px; }
#price a { width: 72px; background-image: url("th/price.png"); }
#rating { width: 62px; }
#rating a { width: 62px; background-image: url("th/rating.png"); }

#listTable td {
  border: 1px solid #666666;
  padding: 4px 2px;
  background-color: #FFFFFF;
}

#listTable td.brand { width: 98px; }
#listTable td.name { width: 338px; }
#listTable.consumer td.name { width: 271px; }
#listTable td.genre { width: 62px; text-align: center; }
#listTable td.media { width: 62px; text-align: center; }
#listTable td.release { width: 84px; text-align: center; }
#listTable td.price { width: 68px; text-align: right; }

#listTable td.rating { width: 62px; padding: 8px 0; }
#listTable td.rating span {
  display: block;
  width: 62px;
  line-height: 27px;
  height: 27px;
  text-indent: -5000px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#listTable td.rating span.X { background-image: url("rating/X.png"); }
#listTable td.rating span.R { background-image: url("rating/R.png"); }
#listTable td.rating span.r18 { background-image: url("rating/r18.png"); }
#listTable td.rating span.r17 { background-image: url("rating/r17.png"); }
#listTable td.rating span.r16 { background-image: url("rating/r16.png"); }
#listTable td.rating span.r15 { background-image: url("rating/r15.png"); }
#listTable td.rating span.r14 { background-image: url("rating/r14.png"); }
#listTable td.rating span.r13 { background-image: url("rating/r13.png"); }
#listTable td.rating span.r12 { background-image: url("rating/r12.png"); }
#listTable td.rating span.all { background-image: url("rating/all.png"); }