﻿@charset "utf-8";

/***********************************************/
/*商品一覧設定CSS
/*
/*　-全体設定
/*　-並べ替え(.sort-order)
/*　-上部ページナビゲーション(.upper-navi)
/*　-下部ページナビゲーション(.bottom-navi)
/*　-商品一覧(.item-cols)
/***********************************************/

/* 全体設定
==================================================*/
#product-list #container {
	padding-top:24px;
	background:url(../Contents/Images/productlist/main_bg.gif) repeat-x 0 12px #ffffff;
}
#product-list #searchform {
	margin-bottom:6px;
}
/* 並べ替え(.sort-order)
==================================================*/
#product-list .sort-order {
	margin:5px 0 2px 5px;
}
#product-list .sort-order dt,
#product-list .sort-order dd {
	float:left;
	display:inline;/*IE Bugfix*/
	font-size:10px!important;
	font-size:75%;
}
#product-list .sort-order dt {
	margin-right:8px;
}
#product-list .sort-order dd span {
	padding:0 8px;
}
#product-list .sort-order .active {
	padding:2px 8px;
	color:#ffffff;
	background:#898989;
}
/* 上部ページナビゲーション(.upper-navi)
==================================================*/
#product-list .upper-navi {
	width:429px;
	margin-bottom:14px;
	padding:10px 0 0 0;
	background:url(../Contents/Images/productlist/pnavi_bg_top.gif) no-repeat 0 0 #eeeeee;
}
#product-list .upper-navi h2 {
	padding:0 7px 7px;
	color:#1b1b1b;
	background:url(../Contents/Images/common/border_gray.gif) repeat-x left bottom;
}
#product-list .upper-navi p {
	padding:2px 7px 3px;
	font-size:10px!important;
	font-size:75%;
	font-weight:bold;
	text-align:right;
}
#product-list .upper-navi p span {
	padding:0 3px;
	color:#cc3333;
}
#product-list .upper-navi p a {
	padding:0 3px;
	font-weight:normal;
}
#product-list .upper-navi p .previous {
	padding-left:6px;
	background:url(../Contents/Images/productlist/pnavi_arrow_previous.gif) no-repeat 0 4px;
}
#product-list .upper-navi p .next {
	padding-right:6px;
	background:url(../Contents/Images/productlist/pnavi_arrow_next.gif) no-repeat right 4px;
}
/* 下部ページナビゲーション(.bottom-navi)
==================================================*/
#product-list .bottom-navi {
	margin:15px 0 14px;
	width:429px;
	background:url(../Contents/Images/productlist/pnavi_bg_bottom.gif) no-repeat left bottom #eeeeee;
}
#product-list .bottom-navi p {
	padding:4px 7px 5px;
	font-size:10px!important;
	font-size:75%;
	font-weight:bold;
	text-align:right;
}
#product-list .bottom-navi p span {
	padding:0 3px;
	color:#cc3333;
}
#product-list .bottom-navi p a {
	padding:0 3px;
	font-weight:normal;
}
#product-list .bottom-navi p .previous {
	padding-left:6px;
	background:url(../Contents/Images/productlist/pnavi_arrow_previous.gif) no-repeat 0 4px;
}
#product-list .bottom-navi p .next {
	padding-right:6px;
	background:url(../Contents/Images/productlist/pnavi_arrow_next.gif) no-repeat right 4px;
}
/* 商品一覧(.item-cols)
==================================================*/
#product-list .item-cols {
	margin-bottom:26px;
}
#product-list .item-cols dl {
	display:inline;/*IE Bugfix*/
	position:relative;
	float:left;
	margin-left:26px;
	width:122px;
}
#product-list .item-cols dl.first {
	margin-left:11px;
}
#product-list .item-cols dl dt {
	padding-top:125px;
}
#product-list .item-cols dl .photo {
	position:absolute;
	left:0;
	top:0;
}
#product-list .item-cols dl .photo img {
	border:1px solid #bfbfbf;
}
#product-list .item-cols dl dd {
	font-size:10px!important;
	font-size:75%;
	line-height:130%;
}
#product-list .item-cols dl dd.price {
	margin-top:10px;
	text-align:right;
}
#product-list .item-cols dl dd.price span {
	font-size:12px!important;
	font-size:100%;
}
