@charset "UTF-8";


/* -----------------------------------------------------------------
     eco専用スタイル
----------------------------------------------------------------- */

/* タイトル / 見出し
-------------------------------------------------------*/
#Main #Conts h1{
	clear:both;
	margin-bottom:15px;
	}
#Main #Conts h2 {
	clear:both;
	margin-bottom:12px;
	}




/* レイアウトタイプ 1
-------------------------------------------------------*/
#Main #Conts #cardInfo{
	width:566px;
	margin-left:2px;
	margin-bottom:30px;
	background:transparent url(../image/eco_bg_01.gif) no-repeat left bottom;
}
#Main #Conts #cardInfo div.cardBox{
	width:276px;
}
#Main #Conts #cardInfo #opusEco{
	float:left;
}
#Main #Conts #cardInfo #houseEco{
	float:right;
}
#Main #Conts #cardInfo div.cardBox h3{
	margin:0;
}
#Main #Conts #cardInfo div.cardBoxInner{
	padding:5px 20px 20px;
}
#Main #Conts #cardInfo div.cardBoxInner div{
	margin-bottom:10px;
}
#Main #Conts #cardInfo div.cardBoxInner ul{
	margin:0 0 0.5em 0;
}
#Main #Conts #cardInfo div.cardBoxInner p{
	margin:0 0 1em 0;
	font-size:92%;
	line-height:1.3;
}


/* エコカード基金 Box
-------------------------------------------------------*/
#Main #Conts #foundationWrap {
	clear:both;
	width:570px;
	background:url(/card/image/frm_eco_01_btm.gif) no-repeat left bottom;
	padding-bottom:17px;
	margin-bottom:30px;
	}
#Main #Conts #foundationBox {
	position:relative;
	width:570px;
	background:url(/card/image/frm_eco_01.gif) no-repeat left top;
	}
#Main #Conts #foundationBox #foundationLogo {
	position:absolute;
	top:10px;
	right:10px;
	}
#Main #Conts #foundationBox h2 {
	margin:0;
	padding:22px 0 16px 0;
	text-align:center;
	}

/* innerWrap1
--------------*/

#Main #Conts #foundationBox .innerWrap {
	clear:both;
	width:536px;
	margin:0 auto;
	background:url(/card/image/frm_eco_03.gif) no-repeat left bottom;
	}
#Main #Conts #foundationBox .innerBox {
	width:536px;
	background:url(/card/image/frm_eco_02.gif) no-repeat left top;
	padding:12px 0;
	}
#Main #Conts #foundationBox .inner {
	width:536px;
	background:url(/card/image/txt_eco_04.gif) no-repeat left center;
	}
#Main #Conts #foundationBox .inner .txtBox1 {
	float:left;
	width:203px;
	padding:0 0 0 14px;
}
#Main #Conts #foundationBox .inner .txtBox2 {
	float:right;
	width:203px;
	padding:0 14px 0 0;
}
#Main #Conts #foundationBox .inner .txtBox1 p,
#Main #Conts #foundationBox .inner .txtBox2 p {
	margin:0;
	padding:0;
	color:#268F61;
	font-weight:bold;
	text-align:center;
	}
#Main #Conts #foundationBox .inner .txtBox2 p {
	margin-top:3.5em;
	}
#Main #Conts #foundationBox .inner .txtBox1 p.subTxt {
	display:block;
	border-top:1px #666666 solid;
	margin-top:5px;
	padding-top:5px;
	}
#Main #Conts #foundationBox .inner .txtBox1 p.subTxt span {
	font-size:92%;
	font-weight:normal;
	}
#Main #Conts #foundationBox .separate {
	clear:both;
	text-align:center;
	margin:0 auto;
	}


/* innerWrap2
--------------*/

#Main #Conts #foundationBox #innerWrap2 {
	clear:both;
	width:536px;
	margin:0 auto;
	background:url(/card/image/frm_eco_08.gif) no-repeat left bottom;
	padding-bottom:10px;
	}
#Main #Conts #foundationBox #innerWrap2 .innerBox2 {
	width:536px;
	background:url(/card/image/frm_eco_04.gif) no-repeat left top;
	}
#Main #Conts #foundationBox #innerWrap2 .innerBox2 h3 {
	width:486px;
	height:30px;
	margin:0 auto;
	}
#Main #Conts #foundationBox #innerWrap2 .innerBox2 p.read {
	width:484px;
	height:1%;
	margin:0 auto;
	padding:5px 0;
	}
#Main #Conts #foundationBox #innerWrap2 .innerBox2 .imgBox1 {
	float:left;
	width:141px;
	padding-left:26px;
	}
#Main #Conts #foundationBox #innerWrap2 .innerBox2 .imgBox2 {
	float:left;
	width:141px;
	margin:0 30px;
	}
#Main #Conts #foundationBox #innerWrap2 .innerBox2 .imgBox3 {
	float:right;
	width:141px;
	padding-right:26px;
	}


#Main #Conts p.relatedLink {
	clear:both;
	text-align:right;
	padding:10px 0;
	margin:0 15px 0 0;
	}
#Main #Conts p.relatedLink a {
	padding-left:13px;
	background:url(/card/image/arw_index.gif) 0 0.2em no-repeat;
	}