body{
	font-size:12px;
	/*background:#D4FF00;*/
	color:#000;
	/*font-family: 'Gothic MB101 Ultra JIS2004' ;*/
	font-family: "メイリオ","ＭＳ Ｐゴシック",  Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, MS;
	background: url(../images/body_bg.jpg);
	/*color:#333;*/
}
#fade {
	background: url(../images/body_bg.jpg);
}

::selection {
background: #b4cfd2;
color:#ffffff;
}

::-moz-selection {
background: #b4cfd2;
color:#ffffff;
}

a{
	text-decoration:none;
	color:#000;
}

a:link { 	text-decoration:none;
	color:#000;
}
a:visited { text-decoration:none;
	color:#000;
}
a:hover { text-decoration:none;
	color: #456fa1;
}
a:active { text-decoration:none;
	color:#000;
}

 
#fade {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}
header {
	margin: 40px 0;
}
#wrapper {
	width:980px;
	margin:0 auto;
}
.container {
	width: 980px;
	margin: 0 auto;
}
#logo {
	float: left;
}
nav {
	float: right;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
nav li {
	display: inline-block;
	 letter-spacing: normal; /* 文字間を通常に戻す */
	margin-right: 15px;
}

/*---------- フッター ---------*/
#footer-wrapper {
	background: #223443;
	height: 162px;
	padding: 30px 0;
}
#footer-head {
	border-bottom: 1px solid #5a6976;
	margin-bottom: 15px;
}
#footer-nav {
	letter-spacing: -0.4em;
}
#footer-nav li {
	display: inline-block;
	letter-spacing: normal;
	margin-right: 15px;
}
#copyright {
	font-size: 9px;
	color: #FFF;
	letter-spacing: 1px;
	margin-top: 15px;
}
/*----------------------------------------------------
	#inquiryBody
		お問い合わせ
----------------------------------------------------*/

table th {
	font-weight: normal;
	padding: 0.8em 0.5em;
	border-bottom: 1px solid #E9E9E9; 
	vertical-align: top;
}

table td {
	padding: 0.8em 0.5em;
	border-bottom: 1px solid #E9E9E9; 
}

#inquiryBody  table th  {
	width: 200px;
}
#inquiryBody  table th span {
	background: url(../inquiry/img/icn_must.jpg) no-repeat right center;
	padding-right: 34px;
}

#inquiryBody table td {
	margin-top: 4em;
}

#inquiryBody table td.attach {
	line-height: 1.6;
	font-size: 85%;
}

#inquiryBody table td.attach input {
	border: none;
	margin-bottom: 0.6em;
}

#inquiryBody table button {
	cursor: pointer;
}

#top #mainimage {
	height: 518px;
	width: 980px;
}
#inquiryBody table td input[type=text],
#inquiryBody table td textarea {
	border: solid #CCC 1px;
	padding: 4px 7px;
}
#inquiryBody table td textarea {
	width: 500px !important;
}

#inquiryBody table.send {
	margin-top: 4em;
}

#inquiryBody table.send td {
	text-align: center;
	border: none;
}

#inquiryBody table td input.address {
	font-size: 13px;
}

#inquiryBody table td .after.err {
	border-color: #d11110;
	background: #FFF !important;
}
					
#inquiryBody table td .after.err input {
	border-color: #d11110;
	background: #FFF !important;
}

#inquiryBody table td button.address img {
	vertical-align: middle;
}
#inquiryConfirmTable td {
	width: 300px;
	padding: 0 100px;
}

/* アクセス */
#address_label span {
	position: relative;
	top: -5px;
	left: 7px;
}
#location_flow {
	width: 800px;
	margin: 50px auto  0 auto
}
#location_flow dl {
	display: inline-block;
	margin-right: 40px;
	margin-bottom: 70px;
}
#location_flow dl dd {
	margin-top: 5px;
}
.summary_table {
	width: 980px !important;
}
.summary_table th {
	text-align: right;
	width: 300px;
}

/* plan */
#plan {
	margin: 30px 0 0 20px;
}
.plan_img {
	padding-bottom: 30px;
	border-bottom: 1px dashed #D4D4D4;
	margin-bottom: 30px;
}
#plan div {
	width: 276px;
	display: inline-block;
	margin-right: 40px;
}
#plan div p {
	text-align: center;
}


 
/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif !important;
}
 
 
#social-content {
  text-align:center;
  float: right;
  margin:auto;
  padding:35px 0 10px 0;
  width:200px;
  height:20px;
}
 
input[type="checkbox"]{display:none !important;}
.checkbox {
	background:#000000 !important;
  color:#FFFFFF !important;
}
.checkbox:checked + .label{
  background:#000000 !important;
  color:#FFFFFF !important;
}
 
.checkbox:checked ~ .social {
  opacity:1;
  -webkit-transform: scale(1) translateY(-90px);
  -moz-transform:scale(1) translateY(-90px);
  -o-transform:scale(1) translateY(-90px);
  transform:scale(1) translateY(-90px);
    -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
}
 
.label {
  font-size:16px;
  cursor:pointer;
  margin:0;
  padding: 0 10px 5px 10px;
  border-radius:10%;
  color:#7B7484;
}
 
.social {
  transform-origin:50% 0%;
   
  -webkit-transform: scale(0) translateY(-190px);
  -moz-transform:scale(0) translateY(-190px);
  -o-transform:scale(0) translateY(-190px);
  transform:scale(0) translateY(-190px);
   
  opacity:0;
}
.social ul {
  color:#fff;
  height:46px;
  width:180px;
  background:#3B5998;
  padding:0;
  list-style:none;
}
 
.social ul li {
  font-size:20px;
   
  cursor:pointer;
  width:60px;
  margin:0;
  padding:12px 0;
  text-align:center;
  float:left;
  display:block;
  height:22px;}
 
.social ul li:hover {color:rgba(0,0,0,.5);}
 
.social ul:after {
  content:'';
  display:block;
  position:absolute;
  left:0;
  right:0;
  margin:35px auto;
  height:0;
  width:0; 
  border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-top: 20px solid #3B5998;
}
button {
	background: none;
	border: none;
	position: relative;
	top: 5px;
} 
.social li[class*="twitter"] {background:#6CDFEA;padding:12px 0;}
.social li[class*="gplus"] {background:#E34429;padding:12px 0;}


/* ===== 空室情報ボタン ======*/
.vacancy_btn {
	float:right;
	margin-bottom: 15px;
}