@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 共通
　02. TOP
　03. ロケーション＆アクセス
　04. 設備・仕様
　05. 賃貸借スペース


******************************************************************************* */



/* ==

　01. 共通

=============================================================================== */
.main{ padding-bottom:30px; }


/* ==

　02. TOP

=============================================================================== */
.main .mainArea{ position:relative; }
.main .mainArea p.btn{
	position:absolute;
	width:274px;
	height:69px;
	top:370px;
	left:20px;
}


/* ==

　03. ロケーション＆アクセス

=============================================================================== */
.location .img{ float:left; width:420px; }
.location .img p{ margin-bottom:5px; }
.location .txt{ float:right; width:510px; }
.location .txt p,
.location .txt ul{ margin-bottom:15px; }
#map_canvas {
	border: 1px solid #D9D9D9;
	clear: both;
	height: 293px;
	width: 950px;
}

/* ==

　04. 設備・仕様

=============================================================================== */
.needs .txt{ float:left; width:530px; }
.needs .txt table{ float:left; width:315px; }
.needs .txt p.result{ float:right; width:188px; margin-top:30px; }

.needs table{ width:100%; margin:0 0 20px; }
.needs tr.odd th,
.needs tr.odd td{ background-color:#f3f3f3; }
.needs th{
	width:150px;
	padding:10px;
	text-align:left;
	vertical-align:top;
}
.needs td{ padding:10px 10px 0 0; }
.needs td p{
	padding:0 0 10px 15px;
	background:url(../../images/vline.gif) left 0.2em no-repeat;
}

.needs .img{ float:right; width:386px; text-align:right; font-size:86%; }
.needs .img ul{ margin-bottom:10px; }
.needs .img li{ float:left; margin-top:10px; }

.office .txt{ float:left; width:345px; }
.office .txt dl dt{ font-weight:bold; }
.office .txt dl dd{ margin-bottom:15px; }

.office .img{ float:right; width:584px; text-align:right; font-size:86%; }
.office .img p{ float:right; }
.office .img ul li{ margin-bottom:17px; }
.office .img ul.top{ float:left; }
.office .img ul.bottom li{ float:left; margin-right:10px; }
.office .img ul.bottom li.lastChild{ margin-right:0; }


/* ==

　05. 賃貸借スペース

=============================================================================== */
.areList{ width:100%; margin:0 0 20px; border-collapse:collapse; }
.areList th,
.areList td{ border:1px solid #dfdfdf; text-align:center; }
.areList tr.odd th,
.areList tr.odd td{ background-color:#f3f3f3; }
.areList th{
	width:150px;
	padding:10px;
	vertical-align:middle;
	white-space:nowrap;
}
.areList td{ padding:5px 0; }
.areList td span{ font-weight:bold; }


/* ==

　06. 環境負荷低減・BCP

=============================================================================== */
.contList .bcpCont{ float:left; width:304px; min-height:310px; margin-right:16px; }
.contList .lastChild{ margin-right:0; }
.contList .bcpCont h5{
	color:#fff;
	font-size:100%;
	padding:5px;
}
.contList .bcpCont .img{ text-align:center; }
.contList .bcpCont p{ margin:10px; }
.contList .bcpCont p span{ color:#ff0000; }

.passive .bcpCont{ border:1px solid #0c34d6; margin-bottom:15px; }
.passive h5{ background:#0c34d6; }

.active .bcpCont{ border:1px solid #ff6600; margin-bottom:15px; }
.active h5{ background:#ff6600; }

.smartmanagement .bcpCont{ border:1px solid #009900; min-height:300px; margin-bottom:15px; }
.smartmanagement h5{ background:#009900; }

.bcp .bcpCont{ border:1px solid #333; min-height:290px; margin-bottom:15px; }
.bcp h5{ background:#333; }