@charset "UTF-8";
/* CSS Document */

/**********************************************/
/************* 環境断熱®ECOボード *************/
/**********************************************/

/* ローカルナビ */
#ecoboard #left_colmun li a{background-image:url(../img/localnavi.gif);}

#ecoboard #left_colmun li#left01 a{background-position:0 0;}
#ecoboard #left_colmun li#left02 a{background-position:0 -30px;}
#ecoboard #left_colmun li#left03 a{background-position:0 -60px;}
#ecoboard #left_colmun li#left04 a{background-position:0 -90px;}
#ecoboard #left_colmun li#left05 a{background-position:0 -120px;}
#ecoboard #left_colmun li#left06 a{background-position:0 -150px;}
#ecoboard #left_colmun li#left07 a{background-position:0 -180px;}
#ecoboard #left_colmun li#left08 a{background-position:0 -210px;}
#ecoboard #left_colmun li#left09 a{background-position:0 -240px;}
#ecoboard #left_colmun li#left10 a{background-position:0 -270px;}
#ecoboard #left_colmun li#left11 a{background-position:0 -300px;}
#ecoboard #left_colmun li#left12 a{background-position:0 -330px;}
#ecoboard #left_colmun li#left13 a{background-position:0 -360px;}

#ecoboard #left_colmun li#left01 a:hover{background-position:-231px 0;}
#ecoboard #left_colmun li#left02 a:hover{background-position:-231px -30px;}
#ecoboard #left_colmun li#left03 a:hover{background-position:-231px -60px;}
#ecoboard #left_colmun li#left04 a:hover{background-position:-231px -90px;}
#ecoboard #left_colmun li#left05 a:hover{background-position:-231px -120px;}
#ecoboard #left_colmun li#left06 a:hover{background-position:-231px -150px;}
#ecoboard #left_colmun li#left07 a:hover{background-position:-231px -180px;}
#ecoboard #left_colmun li#left08 a:hover{background-position:-231px -210px;}
#ecoboard #left_colmun li#left09 a:hover{background-position:-231px -240px;}
#ecoboard #left_colmun li#left10 a:hover{background-position:-231px -270px;}
#ecoboard #left_colmun li#left11 a:hover{background-position:-231px -300px;}
#ecoboard #left_colmun li#left12 a:hover{background-position:-231px -330px;}
#ecoboard #left_colmun li#left13 a:hover{background-position:-231px -360px;}

/* 共通 */

#ecoboard h2{border:1px solid #CCC;}
#ecoboard h3{color:#6FBA2C; font-size:1.3em; display:block;}
#ecoboard h4{display:inline;}

/* top */
#ecoboard .top .topimage{
	background:url(../img/index_bg.jpg) top left no-repeat;
	border:1px solid #CCC;
}

#ecoboard .top .topimage ul{
	margin-left:15px;
}

#ecoboard .top .topimage li{
	float:left;
}

#ecoboard .top .topimage li a{
	display:block;
	width:198px;
	height:133px;
	background-image:url(../img/btn_top.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px;
	margin-right:5px;
	margin-bottom:13px;
}

#ecoboard .top .topimage li#btn01 a{background-position:0 -133px;}
#ecoboard .top .topimage li#btn02 a{background-position:-198px -133px;}
#ecoboard .top .topimage li#btn03 a{background-position:-396px -133px;}

#ecoboard .top .topimage li#btn01 a:hover{background-position:0 0;}
#ecoboard .top .topimage li#btn02 a:hover{background-position:-198px 0;}
#ecoboard .top .topimage li#btn03 a:hover{background-position:-396px 0;}

#ecoboard .top .c1{
	font-size:1.2em;
	color:#FF0000;
	font-weight:bold;
	line-height:1.6em;
	margin-top:1em;
}

/* roof, wall, floor */
#ecoboard .explain{margin-top:2em;}

#ecoboard .img{float:right; margin:0 0 0 1em;}

#ecoboard .test{
	background-color:#EEE;
	padding:15px;
	margin-top:2em;
}

#ecoboard .abillity{
	border:1px solid #CCC;
	padding:15px;
	margin-top:2em;
}

#ecoboard .test p, #ecoboard .abillity p{margin:0.5em 0;}

#ecoboard .floor .c1{margin-top:3em;}

#ecoboard .floor .c1 span{
	font-size:2em;
	font-weight:bold;
}

/* realize */
#ecoboard .realize .c1{
	position:relative;
	margin-top:3em;
}

*:first-child+html .realize .c1{
	/* IE7対策 */
	position:relative;
	float:left;
	width:635px;
	margin-top:3em;
}

#ecoboard .realize .c2{
	position:absolute;
	top:0;
	left:184px;
}

#ecoboard .realize .c2 p{
	margin-top:0.5em;
}

/* nouse */
#ecoboard .nouse h3{
	margin:3em 0 0.5em 0;
}

#ecoboard .nouse h4{
	color:#333;
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
	margin-bottom:1em;
	font-size:1.3em; 
	display:block;
}

#ecoboard .nouse .c1{
	position:relative;
	margin-bottom:3em;
}

*:first-child+html .nouse .c1{
	/* IE7対策 */
	position:relative;
	float:left;
	width:635px;
	margin-top:3em;
}

#ecoboard .nouse .c2{
	position:absolute;
	top:0;
	left:184px;
}

#ecoboard .nouse th, #ecoboard .nouse td{
	border:1px solid #CCC;
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
}

#ecoboard .nouse .c3{
	background-color:#DDFFBF;
}

#ecoboard .nouse .c4{
	background-color:#6FBA2C;
	color:#FFF;
	font-weight:bold;
}

/* dvd */
#ecoboard .dvd .c1{
	background-color:#000;
	text-align:center;
	padding:30px 0;
	margin-top:30px;
}

#ecoboard .nouse .c5{
	background-color:#FFFFCC;
}