@charset "utf-8";

/* CSS Document */

ul.workslist {
    margin: 0 auto 70px;
    width: 480px;
    height: 22px;
	padding-left: 0;
}

ul.workslist li span {
    /* overflow: hidden; */
    /* padding-bottom: 20px; */
    padding: 0px 0 0px 10px
}

ul.workslist li img {
	float: left;
  margin-top:-1px
}

ul.workslist li {
	float: left;
	margin-left: 30px;
}

.worksarea dd.cat01 {
    text-align: center;
    background: #7E91B1;
    color: #fff;
    width: 90px;
    height: 20px;
    margin: 0 15px 0 0;
    padding-top: 5px;
    float: left; 
}

.worksarea dd.cat02 {
    text-align: center;
    background: #DAB678;
    color: #fff;
    width: 90px;
    height: 20px;
    margin: 0 15px 0 0;
    padding-top: 5px;
    float: left; 
}

.worksarea dd.cat03 {
    text-align: center;
    background: #6DA397;
    color: #fff;
    width: 90px;
    height: 20px;
    margin: 0 15px 0 0;
    padding-top: 5px;
    float: left; 
}

.worksbox {
	clear: both;
	display: flex;
	display:-ms-flexbox;/*--- IE10 ---*/
    width: 1000px;
    margin: 0 auto 40px;
}

dl.worksarea {
	clear: both;
    margin-right: 21px;
}

dl.worksarea dt {
	margin-bottom: 6px;
}

dl.worksarea dd {
    overflow: hidden;
    padding-top:5px;
}

.works_btn {
	text-align: center;
    width: 220px;
    margin: 0 auto;
}

.works_btn p {
	color: #968E7E;
	border: 1px solid #968E7E;
	padding: 14px 0;
	text-align: center;
	background: url(../images/common/arw01.gif) no-repeat 180px 50%;
}

.works_btn p a {
	color: #968E7E;
	display: block;
	text-decoration: none;
}


/* Pager */

.pager {
    text-align: center;
}

.pager ul {
    list-style-type: none;
    padding-left: 0;
    text-align: center;
    vertical-align: inherit;
    /* overflow: hidden; */
    /* margin: 0 auto; */
    /* clear: both; */
    display: inline-block;
    /* width: 580px; */
    /* text-align: center; */
    /* float: left; */
}


.pager ul li {
    border: 1px solid #E9E4DC;
    float: left;
    margin-right: 8px;
    /* height: 20px; */
    width: 54px;
    padding: 15px 0px;
	color: #A68A5F;
	display: block;
	font-size: 116%;
}

.pager p.prev {
	float: left;
    border: none;
    color: #A68A5F;
    width: 54px;
    padding: 15px 15px 15px 30px;
    display: block;
    margin: 0;
    text-align: center;
    background: #F2EFEA url(../images/common/arw02.gif) no-repeat 14px center;
	font-size: 116%; 
}

.pager p.next {
    float: right;
    margin-right: 0;
    border: none;
    color: #A68A5F;
    width: 54px;
    padding: 15px 30px 15px 15px;
    display: block;
    margin: 0;
    text-align: center;
    background: #F2EFEA url(../images/common/arw01.gif) no-repeat 86% center;
 	font-size: 116%;
}

.pager p.prev a {
    float: left;
	background: #F2EFEA;
	border: none;
	color: #A68A5F;
    width: 54px;
	display: block;
	text-decoration: none;
}

.pager p.next a {
    float: right;
    margin-right: 0;
	background: #F2EFEA;
	border: none;
	color: #A68A5F;
    width: 54px;
	display: block;
	text-decoration: none;
}

.pager ul li.current {
	background: #C0AC8E;
	border: none;
	color: #fff;
}

.pager ul li.current a {
	color: #fff;
}

.pager a {
	display: block;
	color: #A68A5F;
}



/* newhouse */

.housedetail {
	margin-bottom: 70px;
}

.housedetail dl {
	width: 380px;
	margin-right: 50px;
	float: left;
    overflow: hidden;
}

.housedetail dl span {
	text-align: center;
    color: #fff;
    width: 90px;
    height:20px;
    padding-top: 5px;
    float: left;
	margin: 0 5px 0 0;
}

.housedetail dl span.cat01 {
    background: #7E91B1;
}

.housedetail dl span.cat02 {
    background: #DAB678;
}

.housedetail dl span.cat03 {
    background: #6DA397;
}

.housedetail dl span.new {
    background: #F7584C;
    width: 50px;
}

.housedetail dt {
  clear: left;
	color: #997E53;
	font-size: 153.9%;
	margin-bottom:30px;
  line-height:150%;
  padding-top:18px;
}

.housedetail dd.comment {
  font-size:108%;
  line-height:175%;
  margin-bottom:25px;
}

.housedetail dd.feature {
	overflow: hidden;
	margin-left: 0;
  font-size:108%;
}

.housedetail dd.feature p.tit {
	color: #A68A5F;
	border: 1px solid #A68A5F;
	padding: 25px 0;
	width: 80px;
	text-align: center;
	float: left;
	margin-right: 20px;
}

.housedetail dd.feature p.con {
	font-size: 93%;
	margin-top: 15px;
}

.p_gallery {
	clear: both;
	margin-bottom: 70px;
}

.p_gallery dl.tit {
	overflow: hidden;
    text-align: center;
	margin-bottom: 40px;
}

.p_gallery dl.tit dt {
	color: #A68A5F;
	font-size: 150%;
	background: url(../images/works/line01.gif) no-repeat center bottom;
	padding-bottom: 5px;
	margin-bottom: 35px;
}

.p_gallery dl.tit dd {
	margin-left: 0;	
}

.p_gallery .list {
    display: flex;
	display:-ms-flexbox;/*--- IE10 ---*/
    width: 1000px;
    margin: 0 auto 10px;
}

.p_gallery .list dl {
    clear: both;
    margin-right: 33px;
}

.p_gallery .list dd {
	margin-left: 0;
	margin-top: 8px;
}

table.houseinfo {
	width: 100%;
	border: 1px solid #D9D9D9;
	border-collapse: collapse;
	margin-bottom: 80px;
}

table.houseinfo th {
	background: #EEEEEE;
	border: 1px solid #D9D9D9;
	font-weight: normal;
	padding: 18px 0 18px 15px;
	text-align: left;
}
table.houseinfo td {
	background: #fff;
	border: 1px solid #D9D9D9;
	font-weight: normal;
	padding: 18px 0 18px 15px;
	text-align: left;
    width: 380px;
}



.pager ul li.workslist {
    float: left;
    /* height: 20px; */
    width: 185px;
    display: block;
	border: none;
    color: #A68A5F;
	padding: 15px 15px 15px 30px;
    margin: 0;
    text-align: center;
    background: #F2EFEA url(../images/works/icon01.gif) no-repeat 14px center;
    font-size:116%;
}

/* reform */
dl.detail_info {
	border: 1px solid #CBBDA7;
	padding: 10px 30px;
	clear: both;
	width: 938px;
	display: flex;
	display:-ms-flexbox;/*--- IE10 ---*/
	margin: 80px 0 40px;
}

dl.detail_info dt {
	color: #9A7E54;
  padding:10px 30px 10px 0px;
	border-right: 1px solid #CBBDA7;
	margin-right: 30px;
  margin-bottom:0px;
  font-size:116%;
}

dl.detail_info dd {
	color: #444;
    font-size:123.1%;
    margin: 3px 120px 0px 0px;
    padding:10px 0px 5px 0px;
}


.reform_detail {
	display: flex;
	display:-ms-flexbox;/*--- IE10 ---*/
}

.reform_detail .arw {
	padding: 160px 42px;
}

p.comment {
	width: 1000px;
  margin-bottom: 40px;
}

dl.before {
	width: 445px;
}


dl.before dt {
	background: #CBBDA7;
	color: #fff;
	padding: 7px 0;
	text-align: center; 
}

dl.before dd {
	margin-left: 0;
}

dl.after {
	width: 445px;
}


dl.after dt {
	background: #CBBDA7;
	color: #fff;
	padding: 7px 0;
	text-align: center; 
}

dl.after dd {
	margin-left: 0;
}