@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Last Updated: Oct 28, 2009
	Edited by Kazuya Ono/COLONY+iNTERACTIVE INC.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


div.contents {
	color: #222;
	background: #fff url(../images/bg_contents.gif) center bottom no-repeat;
	overflow: hidden;
}
ul.index {
	width: 520px;
	padding-left: 30px;
	float: left;
}
ul.bnr {
	width: 350px;
	padding-right: 30px;
	float: right;
}
h2 {
	margin-bottom: 16px;
}
span.important {
	color: #d00064;
}


/* ============================================================
01: div.products
============================================================ */
div.products {
	width: 900px;
	padding: 0 30px;
	margin-bottom: 40px;
}
div.products h3 {
	margin: 35px 0 10px;
}
div.products p.lead {
	font-size: 85%;
	margin-bottom: 10px;
}

div.products ul {
	width: 100%;
	overflow: hidden;
}
div.products ul li {
	width: 210px;
	height: 210px;
	margin: 0 20px 20px 0;
	float: left;
	_overflow: hidden;
}
div.products ul li.rEnd {
	margin-right: 0;
}



/* ============================================================
02: div.topic
============================================================ */
div.topic {
	width: 900px;
	padding: 0 30px;
	margin-bottom: 40px;
}
div.topic h3 {
	padding: 15px 0 20px;
}
div.topic ul {
	width: 100%;
	overflow: hidden;
}
div.topic ul li {
	width: 130px;
	margin-right: 10px;
	float: left;
}