@charset "UTF-8";
/*-------------------------------------------------
contents
-------------------------------------------------*/
.article {
  background: #FFF;
  padding-bottom: 25px; }
  .article .topicPath {
    margin: 0;
    padding: 10px 25px;
    background: #DEE2E5;
    color: #757575;
    font-size: 11px; }
  .article .categoryHead .topicPath + h2 {
    background: none;
    margin: 10px 0; }
  .article .pageselect {
    margin-bottom: 10px; }

#avranking {
  margin: 0px;
  padding: 0px;
  width: 100%;
  font-size: 0.9em;
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka;
  line-height: 1.5em;
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  color: #191919;
  position: relative; }

#avranking h1 {
  font-size: 1px;
  height: 32px;
  padding-bottom: 10px; }

#avranking h2 {
  font-size: 0px;
  padding: 0px;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  clear: left;
  min-width: 600px;
  background-image: url(/image/ranking/products/v2/h2-bg.jpg);
  background-repeat: repeat-x; }

#avranking h3 {
  font-size: 1.5em;
  font-weight: bolder;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #99CCCC;
  color: #006699;
  margin-bottom: 3px;
  padding: 0px 0px 5px;
  text-align: left;
  margin-top: 25px;
  margin-left: 20px;
  width: 700px; }

#avranking h3 img {
  margin-bottom: -3px; }

#avranking h4 {
  font-size: 1em;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 20px;
  background-image: url(/image/ranking/products/v2/h4_bg.jpg);
  background-position: right bottom;
  min-width: 600px;
  width: 95%;
  padding: 0px;
  background-repeat: repeat-x;
  clear: both; }

#avranking h5 {
  font-size: 1em;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 20px;
  clear: both;
  background-image: url(/image/ranking/products/v2/h5_bg.jpg);
  background-position: right bottom;
  min-width: 600px; }

#avranking h6 {
  margin: 0px 0px 0px 20px;
  font-size: 1em;
  color: #000000;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCCCCC;
  text-indent: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  font-weight: bold; }

#avranking strong {
  font-weight: bolder;
  color: #330000; }

#avranking small {
  font-size: small;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  line-height: 140%; }

#avranking em {
  font-style: normal;
  font-weight: normal;
  color: #FF0033; }

#avranking img {
  border: none;
  /* img do not want a border */
  vertical-align: bottom; }

#avranking ul, ol {
  margin-left: 2.5em;
  margin-bottom: 20px; }

#avranking a:link {
  color: #006699;
  text-decoration: underline; }

#avranking a:visited {
  color: #551A8B; }

#avranking a:hover {
  color: #0066CC;
  text-decoration: none; }

#avranking a:active {
  color: #0066CC; }

#avranking p {
  border-bottom: 1px dotted #CCCCCC;
  margin-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-top: 5px; }

#avranking p.hitokoto {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
  clear: both;
  padding: 10px;
  border: 1px solid #CCCCCC;
  background-color: #EEF6F9;
  line-height: 160%; }

#avranking table.ranking {
  border-top: 2px solid #CCCCCC;
  border-left: 2px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  font-weight: normal;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 20px;
  clear: both;
  min-width: 550px;
  font-size: medium; }

#avranking table.ranking th {
  font-weight: bolder;
  background-color: #EEEEEE;
  text-align: center;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 3px;
  color: #006699; }

#avranking table.ranking td {
  background-color: #FFFFFF;
  text-align: center;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 3px; }

#avranking table.ranking td img.ecphoto {
  margin: 8px; }

#avranking table.shoplist {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  font-weight: normal;
  margin-top: 15px;
  margin-right: 20px;
  margin-bottom: 15px;
  margin-left: 20px;
  clear: both;
  width: 700px; }

#avranking table.shoplist th {
  font-weight: bolder;
  background-color: #EEEEEE;
  text-align: center;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 6px;
  color: #006699; }

#avranking table.shoplist td {
  background-color: #FFFFFF;
  text-align: left;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 6px;
  background-image: url(/image/ranking/products/v2/shoplist_bg.jpg);
  background-repeat: repeat-x;
  background-position: left bottom; }

/*-------------------------------------------------
top menu
-------------------------------------------------*/
#avranking ul.ranking_category {
  list-style: none;
  margin: 10px 0px 20px 20px;
  padding: 0px;
  clear: both;
  display: block;
  font-size: small;
  min-width: 600px; }

#avranking ul.ranking_category li {
  list-style: none;
  float: left;
  background-position: left bottom;
  background-image: url(/image/ranking/products/v2/category_bg.jpg);
  margin-right: 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C2C9CB;
  margin-bottom: 20px; }

#avranking ul.ranking_category li img {
  margin-bottom: 5px; }

#avranking ul.ranking_category li a {
  display: block;
  overflow: hidden;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 10px 5px;
  width: 110px; }

#avranking ul.ranking_category li a:hover {
  list-style: none;
  float: left;
  background-position: 130px bottom;
  background-image: url(/image/ranking/products/v2/category_bg.jpg); }

#avranking .footer_navi1 {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  margin-left: 20px; }

#avranking .footer_navi2 {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  padding: 10px;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #CCCCCC; }

#avranking .icon {
  margin-left: 20px;
  float: left;
  margin-bottom: 20px; }

#avranking .category {
  float: left;
  clear: right;
  font-size: 1em;
  margin-top: 40px;
  margin-bottom: 5px;
  margin-left: 20px;
  background-image: url(/image/ranking/products/v2/h5_bg.jpg);
  background-position: right bottom;
  min-width: 270px;
  width: 65%; }

#avranking a#senka21_2 {
  display: block;
  background-image: url(/image/ranking/products/v2/senka21_2.gif);
  width: 150px;
  height: 30px;
  overflow: hidden;
  text-indent: -1000px;
  position: absolute;
  top: 183px;
  right: 25px; }

#avranking a#senka21_3 {
  display: block;
  background-image: url(/image/ranking/products/v2/senka21_2.gif);
  width: 150px;
  height: 30px;
  overflow: hidden;
  text-indent: -1000px;
  position: absolute;
  top: 12px;
  right: 25px; }

/*# sourceMappingURL=style_ranking_products.css.map */