@charset "utf-8";

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

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

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


body#krink #container {
	font-size: 93%;
	background: url(../images/bg_container.gif) right top no-repeat;
}
body#krink h2 {
	width: 305px;
}
body#krink h2 {
	padding-top: 40px;
	margin: 0 auto 20px;
}
body#krink p.catch {
	text-align: center;
	margin: 0 auto 40px;
}
body#krink div.product,
body#krink div.exhibition,
body#krink div.info {
	width: 100%;
}


/* ============================================================
01: div.intro
============================================================ */
body#krink div.intro {
	color: #333;
	width: 920px;
	padding: 10px 30px 10px 10px;
	margin-bottom: 50px;
	overflow: hidden;
	background: #fff;
}
body#krink div.intro a {
	color: #900;
}
/* ---------- div.bp ---------- */
body#krink div.intro div.bp {
	width: 190px;
	padding: 30px 35px 50px;
	float: left;
	background: #666;
}
body#krink div.intro div.bp p.get {
	margin-top: 20px;
}
/* ---------- layout ---------- */
body#krink div.intro div.profile,
body#krink div.intro dl.works {
	width: 630px;
	float: right;
}
body#krink div.intro div.profile dl {
	width: 320px;
	float: left;
}
/* ---------- div.profile ---------- */
body#krink div.intro div.profile {
	margin: 30px 0 10px;
	overflow: hidden;
}
body#krink div.intro div.profile dl dt {
	margin-bottom: 20px;
}
body#krink div.intro div.profile dl dd p {
	margin-bottom: 1em;
}
body#krink div.intro div.profile p.image {
	width: 280px;
	float: right;
}
/* ---------- dl.works ---------- */
body#krink div.intro dl.works dt,
body#krink div.intro dl.works dd {
	float: left;
}
body#krink div.intro dl.works dt {
	width: 92px;
	margin: 11px 6px 0 0;
}
body#krink div.intro dl.works dd {
	width: 75px;
	margin-left: 1px;
}


/* ============================================================
02: div.product
============================================================ */
body#krink div.product {
	margin-bottom: 50px;
}
body#krink div.product h3 {
	margin-bottom: 20px;
}
body#krink div.product ul {
	width: 100%;
	overflow: hidden;
}
body#krink div.product ul li {
	width: 184px;
	margin-right: 10px;
	float: left;
}
body#krink div.product ul li.last {
	margin-right: 0;
}
body#krink div.product ul li a {
	text-decoration: none;
}
body#krink div.product ul li a span {
	line-height: 1.2;
	margin-top: 3px;
	display: block;
}


/* ============================================================
03: div.exhibition
============================================================ */
body#krink div.exhibition {
	margin-bottom: 50px;
	overflow: hidden;
}
body#krink div.exhibition h3 {
	margin-bottom: 20px;
}
/* ---------- layout ---------- */
body#krink div.exhibition div.summary,
body#krink div.exhibition div.image,
body#krink div.exhibition div.caption {
}
body#krink div.exhibition div.summary {
	width: 280px;
	float: left;
}
body#krink div.exhibition div.image {
	width: 642px;
	float: right;
	overflow: hidden;
}
body#krink div.exhibition div.caption {
	width: 100%;
	margin-top: 25px;
	float: left;
}
/* ---------- div.summary ---------- */
body#krink div.exhibition div.summary p.caption {
	margin-bottom: 20px;
}
body#krink div.exhibition div.summary dl {
	padding: 10px 20px;
	background: #292929;
	overflow: hidden;
}
body#krink div.exhibition div.summary dl dt {
	width: 3em;
	float: left;
	clear: left;
}
body#krink div.exhibition div.summary dl dd {
	padding-left: 3em;
}
/* ---------- div.image ---------- */
/* p for img, div for swfobject*/
body#krink div.exhibition div.image p,
body#krink div.exhibition div.image div.slide{
	float: left;
	padding-left: 1px;
}

/* ---------- div.caption ---------- */
body#krink div.exhibition div.caption h4 {
	margin-bottom: 15px;
}
body#krink div.exhibition div.caption p {
	font-size: 91%;
}


/* ============================================================
03: div.info
============================================================ */
body#krink div.info {
	width: 860px;
	padding: 30px 68px 30px 30px;
	margin-bottom: 50px;
	overflow: hidden;
	border: #fff 1px solid;
}
/* ---------- layout ---------- */
body#krink div.info div.privilege {
	width: 520px;
	float: left;
	overflow: hidden;
}
body#krink div.info div.where {
	width: 260px;
	float: right;
}
/* ---------- div.privilege ---------- */
body#krink div.info div.privilege p.image {
	width: 111px;
	float: left;
}
body#krink div.info div.privilege div.summary {
	width: 380px;
	float: right;
}
body#krink div.info div.privilege div.summary h4,
body#krink div.info div.privilege div.summary p.caption {
	margin-bottom: 15px;
}
/* ---------- div.where ---------- */
body#krink div.info div.where h4 {
	margin-bottom: 15px;
}
body#krink div.info div.where p.caption {
	margin-bottom: 10px;
}
body#krink div.info div.where p.caption strong {
	font-weight: normal;
	color: #f00;
}
body#krink div.info div.where ul li {
	height: 30px;
	margin-bottom: 1px;
}