/* ==================================================== */
/* 各ページ個別(WORKS)*/
/* ==================================================== */
/* ページヘッダ*/
#header {
	background-image: url(page_header.jpg);
}
/* サイドメニュー */
#sub_menu li a{
	border-left: solid #CCFF00 2px;
	border-left-color: #BDD7A8;
}
#sub_menu li a:hover{
	border-left: solid #66CC33 2px;
}
/* 現在のページ */
#sub_menu div.active_page{
	border-left: solid #66CC33 2px;
	color: #66CC33; 
}
/* ---------------------------------------------------- */
/* 施工例*/
/* ---------------------------------------------------- */
/* 大枠 */
#example {
	width: 520px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 8px 0px;
	clear: both;
}
#ex_main {
	border-bottom: dotted #cccccc 1px;
}
/* 施工先名 */
p.ex_title{
	height:24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 12pt;
	color: #666666;
	background-image: url(wokrs_title_bg.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	/* IE6
	height:22px;
	padding: 2px 0px 0px 20px;
	font-weight: bold;
*/
}
/* CASEナンバー */
span.case{
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* 拡大イメージエリア */
p.ex_img{
	width: 250px;
	float: left;
	height:168px;
	margin: 8px 16px 8px 0px;
	padding: 7px 0px 0px 7px;
	background-color: #fafafa;
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #eeeeee 1px;
	border-bottom: solid #eeeeee 1px;
}
/* 拡大イメージ */
#ex_main img{
	border: solid #999999 1px;
}
/* 説明文 */
p.ex_text{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 4px;
	color: #666666;
	line-height: 14pt;
	border-top: dotted #cccccc 1px;
}
/* 縮小イメージエリア */
#img_navi{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 6px;
	background-color: #fafafa;
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #eeeeee 1px;
	border-bottom: solid #eeeeee 1px;
}
/* 縮小イメージ */
#img_navi img{
	margin: 0px 2px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: solid #999999 1px;
	/* IE6
	margin: 0px 2px 2px 0px;
	*/
}
/* コメント */
p.comment{
	margin: 8px 2px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	color: #999999;
}
/* 担当 */
span.charge{
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	font-size: 9pt;
	text-align: right;
	color: #666666;
	display: block;
}
#otherimg{
	border: solid #999999 1px;
}












/* =============================== */
/* clearfix	*/
/* =============================== */
#topics_area:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}