@charset "utf-8";

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

	body.page
	pagetitle
	
	maincolumn
		
	sidebar

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

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

body.page {
	background:url(../common/images/page_body_bg.gif) repeat-x #fff;
	}

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

.page #maincolumn {
	position:relative;
	}

/* pagetitle */

h2 {
	height:72px;
	background:url(images/pagetitle.gif) no-repeat 0 30px;
	}

h2 span {
	visibility:hidden;
	}

.pagetitle_bg {
	position:absolute;
	left: 250px;
	top: 17px;
	z-index:-1;
	}

/* pageimage */

#pageimagearea {
	height:230px;
	background:url(images/page_img_bg.gif) no-repeat;
	position:relative;
	}
	
*:first-child+html #pageimagearea {
	height:260px;
	}

#pageimagearea h3 {
	height:59px;
	margin:40px 0 30px 0;
	background:url(images/pc_h3.gif) no-repeat;
	}

#pageimagearea h3 span {
	visibility:hidden;
	}

#pageimagearea h4 {
	height:47px;
	background:url(images/pc_h4.gif) no-repeat;
	}
	
#pageimagearea h4 span {
	visibility:hidden;
	}

#tel_b{
	height:51px;
	background:url(images/pc_tel.gif) no-repeat;
	margin:30px 0;}

#tel_b span {
	visibility:hidden;
	}
	
#pc_img{
	position:absolute;
	left:420px;
	top:115px;
}

/* pagecontents01 */

#pagecontents01 {
	margin-bottom:30px;
	}
	
#pagecontents01 li{
	height:36px;
	margin:5px 0;}
	
#pagecontents01 li span {
	visibility:hidden;
	}
	
.pc_li1{
	background:url(images/pc_recycling1.gif) no-repeat}

.pc_li2{
	background:url(images/pc_recycling2.gif) no-repeat}

.pc_li3{
	background:url(images/pc_recycling3.gif) no-repeat}

.pc_li4{
	background:url(images/pc_recycling4.gif) no-repeat}


/* pagecontents02 */

.pagecontents02 {
	width:639px;
	margin-bottom:20px;}

.pagecontents02 p{
	margin-bottom:1em;
	padding-left:3px;}
	
.pagecontents02 h5{
	background:#e78400;
	height:29px;
	line-height:29px;
	margin-bottom:15px;
	padding-left:1em;
	color:#FFFFFF;}

.hdd_img{
	float:left;
	width:91px;
	padding-top:5px;}
	
.hdd_text{
	float:right;
	width:540px;}
	
.hdd_text_d{
	border-bottom:dashed 1px #CCCCCC;
	line-height:25px;}
	
.hdd_text li{
	font-size:11px;
	list-style-type:disc;
	margin-left:20px;}

.recycling_img{
	float:left;
	width:235px;}

.recycling_text{
	float:right;
	width:395px;}
	
.font_11{
	font-size:11px;}

	
/* productsarea */

#productsarea {
	float:left;
	width:419px;
	background:url(images/productsarea_bg_bottom.gif) no-repeat center bottom #d8eeff;
	}
	
.box {
	width:389px;
	margin:0 auto 15px auto;
	padding-bottom:5px;
	background:url(images/productsarea_box_bg_bottom.gif) no-repeat center bottom #fff;
	}
	
.box p {
	margin:15px;
	}
	
/* flowarea */

#flowarea {
	float:right;
	width:195px;
	padding:3px;
	background:url(../common/images/bluedotted_bg.gif);
	}
	
#flowarea .step {
	padding:5px 5px 20px 5px;
	background:url(images/flowarea_bg.gif) no-repeat center bottom #fff;
	}
	
#flowarea .step_last {
	padding:5px 5px 10px 5px;
	background:url(images/flowarea_bg_bottom.gif) no-repeat center bottom #fff;
	}
	
#flowarea h6 {
	margin-bottom:10px;
	padding:0px 0 10px 0;
	border-bottom:1px #ccc solid;
	}
	
#flowarea p {
	margin-bottom:10px;
	font-size:11px;
	}
	
#flowarea p strong {
	font-size:1.1em;
	color:#da7b00;
	}

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

.page #sidebar {
	float:left;
	width:228px;
	margin-top:0;
	padding-top:7px;
	background:url(../common/images/page_sidebar_bg.gif) no-repeat;
	}