@charset "shift_jis";
/* -------------------------------

　GINZA SIX
　オフィスポータルサイト

　ログイン後トップ用css

---------------------------------- */

	
/* ------------------------
　レイアウト設定 
--------------------------- */
header div {
	font-weight:bold;
	line-height:100%;
}

header div p {
	display:inline-block;
	padding:4px 0;
	margin:0;
	line-height:100%;
	vertical-align:middle;
}

header div i.fa.fa-user-circle-o {
	color:#e0dac9;
	font-size:16px;
/*	line-height:100%;*/
	padding:0px 6px 0px 0px;
}


header form {
	display:inline-block;
	margin:0;
	padding:0;
}

header form button[type="submit"] {
	width:8em;
	font-size:14px;
	line-height:100%;
	position:relative;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	padding:4px 0;
	margin:0px 0px 0px 16px;
	color:#a9894a;
	border: 1px solid #a9894a;
	background-color:#FFFFFF;
	letter-spacing:1px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

header form button[type="submit"]:hover,
header form button[type="submit"]:active {
	color:#ffffff;
	background-color:#a9894a;
}



#main {
	width:600px;
	margin:0;
	padding:0px;
	text-align:left;
	display:table-cell;
	vertical-align:top;
}

#main hr {
	margin:32px 0px 32px 32px;
}
	

#side {
	width:300px;
	margin:0;
	padding:10px 0px;
	text-align:center;
	display:table-cell;
	vertical-align:top;
	background-color:#f4f4f4;
	vertical-align:top;
	font-size:12px;
}
	
/* ------------------------
　メイン
--------------------------- */
#main ul.mainMenu {
	width:100%;
	margin:0px;
	padding:0;
	font-size:0;
}

#main ul.mainMenu li {
	width:268px;
	display:inline-block;
	margin:0px 0px 0px 32px;
	text-align:center;
	box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.2);
}

#main ul.mainMenu li.comingsoon {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background-color:#a9894a;
}

#main ul.mainMenu li a {
	width:268px;
	font-size:20px;
	line-height:130%;
	display:block;
	padding:16px 0px 36px 0px;
	text-align:center;
	color:#ffffff;
	background-color:#a9894a;
	position: relative;
}

#main ul.mainMenu li.comingsoon div {
	width:268px;
	font-size:20px;
	line-height:130%;
	display:block;
	padding:16px 0px 36px 0px;
	text-align:center;
	color:rgba(255, 255, 255, 0.5);
	background-color: rgba(255, 255, 255, 0.5);
	position: relative;
}

#main ul.mainMenu li a:hover,
#main ul.mainMenu li a:active {
	text-decoration:none;
}
	

#main ul.mainMenu li span {
	display:block;
	font-size:14px;
}

#main ul.mainMenu li span:after,
#main ul.mainMenu li span:before {
	display: block;
	content: '';
	position: absolute;
}

#main ul.mainMenu li span:after {
/*	top: .35em;*/
	bottom:8px;
	left:122px;
	width: 24px;
	height: 24px;
	background-color: #c3ad81;
	border-radius: 100%;
}

#main ul.mainMenu li span:before {
	z-index: 2;
	bottom:15px;
	left:127px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


#main ul.mainMenu li.comingsoon span:after,
#main ul.mainMenu li.comingsoon span:before {
	display: block;
	position: absolute;
	width:100%;
	height:auto;
	left:0;
	color:#fff;
	background:none;
	text-align:center;
	border-right:none;
	border-bottom:none;
	-webkit-transform: none;
	transform: none;
	border-radius: 0%;
}

#main ul.mainMenu li.comingsoon span:after {
	content: '- メンテナンス中 -';
	font-weight:bold;
	color:#a9894a;
	background-color:rgba(255, 255, 255, 0.8);
}

#main ul.subMenu,
#main ul.userMenu  {
	width:568px;
	margin:32px 0px 24px 32px;
}

#main ul.subMenu li,
#main ul.userMenu li {
	padding:0;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	width:auto;
	margin:0px 0px 8px 0px;
	position:relative;
}

#main ul.subMenu li span {
	font-size:14px;
}

#main ul.subMenu li:before {
	font-weight:normal;
	font-family: "FontAwesome",sans-serif;
	content: "\f054";
	top: 50%;
	margin-right:4px;
	margin-top: -4px;
	color: #a9894a;
}

#main ul.userMenu li:before {
	font-weight:normal;
	font-family: "FontAwesome",sans-serif;
	content: "\f054";
	top: 50%;
	margin-right:4px;
	margin-top: -4px;
	color: #e0dac9;
}

#main dl.mainInformation {
	font-size:12px;
	margin:0px 0px 0px 32px;
	border-left:4px solid #e1d8c4;
	padding-left:6px;
}

#main dl.mainInformation dt {
	font-size:16px;
	line-height:160%;
	margin:0px 0px 0px 4px;
	text-align:left;
}

#main dl.mainInformation dd {
	font-size:20px;
	margin:0px 0px 0px 4px;
	padding:0;
	font-weight:bold;
	text-align:left;
}

#main dl.mainInformation dd i {
	padding:0px 8px 0px 0px;
}

#main dl.userInformation {
	font-size:12px;
	margin:0px 0px 0px 32px;
	border-left:4px solid #e0dac9;
	padding-left:6px;
}

#main dl.userInformation dt {
	margin:0px 0px 0px 4px;
	text-align:left;
}

#main dl.userInformation dd {
	margin:0px 0px 0px 4px;
	padding:0;
	text-align:left;
}

#main dl.userInformation dd i {
	padding:0px 8px 0px 0px;
}

/* ------------------------
　サイド
　（what's new／ビル別メッセージ）
--------------------------- */
#side h3,
#side p,
#side ul {
	width:280px;
	margin:0px auto 5px auto;
	padding:0px 0px 5px 0px;
	text-align:left;
}

#side ul {
	margin:0px auto;
}

#side h3,
#side p.whatsNew {
	font-size:14px;
	border-bottom:1px dotted #7f7f7f;
}

#side ul li {
	margin:0px auto 5px auto;
	text-align:left;
	padding:0px 0px 5px 14px;
	border-bottom:1px dotted #7f7f7f;
	position:relative;
	left:0px;
    box-sizing: border-box;
}

#side ul li p {
    width: auto;
    box-sizing: border-box;
}

#side ul li:before {
	display: block;
	content: '';
	position: absolute;
	left: 0px;
	width: 10px;
	height: 2px;
	margin:.65em 14px 0px 0px;
	background-color: #49484d;
}

#side p.noMessage {
	border-bottom:none;
	margin:0 auto;
	padding:0;
	color:#999999;
}