@charset "utf-8";

#contentAll {
	color: #222222;
}

#ecoHeader {
	width: 740px;
	margin: 0 0 25px 0;
	background: url("../img/header_bg.jpg") left top repeat-y;
}

#ecoHeaderLeft {
	float: left;
	width: 397px;
}

#ecoHeaderLeft p {
	padding: 10px 10px 15px 20px;
}

#ecoHeaderLeft p span {
	font-size: 110%;
	font-weight: bold;
}

#ecoHeaderRight {
	float: right;
	width: 343px;
}

#aboutEco {
	width: 740px;
	height: 180px;
	background: url("../img/about_bg.jpg") left top repeat-y;
}

#aboutEco h2 {
	text-indent: -9999px;
}

#aboutEco p {
	padding: 40px 20px 0 30px;
	color: #573400;	
}

#aboutEco p span {
	font-size: 110%;
	font-weight: bold;
}

#menuArea {
	margin: 0 0 35px 0;
	padding: 0  0 20px;
	background: url("../img/menu_bg.jpg") left top repeat-y;
}

#menuArea p.menuTtl {
	width: 740px;
	height: 106px;
	background: url("../img/menu_ttl.jpg") left top no-repeat;
	text-indent: -9999px;
}

.menuBlock {
	width: 740px;
	background: url("../img/menutxt_bg.jpg") left top repeat-y;
	margin: 0 0 15px 0;
}

#menuDoor a {
	display: block;
	background:url("../img/btn_door_on.jpg") left bottom no-repeat;
	text-decoration: none;
	cursor: pointer;
	/* \*/
	overflow: hidden;
	/* */
}

#menuSash a {
	display: block;
	background:url("../img/btn_sash_on.jpg") left bottom no-repeat;
	text-decoration: none;
	cursor: pointer;
	/* \*/
	overflow: hidden;
	/* */
}

#menuSlidedoor a {
	display: block;
	background:url("../img/btn_slidedoor_on.jpg") left bottom no-repeat;
	text-decoration: none;
	cursor: pointer;
	/* \*/
	overflow: hidden;
	/* */
}

#menuOther a {
	display: block;
	background:url("../img/btn_other_on.jpg") left bottom no-repeat;
	text-decoration: none;
	cursor: pointer;
	/* \*/
	overflow: hidden;
	/* */
}

#menuDoor a:hover img,
#menuDoor a:active img,
#menuSash a:hover img,
#menuSash a:active img,
#menuSlidedoor a:hover img,
#menuSlidedoor a:active img,
#menuOther a:hover img,
#menuOther a:active img {
	visibility: hidden;
}

#menuDoor a:hover,
#menuDoor a:active,
#menuSash a:hover,
#menuSash a:active,
#menuSlidedoor a:hover,
#menuSlidedoor a:active,
#menuOther a:hover,
#menuOther a:active {
	background-color: transparent;
}

a p.menuTxt {
	color: #222222;
}

a:hover p.menuTxt,
a:active p.menuTxt {
	color: #666666;
}

a:hover p.menuTxt span.ecoRed,
a:active p.menuTxt span.ecoRed {
	color: #ff4b38;
}

.menuLeft {
	float:left;
	width: 370px;
}

.menuLeft p.menuTxt {
	padding: 12px 25px;
}

.menuRight {
	float: right;
	width: 370px;
}

.menuRight p.menuTxt {
	padding: 12px 25px 12px 30px;
}

#menuDoor h3 {
	width: 370px;
	height: 72px;
	background: url("../img/menu_door.jpg") left top no-repeat;
	text-indent: -9999px;
}

#menuSash h3 {
	width: 370px;
	height: 72px;
	background: url("../img/menu_sash.jpg") left top no-repeat;
	text-indent: -9999px;
}

#menuSlidedoor h3 {
	width: 370px;
	height: 72px;
	background: url("../img/menu_slidedoor.jpg") left top no-repeat;
	text-indent: -9999px;
}

#menuOther h3 {
	width: 370px;
	height: 72px;
	background: url("../img/menu_other.jpg") left top no-repeat;
	text-indent: -9999px;
}

#madoBnr {
	background: url("../img/madobnr_bg.jpg") right top no-repeat;
}

#madoBnr p {
	width: 526px;
	margin: 0 auto;
	text-align: center;
	line-height: 0.8em;
}

#madoBnr img {
	width: 526px;
	margin: 0 0 2px 0;
}


/* ============================================================ class */

.green {
	color: #016e45;
}

.ecoRed {
	color: #d81500;
}