@charset "UTF-8";

/* -------------------------------
スタイルの初期化 */

body, div, pre, p, blockquote,
form, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
table, th, td, embed, object{
	margin:0;
	padding:0;
}
body{
	color:#38464c;
	background:#fff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:9pt;
	line-height:1.5;
}

a, object, embed, area{
	outline:0;
}
a{
	outline:none;
	cursor:pointer;
}
a:hover{
	text-decoration:none;
}
a img{
	border:0;
}
ul, ol{
	list-style-type:none;
}
sup{
	position:relative;
	vertical-align:baseline;
	top:-0.9em;
	font-size:0.7em;
}
hr{
	display:none;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}
th, caption{
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
em, address{
	font-style:normal;
}
img{
	vertical-align:top;
}

/* -------------------------------
ヘッダー */

#header{
	position:relative;
	width:970px;
	height:275px;
	background:url(../img/common/header_bg.png) no-repeat;
}
#header .logo,
#header ul,
#header p,
#header h2{
	position:absolute;
}
#header .logo{
	top:19px;
	left:53px;
}
#header .links{
	top:9px;
	left:795px;
}
#header .links li{
	display:inline;
}
#header .sekiwa{
	top:46px;
	left:742px;
}
#header .guide{
	top:79px;
	left:820px;
}

/* -------------------------------
ヘッダー - メニュー */

#header .menu{
	top:101px;
	left:42px;
}
#header .menu li{
	display:inline;
}

/* -------------------------------
ヘッダー - ページタイトル */

#header .mastkun{
	top:170px;
	left:50px;
}
#header h2{
	top:226px;
	left:166px;
}

/* -------------------------------
メイン */

#main{
	position:relative;
	width:950px;
}

/* -------------------------------
メイン - ノート下地 */

.note{
	width:950px;
	background:url(../img/common/note_body.png) repeat-y;
}
.note dt{
	width:950px;
	height:130px;
	background:url(../img/common/note_head.png) no-repeat
}
.note dd{
	background:url(../img/common/note_foot.png) no-repeat 0 100%;
}

/* -------------------------------
フッター */

#footer{
	position:relative;
	margin:32px 0 0;
	width:950px;
	height:160px;
	background:url(../img/common/footer_bg.png) no-repeat;
	clear:both;
}
#footer dl,
#footer p{
	position:absolute;
}
#footer dl dt{
	height:30px;
}
#footer dl dd{
	line-height:1.2;
}
#footer dl dd a{
	color:#1c5a97;
	font-size:10px;
	text-decoration:none;
}
#footer dl.links{
	top:-6px;
	left:58px;
	width:208px;
}
#footer dl.group{
	top:-6px;
	left:268px;
	width:400px;
}
#footer dl.group ul li{
	width:13em;
	float:left;
}
#footer p.totop{
	top:20px;
	left:773px;
}
#footer p.copyright{
	top:132px;
	left:555px;
}

/* -------------------------------
ヘッダー */

#header{
	position:relative;
	width:970px;
	height:360px;
	background:url(../img/index/header_bg.png) no-repeat;
}

/* -------------------------------
ヘッダー - ページタイトル */

#header .mastkun{
	top:170px;
	left:50px;
}
#header h2{
	top:226px;
	left:166px;
}

/* -------------------------------
新築オフィス特集 */

#newoffice{
	position:relative;
	margin:0 0 32px;
}
#newoffice dt img{
	padding:40px 0 0 92px;
}
#newoffice dd{
	padding:0 0 0 92px;
}
#newoffice .caption{
	position:absolute;
	top:54px;
	left:380px;
}
#newoffice .links{
	position:absolute;
	top:52px;
	left:760px;
}

/* -------------------------------
新築オフィス特集 - 物件名 */

ul.office{
	padding:0 0 30px;
}
li.officebox{
	position:relative;
	width:809px;
	height:240px;
	background:url(../img/index/office_bg.png) no-repeat;
}
li.officebox p.copy{
	position:absolute;
	color:#fff;
	font-weight:bold;
	top:10px;
	left:22px;
}
li.officebox h3{
	position:absolute;
	top:56px;
	left:188px;
	font-size:16px;
	font-weight:bold;
}
li.officebox h3 a{
	padding:0 0 0 16px;
	color:#2154a2;
	background:url(../img/common/arrow.png) no-repeat left center;
}

/* -------------------------------
新築オフィス特集 - 物件概要 */

li.officebox ul.detail{
	position:absolute;
	top:88px;
	left:203px;
}
li.officebox ul.detail li{
	clear:both;
}
li.officebox ul.detail .date span{
	color:#56a8d2;
	font-weight:bold;
}
li.officebox ul.detail strong{
	color:#fa7600;
	font-weight:bold;
}
li.officebox ul.detail em{
	width:5em;
	display:block;
	float:left;
}
li.officebox ul.detail li.structure{
	width:200px;
}

/* -------------------------------
管理ビル一覧 - 物件写真 */

.officebox ul.photo{
	position:absolute;
	top:128px;
	left:476px;
}
.officebox ul.photo li{
	width:78px;
	height:78px;
	float:left;
	background:url(/img/index/box2.png) #fff no-repeat;
}
.officebox ul.photo li.photo1{
	position:absolute;
	top:-78px;
	left:-456px;
	width:154px;
	height:154px;
	background:url(/img/index/box1.png) #fff no-repeat;
}
.officebox ul.photo li.photo1 p{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:154px !important;
	height:154px !important;
	height:auto;
}

*:first-child+html .officebox ul.photo li.photo1{/* IE 7 */
	vertical-align:text-top;
	line-height:154px;
	overflow:hidden;
	zoom:1;
}
*:first-child+html .officebox ul.photo li.photo1 p{/* IE 7 */
	display:inline;
	zoom:1;
}
*:first-child+html .officebox ul.photo li.photo1 p img{/* IE 7 */
	vertical-align:bottom;
}
* html .officebox ul.photo li.photo1{/* IE 6 */
	vertical-align:text-top;
	line-height:154px;
	overflow:hidden;
	zoom:1;
}
* html .officebox ul.photo li.photo1 span{/* IE 6 */
	display:inline-block;
}
* html .officebox ul.photo li.photo1 p{/* IE 6 */
	display:inline;
	zoom:1;
}
* html .officebox ul.photo li.photo1 p img{/* IE 6 */
	vertical-align:bottom;
}

.officebox ul.photo li p{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:78px !important;
	height:78px !important;
	height:auto;
}

*:first-child+html .officebox ul.photo li{/* IE 7 */
	vertical-align:text-top;
	line-height:78px;
	overflow:hidden;
	zoom:1;
}
*:first-child+html .officebox ul.photo li p{/* IE 7 */
	display:inline;
	zoom:1;
}
*:first-child+html .officebox ul.photo li p img{/* IE 7 */
	vertical-align:bottom;
}
* html .officebox ul.photo li{/* IE 6 */
	vertical-align:text-top;
	line-height:78px;
	overflow:hidden;
	zoom:1;
}
* html .officebox ul.photo li span{/* IE 6 */
	display:inline-block;
}
* html .officebox ul.photo li p{/* IE 6 */
	display:inline;
	zoom:1;
}
* html .officebox ul.photo li p img{/* IE 6 */
	vertical-align:bottom;
}

/* -------------------------------
新築オフィス特集 - 詳細へ */

li.officebox ul.more{
	position:absolute;
	top:20px;
	left:594px;
}
li.officebox ul.more li{
	display:inline;
}
li.officebox ul.more li a{
	margin:0 4px;
}

/* -------------------------------
新築オフィス特集 - 詳細へ（空室ナシ） */

li.officebox ul.noroom{
	position:absolute;
	top:20px;
	left:697px;
}

/* -------------------------------
おすすめオフィス */

#recommend{
	margin:0 0 32px;
	position:relative;
}
#recommend dt img{
	padding:40px 0 0 92px;
}
#recommend dd{
	padding:0 0 0 92px;
}
#recommend .caption{
	position:absolute;
	top:54px;
	left:380px;
}
#recommend .links{
	position:absolute;
	top:52px;
	left:760px;
}
ul.reco{
	padding:0 0 30px;
}

/* -------------------------------
最新空室情報 */

#newroom{
	position:relative;
}
#newroom dt img{
	padding:40px 0 0 92px;
}
#newroom dd{
	padding:0 0 0 92px;
	overflow:hidden;
}
#newroom .caption{
	position:absolute;
	top:54px;
	left:380px;
}
#newroom .links{
	position:absolute;
	top:32px;
	left:760px;
}

/* -------------------------------
最新空室情報  - 物件名 */

#newroom ul.rooms{
	width:816px;
	padding:0 0 50px;
	overflow:hidden;
}
#newroom ul.rooms li.rooms{
	margin:0px 3px 0 0;
	width:200px;
	background:url(../img/index/room_body_bg.png) no-repeat 0 20px;
	float:left;
}
#newroom ul.rooms li.rooms h4{
	padding:10px 0 0;
	background:url(../img/index/room_title_bg.png) no-repeat;
}
#newroom ul.rooms li.rooms h4 a{
	padding:0 14px 6px 10px;
	color:#fff;
	background:url(../img/index/room_title_bg2.png) repeat-y;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	display:block;
}

/* -------------------------------
最新空室情報  - 物件写真 */

#newroom ul.rooms li.rooms p{
	margin:18px auto 10px;
	width:154px;
	height:154px;
	background:url(/img/index/box1.png) #fff no-repeat;
}
#newroom ul.rooms li.rooms p em{

	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:154px !important;
	height:154px !important;
	height:auto;
}
*:first-child+html #newroom ul.rooms li.rooms p{/* IE 7 */
	vertical-align:text-top;
	line-height:154px;
	overflow:hidden;
	zoom:1;
}
*:first-child+html #newroom ul.rooms li.rooms p em{/* IE 7 */
	display:inline;
	zoom:1;
}
*:first-child+html #newroom ul.rooms li.rooms p em img{/* IE 7 */
	vertical-align:bottom;
}
* html #newroom ul.rooms li.rooms p{/* IE 6 */
	vertical-align:text-top;
	line-height:154px;
	overflow:hidden;
	zoom:1;
}
* html #newroom ul.rooms li.rooms p span{/* IE 6 */
	display:inline-block;
}
* html #newroom ul.rooms li.rooms p em{/* IE 6 */
	display:inline;
	zoom:1;
}
* html #newroom ul.rooms li.rooms p em img{/* IE 6 */
	vertical-align:bottom;
}

/* -------------------------------
最新空室情報  - 物件概要 */

#newroom ul.rooms li.rooms ul{
	padding:0 0 20px;
	width:200px;
	background:url(../img/index/room_fotter_bg.png) no-repeat left bottom;
	font-size:10px;
	line-height:1.41;
}
#newroom ul.rooms li.rooms ul li{
	padding:0 26px;
}
#newroom ul.rooms li.rooms ul strong{
	color:#fa7600;
	font-weight:bold;
}
#newroom ul.rooms li.rooms ul em{
	color:#f00;
	font-size:9pt;
	font-weight:bold;
}