@charset "UTF-8";

@import "base.css";

/*reform
----------------------------------------------------------------------------------------------------reform*/
#main div.reform{
	padding: 0 0 0 35px;
	overflow: hidden;
}
#main div.reform img{
	padding: 10px 5px;
	float: left;
}

div#main div.eco {
	margin-bottom: 20px;
}

div#main div.eco img.image1 {
	margin: 10px 0 0 25px;
}

div#main div.eco p {
	margin: 10px 0 0 40px;
	width: 560px;
	padding: 0;
}

div#main div.eco p span.green {
	color: #729946;
	font-weight: bold;
}

div#main div.eco p span.brown {
	color: #927F46;
	font-weight: bold;
}

div#main div.eco img.image2 {
	margin: 10px 0 0 40px;
}

div#main div.plamadou {
	margin-bottom: 20px;
}

div#main div.plamadou img.image2 {
	margin: 0 0 0 40px;
}


div#main div.shouene,
div#main div.kaiteki,
div#main div.ansin,
div#main div.sekourei,
div#main div.price {
	margin-bottom: 20px;
}

div#main div.shouene h4,
div#main div.kaiteki h4,
div#main div.ansin h4,
div#main div.sekourei h4,
div#main div.price h4 {
	background-image: none;
	background-color: none;
	font-weight: bold;
	width: 560px;
	height: 35px;
	font-size: 2.4em;
	margin: 0 0 0 25px;
	padding: 5px 0 5px 30px;
	border-left: 10px solid #755652;
	color: #755652;
}

div#main div.shouene p,
div#main div.kaiteki p,
div#main div.ansin p {
	margin: 10px 0 10px 40px;
	width: 560px;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
	color: #755652;
}

div#main div.shouene img.image2,
div#main div.kaiteki img.image2,
div#main div.ansin img.image2,
div#main div.sekourei img.image2,
div#main div.price img.image2 {
	margin: 0 0 0 40px;
}

div#main div.pagemove {
	margin-bottom: 20px;
}

div#main div.pagemove p.inquiry {
	width: 532px;
	height: 130px;
	margin: 0 0 0 0;
	text-align: right;
}

div#main div.pagemove ul {
	margin: 0 0 0 33px;
	width: 560px;
	height: 44px;
}

div#main div.pagemove ul li {
	float: left;
	margin: 0;
	padding: 0 0 0 7px;
}

div#main div.pagemove div.ecotop-move {
	width: 532px;
	margin: 10px 0 0 40px;
	padding: 0;
}

div#main div.pagemove p.ecopoint-move {
	float: left;
	width: 357px;
	height: 41px;
	margin: 0;
	padding: 0;
}

div#main div.pagemove p.topmove {
	float: right;
	height: 20px;
	margin: 0;
	padding: 20px 0 0 0;
	vertical-align: bottom;
	font-size: 1.2em;
}

div#main div.pagemove p.topmove a {
	text-decoration: none;
}

div#main div.pagemove p.topmove img {
	vertical-align: top;
	margin: 2px;
}

/*flow
----------------------------------------------------------------------------------------------------flow*/
#main div.flow{
	margin: 5px 0 0 20px;
}
/*
#main div.flow dl{
	width: 270px;
	padding: 0 20px 10px;
	float: left;
}
#main div.flow dl dt{
	width: 113px;
	height: 21px;
	padding: 9px 0 0 68px;
	font-size: 1.2em;
}
#main div.flow dl dd{
	width: 195px;
	height: 70px;
	padding: 5px 0 0 75px;
	background: url(../img/flowBg.jpg) no-repeat;
	line-height: 140%;
}
*/

div#main div.flow dl {
	width: 555px;
	margin: 0 55px 30px 20px;
	zoom:1;
}

div#main div.flow dl dt {
	width: 555px;
	height: 40px;
	padding-bottom: 1px;
	margin-bottom: 10px; 
	background: url(../img/flow_stepbar.gif) no-repeat center bottom;
}

div#main div.flow dl dd {
	width: 515px;
	margin: 0 20px 5px;
	padding-bottom: 25px;
	text-align: left;
	background: url(../img/flow_arrow.gif) no-repeat center bottom;
	line-height: 1.6em;
}

div#main div.flow dl dd.last {
	padding-bottom: 0;
	background: none;
}


div#main div.flow dl dd img {
	float: right;
	width: 100px;
	padding-left: 40px;
}

div#main div.flow dl dd:after,
div#main div.flow dl dt:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#main div.flow dl dt {display: inline-block;}/*IE7�p*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

#main div.flow dl.step1 dt{
	background: url(../img/step1.jpg) no-repeat;
}
#main div.flow dl.step2 dt{
	background: url(../img/step2.jpg) no-repeat;
}
#main div.flow dl.step3 dt{
	background: url(../img/step3.jpg) no-repeat;
}
#main div.flow dl.step4 dt{
	background: url(../img/step4.jpg) no-repeat;
}
#main div.flow dl.step5 dt{
	background: url(../img/step5.jpg) no-repeat;
}
#main div.flow dl.step6 dt{
	background: url(../img/step6.jpg) no-repeat;
}
#main div.flow dl.step7 dt{
	background: url(../img/step7.jpg) no-repeat;
}
#main div.flow dl.step8 dt{
	background: url(../img/step8.jpg) no-repeat;
}
#main div.flow dl.step9 dt{
	background: url(../img/step9.jpg) no-repeat;
}
#main div.flow dl.step10 dt{
	background: url(../img/step10.jpg) no-repeat;
}
#main div.flow dl.step10 dd{
	background-image: none;
}

/*outward,interior,extrior
----------------------------------------------------------------------------------------------------outward,interior,extrior*/
#main div.imgphoto{
	padding: 0;
	margin: 0px 0px 0px 30px;
	overflow: hidden;
	float: left;
	width: 270px;
}

#main div.imgphoto2{
	padding: 0;
	margin: 0px 0px 0px 50px;
	overflow: hidden;
	float: left;
	width: 270px;
}

#main div.imgphoto img{
	padding: 15px 0px 0px 0px;
}


#main div.imgphoto2 img{
	padding: 15px 0px 0px 0px;
}


.clear
	{
	clear: both;
	}
/*company
----------------------------------------------------------------------------------------------------company*/
#main table.company{
	margin: 15px 0 0 60px;
	border-collapse: separate;
	border-spacing: 5px;
}
#main table.company th{
	width: 108px;
	border: 1px solid #365100;
	padding: 3px 0 0 10px;
	background: url(../img/companyBg.gif);
	color: #FFFFFF;
	font-weight: 100;
	text-align: left;
	vertical-align: top;
	line-height: 200%;
}
#main table.company td{
	width: 378px;
	padding: 3px 10px;
	border: 1px solid #365100;
	line-height: 150%;
}
#map{
	width: 524px;
	height: 379px;
	margin: 20px 0 0 60px;
	border: solid 2px #365100;
}

/*form
----------------------------------------------------------------------------------------------------form*/
#main p.hearing {
	padding: 15px 35px 5px 40px;
}

#main p.special {
	padding: 5px 35px 10px 40px; 
}

#main p.special span.blue {
	font-weight: bold;
	color: #00F;
}

#main p.special span.red {
	font-weight: bold;
	color: #F00;
}

#main div.form{
	width: 498px;
	margin: 5px 0 10px 60px;
	border: 2px solid #365100;
}
#main div.form table{
	margin: 20px 0 20px 35px; 
	border-collapse: separate;
	border-spacing: 5px;
}
#main div.form table th{
	width: 103px;
	padding: 5px 5px 5px 10px;
	border: 1px solid #365100;
	background: url(../img/formthBg.gif);
	font-weight: 100;
	text-align: left;
}
#main div.form table th span{
	color: #FF0000;
}
#main div.form table th.check{
	width: 423px;
}
#main div.form table th.check p{
	padding: 5px 0;
	margin: 0;
	text-align: center;
}
#main dl.privacy{
	padding: 15px 35px 10px 40px;
	line-height: 150%;	
}
#main dl.privacy dt{
	font-weight: bold;
}
/*end
----------------------------------------------------------------------------------------------------end*/