@charset "utf-8";



/*---------------------------------------------------------
	共通
 ---------------------------------------------------------*/
#article * {
	font-family: "メイリオ",Meiryo,Tahoma,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}


/*---------------------------------------------------------
	タブ
 ---------------------------------------------------------*/
.tab-list {
	background: #ebf6fd;
	width: 698px;
	margin-bottom: 5px;
	border: solid 1px #87c2ea;
}
#article #tabBox {
	width: 684px;
	text-align: center;
	margin: 7px auto;
}
#article #tabBox li {
	width: 77px;
	margin-left: 5px;
	color: #87c2ea;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	border: solid 1px #87c2ea;
	background: #fff;
	float: left;
    cursor: pointer;
    height: 33px;
    padding: 6px 1px 5px;
    line-height: 18px;
}
#article #tabBox .list02 li {
	border-bottom: none;
}

#article #tabBox li:hover {
	color: #fff;
	background: #87c2ea;

}
#article #tabBox li:first-child {
	margin-left: 0;
}
#article #tabBox li.select {
	color: #fff;
	background: #87c2ea;
	border-bottom: solid 1px #87c2ea;
    text-align: center;
    padding: 6px 1px 4px;
    line-height: 18px;
}

#article #tabBox li.number {
	width: 77px;
}

#article #tabBox #aque13 {
	width: 77px;
}


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

 ---------------------------------------------------------*/
#article #bkn_outer {
	border: solid 1px #87c2ea;
	background: #fff;
}
#article #bkn_outer h2 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	border: solid 1px #87c2ea;
	background: #87c2ea;
}

/* 情報の見方 */
#article #bkn_outer .joho {
	text-align: right;
}

/* お問い合わせはこちら */
#article #bkn_outer .btn {
	position: relative;
}
#article #bkn_outer .btn span {
	position: absolute;
	top: 5px;
	right: 5px;
}
#article #bkn_outer .btn span a {
	width: 190px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	background: #ee7820;
	display: block;
}
#article #bkn_outer .btn span a:hover {
	background: #ee9e20;
	text-decoration: none;
}


/*---------------------------------------------------------
	概要
 ---------------------------------------------------------*/
#article .bknDetail {
	padding: 20px;
}
#article table {
	border: solid 1px #eee;
}
/**/
#article table th {
	width: 80px;
	padding: 10px;
	font-size: 14px;
	text-align: left;
	border-top: dotted 1px #ccc;
	background: #f3f9fd;
}
#article table td {
	padding: 10px;
	font-size: 14px;
	border-top: dotted 1px #ccc;
}

#article table tr:first-child th,
#article table tr:first-child td {
	border-top: none;
}


/*---------------------------------------------------------
	概要＞外観・間取り
 ---------------------------------------------------------*/
#article .gaikan .notes {
	margin-bottom: 2px;
	color: #999;
	font-size: 14px;
	text-align: right;
}
#article .gaikan .notes span {
	color: #1b23b2;
}

#article td.gaikan {
    text-align: center;
}
#article .gaikan a {
	width: 168px;
	height: 158px;
	margin-right: 8px;
	text-align: center;
	border: solid 1px #ccc;
	background-position: center center;
	background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
 }
#article .gaikan a.last {
	margin-right: 0;
}
#article .gaikan a:hover {
	opacity: 0.8;
}

#article .gaikan [class*="madori__2"] {
	width: 166px;
}
#article .gaikan [class*="madori__3"] {
	width: 250px;
	height: 200px;
}
#article .gaikan .madori__2--last {
	margin: 0;
}

 /*---------------------------------------------------------
 	ギャラリー
  ---------------------------------------------------------*/
#article .shancyBox .notes {
	margin-bottom: 2px;
	color: #999;
	font-size: 14px;
	text-align: right;
}
#article .shancyBox .notes span {
	color: #1b23b2;
}
#article .shancyBox td.gaikan {
    text-align: center;
}

#article .shancyBox {
	padding: 0 20px 5px;
}
#article .shancyBox dl {
	width: 160px;
	margin: 0 6px 15px 0;
	float: left;
}
#article .shancyBox dl.last {
	margin-right: 0;
}
#article .shancyBox dt {
	width: 160px;
	height: 140px;
	margin-bottom: 5px;
}
#article .shancyBox dt a {
	width: 160px;
	height: 140px;
	text-align: center;
	background-position: center center;
	background-size: cover;
    display: inline-block;
}
#article .shancyBox dt a:hover {
	opacity: 0.8;
}
#article .shancyBox dd {
	width: 158px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	border: solid 1px #ccc;
}


/* 5列の場合 */
#article .shancyBox dl.fifith {
	width: 126px;
}
#article .shancyBox .fifith dt {
	width: 126px;
}
#article .shancyBox .fifith dt a {
	width: 126px;
}
#article .shancyBox .fifith dd {
	width: 124px;
}


/* 3列の場合 */
#article .shancyBox dl.dl_3 {
	width: 213px;
}
#article .shancyBox .dl_3 dt {
	width: 213px;
}
#article .shancyBox .dl_3 dt a {
	width: 213px;
}
#article .shancyBox .dl_3 dd {
	width: 211px;
}

 /*---------------------------------------------------------
 	AQUE17
  ---------------------------------------------------------*/
#article .shancyBox17 .notes {
	margin-bottom: 2px;
	color: #999;
	font-size: 14px;
	text-align: right;
}
#article .shancyBox17 .notes span {
	color: #1b23b2;
}
#article .shancyBox17 td.gaikan {
    text-align: center;
}

#article .shancyBox17 {
	padding: 0 20px 5px;
}
#article .shancyBox17 dl {
	width: 158px;
	margin: 0 6px 15px 0;
	float: left;
}
#article .shancyBox17 dl.last {
	margin-right: 0;
}
#article .shancyBox17 dt {
	width: 158px;
	height: 150px;
	margin-bottom: 5px;
}
#article .shancyBox17 dt a {
	width: 158px;
	height: 150px;
	text-align: center;
	background-position: center center;
	background-size: cover;
    display: inline-block;
}
#article .shancyBox17 dt a:hover {
	opacity: 0.8;
}
#article .shancyBox17 dd {
	width: 158px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	border: solid 1px #ccc;
}

 /*---------------------------------------------------------
 	AQUE21
  ---------------------------------------------------------*/
  #article #bkn_outer #aque21_bkn h2{
	font-size: 18px;
}