@charset "utf-8";

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

	Last Updated: Dec 18, 2009
	Edited by Kazuya Ono/COLONY+iNTERACTIVE INC.

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


#container {
	font-size: 93%;
	padding-top: 50px;
	background: url(../images/bg_container.jpg) center top repeat;
}


/* ============================================================
01: div.intro
============================================================ */
div.intro {
	color: #000;
	width: 900px;
	padding: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	background: #fff;
}
/*
div.intro a {
	color: #900;
}
*/
div.intro p.image {
	width: 320px;
	float: left;
}
div.intro div.summary {
	width: 550px;
	float: right;
}
div.intro div.summary h2,
div.intro div.summary div.explain,
div.intro div.summary dl {
	margin-bottom: 30px;
}
div.intro div.summary div.explain p {
	margin-bottom: 1em;
}
div.intro div.summary dl dd {
	margin-bottom: 10px;
}
div.intro div.summary p.bnr {
	margin-bottom: 0;
}


/* ============================================================
02: div.product
============================================================ */
div.product {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: #fff 1px solid;
}
div.product h3 {
	margin-bottom: 20px;
}
div.product dl {
	width: 100%;
	overflow: hidden;
}
div.product dl dt,
div.product dl dd {
	width: 231px;
	margin-bottom: 20px;
}
div.product dl dt {
	clear: left;
	float: left;
}
div.product dl dd {
	margin-left: 12px;
	float: left;
}
div.product dl a {
	text-decoration: none;
}
div.product dl a span {
	line-height: 1.2;
	font-weight: bold;
	margin-top: 3px;
	display: block;
}
div.product dl a span span.caption {
	font-size: 90%;
	font-weight: normal;
}


/* ============================================================
04: div.novelty
============================================================ */
div.novelty {
	width: 100%;
	margin-bottom: 40px;
	overflow: hidden;
}
/* ---------- layout ---------- */
div.novelty h3 {
	margin-bottom: 20px;
}
div.novelty div.primary {
	width: 550px;
	float: left;
}
div.novelty div.secondary {
	width: 380px;
	float: right;
}
/* ---------- primary ---------- */
div.novelty div.primary p.image {
	width: 184px;
	float: left;
}
div.novelty div.primary h4 {
	padding: 18px 0 20px 194px;
}
div.novelty div.primary div.text {
	width: 356px;
	float: right;
	overflow: hidden;
}
div.novelty div.primary div.text p {
	margin-bottom: 1em;
}
div.novelty div.primary div.text .left {
	float: left;
}
div.novelty div.primary div.text .right {
	width: 244px;
	float: right;
}
div.novelty div.primary div.text p.attn {
	font-size: 91%;
}
/* ---------- secondary ---------- */
div.novelty div.secondary {
	width: 378px;
	float: right;
	overflow: hidden;
}
div.novelty div.secondary p {
	width: 184px;
	padding-left: 5px;
	float: left;
}


/* ============================================================
04: div.info
============================================================ */
div.info {
	color: #fff;
	width: 860px;
	padding: 30px 68px 30px 30px;
	margin-bottom: 50px;
	background: #000;
	overflow: hidden;
}
/* ---------- layout ---------- */
div.info div.where {
	width: 520px;
	float: left;
}
div.info div.where h4 {
	margin-bottom: 15px;
}
div.info ul {
	width: 260px;
	float: right;
}
div.info ul li {
	height: 30px;
	margin-bottom: 1px;
}