﻿
/*レコメンドスタイル　１列表示デザイン

<div id="logrecom_rank_result">
<div class="logrecom_title">人気ランキング</div>

  <div class="productcheck r1 item">
	  <ul class="productrank">
	  <li class="product_image"><a href="【URL】"><img src="【画像パス】" class="product_image" alt="【商品名】"></a></li>
	  <li class="name"><a href="【URL】">【商品名】</a></li>
	  <li class="spec1">【メーカー】</li>
	  <li class="spec2"><span class="price">【定価】</span><span class="currency">【通貨】</span><span class="tax">【税込区分】</span></li>
	  <li class="spec3"><span class="sale-price">【販売価格】</span><span class="currency">【通貨】</span><span class="tax">【税込区分】</span></li>
	  </ul>
  </ul>
  </div>
...省略
  </div>

</div>
</div>
*/

/*ランキング*/
div#logrecom_rank_result{
	background-image:url('#');
	background-repeat:repeat;
	text-align:left;
	border:1px #e8e8e8 solid;
	padding:4px;
	width:250px;
}

div#logrecom_rank_result .logrecom_title{
	visibility:hidden;
}

div#logrecom_rank_result .productcheck{
	position:relative;
}

div#logrecom_rank_result ul{
	list-style-type: none;
	padding: 0px 0px 0px 2px;
	margin:0px;
	width:250px;
	height:96px;
}

/*
div#logrecom_rank_result li {
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
*/

/*商品画像*/
div#logrecom_rank_result .product_image {
	float:left;
	width:86px;
	height:86px;
	background-color: #cccccc;
	text-align:center;
	}


div#logrecom_rank_result img.product_image {
	width:84px;
	height:84px;
	float:left;
	}



/*商品名*/
div#logrecom_rank_result .name{
	padding-left:96px;
	padding-right:3px;


}

/*メーカー名*/
div#logrecom_rank_result .spec1 {
	visibility:hidden;
	height:1px;

}

/*定価*/
div#logrecom_rank_result .price{

	padding-left:6px;
	text-decoration: line-through;
	float:left;
}

/*販売価格*/
div#logrecom_rank_result .sale-price {

	padding-left:6px;
	color:#ff0000;
	font-weight:bold;



}

/**/

div#logrecom_rank_result .currency{
	visibility:hidden;

}



div#logrecom_rank_result .tax{
	visibility:hidden;

}

