/* PC用 レコメンド スタイルシート */
/* 2015/03/17 15個のアイテムのロール用に修正をした */
/* 2015/03/18 一部不完全なところがあったので追記と修正をした */

/*
in_footer_simple-show_by_item-view-history : show-item-view-history : アイテム閲覧履歴表示
in_footer_auto-recommend_by_item-view-history : item-view-history : アイテム閲覧履歴ベースレコメンド
in_item-page_auto-recommend_by_item-oriented : item-oriented : アイテムベースレコメンド
in_cv-page_auto-recommend_by_user-oriented : user-oriented : ユーザーベースレコメンド
*/

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:visited { color:  none; }
a:hover { color: none; }
a:active { color: none; }

/* レコメンドの4つの形式ごとの一番の大枠の設定（タイトル名表示バーを含む） */
.recommend-rt_auto-recommend_by_item-view-history{
	width:600px;
	clear:both;
}
.recommend-rt_simple-show_by_item-view-history{
	width:600px;
	clear:both;
}
.recommend-rt_auto-recommend_by_item-oriented{
	width:600px;
	clear:both;
}
.recommend-rt_auto-recommend_by_user-oriented{
	width:600px;
	clear:both;
}

/* タイトル名部分 (cf.heading_07) */
.recommend-rt_header-part{
	margin:5px 6px 5px 3px; /* cf.トップページは 5px 1px 5px 3px になっている */
	padding:5px;
	color:#333333;
	height:auto;
	font-size:90%;
	font-weight:bold;
	background-image:url(http://www.amiami.jp/images/parts/product_title_back.gif);
	background-repeat:repeat-x;
	background-position:center bottom;
	border-style:solid;
	border-width:1px 1px 1px 3px;
    border-color: #d6d6d6 #d6d6d6 #d6d6d6 #a5db00;
}

/* 参考
.heading_07 {
    background-image: url("../images/parts/product_title_back.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-color: #d6d6d6 #d6d6d6 #d6d6d6 #a5db00;
    border-style: solid;
    border-width: 1px 1px 1px 3px;
    color: #333333;
    font-size: 90%;
    font-weight: bold;
    height: auto;
    margin: 5px 6px 5px 3px;
    padding: 5px;
}
*/

/* 「アイテムを表示する部分の」大枠の設定 */
.recommend-rt_contents-part_full{
	width:512px; /* marginで左右計9px削られているので 600 - 9 = 591 -> bxSlider用 512px */
	height:203px; /* 微調整 */
	padding: 0px 40px 0px 40px; /* bxSlider用に左右に大きく取る */
	margin:1px 1px 1px 1px; /* .recommend-rt_header-part と合わせる */
	overflow:hidden; /* 非bxSlider環境用に隠す */
}
.recommend-rt_contents-part_icon-only{
	width: 591px; /* marginで左右計9px削られているので 600 - 9 = 591 */
	height: 120px;
	padding: 0px 19.5px 5px 5px;
	margin: 5px 6px 5px 3px; /* .recommend-rt_header-part と合わせる */
	overflow:hidden;
}

/* アイテム表示「枠」単位（画像＋文字列）ごとの設定 */
.recommend-rt_item_full-contents{
	float:left;
	margin:0px 5px 5px 5px; /* 非bxSlider状況を考えて、下に5pxとっておく */
	width:80px;
	overflow:hidden;
	position:relative;
	padding:0px 5px 0px 5px; /* アイテム全体を囲ったときに空白を作ってバランスを取る */
	border-style: solid; /* アイテム全体を実線で囲む */
	border-width: 1px;
	border-color: #d3d3d3;
}
.recommend-rt_item_icon-only{
	float:left;
	margin:5px 3px 5px 8px;
	width:50px;
	height:50px;
	position:relative;
	padding:0px;
	border-style: solid; /* アイテム全体を実線で囲む */
	border-width: 1px;
	border-color: #d3d3d3;
}

/* アイテム表示枠内での画像の設定 */
.recommend-rt_item-image_full-contents img{
	margin:5px 0px 5px 0px;
	float:left;
	height:80px;
	width:80px;
}
.recommend-rt_item-image_icon-only img{
	margin:0px 0px 0px 0px;
	float:left;
	height:50px;
	width:50px;
}

/* アイテム表示枠内での文字列の設定 */
.recommend-rt_item-name{
	margin:2px 0px 2px 0px;
	float:left;
	height:40px;
	width:80px;
	overflow:hidden;
	font-size:70%;
	line-height:1.2;
}
.recommend-rt_item-maker{
	float:left;
	margin:2px 0px 2px 0px;
	height:25px;
	width:80px;
	overflow:hidden;
	font-size:66%;
	line-height:1.2;
	color:#778899;
}
.recommend-rt_release-date{
	float:left;
	margin:2px 0px 2px 0px;
	height:10px;
	width:80px;
	overflow:visible;
	font-size:60%;
	line-height:100%;
	color:black;
}
.recommend-rt_item-price{
	margin:2px 0px 2px 0px;
	float:left;
	height:15px;
	width:80px;
	overflow:visilble;
	font-size:75%;
	line-height:120%;
	color:#8b0000;
	font-weight:bold;
	font-family:Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif, Verdana;
}

/* アイテム単純履歴表示部分で、履歴が無い場合に枠囲いの数字を表示する */
.recommend-rt_padding-contents_for_show-item-view-history{ /* 履歴が「存在しない」場合に表示する内容の設定 */
	font-size: 32px;
	text-align: center;
	color: #d3d3d3;
}