@charset "utf-8";
/* =====================================================================
 *	toppage CSS
 *	2009/03/23
 * ==================================================================*/


/* =====================================================================
 *	コンテンツ
 * ==================================================================*/

div#content {
	background-image:url('../images/content-bg.gif');
	background-repeat:repeat-y;
	background-position:left top;
}



/* =====================================================================
 *	コンテンツ レフト
 * ==================================================================*/

div#content-left {
	width:625px;
	/*border-right:4px #1a171b solid;*/
	margin-right:4px;
	float:left;
}


/* ---------------------------------
 *	コンテンツレフト ヘッド
 * ------------------------------ */

div#content-l-head {
	margin-bottom:20px;
}


/* [[ ナビゲーション部 ]] */
div#content-l-head ul {
	width:182px;
	margin-bottom: 5px;
}
div#content-l-head ul li {
	width:182px;
	margin-bottom:15px;
}
div#content-l-head ul li a {
	width:182px;
	height:25px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
}

div#content-l-head ul li.toppage a {
	background:url('../images/navi-img001.png');
}
div#content-l-head ul li.company a {
	background:url('../images/navi-img002.png');
}
div#content-l-head ul li a:hover,
div#content-l-head ul li a.active {
	background-position: 0 -25px;
}

.content_l_head_left {
	width: 195px;
	float: left;
}

.good_page_enter_box {
	width: 182px;
	padding: 8px 0;
	background-color: #e9f2d1;
	text-align: center;
}
.good_page_enter_box p.text {
	font-size: 0.8em;
	padding: 5px 9px 0;
	text-align: left;

}

.content_l_head_right {
	width: 430px;
	float:right;
}

div#content-l-head p {
}


/* ---------------------------------
 *	コンテンツレフト ボディ
 * ------------------------------ */

/* [[ WhatsNew部分 ]] */
dl#infomation { margin: 0 0 20px 25px;}
dl#infomation dt {
	clear:both;
	display:block;
	float:left;
	background:url('../images/news-arrow.gif') no-repeat 0px 5px;
	padding-left:28px;
}
dl#infomation dt span {
	font-weight:bold;
	padding:4px;
	background:#c0dfe4;
}

dl#infomation dd {
	width:460px;
	margin: 0 0 10px 15px;
	display:block;
	float:left;
}


/* [[ 各見出し設定 ]] */
div#content-l-body h3 {
	width:234px;
	height:29px;
	text-indent:-9999em;
	overflow:hidden;
	margin-bottom:25px;
	background-repeat:no-repeat;
	background-position:top left;
}
div#content-l-body h3.hello { margin-bottom:15px; background-image:url('../images/h3-hello.png');}
div#content-l-body h3.news { background-image:url('../images/h3-news.png');}
div#content-l-body h3.future { background-image:url('../images/h3-future.png');}
div#content-l-body h3.showcase { background-image:url('../images/h3-showcase.png');}


/* [[ 施工実績のBOXCSS ]] */
div#content-l-body div.showcaseContainer { margin:0 0 20px 24px;}
div#content-l-body div.showcaseContainer div.showcaseBox { width:141px; float:left; margin-right:4px;}
div#content-l-body div.showcaseContainer div.end { margin:0;}
div#content-l-body div.showcaseContainer div.showcaseBox p.image { padding:2px; width:135px; border:1px #CCC solid;}
div#content-l-body div.showcaseContainer div.showcaseBox p.caption { text-align:center;}


/* [[ 業務案内部分 ]] */
dl#future { width:566px; background:#f2f2f2; margin: 0 0 20px 20px; padding:5px;}
dl#future dt {
	width:566px;
	height:36px;
	background-color:#FFF;
}

dl#future dd {
	margin-bottom:10px;
	padding:10px;
	width:544px;
	background-color:#FFF;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
dl#future dd.end { margin:0;}


/* =====================================================================
 *	コンテンツ ライト
 * ==================================================================*/

div#content-right {
	width:295px;
	float:left;
}


/* [[ 各見出し設定 ]] */
div#content-right h3 {
	width:276px;
	height:28px;
	text-indent:-9999em;
	overflow:hidden;
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:top left;
}

div#content-right h3.topics { background-image:url('../images/h3-topics.png');}
div#content-right h3.items { background-image:url('../images/h3-items.png');}