@charset "UTF-8";
@import url("common.css");
/* ===================================================================
CSS information

 file name  :index.css
 style info :トップページ用
=================================================================== */
#head {
	_position:relative;
	_top: -10px;
	_margin-bottom:-110px;
}
#flash {  }
/*-----------*/
#read div.read_area ul,#read div.read_area h2.top {
	position:relative;
	top: 27px;
}
#read div.read_area ul { 
	margin-top: 5px;
	_margin-top:35px;
	_margin-bottom:-35px;
}
#read div.read_area ul li {
	float:left;
	margin-right:6px;
}
#read div.read_area ul li.last { margin-right:0px; }

/*-----------*/
#wrap {
	margin-top:25px;
	_margin-top:0px;
}
#wrap div.contents div.cont_l {
	position:relative;
	top:-17px;
	_top:-15px;
}
#wrap div.contents div.cont_l h3 {
	margin: 30px 0px 20px 0px;
	clear:both;
}
#wrap div.contents div.cont_l ul.topics{ margin-top:20px;}
#wrap div.contents div.cont_l ul.topics li{
	/*background-color: #ecf5ed;*/
	padding:5px;
	margin-bottom:5px;
	_height:1px;
	background: url(../images/bg_topics.gif) no-repeat bottom;
}
#wrap div.contents div.cont_l ul.topics li em {
	float:left;
	width:8em;
	margin-bottom:10px;
}

/*-----------*/
#wrap div.contents div.cont_l p.topics_tex{}
#wrap div.contents div.cont_l p.topics_tex img.img{
	float:left;
	margin-right:10px;
}
#wrap div.contents div.cont_l p.topics_tex strong{
	display: block;
	overflow:hidden;
	width:400px;
	font-size:110%;
	position:relative;
	top:5px;
}


/*-----------*/
#wrap div.contents div.cont_l p.topics{
	margin:-43px 0px 30px 0px;
	margin:-23px 0px 30px 0px;
	width:672px;
	text-align:right;
}
#wrap div.contents div.cont_l dl.topics{
	background: url(../../s_images/bg_jirei_box.gif) no-repeat bottom;
	clear:both;
	padding-bottom:10px;
}
#wrap div.contents div.cont_l dl.topics.download{
	background: none;
	padding-bottom:0px;
	margin-bottom:-10px;
}

#wrap div.contents div.cont_l dl.topics dt{
	float: left;
	margin-right: 15px;
	_margin-bottom:15px;
}
#wrap div.contents div.cont_l dl.topics dd { overflow:hidden; }
#wrap div.contents div.cont_l dl.topics dd p.next{
	text-align:right;
	margin-bottom:0px;
}

#wrap div.contents div.cont_l dl.topics dd strong{
	overflow:hidden;
	display:block;
	margin-bottom:10px;
	color:#66a63d;
}


/* 新築-----------------------------------------*/
#wrap div.contents div.cont_l dl.topics dd.new strong{
	background: url(../../s_case/images/icom_new.gif) no-repeat 0 0;
	padding: 13px 0px 0px 110px;
	_padding-top:10px;
	margin-bottom:0px;
	height:3.5em;
	line-height:1.3em;
}

/* リフォーム　戸建て-----------------------------------------*/
#wrap div.contents div.cont_l dl.topics dd.reform strong{
	background: url(../../s_case/images/icom_reform.gif) no-repeat 0 0;
	padding: 13px 0px 0px 110px;
	_padding-top:10px;
	margin-bottom:0px;
	height:3.5em;
}

/* リフォーム　ビル-----------------------------------------*/
#wrap div.contents div.cont_l dl.topics dd.building strong{
	background: url(../../s_case/images/icom_building.gif) no-repeat 0 0;
	padding: 13px 0px 0px 110px;
	_padding-top:10px;
	margin-bottom:0px;
	height:4em;
	line-height:1.3em;
}


/* 工務店・ガラス店のみなさま-----------------------------------------*/
#wrap div.contents div.cont_l dl.topics dd.glass strong{
	background: url(../../s_business/glass/images/icom01.gif) no-repeat 0 0;
	padding-left:60px;
	margin-top:4px;
	height:3.1em;
}

/* 建築家のみなさま-----------------------------------------*/
#wrap div.contents div.cont_l dl.topics dd.construction strong{
	background: url(../../s_business/construction/images/icom01.gif) no-repeat 0 0;
	padding-left:60px;
	margin-top:4px;
	height:3.1em;
}

/* 学校関係のみなさま-----------------------------------------*/
#wrap div.contents div.cont_l dl.topics dd.school strong{
	background: url(../../s_business/school/images/icom01.gif) no-repeat 0 0;
	padding-left:60px;
	margin-top:4px;
}






#wrap div.contents div.cont_l dl.topics dd p.next{ text-align:right; }

/*-----------*/
#wrap div.contents div.cont_r div.b_menu{
	margin-bottom:-30px;
	_margin-bottom:0px;
	_padding-bottom:10px;
}


/* pagetop
-----------------------------------------*/
#wrap p.pagetop{
	width:400px;
	margin: 0px auto;
}
#wrap div.contents p.pagetop img {
	
}