@charset "utf-8";
/* CSS Document */
.page_titile{
	width:1000px;
	height:250px;
	margin:0 0 20px 0;
}
#content_main{
	float:left;
	width:750px;
	height:auto;
	min-height:1498px;
	padding:10px 10px 20px 10px;
	margin:0 0 20px 0;
	background-image:url(../images/contant_bg.jpg);
	color:#ffffff;
	letter-spacing:1.5;
	line-height:1.5;
}
.contet_title{
	clear:both;
	width:730px;
	height:41px;
	padding:9px 0 0 20px;
	margin:0 0 20px 0;
	background-image:url(../images/contet_titlebg.png);
	font-family:"ヒラギノ明朝 ProN W6",  "HiraMinProN-W6", "HG明朝E",  "ＭＳ Ｐ明朝",  "MS PMincho",  "MS 明朝",  serif;
	font-weight:nomal;
	font-size:22px;
	color:#ffffff;
	letter-spacing:1px;
	text-shadow:#6C090A 1px 1px;
}
.contet_title02{
	clear:both;
	width:730px;
	height:33px;
	padding:7px 0 0 0;
	margin:0 0 20px 10px;
	border-bottom:solid 1px #fff;
	font-family:"ヒラギノ明朝 ProN W6",  "HiraMinProN-W6", "HG明朝E",  "ＭＳ Ｐ明朝",  "MS PMincho",  "MS 明朝",  serif;
	font-weight:nomal;
	font-size:20px;
	color:#ffffff;
}
.contet_title03{
	clear:both;
	width:730px;
	height:37px;
	padding:7px 0 0 20px;
	margin:0 0 20px 0;
	background-image:url(../images/contet_titlebg03.jpg);
	font-family:"ヒラギノ明朝 ProN W6",  "HiraMinProN-W6", "HG明朝E",  "ＭＳ Ｐ明朝",  "MS PMincho",  "MS 明朝",  serif;
	font-weight:nomal;
	font-size:20px;
	color:#ffffff;
}

.message{
	margin:0 0 20px 15px;
	font-size:26px;
	font-family:"ヒラギノ明朝 ProN W6",  "HiraMinProN-W6", "HG明朝E",  "ＭＳ Ｐ明朝",  "MS PMincho",  "MS 明朝",  serif;
	color:#ffffff;
	text-shadow:1px 1px #000000;
}
#content_main ol{
	clear:both;
}
#content_main h5{
	clear:both;
	width:100%;
	height:20px;
	font-size:16px;
	font-weight:bold;
	border-left:solid 5px;
	margin:0 0 15px 10px;
	text-indent:10px;
}
.contet_subtitle{
	clear:both;
	width:730px;
	height:30px;
	padding:5px 0 5px 10px;
	font-weight:bold;
	font-size:20px;
	color:#431213;
	border-bottom:dotted 1px;
	margin:0 0 10px 0;
}
#content_main p{
	clear:both;
	width:auto;
	height:auto;
	float:left;
	margin:0 20px 20px 10px;
	line-height:1.8;
}
#content_main .img_left{
	clear:both;
	width:auto;
	height:auto;
	float:left;
	margin:0 10px 10px 0;

}
#content_main .img_right{
	width:auto;
	height:auto;
	float:right;
	margin:0 0 10px 10px;

}
#content_main .img_center{
	clear:both;
	width:auto;
	height:auto;
	margin:0 auto 10px auto;
	text-align:center;
}
#content_main h3{
	margin:0 0 10px 0;
	padding:0;
	font-size:16px;
}	

#gotop{
	clear:both;
	width:110px;
	height:36px;
	margin:20px 0 0 0;
	float:right;
}

/*---------------------------------TABLE*/
.table01{
	width:750px;
	height:auto;
	border:none;
	margin:10px 0 10px 0;
	color:#000000;
	background-image:url(../images/washi_bg03.png);
	background-repeat:repeat-y;
	line-height:1.0;
}
.table01 th{
	text-align:left;
	white-space:nowrap;
	padding:10px 10px 10px 30px;
	border-bottom:solid 1px #ffffff;
}
.table01 td{
	padding:10px;
}
.table01 td img{
	margin:0 auto;
}
.table01 a{
	color: #363380;
}
.table01 a:hover{
	color:#000000;
}
.table01 hr{
	width:100%;
	height:1px;
	color:#eee;
	margin:0 auto;
	background-color:#eee;
}

/*---------------------------------会社概要*/
#map{
	width:750px;
	height:400px;
	margin:0;
	border:none;
	overflow:hidden;
}
#about_menu{
	width:750px;
	height:50px;
	margin:30px 0 30px 10px;
	padding:0;
	list-style:none;
}
#about_menu li{
	width:179px;
	height:50px;
	float:left;
	margin:0 3px;
	padding:0;
}
/*---------------------------------造作家具*/
.zousakulist ul{
	float:left;
	width:auto;
	margin:0 0 10px 10px;
	padding:0;
}
.zousakulist li{
	float:left;
	width:180px;
	height:auto;
	min-height:120px;
	max-height:120px;
	margin:0 2px 2px 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
/*---------------------------------スケジュール*/
.schedule_box01{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_01.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box02{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_02.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box03{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_03.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box04{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_04.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box05{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_05.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box06{
	float:left;
	clear:both;
	width:715px;
	height:175px;
	background-image: url(../images/schedule/bg_06.png);
	background-repeat:no-repeat;
	padding:75px 0 0 25px;
}
.schedule_box07{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_07.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box08{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_08.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box09{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_09.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box10{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_10.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box11{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_11.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box12{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_12.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
}
.schedule_box13{
	float:left;
	clear:both;
	width:715px;
	height:195px;
	background-image: url(../images/schedule/bg_13.png);
	background-repeat:no-repeat;
	padding:55px 0 0 25px;
	margin:0 0 30px 0;
}
.schedule_text{
	width:430px;
	height:auto;
	color:#000000;
	line-height:1.5;
}
.schedule_link{
	float:left;
	margin:25px 0 0 250px;
}
.comment_box{
	width:660px;
	height:auto;
	padding:10px;
	background-image:url(../images/washi_bg02.jpg);
	color:#000000;
	font-size:11px;
	line-height:1.2;
	margin:10px 0 0 0;
}
.syousai{
	float:left;
	width:auto;
	height:auto;
	margin:10px 0 0 140px;
}
/*---------------------------------サイトマップ*/
#sitemap{
	margin:0 0 30px 20px;
	color:#ffffff;
}
#sitemap li{
	margin:0 0 15px 0;
	padding:0;
}
/*---------------------------------土地情報*/
.estatebox{
	float:left;
	width:740px;
	height:auto;
	margin:0 0 20px 0;
	clear:both;
	border-bottom: solid 1px #666666;
	padding:5px;	
}
.estatetitile{
	float:left;
	clear:both;
	width:700px;
	height:auto;
	margin:0 auto 10px auto;
	padding:10px 10px 0px 30px;
	background-color:#D3E1E4;
	color:#000000;
}
.estatetitile h4{
	float:left;
	font-size:20px;
	margin:0 0 10px 0;
	padding:1px 0 0 22px;
	color:#00698C;
	text-shadow:#ffffff 1px 1px;
	background-image:url(../images/estateinfo/estateinfo02.png);
	background-repeat:no-repeat;
	background-position:left;
}
.estatetitile p{
	margin:0;
}
.estatebox table{
	clear:both;
	border:none;
	line-height:1.8;
}
.estatebox table th{
	text-align:left;
	white-space:nowrap;
	vertical-align:top;
	background-color:#D3E1E4;
	margin:0 2px 2px 0;
	padding:5px 10px;
	color:#000000;
}
.estatebox table td{
	vertical-align:top;
	padding:5px 10px;
}
.estatebox table td.price{
	font-size:16px;
	color: #FC003E;
	font-weight:bold;
	vertical-align:top;
	padding:5px 10px;
}

.estatebox table img{
	max-width:400px;
	height:auto;
	margin:0 10px 10px 0;
}

/*---------------------------------施工事例*/
.examples_nav{
	float:left;
	width:720px;
	height:auto;
	padding:10px;
	background-image: url(../images/contet_titlebg03.jpg);
	color:#ffffff;
	text-indent:10px;
	vertical-align:middle;
	margin:15px 0 15px 10px;
}
.examples_nav img{
	float:right;
}
.examples_nav a{
	color:#ffffff;
}
.examples_nav a:hover{
	color:#A35051;
}
.examplesarea{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 750px;
}
.examplesarea::after {
    display: block;
    content:"";
    width: 206px;
    padding: 10px 20px;
}
.examplesbox{
	width:206px;
	height:226px;
	margin:10px 2px 5px 2px;
	padding:10px 20px;
	background-image:url(../images/examples/examplesbox.jpg);
}
.examplesbox .examplephoto{
	width:180px;
	height:auto;
	padding:0;
	margin:0 auto 10px auto;
}
.examplesbox .examplename{
	width:180px;
	height:auto;
	font-size:16px;
	font-weight:bold;
	margin:0 auto 10px auto;
}
.examplesbox .concept{
	font-size:10px;
	width:180px;
	height:auto;
	margin:0 auto 3px auto;
}
.examplescopy{
	clear:both;
	float:left;
	width:730px;
	height:auto;
	font-family:   "ヒラギノ明朝 ProN W6",  "HiraMinProN-W6", "HG明朝E",  "ＭＳ Ｐ明朝",  "MS PMincho",  "MS 明朝",  serif;
	color:#ffffff;
	font-size:24px;
	margin:0 0 10px 20px;
}
.examplescopy img{
	float:right;
	margin:0 10px 0 0;
}
.examplestext{
	width:710px;
	height:auto;
	margin:20px auto;
	padding:10px;
	line-height:1.8;
	color:#ffffff;
}
.examplesmainphoto{
	width:740px;
	height:480px;
	margin:10px auto;
	text-align:center;
}
.examplesmainphoto img{
	max-width:740px;
	max-height:400px;
	width:auto;
	height:auto;
	margin:0 auto;
}
.thumbnailbox{
	clear:both;
	width:740px;
	height:auto;
	margin:0 auto 20px auto;
	padding:5px 5px 0 5px;
	background-color:#EFEFEF;
}
.thumbnailbox img{
	width:180px;
	height:120px;
	min-height:120px;
	overflow:hidden;
	margin:5px 0 0 1px;
	padding:0;
}
#contact_link{
	clear:both;
	width:auto;
	height:auto;
	border:solid 1px #cccccc;
	padding:5px 10px;
}
#contact_link a{
	text-decoration:none;
}
.faq_title{
	clear:both;
	border-bottom:dotted 1px #444444;
	margin:0 0 5px 0;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 10px 10px;
}
.faq_box{
	float:left;
	width:700px;
	height:auto;
	margin:0 auto 10px 5px;
	padding:20px;
	background-image:url(../images/content_bg.jpg);
	color:#ffffff;
}
.faq_box .faq_q{
	float:left;
	width:670px;
	height:auto;
	min-height:40px;
	margin:0 0 10px 0;
	padding:2px 0 10px 30px;
	background-image:url(../images/faq_q.png);
	background-repeat:no-repeat;
	border-bottom: dotted 1px #ffffff;
	color:#0D1A53;
	font-weight:bold;
	text-shadow:1px 1px #ccc;
}
.faq_box .faq_a{
	float:left;
	width:670px;
	height:auto;
	min-height:40px;
	margin:10px 0 0 0;
	padding:2px 0 0 30px;
	background-image:url(../images/faq_a.png);
	background-repeat:no-repeat;
	color:#000000;
	text-shadow:1px 1px #ccc;
}

/*---------------------------------お客様の声*/
.voice_h4{
	clear:both;
	width:735px;
	height:auto;
	margin:0 0 20px 10px; 
	font-size:20px;
	font-family:   "ヒラギノ明朝 ProN W6",  "HiraMinProN-W6", "HG明朝E",  "ＭＳ Ｐ明朝",  "MS PMincho",  "MS 明朝",  serif;
	border-bottom:dotted 1px;
}
.examplesbox .voicecopy{
	font-size:10px;
	width:180px;
	height:30px;
	margin:0 auto 3px auto;
	overflow:hidden;
}
.voice_box{
	float:left;
	width:700px;
	height:auto;
	margin:0 auto 10px 5px;
	padding:20px;
	background-image:url(../images/content_bg.jpg);
	color:#ffffff;
}
.voice_q{
	float:left;
	width:670px;
	height:auto;
	min-height:40px;
	margin:0 0 10px 0;
	padding:2px 0 10px 30px;
	background-image: url(../images/voice/voice_e.png);
	background-repeat:no-repeat;
	border-bottom: dotted 1px #ffffff;
	color:#0D1A53;
	font-weight:bold;
	text-shadow:1px 1px #ccc;
}
.voice_a{
	float:left;
	width:670px;
	height:auto;
	min-height:40px;
	margin:10px 0 0 0;
	padding:2px 0 0 30px;
	background-image: url(../images/voice/voice_v.png);
	background-repeat:no-repeat;
	color:#000000;
	text-shadow:1px 1px #ccc;
}
.examplescontent{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*---------------------------------こだわり*/
#kodawari_nav{
	width:750px;
	height:54px;
	margin:0 0 20px 10px;
	list-style:none;
	padding:0;
}
#kodawari_nav li{
	float:left;
	margin:0 5px 0 0;
}

/*---------------------------------家づくり*/
#building01{
	width:730px;
	height:auto;
	background-image:url(../images/building/building02.png);
	background-repeat:no-repeat;
	background-position: top right;
	text-shadow:1px 1px #000000;
	margin:0 0 20px 10px;
	line-height:1.8;
}
#building02{
	width:460px;
	height:auto;
	min-height:400px;
	background-image:url(../images/building/building03.png);
	background-repeat:no-repeat;
	background-position:center left;
	text-shadow:1px 1px #000000;
	margin:0 0 20px 10px;
	line-height:1.8;
	padding:0 0 0 280px;
}
#building03{
	width:370px;
	height:auto;
	min-height:392px;
	background-image:url(../images/building/building04.png);
	background-repeat:no-repeat;
	background-position: top right;
	text-shadow:1px 1px #000000;
	margin:0 0 20px 10px;
	line-height:1.8;
	padding:0 360px 0 0;
}
/*---------------------------------新着情報*/
#newsbox{
	width:720px;
	height:auto;
	margin:0 0 30px 20px;
	color:#ffffff;
}
#newsbox ul{
    width: 100%;
    height:auto;
	list-style:none;
	margin:0;
	padding:0;
}
#newsbox ul li{
   width: 100%;
  height:auto;
	float:left;
	clear:both;
	margin:20px 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:dotted 1px #DB6D00;
}
#newsbox ul li .date{
	float:left;
	width:140px;
	height:24px;
	margin:0 50px 0 0;
	color:#DB6D00;
	padding:2px 0 0 30px;
	background-image:url(../images/news_date_bg.png);
	background-repeat:no-repeat;
}
#newsbox ul li p{
	width:500px;
	height:auto;
	float:right;
	text-align: left;
	padding:2px 0 0 0;
}
.side #side_newsbox{
	display: none;
}