@charset "UTF-8";

@import url("common.css");

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

 /office/のスタイル

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

/* --------------------------------------------------------------------------------------
 トップ
--------------------------------------------------------------------------------------- */

div.office-top {
	background: url(../../office/img/index/bg_topct.gif) no-repeat right top;
}

div.office-top div#contLeft {
	float: left;
	width: 625px;
}

div.office-top div#contRight {
	float: right;
	width: 315px;
}


/* 物件検索
------------------------------------------------------------ */

div#areaSearch {
	position: absolute;
	top: -259px;
	right: 0;
	width: 315px;
	height: 259px;
	background: #FFFFFF;
}

div#areaSearch h2 {
	margin: 0 0 0 10px;
}
div#areaSearch ul {
	position: relative;
	width: 295px;
	height: 222px;
	margin: 0 0 0 10px;
	background: url(../../office/img/index/bg_search.gif);
}

div#areaSearch ul li.area01 {
	position: absolute;
	top: 11px;
	left: 122px;
}
div#areaSearch ul li.area02 {
	position: absolute;
	top: 36px;
	left: 122px;
}
div#areaSearch ul li.area03 {
	position: absolute;
	top: 60px;
	left: 122px;
}
div#areaSearch ul li.area04 {
	position: absolute;
	top: 85px;
	left: 122px;
}
div#areaSearch ul li.area05 {
	position: absolute;
	top: 108px;
	left: 122px;
}
div#areaSearch ul li.area06 {
	position: absolute;
	top: 131px;
	left: 122px;
}
div#areaSearch ul li.area07 {
	position: absolute;
	top: 156px;
	left: 122px;
}
div#areaSearch ul li.area08 {
	position: absolute;
	top: 181px;
	left: 122px;
}
div#areaSearch ul li.area09 {
	position: absolute;
	top: 11px;
	left: 211px;
}
div#areaSearch ul li.area10 {
	position: absolute;
	top: 36px;
	left: 211px;
}
div#areaSearch ul li.area11 {
	position: absolute;
	top: 60px;
	left: 211px;
}
div#areaSearch ul li.area12 {
	position: absolute;
	top: 85px;
	left: 211px;
}
div#areaSearch ul li.area13 {
	position: absolute;
	top: 108px;
	left: 211px;
}
div#areaSearch ul li.area14 {
	position: absolute;
	top: 131px;
	left: 211px;
}
div#areaSearch ul li.area15 {
	position: absolute;
	top: 156px;
	left: 211px;
}
div#areaSearch ul li.area16 {
	position: absolute;
	top: 181px;
	left: 211px;
}


/* オススメ
------------------------------------------------------------ */

div.office-top div.titBox {
	position: relative;
	width: 625px;
	z-index: 5;
}

div.office-top div#contLeft div.titBox h2 {
	margin-bottom: 0;
	padding: 0 0 0 86px;
	border-left: none;
}

div.office-top div.titBox p {
	position: absolute;
	top: -32px;
	left: -17px;
}

div.office-top ul.recommendList {
	position: relative;
	z-index: 10;
	width: 625px;
	margin-bottom: 5px;
}
div.office-top ul.recommendList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.office-top ul.recommendList { display:inline-block; }
/*\*/
* html div.office-top ul.recommendList { height:1%; }
div.office-top ul.recommendList { display:block; }
/**/

div.office-top ul.recommendList li {
	float: left;
	width: 293px;
	margin: 0 17px 0 0;
	border-top: 3px solid #494949;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	background: #FFFFFF;
}
* html div.office-top ul.recommendList li {
	width: 295px;
}

div.office-top ul.recommendList li.nomg {
	margin: 0;
}

div.office-top ul.recommendList li div.recommendIn {
	width: 273px;
	margin-top: 10px;
	margin-left: 10px;
	background: #EFEFEF;
}
div.office-top ul.recommendList li div.recommendIn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.office-top ul.recommendList li div.recommendIn { display:inline-block; }
/*\*/
* html div.office-top ul.recommendList li div.recommendIn { height:1%; }
div.office-top ul.recommendList li div.recommendIn { display:block; }
/**/

div.office-top ul.recommendList li div.recommendLeft {
	float: left;
	width: 125px;
}

div.office-top ul.recommendList li div.recommendRight {
	float: right;
	width: 139px;
}

div.office-top ul.recommendList li div.recommendLeft p {
	position: relative;
	width: 125px;
}
div.office-top ul.recommendList li div.recommendLeft p span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
}
* html div.office-top ul.recommendList li div.recommendLeft p span {
	top: -1px;
}
*:first-child+html div.office-top ul.recommendList li div.recommendLeft p span {
	top: -7px;
}
div.office-top ul.recommendList li p.catch {
	padding: 5px 0;
	color: #000000;
	line-height: 1.3;
}
div.office-top ul.recommendList li p.name {
	margin-bottom: 5px;
	padding: 5px;
	background: #FFFFFF;
	color: #000000;
	line-height: 1.1;
	letter-spacing: 0;
}
div.office-top ul.recommendList li p.ex {
	font-size: 86%;
	color: #616161;
	letter-spacing: 0;
}
div.office-top ul.recommendList li p.btn {
	margin-right: 10px;
	padding-bottom: 10px;
	text-align: right;
	font-size: 0;
	line-height: 0;
}


/* ログイン
------------------------------------------------------------ */

div#topLoginArea {
	width: 294px;
	margin: 54px 0 0 10px;
	padding-bottom: 10px;
	background: #727171;
}

div#topLoginAreaIn {
	position: relative;
	width: 258px;
	height: 64px;
	margin: 0 0 0 10px;
	padding: 8px;
	background: #898888;
}
* html div#topLoginAreaIn {
	width: 274px;
	height: 80px;
}
div#topLoginAreaIn p#idname {
	color:#FFFFFF;
	margin: 5px 0px;
}
div#topLoginAreaIn a {
	margin: 15px 0px 0px 0px;
	display: block;
	color:#000000;
	font-size: 10px;
}


div#topLoginAreaIn p.btn {
	position: absolute;
	top: 44px;
	right: 5px;
}

div#topLoginAreaIn img,
div#topLoginAreaIn input {
	vertical-align: middle;
}

div#topLoginAreaIn .inputstyle01 {
	width: 175px;
	margin-bottom: 5px;
}
div#topLoginAreaIn .inputstyle02 {
	width: 140px;
}

div#topLoginArea p.passLink {
	margin: 5px 10px 10px;
	text-align: right;
	color: #FFFFFF;
	font-size: 86%;
}

div#topLoginArea p.passLink a:link,
div#topLoginArea p.passLink a:visited,
div#topLoginArea p.passLink a:hover,
div#topLoginArea p.passLink a:active {
	color: #FFFFFF;
}

div#topLoginArea div#registArea {
	position: relative;
	width: 274px;
	min-height: 69px;
	margin: 0 0 0 10px;
	background: #000000;
}
* html div#topLoginArea div#registArea {
	height: 69px;
}

div#topLoginArea div#registArea p.img {
	position: absolute;
	top: 4px;
	left: 4px;
	margin: 0;
	padding: 0;
}

div#topLoginArea div#registArea p {
	margin: 0 5px 0 132px;
	padding: 5px 0 0 0;
	color: #FFFFFF;
	line-height: 1.2;
}

div#topLoginArea div#registArea p span {
	color: #99DDFF;
	font-size: 86%;
}

div#topLoginArea div#registArea p span a:link,
div#topLoginArea div#registArea p span a:visited,
div#topLoginArea div#registArea p span a:hover,
div#topLoginArea div#registArea p span a:active {
	color: #99DDFF;
}


/* 新着情報
------------------------------------------------------------ */

div#topicsArea {
	width: 295px;
	margin: 0 0 0 10px;
}

div#topicsArea dl {
	width: 295px;
	height: 245px;
	background: #FFFFFF;
	overflow: auto;
}

div#topicsArea dl dt {
	margin: 0 8px;
	padding: 10px 0 0 0;
	color: #0297B2;
	font-size: 86%;
}

div#topicsArea dl dd {
	margin: 0 8px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #D2D0D0;
	color: #000000;
	line-height: 1.3;
}

div#topicsArea dl dd span.notes {
	display: block;
	color: #FE5959;
	font-size: 86%;
}

div#topicsArea dl dd a:link,
div#topicsArea dl dd a:visited,
div#topicsArea dl dd a:hover,
div#topicsArea dl dd a:active {
	color: #000000;
}


/* --------------------------------------------------------------------------------------
 物件詳細
--------------------------------------------------------------------------------------- */

div#LoginArea {
	width: 164px;
	margin: 20px 0 0 10px;
	padding-bottom: 10px;
	background: #727171;
}

div#LoginAreaIn {
	position: relative;
	width: 132px;
	margin: 0 0 0 10px;
	padding: 0 6px;
	background: #898888;
}
* html div#LoginAreaIn {
	width: 144px;
}

div#LoginAreaIn p.btn {
	padding: 5px 0;
	text-align: center;
}

div#LoginAreaIn .inputstyle01 {
	width: 130px;
}

div#LoginArea p.passLink {
	margin: 5px 10px 10px;
	text-align: right;
	color: #FFFFFF;
	font-size: 86%;
}

div#LoginArea p.passLink a:link,
div#LoginArea p.passLink a:visited,
div#LoginArea p.passLink a:hover,
div#LoginArea p.passLink a:active {
	color: #FFFFFF;
}

div#LoginArea div#registArea {
	width: 133px;
	margin: 0 0 0 10px;
	padding: 6px;
	background: #000000;
}
* html div#LoginArea div#registArea {
	width: 145px;
}

div#LoginArea div#registArea p.txt {
	margin-top: 5px;
	color: #FFFFFF;
	line-height: 1.2;
}

div#LoginArea div#registArea p.txtLogin {
	margin-top: 10px;
	text-align: center;
	color: #FFFFFF;
}

div#LoginArea div#registArea p.txt span {
	color: #99DDFF;
	font-size: 86%;
}

div#LoginArea div#registArea p.txtLogin span {
	display: block;
	margin-top: 15px;
	text-align: center;
	color: #99DDFF;
	font-size: 86%;
}

div#LoginArea div#registArea p.txt span a:link,
div#LoginArea div#registArea p.txt span a:visited,
div#LoginArea div#registArea p.txt span a:hover,
div#LoginArea div#registArea p.txt span a:active {
	color: #99DDFF;
}
div#LoginArea div#registArea p.txtLogin span a:link,
div#LoginArea div#registArea p.txtLogin span a:visited,
div#LoginArea div#registArea p.txtLogin span a:hover,
div#LoginArea div#registArea p.txtLogin span a:active {
	color: #99DDFF;
}

div.h2Box {
	position: relative;
	width: 735px;
	margin: 10px 0 0 0;
}

div.h2Box p {
	position: absolute;
	top: 0;
	right: 0;
}

div#contLeft div.h2Box h2 {
	padding-right: 150px;
}

div.office-cnt {
	background: url(../../office/img/bg_ct.gif) no-repeat right top;
}

div#detailInfoArea {
	width: 735px;
	margin-bottom: 25px;
}
div#detailInfoArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#detailInfoArea { display:inline-block; }
/*\*/
* html div#detailInfoArea { height:1%; }
div#detailInfoArea { display:block; }
/**/

div#detailInfoLeft {
	float: left;
	width: 520px;
	padding: 10px 0;
	background: #000000;
}

div#detailInfoRight {
	float: right;
	width: 200px;
}

div#detailInfoLeft p.img {
	margin-bottom: 10px;
	text-align: center;
}
div#detailInfoLeft p.imagetext {
	margin:0px 7px;
	padding: 0px;
	color:#FFFFFF;
}


div#detailInfoLeft div.thumb {
	padding: 0 0 0 9px;
}
div#detailInfoLeft div.thumb p{
	float:left;
}

div#detailInfoLeft div.thumb img {
	margin-right: 4px;
}

div#detailInfoRight p.ex {
	margin-bottom: 10px;
	padding: 5px 10px;
	border: 1px solid #DCE3C1;
	background: #FBFFEC;
}

div#detailInfoRight dl dt {
	margin-bottom: 4px;
}

div#detailInfoRight dl dt span {
	background: #A3A3A3;
	color: #FFFFFF;
}

div#detailInfoRight dl dd {
	margin-bottom: 10px;
	letter-spacing: 0;
}

div#detailInfoRight dl dd span {
	color: #038DDB;
	font-size: 86%;
}

div#detailMemberArea {
	width: 346px;
	margin-bottom: 5px;
	padding: 0 9px 9px;
	background: #000000;
}
* html div#detailMemberArea {
	width: 364px;
}

div#detailMemberArea div.txt {
	padding: 10px 20px;
	border: 1px solid #626262;
	background: #454545;
}

div#detailMemberArea div.txt p {
	color: #FFFFFF;
}

div#detailMemberArea div.txt p.dummy {
	text-align:left;
}

div#detailTblArea {
	width: 735px;
	margin-bottom: 30px;
}
div#detailTblArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#detailTblArea { display:inline-block; }
/*\*/
* html div#detailTblArea { height:1%; }
div#detailTblArea { display:block; }
/**/

div#detailTblLeft {
	float: left;
	width: 364px;
	margin-right: 6px;
}

div#detailTblRight {
	float: left;
	width: 364px;
}

div#detailTblArea table {
	width: 363px;
	border: 1px solid #C0C0C0;
}

div#detailTblArea table th,
div#detailTblArea table td {
	padding: 5px 5px 5px 10px;
	border: 1px solid #C0C0C0;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

div#detailTblArea table th {
	width: 110px;
	background: #E0E0E0;
	font-size: 86%;
}

div#accessArea {
	width: 735px;
}

div#accessArea h2 {
	margin-bottom: 10px;
	padding: 0;
	border-left: none;
}

div#accessAreaIn {
	position: relative;
	width: 735px;
	min-height: 400px;
}
* html div#accessAreaIn {
	height: 400px;
}

div#accessArea div.map {
	position: absolute;
	top: 0;
	left: 0;
}

div#accessArea div.txt {
	margin-left: 420px;
}

div#accessArea div.txt {
	margin-left: 420px;
}

div#accessArea ul.btn {
	position: absolute;
	bottom: 0;
	right: 0;
}

div#accessArea ul.btn li.txtRight {
	text-align: right;
}


/* --------------------------------------------------------------------------------------
 物件検索
--------------------------------------------------------------------------------------- */

div.office-cnt02 h2 {
	margin-bottom: 10px;
	padding: 8px 0 8px 12px;
	border-left: 3px solid #000000;
}

div#searchFormArea {
	width: 880px;
	padding: 10px 0 10px 40px;
	border: 10px solid #EBEBEB;
}
* html div#searchFormArea {
	width: 940px;
}