/* エコジョーズ */

/* all *
************************************/

#mainpart .index,#mainpart .page1,#mainpart .page2,#mainpart .page3,#mainpart .page4,#mainpart .page5,#mainpart .page6,#mainpart .koe,#mainpart .page7,#mainpart .page8 {
	text-align: center;
	margin-top: 20px;
}

#mainpart .index{width: 726px;	margin-left: 22px;}
#mainpart .page1,#mainpart .page2,#mainpart .page3,#mainpart .page4,#mainpart .page5,#mainpart .page6,#mainpart .page7,#mainpart .page8,#mainpart .koe{width: 707px;	margin-left: 41px;}

#mainpart .bread{
	text-align: right;
	margin-bottom: 10px;
	color: #666666;
}

#mainpart .index .meinbox, #mainpart .pege1 .meinbox, #mainpart .pege2 .meinbox, #mainpart .page3 .meinbox, #mainpart .page4 .meinbox, #mainpart .page5 .meinbox,#mainpart .page7 .meinbox,#mainpart .page8 .meinbox {
	width: 677px;
	margin-right: auto;
	margin-left: auto;
}
#mainpart .page6 .meinbox{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#mainpart .koe .meinbox{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#mainpart .box-ALL{
	width: 677px;
	clear: both;
}

#mainpart .page1 h3, #mainpart .page2 h3, #mainpart .page3 h3, #mainpart .page4 h3, #mainpart .page5 h3, #mainpart .page7 h3, #mainpart .page8 h3 {
	margin-right: auto;
	margin-left: auto;
	width: 707px;
}

#mainpart .index h3, #mainpart .page1 h3, #mainpart .page2 h3, #mainpart .page3 h3, #mainpart .page4 h3, #mainpart .page5 h3, #mainpart .page7 h3, #mainpart .page8 h3{
	background-image: url(../img/common/h3.gif);
	background-repeat: no-repeat;
	color: #279F57;
	margin-bottom: 18px;
	text-indent: 35px;
	height: 49px;
	line-height: 34px;
	text-align: left;
	padding-top: 4px;
	font-size: 16px;
}

#mainpart .index h4, #mainpart .page1 h4, #mainpart .page2 h4, #mainpart .page3 h4, #mainpart .page4 h4, #mainpart .page5 h4, #mainpart .page7 h4, #mainpart .page8 h4{
	margin-bottom: 18px;
	padding-left: 12px;
	padding-top: 6px;
	color: #279F57;
	padding-bottom: 6px;
	text-align: left;
	border-left-width: 10px;
	border-left-style: double;
	border-left-color: #279F57;
	font-size: 16px;
	line-height: 20px;
}

#mainpart .ttl-A{
	background-image: url(../img/common/ttl_A.gif);
	background-repeat: no-repeat;
	width: 677px;
	height: 29px;
	line-height: 29px;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 29px;
	color: #279F57;
	font-weight: bold;
	text-align: left;
	text-indent: 12px;
	clear: both;
	font-size: 14px;
}

#mainpart .p-pdd{
	text-align: left;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	clear: both;
}

#mainpart .green-8b{
	font-weight: bold;
	color: #279F57;
	font-size: 8px;
}

#mainpart .p8{
	font-size: 8px;
}

#mainpart .p10{
	font-size: 10px;
}

#mainpart img{
	margin-bottom: 15px;
}

#mainpart .img-left{
	float: left;
	padding-left: 10px;
	padding-right: 5px;
}

#mainpart .img-right{
	padding-right: 15px;
	float: right;
}

#mainpart .back{
	float: right;
	margin-top: 30px;
	margin-right: 22px;
}

#mainpart .clear{
	clear: both;
}

#mainpart .tbA-all{
	border-collapse: collapse;
	border: 1px solid #999999;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}

#mainpart .tbA-a, #mainpart .tbA-b, #mainpart .tbA-c{
	height: 34px;
	border: 1px solid #999999;
	text-align: center;
	vertical-align: middle;
	color: #333333;
	font-weight: normal;
}

#mainpart .tbA-a{
	background-image: url(../img/ecowill/tbbg_01.gif);
	background-repeat: repeat;
}

#mainpart .tbA-b{
	background-image: url(../img/ecowill/tbbg_02.gif);
}

#mainpart .tbB-all{
	clear: both;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 30px;
}

#mainpart .tbB-a, #mainpart .tbB-b{
	height: 34px;
	text-align: left;
	color: #333333;
	font-weight: normal;
	vertical-align: middle;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#mainpart .tbB-a{
	background-image: url(../img/ecowill/tbbg_01.gif);
	background-repeat: repeat;
}

/* koe *
************************************/
#mainpart .koe h3{
	margin-top: 10px;
	margin-bottom: 35px;
}

#mainpart .koe h4{
	margin-bottom: 10px;
}

#mainpart .koe img{
	margin: 0px;
	padding: 0px;
}

#mainpart .koe p{
	text-align:left;
}

#mainpart .koe .box-a{
	float: left;
	width: 370px;
}

#mainpart .koe .box-a p{
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 10px;
}

#mainpart .koe .box-b{
	width: 330px;
	float: right;
}

#mainpart .koe .box-b1{
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#mainpart .koe .box-b2{
	width: 261px;
	margin-top: 5px;
	float: left;
	padding-left: 35px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 236px;
}

#mainpart .koe .box-b3{
	width: 290px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#mainpart .koe .box-b4{
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}


#mainpart .koe .sidesp{
	margin-top: 85px;
}

#mainpart .koe .back-r20{
	margin-right: 20px;
}


/* index *
************************************/
#mainpart .meinbox-b{
	margin-left: 15px;
}

#mainpart h3.size-437{
	width: 437px;
}

.wred{
	color:#D0121B;
}

.wred_und{
	color:#D0121B;
	text-decoration: underline;
}

.nomal_und{
	color:#333333;
	text-decoration: underline;
}

#mainpart .index h2{
	margin-bottom: 5px;
	margin-right: 22px;
}

#mainpart .index .box{
	width: 437px;
	float: left;
}

#mainpart .index .box-a{
	width: 310px;
	float:left;
}

#mainpart .box-b h4{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	text-indent: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainpart .box-b h4 img{
	margin: 0px;
	padding: 0px;
}

#mainpart .index .box-b{
	width: 242px;
	float:right;
	border: 1px solid #9C9C9C;
}

#mainpart .index .box-b p{
	text-align:left;
}

#mainpart .index .box-b1{
	margin-left:10px;
	margin-right:5px;
	width: 217px;
}

#mainpart .index .box-b2{
	float:left;
	width: 85px;
}

#mainpart .index .box-b2 img{
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#mainpart .index .box-b3{
	float:right;
	width: 130px;
}

#mainpart .index .box-b3 p{
	padding-bottom: 4px;
}

#mainpart .index .box-b4{
	margin-left:16px;
	margin-right:16px;
	margin-bottom:20px;
	width: 210px;
	float: right;
}




#mainpart .index .box-b5{
	width: 210px;
	height: 16px;
	float: left;
}

#mainpart .index .box-b5 img{
 float: left;
	margin: 0px;
	padding: 0px;
}

#mainpart .index .box-c {
 width: 700px;
	clear: both;
	margin: 0 auto;
}

#mainpart .index .nobtm {
 margin-bottom: 0px;
}

#mainpart .index .box-ca {
 float: left;
 width: 330px;
}

#mainpart .index .box-ca img {
	padding-right: 50px;
}

#mainpart .index .box-ca p {
 text-align: left;
	padding-left: 15px;
	padding-right: 45px;
}


#mainpart .index .box-cb {
 float: left;
 width: 370px;
	margin-bottom: 15px;
}


#mainpart .index div.special{
	background-image: url(../img/common/h3.gif);
	background-repeat: no-repeat;
	color: #279F57;
	margin-bottom: 18px;
	text-indent: 35px;
	height: 49px;
	line-height: 34px;
	text-align: left;
	padding-top: 4px;
	font-size: 16px;
	width:180px;
	float:left;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#mainpart .index .bannerR{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 220px;
}



/* page2 *
************************************/

#mainpart .page2 .mgn{
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
	text-align: left;
}

/* page3 *
************************************/

#mainpart .page3 .box-a{
	width: 271px;
	float: left;
}

#mainpart .page3 .box-b{
	float: left;
	width: 352px;
	text-align: left;
}

#mainpart .page3 .box-c{
	float: left;
	width: 337px;
	text-align: left;
}

#mainpart .page3 .rimocon{
	background: url(../img/ecojoze/page3_04b.gif) bottom left no-repeat;
	width: 677px;
	height: 100%;
}

#mainpart .page3 .rimocon .rimoconH{
	background: url(../img/ecojoze/page3_04a.gif) top left no-repeat;
	width: 677px;
	height: 30px;
}

#mainpart .page3 .rimocon .rimoconB{
 height: 100%;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 15px;
	display: inline-table;
}

#mainpart .page3 span{
	color: #279F57;
	font-weight: bold;
}

/* page4 *
************************************/

#mainpart .page4 .price{
	font-weight: bold;
	font-size: 16px;
}

#mainpart .page4 .boxA, #mainpart .page4 .boxB{
	padding-top: 5px;
}

#mainpart .page4 .mark{
	width: 100%;
	margin-bottom: 10px;
}

#mainpart .page4 .mark span{
	background-color: #FF0000;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

#mainpart .page4 .boxA{
	float: left;
	width: 315px;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	margin-bottom: 20px;
}

#mainpart .page4 .boxA-box{
	float: right;
	text-align: left;
	height: 317px;
}

#mainpart .page4 .boxB{
	text-align: left;
	float: right;
	width: 361px;
}

#mainpart .page4 .boxBB{
	text-align: left;
	float: right;
	width: 361px;
}

#mainpart .page4 .boxB-ttl{
	width: 331px;
	border: 1px solid #279F57;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#mainpart .page4 .boxB-box{
	text-align: left;
	float: left;
	width: 158px;
	padding-left: 15px;
}

#mainpart .page4 .boxB-p{
	margin: 0px;
	display: block;
	clear: both;
}

/* page5 *
************************************/

#mainpart .page5 .text-red{
	color:#FF0033;
	font-weight: bold;
}

#mainpart .page5 .link{
	float: right;
}

#mainpart .page5 .ttl-C, #mainpart .page5 .ttl-D{
	height: 32px;
	margin-bottom: 15px;
	line-height: 32px;
	text-align: left;
	text-indent: 17px;
	font-weight: bold;
	color: #666666;
}

#mainpart .page5 .ttl-C{
	background-image: url(../img/common/ttl_C.gif);
	background-repeat: no-repeat;
	width: 647px;
	margin-right: 15px;
	margin-left: 15px;
	clear: both;
}

#mainpart .page5 .ttl-D{
	background-image: url(../img/common/ttl_D.gif);
	background-repeat: no-repeat;
	width: 316px;
}

#mainpart .page5 .img-riri{
	float: right;
	margin-right: 30px;
	margin-bottom: 15px;
}

#mainpart .page5 .box-a, #mainpart .page5 .box-b, #mainpart .page5 .box-c{
	text-align: left;
	float: left;
	padding-left: 15px;
}
#mainpart .page5 .box-a{
	width: 383px;
}
#mainpart .page5 .box-b{width: 191px;}
#mainpart .page5 .box-c{width: 316px;}

/* page6 *
************************************/

#mainpart .page6 h3{
 margin-bottom: 10px;
}

#mainpart .page6 .box-etc{
	float: left;
	width: 50px;
}

#mainpart .page6 .box-a{
	width: 570px;
	text-align: left;
	margin-bottom: 35px;
	float: left;
}
#mainpart .page6 .box-a p{
	font-weight: normal;
}
#mainpart .page6 .box-b{
	float: left;
	width: 90px;
	margin-bottom: 5px;
}
#mainpart .page6 .box-b img{
	float: left;
	margin: 0px;
	padding: 0px;
}
#mainpart .page6 .box-c{
	float: left;
	width: 430px;
	margin-bottom: 5px;
}
#mainpart .page6 .box-c h4{
	font-size: 14px;
	margin-bottom: 5px;
}
#mainpart .page6 .box-c p{
	font-weight: bold;
	color: #D0121B;
}
#mainpart .page6 .box-d{
	width: 130px;
	text-align: right;
	float: right;
}
#mainpart .page6 .box-e{
	width: 410px;
	float: left;
}

/* page7 *
************************************/
#mainpart .page7 .bigbox{
	width: 557px;
	display: inline; /* for IE6 */
	text-align: center;
	margin-left: 60px;
	clear: both;
	margin-bottom: 25px;
	float: left;
	margin-right: 60px;
}
#mainpart .page7 .bigbox img{
	margin-top: 20px;
	margin-bottom: 0px;
	clear: both;
}

#mainpart .page7 .bigbox p.left,
#mainpart .page7 .bigbox p.right{
	width: 222px;
	text-align: left;
	margin-top: 5px;
}
#mainpart .page7 .bigbox p.left{
	float: left;
	clear: left;
}
#mainpart .page7 .bigbox p.right{
	clear: right;
	float: right;
	color: #ff6600;
}

/* page8 *
************************************/
#mainpart .page8 .ttl-C{
	background-image: url(../img/common/ttl_C.gif);
	background-repeat: no-repeat;
	width: 647px;
	margin-right: 15px;
	margin-left: 15px;
	clear: both;
	height: 32px;
	text-align: left;
	text-indent: 17px;
	line-height: 32px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 30px;
}

#mainpart .page8 ul.oyuhari{
	margin-bottom: 30px;
	margin-left: 15px;
	width: 640px;
}

#mainpart .page8 ul.oyuhari li{
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}
#mainpart .page8 .bigbox{
	width: 660px;
	margin-right: 9px;
	margin-left: 8px;
	clear: both;
	margin-bottom: 15px;
	float: left;
	list-style-type: none;
	text-align: center;
}

#mainpart .page8 .threeBox{
	float:left;
	width:205px;
	margin-left: 11px;
	text-align: left;
	}
#mainpart .page8 .threeBox strong{
	color: #666!important;
	text-align: left!important;
}
#mainpart .page8 .info{
	width: 610px;
	margin-right: 17px;
	margin-left: 18px;
	clear: both;
	margin-bottom: 35px;
	background-color: #FFFFCC;
	border: 1px solid #339966;
	text-align: left;
	padding: 15px;

}

#mainpart .page8 .info p img{
	padding: 0px!important;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#mainpart .page8 .info ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* koe9 *
************************************/
#mainpart .koe .koe9{
	width:700px;
	clear: both;

}

#mainpart .koe .koe9 img{
		margin: 0px;
	padding: 0px;
}

/* index(20091206追加分） *
************************************/
#mainpart .index .douga {
	width: 714px;
	margin-right: auto;
	margin-left: auto;
}
#mainpart .index .douga .bigbox {
	margin-top: 25px;
	width: 540px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#mainpart .index .douga .bigbox img.ttl {
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#mainpart .index .douga .bigbox .leftBox {
	float: left;
	width: 255px;
}
#mainpart .index .douga .bigbox .rightBox {
	float: right;
	width: 255px;
	margin-left: 30px;
}

#mainpart .index .douga .bigbox img{
	margin: 0px;
	padding: 0px;
}

#mainpart .index .douga img.btnL {
	float: left;
	padding-left: 5px;
}

#mainpart .index .douga img.btnR {
	float: right;
	padding-right: 5px;
}


/*page2(201003追加分） *
************************************/
#mainpart .p-pdd{
	text-align: left;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 40px;
	clear: both;
}


/*page1(20100407追加分） *
************************************/
#mainpart .ttl-A-p8{
	color: #279F57;
	font-size: 8px;
}