@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	title : bureau.css

	created : 2008-08-12
	last modified : 2008-08-12
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++ Contents++++++++
	1. Layout
	2. LocalSetting
	3. Headline
	4. MainPhoto
	5. LEAD
	6. BldgType
	7. BldgBottom
	8. AREA
	9. SPECIAL
	10. SUB
  ++++++++++++++++++++++++ */

/*----------------------------------------------------------------------------------------
	1. Layout
---------------------------------------------------------------------------------------- */
#burex {
	width:870px;
	padding:0;
	margin:0;
}
#burex #container {
	width:870px;
	padding:0;
	margin:1px 0 0 0;
	position:relative;
}
#burex #container_col2 {
	width:852px;
	padding:0;
	margin:20px 10px 0 8px;
	background:transparent url(../img/bg_container_col2.gif) right repeat-y;
}
#burex #container_col2 .main {
	width:612px;
	float:left;
	padding:0;
	margin:0 40px 30px 0;
}
#burex #container_col2 .sub {
	width:180px !important;
	width:200px;
	float:right;
	padding:15px 10px 40px;
	margin:0;
	background:#EEE;
}


/*----------------------------------------------------------------------------------------
	2. LocalSetting
---------------------------------------------------------------------------------------- */
#burex a {
	color:#7D3A58;
}
#burex a.arrow {
	padding:0 0 0 15px;
	margin:0 0 0 15px;
	background:transparent url(../img/icn_burexArrow.gif) left no-repeat;
}


/*----------------------------------------------------------------------------------------
	3. Headline
---------------------------------------------------------------------------------------- */
#burex h2 {
	padding:0 10px;
	margin:0;
	height:40px;
	line-height:40px;
	background:#7D3A58 url(../img/logo_burexBldg.gif) 794px no-repeat;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
}
#burex h3 {
	height:39px;
	padding:0 10px;
	margin:20px 0 0 0;
	background:transparent url(../img/bg_h3.gif) repeat-x;
	font-size:100%;
	line-height:39px;
	font-weight:bold;
}

/*----------------------------------------------------------------------------------------
	4. MainPhoto === #burex #container p.phBldg
---------------------------------------------------------------------------------------- */
#burex #container p.phBldg {
	width:870px;
	padding:0;
	margin:0 0 30px 0;
}

/* 090116追加 SpeedInquiryボタン */
#burex #container p.btnSpeedInquiry {
	width:135px;
	height:135px;
	position:absolute;
	top:165px;
	left:735px;
	z-index:2;
}
#burex #container p.btnSpeedInquiry a {
	display:block;
	width:135px;
	height:135px;
	text-decoration:none;
}
#burex #container p.btnSpeedInquiry a img {
	behavior:expression(IEPNGFIX.fix(this));
}
#burex #container p.btnSpeedInquiry a:hover {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
}

/* 090528追加 VirtualToursボタン */
#burex #container p.btnVirtualTours {
	width:135px;
	height:135px;
	position:absolute;
	top:30px;
	left:735px;
	z-index:2;
}
#burex #container p.btnVirtualTours a {
	display:block;
	width:135px;
	height:135px;
	text-decoration:none;
}
#burex #container p.btnVirtualTours a img {
	behavior:expression(IEPNGFIX.fix(this));
}
#burex #container p.btnVirtualTours a:hover {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
}

/*----------------------------------------------------------------------------------------
	5. LEAD === #burex #container .bldgLead
---------------------------------------------------------------------------------------- */
#burex #container .bldgLead {
	width:852px;
	padding:0;
	margin:0 10px 30px 8px;
}
#burex #container .bldgLead .phBldgLead {
/*	float:left;*/
	padding:5px;
/*	margin:0 28px 0 0;
	width:169px !important;
	width:179px;*/
	width:169px;
	height:240px !important;
	height:250px;
	background:transparent url(../img/bg_phBldgLead.gif) bottom no-repeat;
}
#burex #container .bldgLead .txtBldgLead {
	float:right;
	width:645px;
	padding:0;
	margin:0;
}
#burex #container .bldgLead .txtBldgLead .linkBtn {
	padding:0;
	margin:15px 0 0 0;
	width:645px;
}
#burex #container .bldgLead .txtBldgLead .linkBtn ul {
	padding:0;
	margin:0;
}
#burex #container .bldgLead .txtBldgLead .linkBtn ul li {
	width:180px;
	height:28px;
	padding:0 10px 0 0;
	margin:0 8px 8px 0;
	background:transparent url(../img/bg_burexBtnLink.gif) right no-repeat;
	font-size:11px;
	line-height:28px;
	float:left;
}
#burex #container .bldgLead .txtBldgLead .linkBtn ul li a {
	display:block;
	height:28px;
	padding:0 0 0 25px;
	margin:0;
	background:transparent url(../img/icn_burexBtnLink.gif) left no-repeat;
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	line-height:28px;
}
#burex #container .bldgLead .txtBldgLead table {
	border-collapse:collapse;
	width:100%;
	padding:0;
	margin:20px 0 0 0;
	border:0;
	font-size:83%;
}
#burex #container .bldgLead .txtBldgLead table th {
	border:1px solid #DDD;
	padding:10px;
	text-align:center;
	background-color:#F3F3F3;
	vertical-align:top;
}
#burex #container .bldgLead .txtBldgLead table td {
	border:1px solid #DDD;
	padding:10px;
}



/*----------------------------------------------------------------------------------------
	6. BldgType === #burex #container .bldgType
---------------------------------------------------------------------------------------- */
#burex #container .bldgType {
	width:870px;
	padding:0;
	margin:0 0 30px 0;
	
}
#burex #container .bldgType h3 {
	height:28px;
	line-height:28px;
	padding:0 10px;
	margin:0 0 15px 0;
	background:#7D3A58;
	color:#FFF;
}
#burex #container .bldgType .phBldgType {
	width:850px !important;
	width:870px;
	padding:0 10px;
	margin:0 0 15px 0;
}
#burex #container .bldgType .phBldgType ul {
	padding:0;
	margin:0;
}
#burex #container .bldgType .phBldgType ul li {
	float:left;
	width:162px;
	height:120px;
	margin:0 10px 0 0;
	padding:0;
}
#burex #container .bldgType .phBldgType ul li.last {
	float:left;
	width:162px;
	height:120px;
	margin:0;
	padding:0;
}
#burex #container .bldgType table {
	width:850px;
	border-collapse:collapse;
	border:0;
	font-size:83%;
	margin:0 10px;
}
#burex #container .bldgType table tr th {
	border:1px solid #DDD;
	line-height:22px;
	text-align:center;
	background-color:#F3F3F3;
}
#burex #container .bldgType table tr th.type {
	width: 120px;
}
#burex #container .bldgType table tr th.space {
	width: 70px;
}
#burex #container .bldgType table tr th.rent {
	width: 180px;
}
#burex #container .bldgType table tr td {
	border:1px solid #DDD;
	padding:10px;
}
#burex #container .bldgType table tr td.price {
	text-align:center;
}


/*----------------------------------------------------------------------------------------
	7. BldgBottom === #burex #container .bldgBottom
---------------------------------------------------------------------------------------- */
#burex #container .bldgBottom {
	width:870px;
	padding:0;
	margin:0;
}
#burex #container .bldgBottom h3 {
	height:28px;
	line-height:28px;
	padding:0 10px;
	margin:0 0 15px 0;
	background:#7D3A58;
	color:#FFF;
	text-align:left;
}


/* comment */

#burex #container .bldgBottom .comment {
	width:425px;
	padding:0;
	margin:0 20px 0 0;
	float:left;
}
#burex #container .bldgBottom .comment .commentMain {
	width:405px;
	margin:0 10px;
	padding:0;
}
#burex #container .bldgBottom .comment .commentMain .phComment {
	width:150px;
	padding:0;
	margin:0 15px 0 0;
	float:left;
}
#burex #container .bldgBottom .comment .commentMain .phComment p {
	font-size:69%;
	line-height:140%;
	text-align:center;
}
#burex #container .bldgBottom .comment .commentMain .phComment p img {
	padding:0;
	margin:0 0 5px 0;
}
#burex #container .bldgBottom .comment .commentMain .txtComment {
	width:240px;
	padding:0;
	margin:0;
	float:right;
}


/* contact */

#burex #container .bldgBottom .contact {
	width:425px;
	padding:0;
	margin:0;
	float:right;
	text-align:center;
}
#burex #container .bldgBottom .contact .contactMain {
	width:310px;
	height:66px;
	margin:0 auto;
}
#burex #container .bldgBottom .contact .contactMain ul li {
	float:left;
}
#burex #container .bldgBottom .contact .contactMain ul li.mailCn a {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:156px;
	height:66px;
	background:transparent url(../img/btn_contactMailCn_off.png) no-repeat;
}
#burex #container .bldgBottom .contact .contactMain ul li.mailCn a:hover {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:156px;
	height:66px;
	background:transparent url(../img/btn_contactMailCn_on.png) no-repeat;
}
#burex #container .bldgBottom .contact .contactMain ul li.telCn {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:154px;
	height:66px;
	background:transparent url(../img/btn_contactTelCn.png) no-repeat;
}


/*----------------------------------------------------------------------------------------
	8. AREA === #burex #container_col2 .main .bldgArea
---------------------------------------------------------------------------------------- */
#burex #container_col2 .main .bldgArea {
	width:612px;
	padding:0 0 17px 0;
	margin:0 0 18px 0;
	border-bottom:1px dashed #DDD;
}
#burex #container_col2 .main .bldgArea .phArea {
	width:250px !important;
	width:260px;
	height:186px !important;
	height:196px;
	padding:5px;
	margin:0 18px 0 0;
	background:transparent url(../img/bg_phBldgArea.gif) no-repeat;
	position:relative;
	top:0;
	left:0;
	z-index:1;
	float:left;
}
#burex #container_col2 .main .bldgArea .phArea .phGlass {
	width:22px;
	height:21px;
	position:absolute;
	top:170px;
	left:228px;
	z-index:2;
}
#burex #container_col2 .main .bldgArea .txtArea {
	width:334px;
	padding:0;
	margin:0;
	float:right;
}
#burex #container_col2 .main .bldgArea .txtArea h4 {
	font-weight:bold;
	padding:0;
	margin:2px 0 16px 0;
	line-height:100%;
}


/*----------------------------------------------------------------------------------------
	9. SPECIAL === #burex #container_col2 .main .bldgSpecial
---------------------------------------------------------------------------------------- */
#burex #container_col2 .main .bldgSpecial {
	width:612px;
	padding:0 0 17px 0;
	margin:0 0 18px 0;
	border-bottom:1px dashed #DDD;
}
#burex #container_col2 .main .bldgSpecial .phSpecial {
	width:250px !important;
	width:260px;
	height:186px !important;
	height:196px;
	padding:5px;
	margin:0 18px 0 0;
	background:transparent url(../img/bg_phBldgArea.gif) no-repeat;
	float:left;
}
#burex #container_col2 .main .bldgSpecial .txtSpecial {
	width:334px;
	padding:0;
	margin:0;
	float:right;
}
#burex #container_col2 .main .bldgSpecial .txtSpecial h4 {
	font-weight:bold;
	padding:0;
	margin:2px 0 16px 0;
	line-height:100%;
}


/*----------------------------------------------------------------------------------------
	10. SUB === #burex #container_col2 .sub
---------------------------------------------------------------------------------------- */
#burex #container_col2 .sub ul {
	padding:0;
	margin:0;
}
#burex #container_col2 .sub ul li {
	margin:0;
	padding:14px 5px 14px 23px;
	border-bottom:1px dashed #B7B7B7;
	font-size:83%;
	line-height:140%;
	background:transparent url(../img/icn_listArrow02.gif) 5px center no-repeat;
}
#burex #container_col2 .sub ul li a {
	padding:0;
	margin:0;
	line-height:140%;
	color:#333;
}
#burex #container_col2 .sub ul li.first {
	margin:0;
	padding:0 5px 14px;
	border-bottom:1px solid #B7B7B7;
	line-height:100%;
	font-size:100%;
	background:#EEE;
}
#burex #container_col2 .sub ul li.first a {
	padding:0 0 0 17px;
	margin:0;
	background:transparent url(../img/icn_listArrow01.gif) left no-repeat;
	line-height:100%;
	color:#333;
	font-weight:bold;
}
#burex #container_col2 .sub ul li.second {
	margin:0 0 0 22px;
	padding:14px 5px 14px;
	border-bottom:1px dashed #B7B7B7;
	font-size:83%;
	line-height:100%;
	background:#EEE;
}
#burex #container_col2 .sub ul li.second a {
	padding:0 0 0 17px;
	margin:0;
	background:transparent url(../img/icn_listArrow02.gif) left no-repeat;
	line-height:100%;
	color:#333;
}