@charset "utf-8";

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

	body
	h1,h4,h4,h4,h5,h6
	header
	container
	globalnavi
	maincontents
	content
	sidebar01
	sidebar02
	footer

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



/*	html
----------------------------------------------------*/
html {
}


/*	body
----------------------------------------------------*/

body {
	text-align:center;
	}

/*	h1,h4,h4,h4,h5,h6
----------------------------------------------------*/

h1{
	position:absolute;
	color:#fff;
	top:13px;
	left:10px;
	font-size:0.8em;
	}

h2{
	}

h4{
	margin:10px 0 0 0;
	}

h5{
	margin:0;
	}

h6{
	}


/*	header
----------------------------------------------------*/

#header {
	position:relative;
	width:891px;
	height:113px;
	margin:0 auto;
	}

#header span {
	visibility:hidden;
	}

#header p.logo {
	position:absolute;
	width:216px;
	height:45px;
	background:url(../images/logo.png) no-repeat;
	top: 41px;
	left:5px;
	}
	
#header p.logo a {
	display:block;
	width:216px;
	height:45px;
	text-decoration:none;
	}

#header_rightarea {
	position:absolute;
	width:322px;
	height:96px;
	background:url(../images/header_rightarea_bg.gif) no-repeat;
	top:12px;
	right:0;
	}
	
#header_rightarea p.tel {
	position:absolute;
	width:301px;
	height:24px;
	top: 11px;
	left: 10px;
	background:url(../images/header_rightarea_tel.gif) no-repeat;
	}

#header_rightarea p.btn {
	position:absolute;
	width:251px;
	height:23px;
	background:url(../images/header_rightarea_btn_off.gif) no-repeat;
	left: 38px;
	top: 39px;
	}
	
#header_rightarea p.btn a {
	display:block;
	width:251px;
	height:23px;
	text-decoration:none;
	}

#header_rightarea p.btn a:hover {
	background:url(../images/header_rightarea_btn_on.gif) no-repeat;
	}

#header_rightarea ul {
	position:absolute;
	bottom:0;
	_bottom:-23px;
	width:322px;
	height:15px;
	}
	
#header_rightarea ul li {
	float:left;
	height:15px;
	margin-right:32px;
	background:url(../images/header_rightarea_navi.gif) no-repeat;
	}
	
#header_rightarea ul li a {
	display:block;
	height:15px;
	text-decoration:none;
	}

#header_rightarea ul li a:hover {
	background:url(../images/header_rightarea_navi.gif) no-repeat;
	}
	
#header_rightarea ul li.hn_01			{background-position:0 0;}
#header_rightarea ul li.hn_01 a			{width:64px;}
#header_rightarea ul li.hn_01 a:hover	{background-position:1px 0;}

#header_rightarea ul li.hn_02	{background-position:-97px 0;}
#header_rightarea ul li.hn_02 a	{width:117px;}
#header_rightarea ul li.hn_02 a:hover	{background-position:-96px 0;}

#header_rightarea ul li.hn_03	{background-position:-242px 0; margin:0;}
#header_rightarea ul li.hn_03 a	{width:76px;}
#header_rightarea ul li.hn_03 a:hover	{background-position:-241px 0;}

/*	content_wrapper
----------------------------------------------------*/

#content_wrapper {
	width:100%;
	margin-bottom:15px;
	background:url(../images/content_wrapper_bg.gif) repeat-x #fff;
	}
	
/*	contents
----------------------------------------------------*/

#contents {
	width:891px;
	margin:0 auto;
	}

/*	maincolumn
----------------------------------------------------*/

#maincolumn {
	float:right;
	width:637px;
	margin-bottom:15px;
	}

#maincolumn .link {
	margin:10px 0;
	text-align:right;
	}
	
#maincolumn .link a {
	padding-left:15px;
	background:url(../images/arrow_blue.gif) no-repeat 0 5px;
	}

/*	sidebar
----------------------------------------------------*/

#sidebar {
	position: relative;
	float:left;
	width:228px;
	margin-top:-275px;
	padding-top:7px;
	z-index:3;
	}

/*	globalnavi 
----------------------------------------------------*/

#globalnavi {
	margin-left:7px;
	}

#globalnavi span {
	visibility:hidden;
	}

#globalnavi li {
	width:211px;
	height:64px;
	margin-bottom:6px;
	background:url(../images/globalnavi_off.gif) no-repeat;
	}

#globalnavi li a {
	display:block;
	width:211px;
	height:62px;
	text-decoration:none;
	}

#globalnavi li.gn_01 a:hover		{background:url(../images/globalnavi_on.gif) no-repeat;}
.waste #globalnavi li.gn_01 a		{background:url(../images/globalnavi_on.gif) no-repeat;}

#globalnavi li.gn_02				{background-position:0 -63px;}
#globalnavi li.gn_02 a:hover		{background:url(../images/globalnavi_on.gif) no-repeat 0 -63px;}
.bulky #globalnavi li.gn_02 a		{background:url(../images/globalnavi_on.gif) no-repeat 0 -63px;}

#globalnavi li.gn_03				{background-position:0 -126px;}
#globalnavi li.gn_03 a:hover		{background:url(../images/globalnavi_on.gif) no-repeat 0 -126px;}
.secrecy #globalnavi li.gn_03 a		{background:url(../images/globalnavi_on.gif) no-repeat 0 -126px;}

#globalnavi li.gn_04				{background-position:0 -189px;}
#globalnavi li.gn_04 a:hover		{background:url(../images/globalnavi_on.gif) no-repeat 0 -189px;}
.pc #globalnavi li.gn_04 a			{background:url(../images/globalnavi_on.gif) no-repeat 0 -189px;}

#globalnavi li.gn_05				{background-position:0 -252px;}
#globalnavi li.gn_05 a:hover		{background:url(../images/globalnavi_on.gif) no-repeat 0 -252px;}
.cleaning #globalnavi li.gn_05 a	{background:url(../images/globalnavi_on.gif) no-repeat 0 -252px;}

#globalnavi li.gn_06				{background-position:0 -315px;}
#globalnavi li.gn_06 a:hover		{background:url(../images/globalnavi_on.gif) no-repeat 0 -315px;}
.relic #globalnavi li.gn_06 a		{background:url(../images/globalnavi_on.gif) no-repeat 0 -315px;}

#globalnavi li.gn_07				{background-position:0 -378px;}
#globalnavi li.gn_07 a:hover		{background:url(../images/globalnavi_on.gif) no-repeat 0 -378px;}
.ecogoods #globalnavi li.gn_07 a	{background:url(../images/globalnavi_on.gif) no-repeat 0 -378px;}

/*	subnavi
----------------------------------------------------*/

#subnavi {
	width:211px;
	margin:7px;
	}
	
#subnavi li {
	line-height:37px;
	background:url(../images/subnavi_off.gif) no-repeat;	
	}
	
#subnavi li a {
	display:block;
	width:176px;
	height:37px;
	padding-left:35px;
	text-decoration:none;
	color:#333;
	}
	
#subnavi li a:hover {
	background:url(../images/subnavi_on.gif) no-repeat;
	}
	
/*	bannerarea
----------------------------------------------------*/

#bannerarea {
	width:211px;
	margin:7px;
	}

#bannerarea p {
	clear:both;
	margin:7px 0;
	}

#bannerarea p.kes {
	font-size:0.8em;
	}
	
#bannerarea p.kes img {
	float:left;
	margin:0 5px 0 0;
	}


/*	footer
----------------------------------------------------*/

#footer {
	width:100%;
	height:181px;
	background:url(../images/footer_bg.gif) repeat-x;
}

#footerarea {
	position:relative;
	width:891px;
	height:181px;
	margin:0 auto;
	}

#footerarea span {
	visibility:hidden;
	}

#footerarea #footernavi {
	position:absolute;
	width:450px;
	top: 18px;
	}
	
#footerarea #footernavi li {
	float:left;
	margin-right:35px;
	background:url(../images/footer_navi.gif) no-repeat #f0f0f0;
	}

#footerarea #footernavi li a {
	display:block;
	height:14px;
	font-size:0.4em;
	text-decoration:none;
	}

#footerarea #footernavi li.fn_01 a			{width:53px;}
#footerarea #footernavi li.fn_01 a:hover	{background:url(../images/footer_navi.gif) 1px 0;}

#footerarea #footernavi li.fn_02			{background-position:-102px 0;}
#footerarea #footernavi li.fn_02 a			{width:61px;}
#footerarea #footernavi li.fn_02 a:hover	{background:url(../images/footer_navi.gif) -101px 0;}

#footerarea #footernavi li.fn_03			{background-position:-198px 0;}
#footerarea #footernavi li.fn_03 a			{width:116px;}
#footerarea #footernavi li.fn_03 a:hover	{background:url(../images/footer_navi.gif) -197px 0;}

#footerarea #footernavi li.fn_04			{background-position:-335px 0;}
#footerarea #footernavi li.fn_04 a			{width:80px;}
#footerarea #footernavi li.fn_04 a:hover	{background:url(../images/footer_navi.gif) -334px 0 no-repeat;}

#footerarea p.pagetop {
	position:absolute;
	width:156px;
	height:29px;
	background:url(../images/pagetop_btn_off.gif) no-repeat;
	top: 10px;
	right:0;
	}
	
#footerarea p.pagetop a {
	display:block;
	width:156px;
	height:29px;
	text-decoration:none;
	}
	
#footerarea p.pagetop a:hover {
	background:url(../images/pagetop_btn_on.gif) no-repeat;
	}
	
#footerarea p.footerlogo {
	position:absolute;
	top: 75px;
	left: 0px;
	}
	
#footerarea p.copyright {
	position:absolute;
	top: 115px;
	left: 0px;
	}