@charset "utf-8";


/* ------------------------------------- 

    Layout: HIROSE_ELECTRIC_WORKS,Ltd 
	eco v0.1
	Up Date: 2008 06 16

   ------------------------------------- */
   

/*=======================================

   container
   
  =======================================*/

#container {
	width: 100%;
	background-color: #ffffff;
	background-image: url(../img/h_bg01.jpg);
	background-repeat: repeat-x;
	line-height: 180%;
}



/*=======================================

   main
   
  =======================================*/

#main {
	width: 835px;
	margin: 0px auto;
	padding: 0 0 20px 0px;
}


/*=======================================

   eco
   
  =======================================*/

#eco {
	width: 835px;
	clear: both;
}


#eco h2 {
	padding-bottom: 5px;
}


#eco p {
	padding-bottom: 20px;
}


#eco h3 {
	padding-bottom: 25px;
	color: #000455;
	width: 510px;
}


#eco h4 {
	width: 240px;
	padding:4px 10px;
	margin-bottom: 20px;
	border-color:#000454;
	border-width:0 0 0 6px;
	border-style:solid;
	font-weight: bold;
	font-size: 125%;
	color:#000454;
}


#eco h5 {
	padding-bottom: 20px;
}


/* box1 */
/*------------------------------------*/


#eco_box1 {
	width: 550px;
	margin-bottom: 40px;
	border: #e9e9e9 1px solid;
	line-height: 200%;
}

#eco_box1 p {
	padding: 20px 25px 20px 25px;
}


/* box2 */
/*------------------------------------*/


#eco_box2 {
	width: 550px;
	margin-bottom: 50px;
	border: #e9e9e9 1px solid;
}


#eco_box2 p {
	width: 480px;
	padding: 20px 0 20px 25px;
	font-weight: bold;
}


#eco_box2 ul {
	padding: 0 40px 0 25px;
}

#eco_box2 ul li {
	list-style: decimal;
	list-style-position: inside;
	text-indent: -15px;
	padding-left: 15px;/*indentのためのpadding*/
	padding-bottom: 20px;/*listの行間のためのpadding*/
}


/* box3 */
/*------------------------------------*/


#eco_box3 {
	width: 250px;
	float: right;
}


#eco_box3 h5 {
	float: left;
}


#eco_box3 h6 {
	padding-left: 100px;
	font-weight: bold;
	background: url(../img/arrow_icon.gif) no-repeat 90px 8px;
}


#eco_box3 p {
	padding-left: 90px;/*imgからの余白*/
	padding-bottom: 10px;
}


#eco_box3 p img {
	padding-right: 5px;
}

#eco_box3 div {
	height: 100px;
	margin-bottom: 30px;
	padding-bottom: 30px;/*div内の余白*/
}


/* box4 */
/*------------------------------------*/

#eco_box4 {
	width: 250px;
	float: right;
	clear: both;
}


#eco_box4 h6 {
	padding-left: 40px;
}


#eco_box4 p {
	padding: 15px 5px 0 10px;
}


#eco_box4 p img {
	padding-right: 5px;
}


#eco_box4 div {
	margin-bottom: 30px;
	padding-bottom: 30px;/*div内の余白*/
}


/* eco_box6 */
/*------------------------------------*/


#eco_box6 {
	width: 250px;
	float: right;
	clear: both;
}


#eco_box6 div {
	margin-bottom: 30px;
	padding-bottom: 30px;/*div内の余白*/
}