@charset "shift_jis";

/*----------------------------
  CSS Date Document 2008.2bN
----------------------------*/

@import "common.css";

/*####################　共通設定　####################*/

#HeaderOut {
	margin:0;
	padding:0;
	height:80px;
	background:url(../img/common/header_wall.gif) 0px 0px repeat-x;
	text-align:left;
	}

img.topImg {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}

#PageIndex #HeaderOut #Header {
	margin:0;
	padding:5px 0 0 5px;
	background:none;
	text-align:left; }

#NaviOut {
	display:block;
	position:relative; }
	
#NaviOut ul {
	display:block;
	position:absolute;
	top:5px;
	right:20px;
	width:362px;}

#NaviOut li {
	float:left;}
	

#NaviOut li#Navi01 a {
	margin-right:20px;}
#NaviOut li#Navi02 a {
	margin-right:16px;}
#NaviOut li#Navi03 a {
	margin-right:22px;}
#NaviOut li#Navi04 a{
	margin-right:0px;}


/*####################　ヘッダ　####################*/

#Header h1 a {
	display:block;
	margin:5px 0 0 15px;
	width:463px;
	height:46px;
	background:url(../img/common/site-title.gif) 0px 0px no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;}

#Header p {
	display:none;}
/*
#FlashBox {
	background:url(../img/top/wall-flash.gif) 0 0 repeat-x;
	overflow:visible;
	}

*/

/*####################　施工事例　####################*/

#Main #JireiMenuBase {
	position:relative;
	/*z-index:30;*/
	margin-top:-55px;
	text-align:right;
	width:100%;
	/*background-color:#FFCCCC;*/ }
	
	
#Main #JireiMenu {
	display:block;
	float:right;
	margin-top:2px;
	margin-bottom:25px;
	width:430px;
	font-size:10px;
	text-align:right;　}

*:first-child+html #Main #JireiMenu {
	font-family:"ＭＳ Ｐゴシック";
	}

#Main #JireiMenu ul{
	zoom:1; clear:both;
	float:right;
	}
	
	
#Main #JireiMenu ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden; 	}
	
#Main #JireiMenu li {
	float:left;
	margin-right:2px;
	padding:6px 8px;
	text-align:center;
	background:#e7e1d3;}

#Main #JireiMenu li a {
	color:#38332b; }


#Main table.jireiItem {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:205px;}

#Main table.jireiItem p.new {
	display:block;
	position:absolute;
	margin-left:148px;
	margin-top:-10px;
	z-index:50;}
	
#Main table.jireiItem td.photo {
	padding:9px 4px 6px 5px;
	background:url(../img/top/jirei_item_base.gif) 0px 0px no-repeat;}
	
#Main table.jireiItem td.list {
	padding:15px 5px 25px 5px;
	font-size:10px;
	background:url(../img/top/jirei_item_line.gif) left bottom no-repeat;}

#Main table.jireiItem td.list li.tit {
	margin-bottom:10px;
	font-weight:bold;}

#Main table.jireiItem td.list li.tit a {
	color:#38332b;}
	
#Main table.jireiItem td.list li.day,
#Main table.jireiItem td.list li.cate,
#Main table.jireiItem td.list li.more {
	font-family:Verdana,sans-serif,"ＭＳ Ｐゴシック";
 }

#Main table.jireiItem td.list li.day {
	line-height:1.8 }

#Main table.jireiItem td.list li.cate {
	margin-bottom:10px;
	color:#999;}

#Main table.jireiItem td.list li.more a {
	padding-left:16px;
	background:url(../img/top/point-right.gif) 0px 5px no-repeat;}

	
/*####################　リフォーム　####################*/

.reformOut {
	margin:30px 0 0 0;
	padding:0 0 20px 0;
	/*background:url(../img/top/reform_wall.gif) 185px 1px no-repeat;*/
	border-bottom:#cbc4b4 solid 1px; }

.reformOut table {
	width:100% }

.reformOut table th {
	width:156px;
	vertical-align:top;}

.reformOut table td.title { height:22px;}

.reformOut table td.reformtext {
	vertical-align:top;
	padding-left:25px;
}
	
.reformImage {
	position:relative;
	width:156px;
	height:140px;}
	
.reformImage a {
	display:block;
	width:143px;
	margin-left:6px;
	margin-top:-40px;}

.reformOut h3 {
	margin-left:20px;
	background:#4f483e;}

.reformtext p.more{	margin:20px 0 20px 5px;
	text-align:left; }

.reformtext p.more a {
	font-size:10px;
	padding-left:16px;
	background:url(../img/top/point-right.gif) 0px 5px no-repeat;}


.reformtext p {
	line-height:1.8;}


/*####################　チェック　####################*/

.checkRight {
	position:absolute;
	display:inline;
	float:left;
	}

.checkText {
	margin:0 0 0 245px;
	padding:8px;
	height:140px;
	_height:156px;
	background:url(../img/top/check-wall.gif) 0px 0px repeat-x;}

.checkText p {
	line-height:200%;}

.checkText p.more {
	margin-top:15px;}
	
.checkText p.more a {
	font-size:10px;
	padding-left:16px;
	background:url(../img/top/point-right.gif) 0px 5px no-repeat;}

/*####################　エリア　####################*/


#Area {
	padding-top:150px;
	padding-left:93px;
	width:549px;
	_width:642px;
	height:101px;
	_height:251px;
	background:url(../img/top/area_wall.gif) 0px 0px no-repeat;}
	
#Area p {
display:none;}

#Area a {
	display:block;
	width:162px;
	height:35px;
	text-indent:-9999px;
	overfllow:hidden;}


/*####################　トピックス　####################*/

#Topics dt {
	margin-bottom:5px;
	padding-left:8px;
	background:url(../img/top/topics-point.gif) 0px 3px no-repeat;
	font-size:10px;
	color:#999;
	font-family:Verdana,sans-serif,"ＭＳ Ｐゴシック";
	}
	
*:first-child+html #Topics dt {
	font-family:Verdana,"ＭＳ Ｐゴシック";
	}
	
#Topics dd,
#Topics dd a {
	font-size:10px;
	color:#666;
	}
*:first-child+html #Topics dd,
*:first-child+html #Topics dd a {
	font-family:"ＭＳ Ｐゴシック";
	}




#Topics dd {
	margin-bottom:5px;
	padding-bottom:10px;
	background:url(../img/top/topics_line.gif) left bottom repeat-x; }

#Topics dd a {
	padding-left:8px;
	}
#Topics dd.notice a {
	padding-left:41px;
	background:url(../img/top/notice.gif) 8px 0px no-repeat;
	}



/*end*/