@charset "UTF-8";
#asideRank {
  position: relative;
  width: 335px;
  margin-bottom: 20px;
  background: url(/common/images/aside-rank/bg_mid.png) repeat-y top left;
  text-align: left;
}
#asideRank .inner {
  padding: 50px 15px 0;
  background: url(/common/images/aside-rank/bg_top.png) no-repeat top left;
}
#asideRank .rankCnt {
  padding: 10px 5px 11px;
  background: url(/common/images/bg_dot_aaa.png) repeat-x left bottom;
  zoom: 1;
}
#asideRank .rankCnt:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#asideRank .rankBox {
  display: none;
  padding-bottom: 15px;
}
#asideRank .rankBox h3 {
  float: left;
  width: 24px;
  margin-right: 5px;
}
#asideRank .rankBox .img {
  float: left;
  width: 61px;
  margin-right: 10px;
}
#asideRank .rankBox .img img {
  width: 61px;
}
#asideRank .rankBox dl {
  float: left;
  width: 180px;
}
#asideRank .rankBox dt {
  margin-bottom: 5px;
  padding-top: 3px;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.2;
}
#asideRank .rankBox dd {
  line-height: 1.3;
}
#asideRank .rank1 .img {
  border: solid 2px #F899B0;
}
#asideRank .rank2 .img {
  border: solid 2px #50ABF0;
}
#asideRank .rank3 .img {
  border: solid 2px #8BC37D;
}
#asideRank .rank4 .img {
  border: solid 2px #AAAAAA;
}
#asideRank #btnRankList {
  position: absolute;
  top: 3px;
  right: -30px;
}
#asideRank #rankTab {
  width: 335px;
  height: 57px;
  background: url(/common/images/aside-rank/btn_bg.png) no-repeat top left;
  zoom: 1;
}
#asideRank #rankTab:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#asideRank #rankTab li {
  float: left;
}
#asideRank #rankTab li.active img {
  visibility: hidden;
}

/*----------------------------------------------------
	人気
----------------------------------------------------*/
#rankBrand .img {
  width: 100px !important;
  border: none !important;
}
#rankBrand .img img {
  width: 100px !important;
}
#rankBrand .rankCnt dl {
  float: left !important;
  width: 145px;
}