@charset "utf-8";

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

	Title: portfolio.css
	Created: 2009-3-1
	Created: 2009-3-6
	
=========================================================== */
/*

	portfolio
	
=========================================================== */
/*

	portfolio
	
=========================================================== */

table.portfolioList th {
	vertical-align: middle;
	text-align: center;
}

table.portfolioList th.office {
	background: #2568bc;
	color: #ffffff;
}
table.portfolioList td.office {
	background: #d9e5f3;
}

table.portfolioList th.commerce {
	background: #ee8304;
	color: #ffffff;
}
table.portfolioList td.commerce {
	background: #f5eee6;
}

table.portfolioList th.other {
	background: #5fa82a;
	color: #ffffff;
}
table.portfolioList td.other {
	background: #e6f5e6;
}

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

	detail
	
=========================================================== */

div#detail div.title dl {
	margin: 0;
}
div#detail div.title dt {
	float: left;
	margin: 0 0 10px;
	padding: 10px;
	font-weight: bold;
	font-size: 125%;
	line-height: 1.4;
	color: #FFFFFF;
}
div#detail div.title dd {
	margin: 0 0 10px;
	padding: 10px 0 10px 4em;
	font-weight: bold;
	font-size: 125%;
	line-height: 1.4;
}

div#detail div#office dt {
	background: #2568bc;
}
div#detail div#office dd {
	background: url(../image/bg_office.gif) right bottom no-repeat;
	border-bottom: solid 2px #2568bc;
	color: #2568bc;
}

div#detail div#retails dt {
	background: #ee8304;
}
div#detail div#retails dd {
	background: url(../image/bg_retails.gif) right bottom no-repeat;
	border-bottom: solid 2px #ee8304;
	color: #ee8304;
}

div#detail div#residences dt,
div#detail div#hotels dt {
	background: #5fa82a;
}
div#detail div#residences dd {
	background: url(../image/bg_residences.gif) right bottom no-repeat;
	border-bottom: solid 2px #5fa82a;
	color: #5fa82a;
}
div#detail div#hotels dd {
	background: url(../image/bg_hotels.gif) right bottom no-repeat;
	border-bottom: solid 2px #5fa82a;
	color: #5fa82a;
}

/* photo
----------------------------------------------------------- */

div#detail div#photo {
	float: left;
	background: #eeeeee;
	width: 200px;
	padding: 10px 0 0;
}

div#detail div#photo ul {
	margin: 0 0 0 10px;
}

div#detail div#photo ul li {
	margin: 0 0 10px;
}

div#detail div#photo ul li img {
	vertical-align: bottom;
}

/* cont
----------------------------------------------------------- */

div#detail div#cont {
	float: right;
	width: 460px;
}

div#detail div#cont table {
	width: 460px;
	margin: 0 0 10px;
}

div#detail div#cont table th span {
	color: #FFFFFF;
}

div#detail div#cont div#map {
	text-align: center;
	margin: 0 0 20px;
}