@charset "UTF-8";

/*-----------------------------------------
index.htmlのプルダウン検索非表示の設定
-----------------------------------------*/

table.none{
	display:none;
	}

/*-----------------------------------------
index.htmlの検索入力エリアへの指定
-----------------------------------------*/

#searchboxarea{
	margin-top:10px;
	}

.searchbox{
	background-color:#efefef;
	border:1px solid #CCCCCC;
	padding-left:5px;
	}

#keyword{
	margin-left:15px;
	}	

.mar_l{
	margin-left:10px;
	}	
	
/*-----------------------------------------
inner.htmlの指定
-----------------------------------------*/
	
#rightbox.catetop{
	margin-bottom:30px;
	}

#return{
	margin-top:30px;
	}

/*-----------------------------------------
inner.htmlの上部アンカーリンク部分の設定
-----------------------------------------*/
	
#catelink{
	margin-left:50px;
	}

.cateicon li{
	float:left;
	width:100px;
	background:url(../images/mark_news.gif) no-repeat;
	background-position:left 5px;
	/background-position:left 3px;
	padding:0 0 0 20px;
	margin:0 30px 0 0;
	line-height:1.7;
	}

/*-----------------------------------------
inner.htmlのカテゴリーバー
-----------------------------------------*/

h5.bar{
	width:676px;
	height:27px;
	background:url(../images/h5_bar.jpg) no-repeat;
	font-size:14px;
	font-weight:normal;
	margin-top:20px;
	padding:3px 0 0 10px;
	margin-bottom:20px;
	border-left:5px solid #2e65c9;
	border-right:1px solid #CCCCCC;
	}

/*-----------------------------------------
inner.htmlの新築、改修の2カラム表示設定
-----------------------------------------*/	

.listbox dt{
	margin:0 0 -22px 0;
	font-weight:bold;
	font-size:14px;
	}	

.listbox li{
	background:url(../images/mark_small.gif) no-repeat;
	background-position:left 8px;
	padding-left:10px;
	}	

dl.leftarea{
	float:left;
	width:280px;
	height:auto;
	margin-left:50px;
	display:inline;
	}	

dl.rightarea{
	float:right;
	width:280px;
	height:auto;
	padding-right:70px;
	}	

dl.leftarea ul,dl.rightarea ul{
	border-left:1px solid #CCCCCC;
	padding-left:10px;
	margin-left:35px;
	}		
	
/*-----------------------------------------
inner2.htmlのタイトルバー設定
-----------------------------------------*/	

#works_barbox{
	width:692px;
	height:auto;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:4px 0 4px 0;
	}

h4.works_bar{
	border-left:4px solid #0071bc;
	font-size:17px;
	padding:2px 0 2px 10px;
	}
	
.bar2{
	border-bottom:1px solid #CCCCCC;
	padding-bottom:5px;
	font-size:14px;
	}

.bar2 span{
	color:#0071bc;
	}
			
/*-----------------------------------------
inner2.htmlのテーブル内の設定
-----------------------------------------*/

p.subtitle{
	padding-bottom:10px;
	}

.mainbody{
	margin-top:20px;
	}

.mainbody ul{
	margin-left:20px;
	}
	
.mainbody li{
	list-style:disc;
	}	

td.mainimage{
	vertical-align:top;
	}

td.information{
	padding-left:20px;
	}	

td.information th{
	text-align:left;
	border-right:1px solid #CCCCCC;
	}	

td.information td{
	padding-left:10px;
	}		

table.info{
	font-size:10px;
	}	


/* add */

table.tableSet{margin-bottom:10px;}
table td, table th{vertical-align:top;}
.mainBody{width:692px; overflow:hidden;}
table.layout td{padding:5px;}
.listTable{width:100%;border-collapse:collapse;border-spacing:0;}
.listTable th{background:#eee; text-align:center;}
.listTable td{border-bottom:1px solid #eee; padding:3px;}
.pager{text-align:center; padding:10px;}
.pager li{display:inline;}

/*-----------------------------------------
防水工法別一覧の設定
-----------------------------------------*/

dl dt.line{
	border-bottom:3px solid #CCCCCC;
	padding-bottom:5px;
	margin-bottom:10px;
	}

dl.listimg dd ul{
	margin-left:50px;
	}		
		
dl.listimg dd li{
	float:left;
	width:110px;
	background:url(../images/mark_news.gif) no-repeat;
	background-position:left 5px;
	/background-position:left 3px;
	padding:0 0 0 20px;
	margin:0 20px 0 0;
	line-height:1.7;
	}