/* 画像ボーダーなし、下揃え */
img{
	border : 0px;
	}
/* 文字の縦位置 */
.m{
	vertical-align : middle;
	}
.vm{
	vertical-align : middle;
	}
.mb10{
	margin-bottom : 10px;
	}

	
/* リンク */
a:link { color: #1598D5; text-decoration : none;} 
a:visited { color: #1598D5; text-decoration : none;} 
a:hover { color: #E10000; text-decoration : underline;} 
a:active { color: #1598D5; text-decoration : none;} 
a:focus{ outline:none;}

.hover a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
	}

/* フロート類 */
.fl{
	float : left;
	margin-right : 20px;
	}
.fr{
	float : right;
	margin-left : 10px;
	}
.cr{
	clear : both;
	}
.crr{
	clear : right;
	}
	
.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear {
  min-height: 1px;
}

* html .clear{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* センター */
.ce{
	text-align : center;
	}
.rr{
	text-align : right;
	}
.ll{
	text-align : left;
	}
/* P　マージンなし */
p{
	margin : 0 auto;
	}
sup{
	vertical-align: baseline;
	position:relative;
	top:-2px
	}

.f10{
	font-size : 10px;
	line-height : 1.5em;
	}
.f12{
	font-size : 12px;
	}
.f14{
	font-size : 14px;
	}
.f16{
	font-size : 16px;
	}
.f18{
	font-size : 18px;
	}
.f20{
	font-size : 20px;
	}
.f24{
	font-size : 24px;
	}
.f40{
	font-size : 40px;
	}

.ind{
	text-indent : -1em;
	margin : 0 0 0 1em;
	}
.bold{
	font-weight : bold;
	}

/* 赤文字 */
.black{
	color : #000;
	}
.red{
	color : #d0111a;
	}
.blue{
	color : #5ab8b9;
	}
.blue2{
	color : #4070a5;
	}
.green{
	color : #2f8500;
	}
.yellow{
	color : #F7BD01;
	}

.mb10{
	margin-bottom : 10px !important;
	}
.mb20{
	margin-bottom : 20px !important;
	}
.mb30{
	margin-bottom : 30px !important;
	}
.mb40{
	margin-bottom : 40px !important;
	}
.mb50{
	margin-bottom : 50px !important;
	}
.mb100{
	margin-bottom : 100px !important;
	}
.mt10{
	margin-top : 10px !important;
	}
.mt20{
	margin-top : 20px !important;
	}
.mt30{
	margin-top : 30px !important;
	}
.mt40{
	margin-top : 40px !important;
	}

/* h */

h2 a:link { color: #2BB3E6; } 
h2 a:visited { color: #2BB3E6; } 
h2 a:hover { color: #E46100; text-decoration : underline;} 
h2 a:active { color: #2BB3E6; } 
h2,h3{
	font-size : 14px;
	font-weight : normal;
	margin : 0;
	padding : 0;
	}

form{
	margin : 0;
	}
textarea{
	font-size : 12px;
	}
input,select{
	margin : 0 0 10px 0;
	}
table{
	font-size : 14px;
	line-height : 1.8em;
	}
.nowrap{
	white-space : nowrap;
	}

ul,ol{
	margin : 0;
	padding : 0;
	}
.margin_list li{
	margin : 0 0 10px 0;
	}

.radius{
	border-radius : 3px;
	-webkit-border-radius : 3px;
	}

/* ボディ全体 */
body{
	margin : 0 auto;
	padding : 0;
	text-align : center;
	font-size : 14px;
	color : #000;
	line-height : 1.8;
	min-width : 1000px;
	font-family : 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;
	}

/* お問い合わせボタン */
#contact{
	position : fixed;
	top : 100px;
	right : 0px;
	z-index : 9999;
	}

/* ヘッダ */
#head{
	background : rgba(255,255,255,0.8);
	border-bottom : solid 1px #cfc1b8;
	box-sizing : border-box;
	padding : 15px 0;
	position : fixed;
	width : 100%;
	z-index : 9999;
	}
#head_content{
	margin : 0 auto;
	text-align : left;
	width : 1000px;
	}
#head_content h1{
	margin : 0;
	padding : 0;
	font-size : 14px;
	font-weight : normal;
	float : left;
	width : 39px;
	}
#head_content ul{
	list-style : none;
	float : left;
	width : 960px;
	margin : 3px 0 0 0;
	}
#head_content ul li{
	float : left;
	width : 192px;
	text-align : center;
	line-height : 1.4;
	font-weight : bold;
	}
#head_content ul li span{
	display : block;
	font-size : 10px;
	}
#head_content ul li a{
	color : #4e321f;
	text-decoration : none;
	}
#head_content ul li a:hover{
	color : #ff5a00;
	}






/* ページトップへ */
#scrollUp {
	bottom: 30px;
	right: 20px;
	height: 55px;  /* Height of image */
	width: 47px; /* Width of image */
	background: url(../img/common/top.png) no-repeat;
	}







/* フッター */
	
#foot{
	border-top : solid 2px #fff;
	background : url('../img/common/foot.jpg') top no-repeat;
	text-align : center;
	background-size : cover;
	background-attachment: fixed;
	margin : 150px 0 0 0;
	}
#foot h2{
	padding : 150px 0;
	}
#foot .foot_content{
	background : rgba(255,255,255,0.7);
	}
#foot ul{
	list-style : none;
	margin : 0 auto;
	text-align : left;
	width : 1000px;
	padding : 20px 0;
	}
#foot ul li{
	float : left;
	width : 200px;
	text-align : center;
	font-size : 12px;
	}
#foot ul li a{
	color : #000;
	text-decoration : none;
	}
#foot_navi{
	float : right;
	text-align : right;
	font-size : 12px;
	margin : 0 0 20px 0;
	padding : 30px 0 0 0;
	}
#copy{
	color : #fff;
	font-size : 10px;
	padding : 10px 0;
	text-align : center;
	background : #4e321f;
	}



.content{
	width : 1000px;
	margin : 0 auto;
	padding : 100px 0 0 0;
	text-align : left;
	}
.content .box{
	margin : 0 0 80px 0;
	}
.content h2.title{
	font-size : 30px;
	border-bottom : solid 1px #4e321f;
	border-top : solid 1px #4e321f;
	color : #4e321f;
	margin : 50px 0;
	padding : 20px 0 20px 15px;
	}
.content h2.title span{
	font-size : 16px;
	margin : 0 0 0 20px;
	}
.content h3.title{
	font-size : 24px;
	border-bottom : solid 1px #4e321f;
	color : #4e321f;
	margin : 0 0 30px 0;
	}
.content h3.title2{
	font-size : 20px;
	background : #4e321f;
	color : #fff;
	margin : 0 0 30px 0;
	padding : 5px 0 5px 20px;
	}

.pankuzu{
	margin : 0 0 -20px 10px;
	}



/* index.html */

#index_head{
	height : 1000px;
	}
#index_main{
	padding : 260px 0 0 0;
	text-align : center;
	}
#index_main p{
	color : #fff;
	font-size : 36px;
	margin : 0 0 50px 0;
	}
#index_concept{
	padding : 100px 0;
	width : 1000px;
	margin : 0 auto;
	text-align : left;
	font-size : 18px;
	line-height : 2.3;
	}
#index_concept .image{
	float : left;
	width : 300px;
	margin : 0 30px 0 0;
	}
#index_concept h2{
	font-size : 30px;
	color : #4e321f;
	}
#index_navi{
	background : #e4ddd4;
	padding : 70px 0;
	overflow : hidden;
	}
#index_navi ul{
	list-style : none;
	width : 1000px;
	margin : 0 auto;
	}
#index_navi ul li{
	float : left;
	width : 465px;
	text-align : center;
	}
#index_navi ul li:first-child{
	margin : 0 70px 0 0;
	}
#index_navi ul li p{
	margin : 0 0 20px 0;
	color : #4e321f;
	font-size : 18px;
	font-weight : bold;
	line-height : 1.5;
	}
#index_navi ul li p span{
	display : block;
	font-size : 12px;
	}
#index_navi ul li img{
	border : solid 2px #fff;
	box-sizing : border-box;
	}
#fb{
	padding : 70px 0;
	margin : 0 auto -150px;
	overflow : hidden;
	width : 1000px;
	}
#fb .box{
	width : 450px;
	float : left;
	text-align : center;
	box-sizing : border-box;
	margin : 52px 0 0 0;
	}
#fb .contact_box{
	border-radius : 0 0 8px 8px;
	border : solid 1px #7b6555;
	padding : 30px 10px 10px 10px;
	}
#fb .box .btn a{
	background : #7b6555;
	border-radius : 8px;
	padding : 10px 0;
	font-size : 20px;
	font-weight : bold;
	text-decoration : none;
	display : block;
	color : #fff;
	margin : 0 0 10px 0;
	}
#fb .box .btn a:hover{
	background : #9f8775;
	}
#fb .box .call{
	border-radius : 8px;
	border : solid 1px #7b6555;
	padding : 40px 20px;
	line-height : 1.4;
	color : #614420;
	font-weight : bold;
	}
#fb .box .number{
	}
#fb .box .number span{
	font-size : 30px;
	}
#fb iframe{
	width : 500px;
	margin : 0 0 0 50px;
	float : left;
	text-align : center;
	}



/* 事例 */
	.example_list{
		list-style : none;
		border-top : solid 3px #ddd;
		border-bottom : solid 3px #ddd;
		padding : 50px 0 0 0;
		}
	.example_list li{
		width : 325px;
		float : left;
		margin : 0 25px 50px 0;
		padding : 0 0 10px 0;
		border-right : solid 1px #ddd;
		box-sizing : border-box;
		font-size : 16px;
		font-weight : bold;
		}
	.example_list li:nth-child(3n){
		width : 300px;
		margin : 0 0 50px 0;
		border : none;
		}
	.example_list li img{
		width : 300px;
		margin : 0 0 10px 0;
		}
	.example_list li p{
		width : 300px;
		margin : 0;
		}
	.example_list li a{
		color : #4e321f;
		text-decoration : none;
		}

	.renovation_list{
		margin : 0 0 30px 0;
		}
	.renovation_list span{
		border : solid 1px #ccc;
		margin : 0 0 0 5px;
		width : 134px;
		padding : 8px 0;
		display : block;
		float : left;
		text-align : center;
		}
	.renovation_list span.first{
		margin : 0;
		}
	.renovation_list span.list1{
		background : #e7f3ea;
		}
	.renovation_list span.list2{
		background : #ddf0f5;
		}
	.renovation_list span.list3{
		background : #feedcb;
		}
	.renovation_list span.list4{
		background : #eff3ed;
		}
	.renovation_list span.list5{
		background : #fdf2f7;
		}
	.renovation_box{
		border-top : solid 1px #000;
		padding : 50px 0;
		}
	.renovation_box .gray_box{
		padding : 20px;
		background : #e4e4e4;
		margin : 20px 0;
		}
	.renovation_box .gray_box .image{
		width : 300px;
		float : left;
		}
	.renovation_box .gray_box .text{
		width : 630px;
		float : left;
		margin : 20px 0 0 30px;
		}
	.renovation_box .gray_box ol{
		margin : 0 0 0 15px;
		}
	.renovation_box .gray_box ol li{
		margin : 0 0 10px 0;
		}




	.custom07 .title{
		font-size : 20px;
		color : #ee7d6a;
		margin : 0 0 5px 0;
		}
	.custom07 .left{
		border : solid 2px #c4ca74;
		float : left;
		width : 550px;
		box-sizing : border-box;
		}
	.custom07 .left .title{
		text-align : center;
		font-weight : bold;
		color : #40210f;
		background : #e6e8c6;
		padding : 5px 0;
		}
	.custom07 .left ul{
		padding : 15px 40px 5px 40px;
		list-style : none;
		overflow : hidden;
		}
	.custom07 .left ul li{
		float : left;
		margin : 0 0 0 29px;
		}
	.custom07 .left .text{
		padding : 0 40px 10px 40px;
		}
	.custom07 .left ul li:first-child{
		margin : 0;
		}
	.custom07 .right{
		float : left;
		width : 400px;
		margin : 0 0 0 50px;
		}
	.custom07 .right li{
		list-style-type : none;
		float : left;
		font-size : 12px;
		line-height : 1.4;
		}
	.custom07 .right li:first-child{
		width : 217px;
		}
	.custom07 .right li:last-child{
		width : 171px;
		margin : 0 0 0 11px;
		}
	.custom07 .right li img{
		margin : 0 0 5px 0;
		}
	.square-thumb{
		width: 196px !important;
		height: 196px !important;
		border : solid 1px #ccc;
		}
	.gallery_title{
		background : url('../img/common/gallery.png') no-repeat left center;
		font-size : 30px;
		border-bottom : solid 1px #4e321f;
		border-top : solid 1px #4e321f;
		color : #4e321f;
		margin : 50px 0;
		padding : 20px 0 20px 80px;
		}
	.custom07 .customer{
		border : solid 2px #f8cabe;
		box-sizing : border-box;
		padding : 20px;
		position : relative;
		}
	.custom07 .customer .fukidashi{
		position : absolute;
		top : -80px;
		right : 0;
		}
	.custom07 .customer .title{
		font-weight : bold;
		color : #000;
		font-size : 24px;
		}
	.custom07 .customer .title span{
		color : #7e6341;
		margin : 0 0 0 10px;
		font-size : 18px;
		}
	.custom07 .customer .title2{
		font-size : 16px;
		color : #ee7d6a;
		margin : 15px 0 0 0;
		}
	
	.data{
		margin : -30px 0 15px 0;
		}
	.data li{
		list-style : none;
		display : inline-block;
		margin : 0 20px 0 0;
		}
	.data li span{
		background : #8bb5c1;
		border-radius : 3px;
		padding : 5px 15px;
		margin : 0 10px 0 0;
		color : #fff;
		}
	.data li:first-child span{
		background : #c18b9a;
		}
	.data .detail{
		margin : 15px 0 0 0;
		}
	.data .detail p{
		font-weight : bold;
		font-size : 18px;
		}
	
	
	
	

/* 販売物件 */
	.sale_table{
		border : solid 1px #c3c3c3;
		border-collapse : collapse;
		width : 100%;
		margin : 0 0 50px 0;
		}
	.sale_table th{
		font-weight : normal;
		white-space : nowrap;
		text-align : left;
		vertical-align : top;
		border : solid 1px #c3c3c3;
		background : #f2ebe7;
		padding : 15px;
		width : 150px;
		}
	.sale_table td{
		border : solid 1px #c3c3c3;
		vertical-align : top;
		padding : 15px;
		}
	.sale_table th.main{
		background : #ddc6b9;
		border : solid 1px #6f6f6f;
		text-align : center;
		}
	.contact{
		margin : 100px 0 0 0;
		border : solid 3px #4e311f;
		border-radius : 10px;
		}
	.contact .title{
		background : #4e311f;
		color : #fff;
		font-size : 18px;
		font-weight : bold;
		padding : 5px 0 5px 20px;
		}
	.contact .content{
		padding : 40px 60px 0 60px;
		box-sizing : border-box;
		}
	.contact .content .name{
		font-size : 24px;
		font-weight : bold;
		}



/* 会社概要 */
	.company_table{
		border : solid 1px #c3c3c3;
		border-collapse : collapse;
		width : 100%;
		margin : 0 0 50px 0;
		}
	.company_table th{
		font-weight : normal;
		white-space : nowrap;
		text-align : left;
		vertical-align : top;
		border : solid 1px #c3c3c3;
		background : #f2ebe7;
		padding : 15px;
		width : 250px;
		}
	.company_table td{
		border : solid 1px #c3c3c3;
		vertical-align : top;
		padding : 15px;
		}
	.company_table a{
		background : url('../img/about/link.png') no-repeat right center;
		padding : 0 25px 0 0;
		}
	.about{
		background : #f2ebe7;
		text-align : center;
		padding : 180px 0;
		font-size : 20px
		}
	.about .title{
		font-size : 30px;
		margin : 0 0 50px 0;
		}
	.about .image{
		margin : 0 0 50px 0;
		}



/* お問い合わせ・申し込み */
	.contact_table{
		border-collapse : collapse;
		margin : 50px 0 30px 0;
		width : 100%;
		}
	.contact_table th{
		font-weight : normal;
		white-space : nowrap;
		width : 250px;
		text-align : left;
		vertical-align : top;
		border : solid 1px #c3c3c3;
		background : #f2ebe7;
		padding : 15px;
		}
	.contact_table td{
		padding : 15px 0 15px 15px;
		border : solid 1px #c3c3c3;
		vertical-align : top;
		}
	.contact_table .mark{
		background : #ff6600;
		padding : 2px 5px;
		font-size : 10px;
		color : #fff;
		border-radius : 5px;
		}
	.red12{
		font-size : 12px;
		color : #d0111a;
		}
	.kiyaku_box{
		overflow : auto;
		height : 200px;
		border : solid 1px #cdcdcd;
		margin : 0 0 30px 0;
		background : #fff;
		font-size : 12px;
		}
	.kiyaku_box .text{
		padding : 25px;
		}
	.kiyaku_box .text ol{
		list-style : decimal;
		padding : 0 0 0 15px;
		}
	.kiyaku_box .text ol li{
		margin : 0 0 10px 0;
		}
	.kiyaku_box .text .title{
		font-size : 14px;
		border-bottom : solid 1px #cdcdcd;
		}
	.kiyaku_box .text p{
		margin : 0 0 15px 0;
		}

	.btn01{
		background : #ff811b;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 15px 0;
		width : 300px;
		font-size : 16px;
		cursor : pointer;
		}
	.btn01:hover{
		background : #ffad6a;
		}
	.btn02{
		background : #a4a4a4;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 10px 0;
		width : 200px;
		font-size : 12px;
		cursor : pointer;
		}
	.btn02:hover{
		background : #cecece;
		}
	input[type=text],
	textarea{
		padding : 10px;
		border-radius : 5px;
		border : solid 1px #ccc;
		}