@charset "utf-8";

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

	Last Updated: Jan 19, 2010
	Edited by Kazuya Ono/COLONY+iNTERACTIVE INC.

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


#container {
	color: #fff;
	font-size: 93%;
	background: url(../images/bg_container.jpg) center top repeat;
}
h2 {
	width: 520px;
	height: 100px;
	padding-top: 50px;
	margin-bottom: 1px;
}
/* ---------- textLink ---------- */
#container a,
#container a:visited {
	color: #990000;
	text-decoration: none;
}
#container a:hover {
	text-decoration: underline;
}


/* ============================================================
01: div.intro
============================================================ */
div.intro {
	color: #171717;
	width: 920px;
	padding: 20px;
	margin-bottom: 50px;
	background: #fff;
	overflow: hidden;
}
div.intro p.image {
	width: 480px;
	float: left;
}
div.intro div.text {
	width: 420px;
	float: right;
}
div.intro div.text h3 {
	margin: 10px 0 20px;
}


/* ============================================================
02: ul.tech
============================================================ */
ul.tech {
	width: 100%;
	margin-bottom: 25px;
	overflow: hidden;
}
ul.tech li {
	width: 300px;
	margin: 0 20px 25px 0;
	float: left;
}
ul.tech li.big {
	width: 320px;
	margin-right: 0;
	float: right;
}
ul.tech li h3 {
	margin-bottom: 6px;
}
ul.tech li p.ja {
	margin-bottom: 10px;
}


/* ============================================================
03: div.product
============================================================ */
div.product {
	margin-bottom: 50px;
}
div.product h3 {
	margin-bottom: 15px;
}
div.product ul {
	width: 100%;
	overflow: hidden;
}
div.product ul li {
	width: 306px;
	height: 240px;
	margin: 0 0 20px 20px;
	float: left;
}
div.product ul li.first {
	width: 308px;
	margin-left: 0;
}


/* ============================================================
04: div.info
============================================================ */
div.info {
	color: #171717;
	width: 860px;
	padding: 30px 68px 30px 30px;
	margin-bottom: 50px;
	background: #fff;
	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;
}