@charset 'UTF-8';

/*==========================================================*/
/*基本設定*/
/*==========================================================*/


*{
margin: 0;
padding: 0;
}

html,body{
background: url(../img/body_bg.jpg) center top repeat-x;
font-size: 12px;
line-height: 1.6;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333333;
}

img{ border: none; vertical-align: top;}

a:hover{ text-decoration: none;}


/*==========================================================*/
/*ヘッダー*/
/*==========================================================*/

#header_wrap{
background: url(../img/header_bg.jpg) left top repeat-x;
width: 100%;
}

#header{
width: 960px;
margin: 0 auto;
height: 113px;
position: relative;
}

h1{ font-size: 10px; color: #FFFFFF; font-weight: normal; padding-left: 70px; line-height: 1.2;}

	#header .box_left{
	width: 475px;
	float: left;
	}

	#logo{
	display: block;
	width: 310px;
	height: 81px;
	outline: none;
	position: relative;
	top: -5px;
	margin-bottom: -5px;
	}
	
	#header .box_right{
	width: 465px;
	float: right;
	}
	
	#header_area{
	background: #F4F3EA;
	border: 1px solid #D8D8E9;
	text-align: center;
	font-size: 10px;
	color: #7D7864;
	line-height: 1.2;
	padding: 2px 0;
	white-space: nowrap;
	}
	
	#header_nav{
	width: 120px;
	list-style: none;
	padding-top: 18px;
	}
	
		#header_nav li{
		height: 12px;
		line-height: 0;
		font-size: 0;
		overflow: hidden;
		margin-bottom: 14px;
		}
		
		#header_nav li img{
		vertical-align: top;
		}
		
		
	#header_contact{
	position: absolute;
	right: 15px;
	top: 0;
	}
	
	
#header_menu{
width: 963px;
height: 79px;
position: relative;
margin: 0 auto 12px auto;
left: -5px;
zoom: 1;
}

	#header_menu #menu_wrap{
	background: url(../img/header_menu_bg.png) left top no-repeat;
	width: 940px;
	padding: 9px 12px 0 11px;
	height: 70px;
	}

	#header_menu ul{
	list-style: none;
	width: 940px;
	zoom: 1;
	}
	
	#header_menu ul li{
	float: left;
	}
	
	
/*==========================================================*/
/*コンテンツ囲み*/
/*==========================================================*/

#contents_wrap{
background: url(../img/contents_bg.png) left top no-repeat;
width: 950px;
padding: 20px 17px 0 18px;
margin: 0 auto;
}

#contents_box{
width: 940px;
margin: 0 0 60px 0;
}

#contents{
width: 690px;
float: right;
}

#side_contents{
width: 220px;
float: left;
}

.page_top_link{
width: 690px;
margin-bottom: 50px;
text-align: right;
}


/*-------------------------*/
/*--ぱんくずリスト--*/
/*-------------------------*/

#pankuzu{
width: 690px;
margin-bottom: 10px;
}

	#pankuzu a,#pankuzu span{
	color: #666666;
	margin-right: 17px;
	padding-left: 17px;
	}
	
	#pankuzu .pankuzu_home{ background: url(../img/pankuzu_home.jpg) left center no-repeat;}
	#pankuzu .pankuzu_child{ background: url(../img/pankuzu_child.jpg) left center no-repeat;}


/*==========================================================*/
/*サイドコンテンツ*/
/*==========================================================*/

/*-------------------------*/
/*--施工事例紹介--*/
/*-------------------------*/

#side_exam_list_wrap{
width: 220px;
margin-bottom: 20px;
}

	#side_exam_list_title{
	width: 220px;
	position: relative;
	}

		#side_exam_list_title p{
		background: url(../img/side_exam_list_title.jpg) left top no-repeat;
		width: 220px;
		height: 87px;
		text-indent: -999em;
		overflow: hidden;
		}
		
		#side_exam_list_title .list_tab{
		background: url(../img/side_exam_list_tab.jpg) left top no-repeat;
		position: absolute;
		bottom: 6px;
		right: 10px;
		}
		
	#side_exam_list_wrap .category_list{
	background: #C8BF8C;
	width: 210px;
	padding: 5px;
	}
	
		#side_exam_list_wrap .category_list ul{
		list-style: none;
		}

/*-------------------------*/
/*--スタッフブログ--*/
/*-------------------------*/

#side_blog_wrap{
width: 220px;
padding-top: 152px;
position: relative;
margin-bottom: 10px;
}

	#side_blog_title{
	background: url(../../img/top/side_blog_title.jpg) left top no-repeat;
	width: 228px;
	height: 152px;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	outline: none;
	}
	
	#blog_list_wrap{
	width: 208px;
	border: 1px solid #CCCCCC;
	border-top: none;
	padding: 0 5px 5px 5px;
	}
	
	#blog_list{
	background: #FAF4CD;
	width: 195px;
	padding: 0 6px 8px 7px;
	}
	
		#blog_list ul{
		list-style: none;
		}
		
			#blog_list ul li{
			background: url(../../img/top/side_blog_bottom.jpg) left bottom no-repeat;
			padding-bottom: 9px;
			margin-bottom: 5px;
			}
			
			#blog_list ul li .blog_head{
			background: url(../../img/top/side_blog_head.jpg) left top no-repeat;
			width: 165px;
			height: 16px;
			padding: 5px 0 0 30px;
			margin: 0;
			overflow: hidden;
			}
			
			#blog_list ul li .blog_contents{
			background: #FFFFFF;
			padding: 7px 8px 0 9px;
			}
			
				#blog_list ul li .blog_contents dt{
				background: url(../../img/top/icon_blog_title.jpg) left 3px no-repeat;
				padding-left: 18px;
				font-weight: bold;
				}
				
				#blog_list ul li .blog_contents dt a{
				color: #6A4537;
				}
				
				#blog_list ul li .blog_contents dd{
				background: url(../../img/top/line01.jpg) left top no-repeat;
				padding-top: 5px;
				}
	
		#blog_list .about{
		text-align: right;
		}
		
			#blog_list .about a{
			background: url(../../img/top/icon_blog_list.jpg) left center no-repeat;
			padding-left: 13px;
			color: #6A4537;
			}
			

/*-------------------------*/
/*--イベント情報--*/
/*-------------------------*/
			
#side_event_wrap{
width: 220px;
margin-bottom: 15px;
}

#side_event_title{
background: url(../../img/top/side_event_title.jpg) left top no-repeat;
width: 220px;
height: 104px;
text-indent: -999em;
overflow: hidden;
display: block;
outline: none;
}

#side_event{
background: #F7F5EE;
width: 212px;
padding: 0 3px 3px;
border: 1px solid #ECEAD9;
border-top: none;
}

	#event_list{
	background: #FFFFFF;
	width: 208px;
	padding: 1px 1px 3px;
	border: 1px solid #ECEAD9;
	border-top: none;
	}
	
	#event_list ul{
	list-style: none;
	border-top: 1px solid #FCE6AO;
	margin-bottom: 2px;
	}
	
		#event_list li{
		background: #FAF4CD url(../../img/top/event_list_bg.jpg) left bottom no-repeat;
		padding-bottom: 15px;
		}
		
			#event_list li dl{ width: 200px; padding-left: 10px; padding-top: 10px;}
			
			#event_list li dt{
			background: url(../../img/top/icon_event_day.jpg) left top no-repeat;
			padding-left: 15px;
			width: 30px;
			float: left;
			color: #6A4537;
			font-size: 10px;
			text-align: center;
			margin-right: 5px;
			}
			
			/*\*/
			#event_list li dt{ clear: both;}
			/**/
			
			#event_list li dd{
			width: 140px;
			float: left;
			font-size: 11px;
			}
			
			/*\*/
			*html #event_list li dd{ float: none;}
			/**/
			*:first-child+html #event_list li dd{ float: none;}
			
			#event_list li dd a{
			color: #6A4537;
			font-weight: bold;
			}
			
		#event_list .about{
		text-align: right;
		}
		
			#event_list .about a{
			background: url(../../img/top/icon_blog_list.jpg) left center no-repeat;
			padding-left: 13px;
			color: #6A4537;
			}
			
			
/*-------------------------*/
/*--営業エリア--*/
/*-------------------------*/

#side_area_wrap{
width: 220px;
margin-bottom: 30px;
}

	#side_area_title{
	background: url(../../img/top/side_area_title.jpg) left top no-repeat;
	width: 220px;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
	}
	
	#side_area_wrap .box{
	background: url(../../img/top/side_area_bg.jpg) left top no-repeat;
	width: 220px;
	height: 81px;
	}
	
	#side_area_wrap .box p{
	padding: 10px 0 0 5px;
	line-height: 1.3;
	}
	


/*==========================================================*/
/*フッターボタン*/
/*==========================================================*/

#footer_btn_wrap{
background: url(../img/footer_btn_bg.jpg) left bottom repeat-x;
width: 100%;
}

	#footer_btn{
	width: 940px;
	padding-top: 28px;
	margin: 0 auto;
	}
	
	
/*==========================================================*/
/*フッター*/
/*==========================================================*/

#footer_wrap{
background: url(../img/footer_bg.jpg) left top repeat;
width: 100%;
}

	#footer{
	width: 940px;
	min-height: 218px;
	height: auto!important;
	height: 218px;
	margin: 0 auto;
	}
	
		#footer_box01{
		background: url(../img/footer_line.jpg) left top no-repeat;
		padding: 32px 0 0 23px;
		width: 247px;
		float: left;
		}
		
			#footer_name{
			background: url(../img/footer_name.jpg) left top no-repeat;
			width: 155px;
			height: 18px;
			text-indent: -999em;
			overflow: hidden;
			margin-bottom: 15px;
			}
			
	#footer_menu_wrap{
	background: url(../img/footer_line.jpg) left top no-repeat;
	width: 670px;
	float: left;
	}
	
		#footer_menu_wrap p{ line-height: 1.7;}
	
		#footer_menu_wrap a{ text-decoration: none; color: #666666;}
		#footer_menu_wrap a:hover{ text-decoration: underline;}
		#footer_menu_wrap .parent{ background: url(../img/icon_footer_menu.jpg) left center no-repeat; padding-left: 13px;}
		#footer_menu_wrap .child{ background: url(../img/icon_footer_menu2.jpg) left 2px no-repeat; padding-left: 10px;}
		
		#footer_menu_wrap dt{ margin-bottom: 2px;}
		#footer_menu_wrap dd{ margin: 0 0 0 10px;}
	
		#footer_box02{
		width: 156px;
		padding-left: 14px;
		padding-top: 32px;
		float: left;
		}
		
		#footer_box03,#footer_box04{
		width: 160px;
		float: left;
		padding-top: 32px;
		}
		
		#footer_box05{
		background: url(../img/footer_line.jpg) right top no-repeat;
		width: 150px;
		padding-top: 32px;
		min-height: 138px;
		height: auto!important;
		height: 138px;
		float: right;
		}
		
/*-------------------------*/
/*--コピーライト--*/
/*-------------------------*/

#copyright_wrap{
background: url(../img/copyright_bg.jpg) left top repeat-x;
min-height: 90px;
height: auto!important;
height: 90px;
width: 100%;
}

#copyright{
background: url(../img/copyright.jpg) left top no-repeat;
width: 262px;
height: 30px;
text-indent: -999em;
overflow: hidden;
margin: 0 auto;
}





/*-------------------------*/
/*--施工事例一覧--*/
/*-------------------------*/

.case_exam_list{
width: 647px;
margin: 0 auto;
}
		
			.case_exam_list ul{
			list-style: none;
			zoom: 1;
			margin-right: -5px;
			margin-right: -10px;
			}
			
			.case_exam_list li{
			background: #F7F5EE;
			float: left;
			margin-right: 5px;
			margin-top: 5px;
			width: 140px;
			padding: 8px;
			border: 1px solid #ECEAD9;
			}
			
				.case_exam_list li .photo{
				background: url(../../img/top/case_exam_photoframe.jpg) left top no-repeat;
				padding: 4px;
				width: 132px;
				height: 102px;
				margin-bottom: 5px;
				}
				
					.case_exam_list li .photo table{ width: 100%;  border-collapse: collapse;}
					.case_exam_list li .photo table td{ vertical-align: middle; text-align: center; width: 100%; height: 102px;}
					
					.case_exam_list li .photo p a{ vertical-align: middle;}
					.case_exam_list li .photo p img{ vertical-align: middle;}
				
				.case_exam_list li .case_data{
				position: relative;
				width: 140px;
				padding-top: 5px;
				}
				
				.case_exam_list li .case_day{
				color: #666666;
				font-weight: bold;
				}
				
				.case_exam_list ul.category_icon{
				list-style: none;
				position: absolute;
				margin: 0;
				top: 5px;
				right: 0;
				}
				
				.case_exam_list ul.category_icon li{
				float: left;
				margin: 0 2px 0 0;
				padding: 0;
				border: none;
				width: 16px;
				background: none;
				}
				
				.case_exam_list .case_content{
				background: #FFFFFF;
				padding: 5px 5px 22px 5px;
				width: 130px;
				position: relative;
				}
				
					.case_exam_list .case_content .post_title{
					background: url(../img/icon_title.jpg) left top no-repeat;
					padding-left: 20px;
					margin-bottom: 5px;
					}
					
					.case_exam_list .case_content .post_title a{
					color: #35599D;
					font-weight: bold;
					}
					
					.case_exam_list .case_content .about{
					position: absolute;
					right: 2px;
					bottom: 2px;
					}
					
					.case_exam_list .case_content .about a{
					background: url(../img/icon_about.jpg) left center no-repeat;
					padding-left: 12px;
					color: #35599D;
					}