@charset "utf-8";
@import "/css/common.css";

/*==================================================================*/
/* case style css（施工事例） */
/*==================================================================*/
/* ---------------------------------------------------------------- */
/* case */
/* ---------------------------------------------------------------- */
#case{margin:0;padding:0;}
#contents a:hover img{opacity:0.75;filter:alpha(opacity=75);}

/* h1 */
h1{
	margin:0 0 1em;
	padding:0;
}


/* リード文 */
#contents p.read{
	margin:0 auto 3em;
	padding:0 1em 1.5em;
	width:650px;
	background:url('../image/read_back.gif') repeat-x 0 bottom;
}
/* comment */
/* リード文 */
#contents p.comment{
	margin:0 auto 1em;
	width:630px;
}


/* -------------------------------------------- */
/* 記事 */
/* -------------------------------------------- */
#contents .block *{margin:0;padding:0;}
#contents .block{
	margin:0 auto 2em;
	margin-left:15px;
	padding:0;
	width:650px;
	list-style-type:none;
}
/* clear hack */
#contents .block{zoom:1;}
#contents .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#contents .block ul{}

#contents .block li{
	margin:0 4px 12px;
	display:inline-block;
	vertical-align:top;
	list-style:none;
	width:204px;
	background:url('../image/bolg_back.gif') repeat-y 0 0;
}
/* hack */
/* Firefox ～2 */	#contents .block li{display:-moz-inline-box;}
/* IE6         */	* html #contents .block li{display:inline;zoom:1;}
/* IE7         */	*:first-child+html #contents .block li{display:inline;zoom:1;}

#contents .block dl{margin:0;width:204px;text-align:left;}


#contents .block dt{
	margin-bottom:0.7em;
	padding:8px;
	background:url('../image/day_back.gif') no-repeat 0 0;
	text-align:left;
	font-weight:bold;
        font-size:12px;
	color:#7a6d39;
        }

/* 商品写真 */
#contents .block dt img{margin:0 0 0.5em;}

/* テキスト */
#contents .block dd{
	text-align:center;
}
#contents .block dd img{vertical-align:bottom;}

/* ゲート&アプローチ */
#contents .block dd img.gateline{border:3px solid #1cb6c4;}
/* ガーデン */
#contents .block dd img.gardenline{border:3px solid #faa723;}
/* トータルプランニング*/
#contents .block dd img.totalline{border:3px solid #98cd29;}
/* エクステリア商品 */
#contents .block dd img.exteriorline{border:3px solid #56b1e3;}
/* ビフォーアフター */
#contents .block dd img.afterline{border:3px solid #e3566f;}


#contents .block dd p{margin:0;padding:0;}
#contents .block dd p.blog-t{
	margin:0 auto;
	padding:13px 0;
	width:180px;
	line-height:1.4;
	text-align:center;
}


/* -------------------------------------------- */
/* 完成物件紹介 */
/* -------------------------------------------- */

/* 記事エリア */
/* -------------------------------------------- */

div.new *{margin:0;padding:0;}

div.new{
	margin:0 auto 2em;
	background:url('../image/new_back.gif') repeat-y 0 0;
	width:600px;
}
div.new img{vertical-align:bottom;}

/* title-area */
div.new .top-area dl{
	width:600px;
	background:url('../image/new_title_area.gif') no-repeat 0 top;
}

/* clear hack */
div.new .top-area dl{zoom:1;}
div.new .top-area dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* 日付 */
div.new .top-area dt{
	float:left;
	padding:0 0 4em 6px;
	width:104px;
	font-size:1.0em;
	text-align:center;
	color:#7fab20;
	font-family:georgia;
	line-height:1.2;
	background:url('../image/new_day_back.gif') no-repeat 0 0;
}
div.new .top-area dt strong{font-size:3.0em;}
/* title */
div.new .top-area dd{
	float:right;
	width:440px;
	font-size:1.4em;
	padding:10px 30px 15px 0;
	text-align:left;
	font-weight:bold;
	background:url('../image/new_title_line.gif') no-repeat 0 bottom;
}
/* link */
div.new .top-area dd a{color:#715406;text-decoration:underline;}
div.new .top-area dd a:hover{color:#715406;text-decoration:none;}


/* 記事文章 */
div.new .txt-area{
	margin:1em auto 1em;
	padding:0 40px;
}
div.new .txt-area img{padding:10px 0 2em;}


/* バックナンバー */
/* -------------------------------------------- */

/* バックナンバー */
div.backnumber *{margin:0;padding:0;}
div.backnumber{
	margin:0 auto 2em;
	width:600px;
	background:url('../image/backnumber_back.gif') repeat-y 0 0;
}
div.backnumber p.bn-txt{
	margin:0 auto;
	padding-bottom:1em;
	text-align:center;
}
div.backnumber dl{
	margin:0.5em auto 0;
	padding-left:20px;
	padding-bottom:0.3em;
	width:450px;
	background:url('../image/backnumber_dot.gif') repeat-x 0 bottom;
}
/* clear hack */
div.backnumber dl{zoom:1;}
div.backnumber dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* 日付 */
div.backnumber dt{
	float:left;
	padding-left:25px;
	width:120px;
	background:url('../image/backnumber_eye.gif') no-repeat 0 0;
}
/* title */
div.backnumber dd{
	float:left;
	width:280px;
}

/* ボタンエリア */
div .btn-area{
	margin:0 auto 2em;
	width:640px;
	text-align:right;
}