@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;
}

h4.map_a {
	border-left:6px solid #2568BC;
	border-bottom:1px dotted #2568BC;
	color:#2568BC;
	background-color:#F0F0F0;
	padding-top:3px;
	padding-bottom:3px;
}

h4.map_b {
	border-left:6px solid #EE8304;
	border-bottom:1px dotted #EE8304;
	color:#EE8304;
	background-color:#F0F0F0;
	padding-top:3px;
	padding-bottom:3px;
}

h4.map_c {
	border-left:6px solid #5FA82A;
	border-bottom:1px dotted #5FA82A;
	color:#5FA82A;
	background-color:#F0F0F0;
	padding-top:3px;
	padding-bottom:3px;
}

/* table
----------------------------------------------------------- */

.w45 {
	width:45px !important;
}

.txtS_2 {
	font-size:80% !important;
}

.p_list th ,td {
	padding:4px 5px ;
}

.pdr_s {
	padding:6px 10px 6px 5px;
}