@charset "UTF-8";
/* ---------------------------
   VACANT test
--------------------------- */

#vacancy section{margin-bottom:20px;}

#vacancy section.secVC {
	margin-top: -30px;
	padding-top: 30px;
}

#vacancy h1{font-size:18px; color:#fff; background: #999; padding: 8px 2%; margin:0 0 10px;}

.contents {width:96%;margin:0 2%;}


.contents h2.title {
position:relative;
font-size:16px;
line-height:1.3;
padding:8px 2%;
margin-top:30px;
margin-bottom: 15px;
color:#969;
background:#fc9;
}

.contents h2.title strong {
display: block;
border: 1px solid #969;
margin-top: 3px;
padding: 3px 5px;
text-align: center;
font-weight: normal;
}

.contents p {
font-size: 13px;
margin: 8px 0;
padding: 0;
}
.contents .em {
color: #c36;;
}

.contents .btn ul {
margin: 10px 0;
text-align: center;
}

.contents .btn ul li {
display: inline-block;
list-style-type: none;
line-height: 1.3;
}
.contents .btn ul.one li{
display: inline-block;
list-style-type: none;
line-height: 1.3;
margin: 0 0.2%;
width: 48%;
}

.contents .btn ul.two li {
display: inline-block;
list-style-type: none;
line-height: 1.3;
margin: 0 auto;
width: 60%;
}

.contents .btn li a {
text-decoration: none;
padding: 8px 0;
}

.contents .btn a.contact {
background:url(../img_common/arw_wh.png) no-repeat 93% center #333;
background-size: 10px 10px;
color: #fff;
}

.contents .btn a.bukken {
background:url(../img_common/arw_wh.png) no-repeat 93% center #999900;
background-size: 10px 10px;
color:#fff;
}

.contents .btn a.zumen {
background:url(../img_common/icon_pdf.png) no-repeat 90% center #4C3B33;
background-size: 14px 14px;
border:1px solid #222;
color:#fff;
}

.contents .tar {
text-align: right;
}


/* ---------------------------
  空室情報表 2021
--------------------------- */

.vacantTbl {
width:100%;
table-layout: fixed;
border-collapse: collapse;
box-sizing: border-box;
margin: 16px 0 16px;
text-align: center;
}

.vacantTbl th, .vacantTbl td {
border: 1px dotted #fff;
font-size:12px;
line-height: 1.3;
}

.vacantTbl th {
padding: 6px 5px;
font-weight: normal;
}

.vacantTbl td {
border:1px dotted #ccc;
}

.vacantTbl thead th {
background: #ccc;
color: #222;
padding: 6px 5px;
}
.vacantTbl thead th:not(:first-child) {
border-left: 1px dotted #fff;
}

.vacantTbl thead th:last-child {
border-right: 1px solid #ccc;
}

.vacantTbl tbody th {
color: #fff;
background: #639;
font-size: 14px;
}

.vacantTbl em {
font-weight: bold;
font-style: normal;
font-size: 14px;
}

.vacantTbl tr:nth-child(odd) td {
background-color: #efefef;
}

.vacantTbl div.non {
padding: 6px 5px 5px;
}

.roomData {
width:100%;
table-layout: fixed;
border-collapse: collapse;
box-sizing: border-box;
border: none;
}

.roomData td {
background-color: transparent !important;
padding: 6px 6px 5px;
text-align: center;
border-top: none;
}
.roomData td:first-child {
border-left: none;
}
.roomData td:last-child {
border-right: none;
}
.roomData:last-child td {
border-bottom: none;
}