@charset "UTF-8";
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 * ランク用
 */

h3.rankingwaku{
  font-size:12px;
  }


.topnews img{
max-width:100%;
border:1px solid #ddd;
}
.topnews td{
padding:10px;
text-align:center;

}

.salesrankno{
background:#eee;
margin-bottom:10px;
}

.salesrankno strong{
font-size:20px !important;
}

.newitemno{
background:#eee;
margin-bottom:10px;
font-size:15px !important;
}

.rankingheader {
  text-align: center;
 font-size:18px;
 border-bottom:1px solid #ccc;
 padding-bottom:10px;
 margin-bottom:10px;

/*
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  padding: 3px 0 0 0;
  margin:0px;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", osaka;
  height: 20px;
  color: #000000;
  border: solid 1px #CCCCCC;
  background: linear-gradient(#dbedff, #add6ff);
  background: -moz-linear-gradient(#dbedff, #add6ff);
  background: -webkit-gradient(linear, left top, left bottom, from(#dbedff), to(#add6ff));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dbedff', endColorstr='#add6ff');
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  -khtml-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -khtml-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  text-shadow: 1px 1px 0px #add6ff;
  -moz-text-shadow: 1px 1px 0px #add6ff;
  -webkit-text-shadow: 1px 1px 0px #add6ff;
 */

}

.wadaitop{
 margin-top:15px;

 }

.rankingbody {
  margin-bottom:20px;

/*
  text-decoration: none;
  padding: 3px 0 20px 2px;
  margin: 0 0 10px 0;
  overflow: hidden;
  color: #000000;
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -khtml-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -khtml-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
 */
}

.rankingbody a:visited{
  margin-bottom:20px;
  color: #182d7c;
  }

.rankingbody img:hover,
.rankingbody img:focus {
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}

.rankingbody a {
  text-decoration: none;
}

.rankingbody a:hover,
.rankingbody a:focus {
  color: #182d7c;
}

.salesrankno {
  height: 32px;
  text-align: center;
}

.salesrankpicture {
  text-align: center;
  height: 140px;
  margin: 20px auto 55px;
}

.rankinglist {
  padding-left: 5px;
  margin: 0 auto;
  word-break: break-all;
  font-size: 10px;
  text-decoration: none;
}

.rankinglistmore{
text-align:right;margin-bottom:20px;font-size:15px;margin-right:10px;
}

.rankingPrice {
  padding-top: 5px;
}

.favoritePrice {
  padding-left: 5px;
  color: #FF0000;
  font-size: 12px;
  font-weight: bold;
}

.favoritePriceh {
  color: #000000;
  font-size: 10px;
}

.top-ranking {

}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 * レビューランク用
 */
.information {
  font-size: 12px;
}

.informationheader {
  text-align: center;
 font-size:18px;
 border-bottom:1px solid #ccc;
 padding-bottom:10px;
 margin-bottom:10px;

/*
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  padding: 3px 0 0 0px;
  margin:0px;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", osaka;
  height: 20px;
  color: #000000;
  border: solid 1px #CCCCCC;
  background: linear-gradient(#ffdbdb, #ff9999);
  background: -moz-linear-gradient(#ffdbdb, #ff9999);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffdbdb), to(#ff9999));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffdbdb', endColorstr='#ff9999');
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  -khtml-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -khtml-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  text-shadow: 1px 1px 0px #ff9999;
  -moz-text-shadow: 1px 1px 0px #ff9999;
  -webkit-text-shadow: 1px 1px 0px #ff9999;
*/
  }

.informationbody {

  margin-bottom:20px;

/*
  margin: 0 0 10px 0;
  text-decoration: none;
  padding: 3px 0 10px 3px;
  height: auto;
  color: #000000;
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -khtml-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -khtml-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
*/

}

.informationbodyoshirase {
  padding:10px 20px;
}



.reviewdate {
  margin: 5px 0;
  padding: 0;
  clear: both;
}

.reviewrankbody {
  margin: 0px 0px 20px 0px;
}

.reviewrankleft {
  float: left;
  width: 142px;
  text-align: center;
}

.reviewrankleft img:hover,
.reviewrankleft img:focus {
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}

.reviewrankright {
  text-decoration: none;
  margin: 0 15px 0 142px;
}

.reviewrankright a {
  text-decoration: none;
  font-weight: bold;
}

.reviewrankright a:hover,
.reviewrankright a:focus {
  color: #000000;
}

.reviewp {
  margin: 10px 0px 0px 0px;
  padding: 5px;
  border : solid 1px #CCCCCC;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffe0;
}

.reviewrankbody {
  clear: both;
  margin-bottom: 10px;
  overflow: hidden;
}

.revrankname {
  font-size:12px;
  text-align:center;
}

.reviewnaiyou {
  font-size:12px;
}

.reviewnavi_area {
  margin: 5px 0;
  padding: 0;
}

.reviewnavi {
  font-size:14px;
  font-weight:bold;
}

.hrdot {
  border:0;
  width: 97%;
  border-bottom:1px dashed #999;
}

img{
-webkit-backface-visibility: hidden;
}

.rankingwakunew{
font-size: 18px;
font-weight:normal;
}

.rankingshohin{
font-size:10px;
color:#323232;
}


.rankinglist a{
text-decoration:none;
color:#182d7c;
}
.rankinglist a:hover{
text-decoration:underline;
color:#182d7c !important;
}

/*------------------------------------
   クーポンアイコン表示部分
--------------------------------------*/
.couponlistnebiki {
	color: crimson;
	text-align:center;
    border:1px solid crimson;
    padding:2px;
    font-size:10px;
    margin:2px 0px;
}
.couponlistnebiki i{
    padding-right:3px;
    }

/*------------------------------------
   ランキング商品名を短く
--------------------------------------*/

.rankingshortname {
    position: relative;
    height: 45px;
    overflow: hidden;
}

.rankingshortname:before, .rankingshortname:after {
    position: absolute;
    background: #fff;
}

.rankingshortname:before {
    content: "･･･";
    bottom: 0;
    right: 0;
}

.rankingshortname:after {
    content: "";
    width: 100%;
    height: 100%;
}