@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Takuro Toyama
 Style Info:     個別レイアウト
----------------------------------------------------------- */


/*---------------------------
 //// メインエリア
---------------------------*/
#main {
	position: relative;
	padding-bottom: 10px;
	background: #f8f4e6 url(/images/item_list_bg.gif) repeat left top;
}

#main h2 {
	clear: both;
	margin: 0;
	padding: 0.2em 1em;
	background: #f86aab url(/images/heading01_bg.gif) repeat left top;
	line-height: 1.4;
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
}
div.pageNaviHead {
	float: left;
	width: 650px;
	padding: 2px 0;
	background: #f0c7bb;
	font-weight: bold;
}
div.pageNaviHead p.left {
	margin: 0 10px;
	float: left;
}
div.pageNaviHead p.right {
	margin: 0 10px;
	float: right;
}
div.pageNaviHead a {
	color: #843c27;
}
#main div.list {
	padding-left: 8px;
}
#main div.list div {
	position: relative;
	float: left;
	width: 141px;
	margin: 10px 7px 0 0;
	padding: 5px;
	background: #FFF;
	border: #cecece 1px solid;
	text-align: center;
}
#main div.list div p {
	margin: 0;
}
#main div.list div p.photo {
	margin-bottom: 2px;
}
#main div.list div h3 {
	background: url(../images/ltem_list_bg.gif) repeat-x left top;
	text-align: left;
	color: #666;
}
#main div.list div h3 a {
	padding: 2px 2px 5px;
	display: block;
	color: #666;
}
#main div.list div h3 a:hover {
	color: #ff0658;
}
#main div.list div p.price {
	text-align: right;
	line-height: 1;
	font-size: 90%;
	color: #FF0099;
}
#main div.list div p.listIcon {
	position: absolute;
	left: -8px;
	top: -8px;
}
#main div.pageNavi {
	float: left;
	clear: both;
	width: 650px;
	margin: 15px 0 0;
	font-size: 110%;
	font-weight: bold;
}
#main div.pageNavi a {
	color: #e5007e;
	line-height: 1.3em;
}
#main div.pageNavi p.pageNext a,
#main div.pageNavi p.pageBack a {
	padding: 0 0.2em;
	background: #e5007e;
	border: #FF0033 1px solid;
	color: #FFF;
}
#main div.pageNavi p.pageNext a:hover,
#main div.pageNavi p.pageBack a:hover {
	background: #e8429d;
	text-decoration: none;
	color: #FFF;
}
#main div.pageNavi p.pageNext {
	float: right;
	padding-right: 8px;
}
#main div.pageNavi p.pageBack {
	float: left;
	padding-left: 8px;
}

#main div.pageNavi p.pageList {
	margin: 0 8em;
	text-align: center;
}
#main div.pageNavi p.pageList span.current_page,
#main div.pageNavi p.pageList a.link_page {
	padding: 0 0.2em;
	background: #e5007e;
	border: #FF0033 1px solid;
	color: #FFF;
}
#main div.pageNavi p.pageList a:hover.link_page {
	background: #e8429d;
	text-decoration: none;
	color: #FFF;
}
#main div.pageNavi p.pageList span.current_page {
	background: #CCC;
	border:#CCC 1px solid;
	color: #000;
}
#main p.next {
	position: absolute;
	left: -24px;
	top: 130px;
}
#main p.back {
	position: absolute;
	left: 645px;
	top: 130px;
}