﻿/*レコメンドスタイル　１行表示デザイン
<div id="PR_placeholder">
	<div id="PR_results">

	<div id="PR_relate_result">
		<div class="PR_title">この商品をチェックした人はこんな商品もチェックしています</div>
		  <div class="productcheck r1 item">
			  <ul class="productconnect">
			  <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>
		  </div>

	...省略


	</div>
*/

div#PR_placeholder {
	margin-top:1px;
}


div#PR_results{
	margin-bottom:24px;

}


/**** 共通デザイン **********************************************/
/**
div#PR_results a:link { text-decoration: none;color: #990033;}**/

**/

div#PR_results a:visited { text-decoration:none;}
div#PR_results a:active { text-decoration:none;}
div#PR_results a:hover {	text-decoration: none;	color: #009933;	
}


div[class~="PR_r1"]{
	width:130px;float:left;
	margin-left:1px;
	/*background-image:url('../images/mesh-2.jpg');*/
}

div[class~="PR_r2"]{
	width:130px;float:left;	margin-left:6px;
}

div[class~="PR_r3"]{
	width:130px;float:left;	margin-left:6px;
}

div[class~="PR_r4"]{
	width:130px;float:left;	margin-left:6px;
}




/**** この商品をチェックした人はこんな商品もチェックしています **********************************************/


div#PR_relate_result {
	clear:both;
	/*border:1px #999999 solid; */
	width:585px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

div#PR_relate_result .PR_title {
	font-size: small;
	padding-bottom: 4px;
	padding-top: 8px;
	color: #990033;
	padding-left:30px;
	background-image:url('../images/rank-icon2.jpg');
	background-repeat:no-repeat;
	background-position:10px;
		font-weight:bold
}


div#PR_relate_result ul{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin:2px 4px 4px 4px;	text-align:center;
	
}


div#PR_relate_result li {
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

li .PR_product_image{
	border:1px #cccccc solid;
}

div#PR_relate_result .PR_product_image {
	width:106px;
	height:106px;
	padding:0px;

}

div#PR_relate_result .PR_name {
	margin-top:8px;
	padding:3px;

}


div#PR_relate_result .PR_spec1 {
	visibility:hidden;
	height:0px;
	margin:0px;
	padding:0px;
	display:none;
}


div#PR_relate_result .PR_spec2 {
	visibility:hidden;
	height:0px;
	margin:0px;
	padding:0px;
	display:none;
}




div#PR_relate_result .PR_spec3 {
	visibility:hidden;
	height:0px;
	margin:0px;
	padding:0px;
	display:none;
}



/*** ランキング ******************************************************************/
div#PR_rank_result {
	visibility:hidden;
	height:0px;
	margin:0px;
	padding:0px;
	display:none;


}

