@charset "utf-8";

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

	Title: portfolio.css
	Created: 2009-4-25
	Created: 2009-4-25
	
=========================================================== */
/*

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

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

div#portfolio tr.oa td.a{
	background: #B4D7F9;
	color:#0E5AA7;
}
div#portfolio tr.oa td.b{
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background: #143877;
}
div#portfolio tr.oa td.c{
	background: #D5E7FB;
}

div#portfolio tr.ob td.a{
	background: #B4D7F9;
	color:#0E5AA7;
}
div#portfolio tr.ob td.b{
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background: #624583;
}
div#portfolio tr.ob td.c{
	background: #DCD2E1;
}

div#portfolio tr.oc td.a{
	background: #B4D7F9;
	color:#0E5AA7;
}
div#portfolio tr.oc td.b{
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background: #276a56;
}
div#portfolio tr.oc td.c{
	background: #DCFAEF;
}

div#portfolio tr.ra td.a{
	background: #FFCC66;
	color:#5E3F00;
}
div#portfolio tr.ra td.b{
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background: #bd8530;
}
div#portfolio tr.ra td.c{
	background: #FFECC4;
}

div#portfolio tr.rb td.a{
	background: #FFCC66;
	color:#5E3F00;
}
div#portfolio tr.rb td.b{
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background: #c5452e;
}
div#portfolio tr.rb td.c{
	background: #EED2C3;
}
div#portfolio tr.rc td.a{
	background: #FFCC66;
	color:#5E3F00;
}
div#portfolio tr.rc td.b{
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background: #c5452e;
}
div#portfolio tr.rc td.c{
	background: #EED2C3;
}

div#portfolio .Right{
	text-align:right;
}
div#portfolio .Center{
	text-align:center;
}

div#portfolio table.portlist td,div#portfolio table.portlist th{
	padding:1px !important;
}
/* ===========================================================

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

/* detailTitle
----------------------------------------------------------- */

div#detail dl.detailTitle {
	font-weight: bold;
}

div#detail dl.detailTitle dt {
	float: left;
	margin: 0 10px 0 0;
	padding-right:0px;
}

div#detail dl.detailTitle dd {
	font-weight: bold;
	padding: 8px 0;
}

div#detail dl#office1 dd {
	color: #143877;
	border-bottom: double 3px #143877;
}

div#detail dl#office2 dd {
	color: #624583;
	border-bottom: double 3px #624583;
}

div#detail dl#office3 dd {
	color: #276a56;
	border-bottom: double 3px #276a56;
}

div#detail dl#residence1 dd {
	color: #bd8530;
	border-bottom: double 3px #bd8530;
}

div#detail dl#residence2 dd {
	color: #c5452e;
	border-bottom: double 3px #c5452e;
}
.detailphoto {
	margin-left:30px;
	margin-top:-30px;
}
/* mainPhoto
----------------------------------------------------------- */

div#detail div.mainPhoto {
	display: inline;
	float: left;
	width: 200px;
	margin: 0 0 20px 30px;
}

/* detailData
----------------------------------------------------------- */

div#detail div.detailData {
	width: 400px;
	float: right;
	margin: 0 30px 20px 0;
}

div#detail div.detailData table {
	width: 400px;
	margin: 0 0 10px;
}

div#detail div.detailData p {
	margin: 0 0 10px;
}

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

div#detail div.photo {
	width: 340px;
	float: left;
	margin: 0 0 20px 29px;
}

div#detail div.photo ul {
	margin: 0;
}

div#detail div.photo ul li {
	display: inline;
	margin: 0 15px 0 0;
}

div#detail div.photo ul li img {
	vertical-align: top;
	margin: 0 0 15px;
}


/* map
----------------------------------------------------------- */

div#detail div.map {
	display: inline;
	float: right;
	width: 300px;
	margin: 0 30px 20px 0;
}