@charset "utf-8";
/* ||||||||||||||||||||||||||||||||||||||||||||||

	PC用CSS

||||||||||||||||||||||||||||||||||||||||||||||||| */

/*【目次】
======================================
●骨組み
●サイトヘッダー
●サイトフッター
======================================
≪パーツ≫
●タイトル(title)
======================================
≪全ページ共通コンテンツ≫
●
======================================
*/
/* --------------------------------------------------------------------------------
	骨組み
-------------------------------------------------------------------------------- */
body,
.header-inner,
.wrapper-inner,
.footer-inner,
.wrapper,
#header
 {
	min-width: 1200px;
}

.header-inner,
.wrapper-inner,
.footer-inner {
	width: 1200px;
	margin: 0 auto;
}

.main {
	width: 900px;
	margin-bottom: 0;
	float: left;
}

.main.full {
	width: 100%;
	float: none;
}

.aside {
	width: 300px;
	float: right;
}

/* --------------------------------------------------------------------------------
	サイトヘッダー
-------------------------------------------------------------------------------- */
#header {
	height: 175px;
	padding-bottom: 1px;
}

.header-inner {
	height: 175px;
	position: relative;
}

.navbar-header {
	width: 100%;
	text-align: left;
	position: static;
	display: block;
}

.navbar-header .navbar-toggle {
	display: none;
}

.navbar-header .toggle-body {
	display: block!important;
	position: static;
	background: none;
}

.site-desc {
	color: #666;
	display: inline;
	font-weight: normal;
	font-size: 83%;
}

#header .logo {
	padding: 5px 0 0 0;
	position: absolute;
	top: 25px;
	left: 0;
}

#header .logo img {
	width: 281px;
	height: 34px;
}


/* ヘッダーヘルパー・SNS
--------------------------------------------------------------- */
/*.header-corona{
 width: 450px;
 margin: 0 0 0 10px;
 padding: 2px 0;
 position: absolute;
 top: 87px;
 left: 5px;
 z-index: 999;
}
.header-corona span {
  font-size: 140%;
  font-weight: bold;
}
.header-corona.btn-style03 span {
  left: 67% !important;
}
.header-corona:before {
  left: 25px;
}*/

.header-tenant-support {
 width: 210px;
 margin: 0 0 0 10px;
 padding: 2px 0;
 position: absolute;
 top: 87px;
 left: 5px;
}
.header-tenant-support.btn-style03 span {
  left: 74% !important;
}
/*.header-busguide {
 width: 210px;
 margin: 0 0 0 10px;
 padding: 2px 0;
 position: absolute;
 top: 87px;
 left: 245px;
}
.header-busguide.btn-style03 span {
  left: 67% !important;
}*/

/*.header-officeplan {
 width: 410px;
 margin: 0 0 0 10px;
 padding: 2px 0;
 position: absolute;
 top: 87px;
 left: 505px;
 z-index: 999;
}
.header-officeplan.btn-style03 span {
  left: 55% !important;
}*/

.header-telework {
 width: 210px;
 margin: 0 0 0 10px;
 padding: 2px 0;
 position: absolute;
 top: 87px;
 left: 485px;
 z-index: 999;
}
.header-telework.btn-style03 span {
  left: 49% !important;
}

.header-satellite {
 width: 210px;
 margin: 0 0 0 10px;
 padding: 2px 0;
 position: absolute;
 top: 87px;
 left: 245px;
 z-index: 999;
}
.header-satellite.btn-style03 span {
  left: 65% !important;
}

.header-bus {
 width: 210px;
 margin: 0 0 0 10px;
 padding: 2px 0;
 position: absolute;
 top: 87px;
 left: 485px;
 /*left: 725px;*/
 z-index: 999;
}
.header-bus.btn-style03 span {
  left: 76% !important;
}

.header-schedule {
 width: 210px;
 margin: 0 0 0 10px;
 padding: 2px 0;
 position: absolute;
 top: 87px;
 left: 965px;
 z-index: 999;
}
.header-schedule.btn-style03 span {
  left: 68% !important;
}









.header-helper {
	position: absolute;
	top: 38px;
	right: 370px;
	display: block;
}

.header-helper li {
	margin: 0 0 0 7px;
	padding: 0 0 0 10px;
	display: inline-block;
}

.header-helper li a {
	color: inherit;
	font-size: 90%;
}

.header-helper li + li {
	border-left: solid 1px #ddd;
}

.header-sns{
	position: absolute;
	top: 32px;
	right: 190px;
	display: block;
}

.header-sns li {
	margin: 0 0 0 8px;
	display: inline-block;
}

.header-sns img{
 width: 30px;
}

.footer-sns img{
 width: 40px;
}

/* 検索窓
--------------------------------------------------------------- */
#cse-search-box {
	width: 185px;
	position: absolute;
	top: 30px;
	right: -5px;
}

#cse-search-box > div {
	border: solid 2px #ddd;
}

#cse-search-box button {
	width: 35px;
	height: 34px;
	display: inline-block;
}

#cse-search-box button i {
	width: 35px;
	line-height: 35px;
	font-size: 100%;
}

#cse-search-box input[type="search"] {
	width: 140px;
}

/* --------------------------------------------------------------------------------
	グローバルナビゲーション
-------------------------------------------------------------------------------- */
.g-nav {
	width: 100%;
	position: absolute;
	bottom: 6px;
	left: 0;
}

.g-nav ul {
	width: 100%;
	display: table;
}

.g-nav > ul > li {
	width: 20%;
	display: table-cell;
	text-align: center;
	position: relative;
	border-left: dotted 1px #aaa;
}

.g-nav > ul > li:last-child {
	border-right: dotted 1px #aaa;
}

.g-nav li .parent,
.g-nav li a {
	width: 100%;
	display: block;
	cursor: pointer;
}

.g-nav li .child {
	position: absolute;
	z-index: 9999;
	top: 50px;
	left: 0;
}

.g-nav li .child .highlight a {
	color: #fff3a0;
}

.g-nav li .child li {
	text-align: left;
}

.g-nav li .child .child {
 margin-left: 239px;
 margin-top: -40px;
	border-left: solid 1px #666;
}

.g-nav li .parent-link {
	padding: 15px 0;
	font-weight: bold;
	font-size: 110%;
	color: inherit;
}

.g-nav li .parent-link:hover {
	text-decoration: none;
}

.g-nav > ul > li:nth-child(1) {	border-bottom: solid 5px #C50030;}
.g-nav > ul > li:nth-child(2) {	border-bottom: solid 5px #306298;}
.g-nav > ul > li:nth-child(3) {	border-bottom: solid 5px #70B32D;}
.g-nav > ul > li:nth-child(4) {	border-bottom: solid 5px #CC7C33;}
.g-nav > ul > li:nth-child(5) {	border-bottom: solid 5px #6A6A68;}

/* ドロップダウン */

.g-nav > ul .child {
	padding: 0 0 0 0;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: none;
}

.g-nav li:hover {
	position: relative;
}

.g-nav li:hover > .child {
	display: block;
}

.g-nav li .child a {
	padding: 10px;
	border-bottom: solid 1px #666;
	background-color:rgba(51,51,51,0.9);
	color: #fff;
	text-decoration: none;
}

.g-nav li .child a:hover {
	background-color:rgba(17,17,17,0.9);
}

.g-nav li .child a small {
	font-size: 10px;
}

/* 現在地 */
#office-labo .g-nav > ul > li:nth-child(1) .parent-link,.g-nav > ul > li:nth-child(1) .parent-link.active {	color: #C50030;}
#rental .g-nav > ul > li:nth-child(2) .parent-link,.g-nav > ul > li:nth-child(2) .parent-link.active {	color: #306298;}
#event .g-nav > ul > li:nth-child(3) .parent-link,.g-nav > ul > li:nth-child(3) .parent-link.active {	color: #33CC7D;}
#guide .g-nav > ul > li:nth-child(4) .parent-link,.g-nav > ul > li:nth-child(4) .parent-link.active {	color: #CC7C33;}
#access .g-nav > ul > li:nth-child(5) .parent-link,.g-nav > ul > li:nth-child(5) .parent-link.active {	color: #6A6A68;}

/* --------------------------------------------------------------------------------
	ローカル（サイド）ナビゲーション
-------------------------------------------------------------------------------- */
.aside-nav {
	padding: 20px 25px 30px 25px;
}

.aside-nav > ul > li {
	border-bottom: dotted 1px #fff;
}

.aside-nav > ul > li > a,
.aside-nav > ul > li > span {
	padding: 8px;
	display: block;
}

.aside-nav > ul > li small {
	font-size: 10px;
}

.aside-nav .child {
	margin: 0 0 10px 20px;
	display: block!important;
}

.aside-nav .child a {
	padding: 5px;
	display: block;
}

.aside-title {
	margin-bottom: 15px;
	font-size: 200%;
	font-weight: bold;
}

.aside-nav .parent {
	display: none;
}

.aside-banner {
	width: 241px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

/* --------------------------------------------------------------------------------
	メインコンテンツエリア
-------------------------------------------------------------------------------- */
.main {
	margin-bottom: 20px;
}

.wrapper {
	overflow: hidden;
	background: url(../images/common/bg_body.png);
}

.wrapper-inner {
	overflow: hidden;
	background: #fff;
}

.main-inner {
	padding: 0 24px 0 25px;
}

/* --------------------------------------------------------------------------------
	タイトル
-------------------------------------------------------------------------------- */

.title-btn {
 position: relative;
}

.title-btn-inner {
 width: auto;
 margin: 0;
 position: absolute;
 top: 0;
 right: 330px;
}

/* --------------------------------------------------------------------------------
	サイトフッター
-------------------------------------------------------------------------------- */
.f-nav {
	background: #555;
}

.footer-helper small br {
	display: none;
}

.footer-logo {
	padding: 10px 0;
}

.footer-logo img {
	width: 200px;
	height: 33px;
}

/* フッターナビ */
.f-nav {
	padding: 20px 0;
	overflow: hidden;
}

.f-nav .parent {
	height: 100%l
}

.f-nav a,
.f-nav .parent {
	color: #fff;
}

.f-nav .child {
	display: block!important;
}

.f-nav .child > li {
	margin: 10px 0 0 0;
	font-size: 90%;
}

.f-nav .footer-inner > ul {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.f-nav .footer-inner > ul > li {
	display: table-cell;
}

.f-nav .footer-inner > ul > li + li {
	padding: 0 0 0 15px;
	border-left: dotted 1px #fff;
}

.sp-nav .parent {
	display: none!important;
}

.sp-nav .parent-link {
	font-size: 105%;
	display: inline-block;
	font-weight: bold;
}

.sp-nav .fa {
	display: none;
}


/* ページトップ
--------------------------------------------------------------- */
.pagetop {
	width: 1200px;
	margin: 0 auto;
	padding: 20px;
	text-align: right;
	position: static;
	background: #fff;
}

.btn-pagetop {
	opacity: 1!important;
	display: inline-block!important;
}

/* 見出し3 */



/* --------------------------------------------------------------------------------
	入居者支援
-------------------------------------------------------------------------------- */
.tenant-support {
 overflow: hidden;
}

.tenant-support .aside2 {
 width: 300px;
 float: left;
}

.tenant-support .btn-style02-box {
 width: 541px;

 float: right;
}

.tenant-support .btn-style02-box li {
 width: 255px;
 margin-left: 15px;
 float: left;
}

/* --------------------------------------------------------------------------------
	メインホールピアノ弾き比べプラン
-------------------------------------------------------------------------------- */

.piano-ul-style {
  padding-left: 225px;
}

/* --------------------------------------------------------------------------------
	ぷらZO
-------------------------------------------------------------------------------- */

.purazo-terms {
	margin-bottom: 50px;
}

/* --------------------------------------------------------------------------------
	ぷらZO 会員特典のご案内
-------------------------------------------------------------------------------- */

.purazo-privilege {
	padding-left: 100px;
	padding-right: 100px;
}