@charset "utf-8";
/*------------------------------------------------------------------------------
    トップページ
------------------------------------------------------------------------------*/
#mainvisual {
	margin: 0 auto;
	width:960px;
	height:310px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#mainvisual img {
	top: 0;
	left: 0;
	position: absolute;
}


div#top h3{
	background:none;
	padding:0;
	margin:0;
	}
	
div#top01 h3{
	background:none;
	padding:35px 0 5px 0;
	margin:0;
	}

div#top01 p{
	width:670px;
	padding-left:7px;
	}
	
div#top01{
	position:relative;
	min-height:315px;
	}

div#bg_top{
	position:absolute ;
	z-index:100;
	top:2px;
	right:70px;
	width:211px;
	height:254px;
	background:url(../img/top/bg_top01.png) 0 0 no-repeat;
	}

ul#pro_menu{
	position:absolute ;
	z-index:50;
	top:245px;
	left:35px;
	overflow:hidden;
	}

ul#pro_menu li{
	float:left;
	list-style:none;
	height:36px;
	}

ul#pro_menu li a{
	height:36px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background:url(../img/top/menu_pro.gif) 0 0 no-repeat;
	}
		
ul#pro_menu li#pronav01 a{
	background-position: 0 0;
	width:123px;
	}

ul#pro_menu li#pronav02 a{
	background-position: -123px 0;
	width:105px;
	}

ul#pro_menu li#pronav03 a{
	background-position: -228px 0;
	width:88px;
	}

ul#pro_menu li#pronav04 a{
	background-position: -316px 0;
	width:200px;
	}

ul#pro_menu li#pronav05 a{
	background-position: -516px 0;
	width:160px;
	}

ul#pro_menu li#pronav06 a{
	background-position: -675px 0;
	width:195px;
	}

ul#pro_menu li#pronav01 a:hover{
	background-position: 0 -36px;
	width:123px;
	}

ul#pro_menu li#pronav02 a:hover{
	background-position: -123px -36px;
	width:105px;
	}

ul#pro_menu li#pronav03 a:hover{
	background-position: -228px -36px;
	width:88px;
	}

ul#pro_menu li#pronav04 a:hover{
	background-position: -316px -36px;
	width:200px;
	}

ul#pro_menu li#pronav05 a:hover{
	background-position: -516px -36px;
	width:160px;
	}

ul#pro_menu li#pronav06 a:hover{
	background-position: -675px -36px;
	width:195px;
	}


div#top02{
	float:left;
	width:356px;
	background:url(../img/top/bg_top02.png) 202px 125px no-repeat;
	height:415px;
	}
	
@media screen and (max-device-width: 1024px) {
div#top02{
	background:url(../img/top/bg_top02.png) 202px 180px no-repeat;
	height:430px;
	}
	}
	
div#top02 p{
	height:304px;
	}

div#top02 h3{
	padding-bottom:15px;
	}

div#top03{
	float:left;
	width:360px;
	padding-left:10px;
	border-left:2px solid #c1bc8b;
	}

div#top03T{	
	border-bottom:1px solid #c1bc8b;
	background:url(../img/top/bg_top03.png) 202px 85px no-repeat;
	}
	
div#top03T p{
	width:198px;
	}
	
div#top03T p.btn{
	padding:0 0 5px 0;
	}

div#top03B{	
	background:url(../img/top/bg_tit04.jpg) 220px 15px no-repeat;
	}


div#top03B h3{
	height:auto;
	padding:10px 0;
	}
	
div#top03B p{
	width:238px;
	}

div#top04 li{
	float:left;
	list-style:none;
	}
	
div#top04 li:first-child{
	padding-right:20px;
	}
	
div#top05 h3{
	background:url(../img/h3.gif) 0 0 no-repeat;
	width:735px;
	height:30px;
	padding:3px 0 0 16px;
	font-size:16px;
	color:#007bb4;
	font-weight:bold;
	overflow:hidden;
	}

div#top05 .right{
	float:right;
	margin:-5px 20px 0 0;
	padding-bottom:5px;
	*position:relative;
	*bottom:20px;
	}

div#top05 dl{
	overflow:hidden;
	padding:10px 0;
	}
	
div#top05  dl img{
	vertical-align: middle;
	padding-right:5px;
	}

div#top05  dt{
	float:left;
	clear:both;
	padding:0 15px 0 0;
	color:#065377;
	font-weight:bold;
	}

div#top05  dd{
	padding-top:4px;
	float:left;
	}

/*------------------------------------------------------------------------------
    お知らせ
------------------------------------------------------------------------------*/
div#info dl{
	overflow:hidden;
	padding:10px 0;
	}
	
div#info dl img{
	vertical-align: middle;
	padding-right:5px;
	}

div#info dt{
	float:left;
	clear:both;
	padding:0 15px 0 0;
	color:#065377;
	font-weight:bold;
	}

div#info dd{
	padding-top:4px;
	float:left;
	}

div#infodetail p.date{
	padding:10px 0px 24px 0;
	color:#065377;
	font-weight:bold;
	}

div#infodetail p.date img{
	vertical-align:middle;
	}
	
div#infodetail p{
	margin-bottom:1em;
	}

/*------------------------------------------------------------------------------
    不動産情報
------------------------------------------------------------------------------*/
div#land dd.landphoto{
	position:relative;
	width:160px;
	height:200px;
	}

div#land dd.commentTitle{
	padding-top:10px;
	}
	

div#land .wdh175{
	width:175px;
	}
	
div#land .stamp{
	position:absolute;
	top:30px;
	left:18px;
	z-index:100;
	width:122px;
	height:119px;

	}

div#land .bgphoto{
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:160px;
	height:200px;
	border:1px solid #c1bc8b;
	padding:2px;
	background-color:#ffffff;
	}


/*------------------------------------------------------------------------------
    会社情報
------------------------------------------------------------------------------*/
div#company dl{
	padding:10px 0;
	overflow:hidden;
	}
	
div#company dt{
	float:left;
	clear:both;
	width:130px;
	}

div#company dd{
	padding-left:145px;
	}

div#company div#access p{
	padding:10px 0 20px 0;
	}	

/*------------------------------------------------------------------------------
    お客様の声一覧
------------------------------------------------------------------------------*/
div#voice div.left,
div#voice div.right{
	background-color:#f9f7e9;
	border:1px solid #dfdcbd;
	margin-top:15px;
	text-align:center;
	width:345px;
	float:left;
	}

div#voice div.right{
	margin-left:30px;
	}
	
div#voice div.photo{
	position: relative;	
	width: 315px;
	margin: 0 auto;
	padding-top:10px;
	}

div#voice div.cover{
	background-color:#a9a25b;
	width: 315px;
	height: 30px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	float: left;
	opacity: 0.8;
	}

div#voice div.cover a,
div#voice div.cover a:hover,
div#voice div.cover a:visited{
	color:#ffffff;
	font-weight:bold;
	margin-top:10px;
	display:block;
	}

/*------------------------------------------------------------------------------
    お客様の声詳細
------------------------------------------------------------------------------*/
div#voicedetail h3{
	margin-bottom:30px;
	}
	
/*------------------------------------------------------------------------------
    施工事例一覧
------------------------------------------------------------------------------*/
div#example div.left{
	width:350px;
	float:left;
	margin-top:20px;
	}

div#example div.round{
	border:1px solid #dfdcbd;
	padding:3px;
	margin:0;
	width:320px;
	background-color:#f9f7e9;
	margin-left:5px;
	}
	
div#example div.right{
	width:350px;
	float:left;
	margin-top:20px;
	}

div#example div.right h4 img{
	vertical-align:middle;
	}
	
div#example div.right h4.newly{
	color:#416118;
	font-size:15px;
	}

div#example div.right h4.reform{
	color:#981541;
	font-size:15px;
	}

div#example div.right h5{
	color:#4f3709;
	font-size:18px;
	font-weight:bold;
	padding:15px 0 0 0 ;
	}
	
div.example_line{
	border-bottom:1px solid #dfdcbd;
	}
	
div.example_line div.right p{
	padding:1px 10px 12px 0px;
	}

/*------------------------------------------------------------------------------
    施工事例詳細
------------------------------------------------------------------------------*/
div#exampledetail div.left{
	width:340px;
	float:left;
	margin-top:20px;
	}

div#exampledetail .round{
	border:1px solid #dfdcbd;
	padding:3px;
	margin:0;
	background-color:#f9f7e9;
	margin-left:5px;
	}
	
div#exampledetail .fr,
div#voicedetail .fr{
	margin:0 0 0 15px;
	}

div#exampledetail .fl,
div#voicedetail .fl{
	margin:0 15px 0 0;
	}

	
div#exampledetail div.right{
	width:350px;
	float:left;
	margin-top:20px;
	}

div#exampledetail h3{
	background:none;
	border-bottom:1px solid #bfb270;
	padding-left:0;
	font-size:16px;
	font-weight:bold;
	}

div#exampledetail h3 img{
	margin-right:10px;
	vertical-align:middle;
	}

div#exampledetail dt,
div#voicedetail dt{
	color:#6a6458;
	font-weight:bold;
	line-height:24px;
	padding-bottom:5px;
	overflow:hidden;

	}

div#exampledetail dd,
div#voicedetail dd{
	padding:5px 0;
	}
		
div#exampledetail h4,
div#voicedetail h4{
	color:#6a6458;
	line-height:24px;
	padding-bottom:5px;
	overflow:hidden;
	}

div#exampledetail table{
	width:350px;
	margin:20px ;
	}

div#exampledetail th{
	background-color:#887b41;
	color:#ffffff;
	font-weight:bold;
	padding:10px;
	border:1px solid #fdfcf7;
	width:100px;
	}

div#exampledetail td{
	background-color:#ffffff;
	padding:10px;
	width:200px;
	border:1px solid #fdfcf7;
	}

	
/*------------------------------------------------------------------------------
    リフォームする
------------------------------------------------------------------------------*/
div#reform01{
	background:url(../img/reform/reform_img01.jpg) 455px 50px no-repeat;
	min-height:310px;
	}

div#reform01 h4{
	padding:25px 0;
	}

div#reform01 p{
	width:450px;
	}

div#reform_box{
	background:url(../img/reform/bg_reform.jpg) 0 0 no-repeat;
	width:742px;
	height:220px;
	}

div#reform_box dl{
	padding:20px 0 20px 10px;
	}

div#reform_box dt{
	background:url(../img/reform/icon_pink.gif) 0 5px no-repeat;
	padding:5px 0 5px 20px;
	font-size:16px;
	color:#eb0053;
	font-weight:bold;
	}

div#reform_box dd{
	padding:5px 0 10px 20px;
	color:#463223;
	font-size:14px;
	}


div#reform03{
	background:url(../img/reform/reform_arrow.gif) 0 35px no-repeat;
	min-height:385px;
	}

div#reform03 dl{
	padding:0px 0 0 150px;
	}

	
div#reform03 dt{
	display:none;
	}

div#reform03 dd.one{
	padding-top:35px;
	}	

div#reform03 dd.two{
	padding-top:35px;
	width:400px;
	}	
	
div#reform03 dd.three{
	padding-top:23px;
	}	

div#reform03 dd.four{
	padding-top:42px;
	}	

div#reform03 dd.five{
	padding-top:32px;
	}

/*------------------------------------------------------------------------------
    犬と暮らす家
------------------------------------------------------------------------------*/
div#dog01{
	background: url(../img/dog/dog_img01.jpg) 450px 50px no-repeat;
	}
	
div#dog02 div.left{
	width:450px;
	float:left;
	}
	

div#dog02 div.right{
	padding-top:50px;
	width:250px;
	float:left;
	}

div#dog02 div.right p{
	padding:15px 0 0 15px;
	}

div#dog01 p{
	width:400px;
	}

div#dog03 h4{
	font-size:18px;
	margin-top:15px;
	}

div#dog03 div#dog03_1{
	background: url(../img/dog/dog_img03.jpg) 0 15px no-repeat;
	padding-left:250px;
	min-height:200px;
	
}

div#dog03 div#dog03_2{
	background: url(../img/dog/dog_img04.jpg) 0 0px no-repeat;
	padding-left:250px;
	min-height:200px;
}


/*------------------------------------------------------------------------------
    進和のキモチ
------------------------------------------------------------------------------*/
div#pro01{
	margin:15px 0 0 0;
	background:url(../img/pro/pro_img01.jpg) 397px 30px no-repeat;
	min-height:200px;
	}

div#pro01 p{
	width:420px;
	}
div#pro04 p{
	width:380px;
	}

div#pro04{
	background:url(../img/pro/pro_img02.jpg) 397px 0px no-repeat;
	min-height:140px;	
	}

div#pro01 h5{
	font-size:16px;
	color:#4f3709;
	margin:10px 0;
	}

div#pro01 h6{
	font-weight:bold;
	font-size:14px;
	color:#716246;
	}
	
div#pro05{
	background:url(../img/pro/pro_arrow.gif) 0 40px no-repeat;
	min-height:440px;
	}

div#pro05 dl{
	padding:0px 0 0 150px;
	}

	
div#pro05 dt{
	display:none;
	}

div#pro05 dd.one{
	padding-top:35px;
	}	

div#pro05 dd.two{
	padding-top:35px;
	width:400px;
	}	
	
div#pro05 dd.three{
	padding-top:33px;
	}	

div#pro05 dd.four{
	padding-top:42px;
	}	

div#pro05 dd.five{
	padding-top:42px;
	}


div#pro05 dd.six{
	padding-top:45px;
	}



/*------------------------------------------------------------------------------
    不動産・土木ご相談下さい
------------------------------------------------------------------------------*/
div#design01{
	background:url(../img/design/bg_design.jpg) 395px 50px no-repeat;
	min-height:300px;
	}

div#design01 h4{
	margin:20px 0 15px 0;
	}

div#design02{
	background:url(../img/design/design_arrow01.gif) 0 40px no-repeat;
	min-height:520px;
	}

div#design02 dl{
	padding:0px 0 0 140px;
	}

	
div#design02 dt{
	display:none;
	}

div#design02 dd.one{
	padding-top:45px;
	}	

div#design02 dd.two{
	padding-top:45px;
	width:400px;
	}	
	
div#design02 dd.three{
	padding-top:47px;
	}	

div#design02 dd.four{
	padding-top:58px;
	}	

div#design02 dd.five{
	padding-top:50px;
	}


div#design02 dd.six{
	padding-top:53px;
	}

div#design03{
	background:url(../img/design/design_arrow02.gif) 0 40px no-repeat;
	min-height:480px;
	}

div#design03 dl{
	padding:0px 0 0 190px;
	}

	
div#design03 dt{
	display:none;
	}

div#design03 dd.one{
	padding-top:40px;
	}	

div#design03 dd.two{
	padding-top:45px;
	width:400px;
	}	
	
div#design03 dd.three{
	padding-top:40px;
	}	

div#design03 dd.four{
	padding-top:42px;
	}	

div#design03 dd.five{
	padding-top:37px;
	}


/*------------------------------------------------------------------------------
    よくある質問
------------------------------------------------------------------------------*/
div#faq01{
	padding-top:20px;
	}
	
div#faq h4{
	line-height:24px;
	padding-bottom:5px;
	}


div#faq p.q{
	background:url(../img/qa/q.gif) 5px 5px no-repeat;
	padding:7px 0 0 30px;
	min-height:36px;
	}


/*アコーディオン*/
div#faq div.trigger {
	color:#007bb4;
	font-weight:bold;
	background:url(../img/qa/accordion_down.gif) right center no-repeat #e9f4f9;
	min-height:36px;
	margin-top: 20px;
	}

div#faq div.active {
	color:#007bb4;
	font-weight:bold;
	background:url(../img/qa/accordion_up.gif) right center no-repeat #e9f4f9;
	min-height:36px;
}

div#faq div.toggle_container {
	background:url(../img/qa/a.gif) 5px 10px no-repeat #fdf4f5;
	padding:5px 0 10px 30px;
	color:#754048;
	}	

div#faq div.toggle_container p{
	padding:5px 0 0 0;
	}

/*------------------------------------------------------------------------------
    ワークスタイル
------------------------------------------------------------------------------*/
div#content_work{
	position: relative;
	}

div#content_work h3{
	background:url(../img/workstyle/h3.gif) 0 0 no-repeat;
	width:960px;
	height:30px;
	padding:3px 0 0 16px;
	font-size:16px;
	}
		
#visual {
	margin: 0 auto;
	width:970px;
	height:763px;
	text-align: left;
	overflow: hidden;
	top: 0;
	left: 0;
	position: absolute;
	z-index:1;
}

#visual img {
	top: 0;
	left: 0;
	position: absolute;
}

div#workstyle01,
div#workstyle02{
	top: 0;
	left: 0;
	position: relative;
	z-index:100;
	}

div#workstyle01 h4,
div#workstyle02 h4{
	padding:10px 0 15px 0;
	}
	
div#workstyle01 p,
div#workstyle02 p{
	width:500px;
	padding:0 0 0 5px;
	}
	
div#workstyle01 p.work,
div#workstyle02 p.work{
	padding:0px;
	}
	
/*------------------------------------------------------------------------------
    お問い合わせ
------------------------------------------------------------------------------*/
div#contact01{
	padding-bottom:35px;
	}

div#contact01 ul{
	padding-top:25px;
	}
	
div#contact01 li{
	float:left;
	padding-right:15px;
	list-style:none;
	}

div#contact01 li.topdown{
	padding-top:10px;
	}
	
p.form{
	font-size:14px;
	}

#form{
	margin:0px;
	padding:0px;
	font-size:14px;
	}
		
#form {
	width:705px;
	padding:10px 10px 0 10px;
	background-color:#f9f7e9;
	border:1px solid #dfdcbd;
	overflow:hidden;
	}
	
#form dl{
	margin:0px;
	background:url(../img/contact/contact_line.gif) repeat-x 0 bottom;
	}
	
#form dt{
	width:155px;
	float:left;
	padding:12px 0 12px 0;
	}
	
#form dd{
	margin-left:155px;
	padding:12px 0 12px 0;
	}
	
#form ul{
	width:270px;
	}

#form div.btn{
	margin-left:200px;
	padding:20px 0 20px 0;
	*padding:0;
	overflow:hidden;
	}
	
@media screen and (max-device-width: 1024px) {
.form ul{
	width:320px;
	}
	}
	
#form li{
	list-style:none;
	float:left;
	margin-right:20px;
	}
	
#form td{
	padding-right:10px;
	*padding-right:5px;
	font-size:13px;
	}
	
.form-error{
	font-size:14px;
	margin:0px;
	padding:0px;
	background-color:#fdfcf7;
	}
	
.form-error dl{
	margin:0px;
	padding:0px;
	}
	
.form-error dd{
	margin:0px;
	padding:0px;
	}
	
.form-error dt{
	margin:0px;
	padding:0px;
	}
	
.form-error a{
	color: #0e1a81;
	text-decoration:none;
	}
	
.form-error ul{
	display:block;
	overflow:hidden;
	width:680px;
	background-color:#f9f7e9;
	border:1px solid #dfdcbd;
	margin:0px;
	padding:0px;
	margin-top:10px;
	padding:10px 0 10px 10px;
	}
	
.form-error li{
	list-style:none;
	}

#form span.red{
	font-size:12px;
	padding-left:5px;
	color:#ff0000;
	}
	
/*------------------------------------------------------------------------------
    サイトマップ
------------------------------------------------------------------------------*/
div#sitemap p{
	padding-bottom:8px;
	}
	
.underline{
	background:url(../img/underline.gif) left bottom repeat-x;
	}

.icon{
	background:url(../img/icon.gif) 0 0 no-repeat;
	padding:0 0 0 18px;
	}

div#sitemap dl{
	padding:10px 0;
	}
	
div#sitemap dt{
	float:left;
	clear:both;
	}

div#sitemap dd{	
	padding-left:170px;
	padding-bottom:8px;
	}
	
/*------------------------------------------------------------------------------
    プライバシーポリシー
------------------------------------------------------------------------------*/
#policy p{
	padding:10px 10px 20px 0;
	}

/*------------------------------------------------------------------------------
    リンク
------------------------------------------------------------------------------*/
#link dl{
	width:230px;
	float:left;
	padding:5px 10px 10px 3px ;
	}