@charset "UTF-8";

@import "default.css";
@import "screen.css";
@import "common.css";


h3{
	width:800px;
	height:110px;
	margin-bottom:15px;
	text-indent:-9999px;}

.service h3{
	background:url(../service/images/img_service_bg.jpg) 0 0 no-repeat;}
.environment h3{
	background:url(../environment/images/img_environment_bg.jpg) 0 0 no-repeat;}
.inquiry h3{
	background:url(../inquiry/images/img_inquiry_bg.jpg) 0 0 no-repeat;}
.company h3{
	background:url(../company/images/img_company_bg.jpg) 0 0 no-repeat;}
.whatsnew h3{
	background:url(../images/img_whatsnew_bg.jpg) 0 0 no-repeat;}
.faq h3{
	background:url(../images/img_faq_bg.jpg) 0 0 no-repeat;}
.privacy h3{
	background:url(../images/img_privacy_bg.jpg) 0 0 no-repeat;}
.sitemap h3{
	background:url(../images/img_sitemap_bg.jpg) 0 0 no-repeat;}

#contentsArea{
	width:540px;
	float:left;
	margin-bottom:25px;}

h4{
	width:540px;
	height:32px;
	margin-bottom:15px;
	text-indent:-9999px;}

.serviceTtl{
	background:url(../service/images/ttl_service.jpg) 0 0 no-repeat;}
.introTtl{
	background:url(../service/images/ttl_intro.jpg) 0 0 no-repeat;}
.environmentTtl{
	background:url(../environment/images/ttl_environment.jpg) 0 0 no-repeat;}
.poricyTtl{
	background:url(../environment/images/ttl_poricy.jpg) 0 0 no-repeat;}
.recyclTtl{
	background:url(../environment/images/ttl_recycl.jpg) 0 0 no-repeat;}
.ecoitemTtl{
	background:url(../environment/images/ttl_ecoitem.jpg) 0 0 no-repeat;}
.inquiryTtl{
	background:url(../inquiry/images/ttl_inquiry.jpg) 0 0 no-repeat;}
.catalogueTtl{
	background:url(../inquiry/images/ttl_catalogue.jpg) 0 0 no-repeat;}
.aboutcompanyTtl{
	background:url(../company/aboutcompany/images/ttl_aboutcompany.jpg) 0 0 no-repeat;}
.ideaTtl{
	background:url(../company/aboutcompany/images/ttl_idea.jpg) 0 0 no-repeat;}
.historyTtl{
	background:url(../company/aboutcompany/images/ttl_history.jpg) 0 0 no-repeat;}
.accessTtl{
	background:url(../company/aboutcompany/images/ttl_access.jpg) 0 0 no-repeat;}
.recruitTtl{
	background:url(../company/recruit/images/ttl_recruit.jpg) 0 0 no-repeat;}
.faq01Ttl{
	background:url(../images/ttl_faq_01.jpg) 0 0 no-repeat;}
.faq02Ttl{
	background:url(../images/ttl_faq_02.jpg) 0 0 no-repeat;}
.privacyTtl{
	background:url(../images/ttl_privacy.jpg) 0 0 no-repeat;}

h5{
	width:500px;
	font-size:81%;
	color:#3A5AA7;
	font-weight:bold;
	background:url(../images/sttl_top_01.gif) 0 100% no-repeat;
	border-bottom:4px solid #3A5AA7;
	border-left:4px solid #3A5AA7;
	padding:5px 0 4px 15px;
	margin:0 10px 15px 10px;}

h6{
	color:#555;
	font-size:81%;
	font-weight:bold;
	border:1px solid #799EC8;
	padding:6px 0 6px 18px;
	margin:0 10px 10px 10px;
	background:url(../cmn_images/sttl_cmn_01.jpg) 0 0 no-repeat #FFF;}

.cacthCopy{
	font-size:100.01%;
	margin:0 0 20px 10px;}

.orgTtl01{
	font-size:81%;
	color:#555;
	font-weight:bold;
	padding:1px 0 8px 18px;
	margin-bottom:10px;
	background:url(../cmn_images/ssttl_cmn_01.gif) 0 0 no-repeat;}

.cnBn01{
	width:177px;
	float:left;
	padding:0 10px 0 10px;}
.cnBn02{
	width:162px;
	float:left;
	padding:10px 9px 0 0;}
.cnBn03{
	width:162px;
	float:left;
	padding-top:10px;
	margin-bottom:20px;}


/*------------------
	box
------------------*/

.cnBox01{
	margin:0 15px;}
.cnBox01 p{
	font-size:81%;
	line-height:1.2;
	margin-bottom:10px;}
.cnBox01 p.cnBox01B20{
	margin-bottom:20px;}
.cnBox01 iframe {margin-bottom:10px;}
p.cnBox01{
	font-size:81%;
	line-height:1.2;
	margin-bottom:20px;}
p.cnBox10{
	font-size:81%;
	line-height:1.2;
	margin-bottom:20px;
	font-weight: bold;
	color:#FF0000;
	margin: 10px 15px;
	
	}


.cnBox03{
	margin:0 20px;}
.cnBox03 p{
	font-size:81%;
	line-height:1.2;
	margin-bottom:10px;}
.cnBox03 p.cnBox03B20{
	margin-bottom:20px;}


.cnBox04L{
	width:180px;
	float:left;
	padding:0 15px 0 10px;}
.cnBox04R{
	width:325px;
	float:left;
	padding-top:10px;
	margin-right:10px;}

.cnBox05L{
	width:244px;
	float:left;
	padding:0 15px 0 10px;}
.cnBox05R{
	width:261px;
	float:left;
	padding-top:10px;
	margin-right:10px;}


/*------------------
	service
------------------*/

.flowTtl{
	color:#3A5AA7;
	font-size:91%;
	font-weight:bold;
	padding:5px 0 6px 90px;
	margin:0 10px 15px 10px;
	border-bottom:2px solid #3A5AA7;}
#step01{background:url(../cmn_images/icon_step_01.jpg) 0 0 no-repeat;}
#step02{background:url(../cmn_images/icon_step_02.jpg) 0 0 no-repeat;}
#step03{background:url(../cmn_images/icon_step_03.jpg) 0 0 no-repeat;}
#step04{background:url(../cmn_images/icon_step_04.jpg) 0 0 no-repeat;}
#step05{background:url(../cmn_images/icon_step_05.jpg) 0 0 no-repeat;}

.flowArrow{
	margin-bottom:5px;
	margin-left:265px;}


/*------------------
	access
------------------*/

.pagelinkAccess{
	width:520px;
	margin-left:10px;
	padding:2px 0 10px 0;
	margin-bottom:20px;
	background:url(../cmn_images/img_pagelink_bg.jpg) 0 0 no-repeat;}

.pagelinkAccess ul{
	margin-left:66px;}
.pagelinkAccess li{
	float: left;
	font-size:81%;
	padding:9px 0 2px 20px;
	margin-right:55px;
	background:url(../cmn_images/icon_pagelink.jpg) 0 8px no-repeat;}
.pagelinkAccess li a:link{color:#FFF;text-decoration:underline;}
.pagelinkAccess li a:visited{color:#FFF;text-decoration:underline;}
.pagelinkAccess li a:hover{color:#FFF;text-decoration:none;}
.pagelinkAccess li a:active{color:#FFF;text-decoration:none;}


/*------------------
	whatsnew
------------------*/

.whatsnewDl dt{
	width:500px;
	font-size:81%;
	color:#3A5AA7;
	font-weight:bold;
	background:url(../images/sttl_top_01.gif) 0 100% no-repeat;
	border-bottom:4px solid #3A5AA7;
	border-left:4px solid #3A5AA7;
	padding:5px 0 4px 15px;
	margin:0 10px 15px 10px;}
.whatsnewDl dd{
	font-size:81%;
	margin:0 15px 25px 15px;}
.whatsnewDl dd p{
	line-height:1.2;
	margin-bottom:10px;}
.whatsnewDl dd span{
	line-height:1.2;}


/*------------------
	faq
------------------*/

dl.faqDl{
	margin:0 10px;}
.faqDl dt{
	font-size:81%;
	font-weight:bold;
	line-height:1.2;
	border-bottom:1px solid #CDCDCD;
	padding:5px 0 8px 29px;
	margin-bottom:5px;
	background:url(../cmn_images/icon_q.gif) 0 0 no-repeat;}

.faqDl dd{
	font-size:81%;
	line-height:1.3;
	padding:5px 0 8px 29px;
	margin-bottom:10px;
	background:url(../cmn_images/icon_a.gif) 0 0 no-repeat;}

/*------------------
	sitemap
------------------*/

.sitemapDl dt{
	font-size:81%;
	line-height:1.2;
	padding-left:12px;
	margin:0 0 5px 31px;
	background:url(../cmn_images/icon_cmn_04.gif) 0 2px no-repeat;}

.sitemapDl dd{
	font-size:81%;
	margin:0 15px 10px 43px;}
.sitemapDl dd.sitemapDlL0{
	font-size:81%;
	margin:0 15px 20px 29px;}
.sitemapDl dd.sitemapDlB20{
	font-size:81%;
	margin:0 15px 20px 43px;}

.sitemapDl dt a:link{
	color:#3A5AA7;
	text-decoration:underline;}
.sitemapDl dt a:visited{
	color:#3A5AA7;
	text-decoration:underline;}
.sitemapDl dt a:hover{
	color:#3A5AA7;
	text-decoration:none;}
.sitemapDl dt a:active{
	color:#3A5AA7;
	text-decoration:none;}


.sitemapDl dt.sitemapDtTtl{
	width:500px;
	font-size:81%;
	color:#3A5AA7;
	font-weight:bold;
	background:url(../images/sttl_top_01.gif) 0 100% no-repeat;
	border-bottom:4px solid #3A5AA7;
	border-left:4px solid #3A5AA7;
	padding:5px 0 4px 15px;
	margin:0 10px 10px 10px;}

.sitemapDl dt.sitemapDtTtl a:link{
	color:#3A5AA7;
	text-decoration:underline;}
.sitemapDl dt.sitemapDtTtl a:visited{
	color:#3A5AA7;
	text-decoration:underline;}
.sitemapDl dt.sitemapDtTtl a:hover{
	color:#3A5AA7;
	text-decoration:none;}
.sitemapDl dt.sitemapDtTtl a:active{
	color:#3A5AA7;
	text-decoration:none;}

.sitemapDl dt.sitemapDtTtl02{
	width:483px;
	font-size:81%;
	color:#555;
	font-weight:bold;
	padding:1px 0 8px 18px;
	margin-bottom:10px;
	margin-left:28px;
	background:url(../cmn_images/ssttl_cmn_01.gif) 0 0 no-repeat;}

.sitemapDl dt.sitemapDtTtl02 a:link{
	color:#3A5AA7;
	text-decoration:underline;}
.sitemapDl dt.sitemapDtTtl02 a:visited{
	color:#3A5AA7;
	text-decoration:underline;}
.sitemapDl dt.sitemapDtTtl02 a:hover{
	color:#3A5AA7;
	text-decoration:none;}
.sitemapDl dt.sitemapDtTtl02 a:active{
	color:#3A5AA7;
	text-decoration:none;}

/*------------------
	googlemap
------------------*/

body#googlemap {
	background:none;}
	
body#googlemap #map {
	width:510px;
	height: 320px;}