@charset "utf-8";
/*-----------------------------------------------------------------------------------------------
	[ css ] [ uni_item.css ]
	-----------------------------------------------------------------------------------------------
	author: Lampros co.,ltd. Atsushi Umehara
	url:http://www.lampros.co.jp/
	making day: 2010-01-25
	---------------------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(common.css);

/* ================================================

	item

=================================================*/

/* item -------------*/
.subSection .photoArea {
	float: left;
	width: 320px;
	text-align: center;
}
.subSection .infoArea {
	float: right;
	width: 308px;
}
.subSection .infoArea ul {
	margin-bottom: 20px;
}
.subSection .infoArea ul li {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.subSection .infoArea ul li span {
	display: block;
	float: left;
}
.subSection .infoArea ul li span.title {
	width: 85px;
	color: #83AD2C;
}
.subSection .infoArea ul li span.text {
	width: 220px;
}
.subSection .infoArea ul li span.text span.cat {
	background-color: #A8C56B;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	display: block;
	margin-right: 5px;
	font-size: 10px;
	margin-bottom: 5px;
	float: none;
}
.subSection .infoArea .buyBt {
	width: 200px;
	margin-left: 85px;
}


/* clearfix
---------------------------------------------------------------------------------------------*/
.subSection:after,
.subSection .infoArea ul li:after
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.subSection,
.subSection .infoArea ul li
	{ display: inline-table; min-height: 1%; }
/* Hides from IE-mac */
* html .subSection,
* html .subSection .infoArea ul li
	{ height: 1%; }
.subSection,
.subSection .infoArea ul li
	{ display: block; }
/* End hide from IE-mac */