@charset "utf-8";

/* ABOUT CSS +TIPS 2008.07.28
---------------------------------------------------*/
div#container{
	width: 920px;
	height: auto;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
	text-align: center;
	background-color: #FFFFFF;
	overflow: hidden;
	background-image: url(../img/cmn_bg_005.gif);
	background-repeat: repeat-y;
}

div#main_contents{
	float: left;
	width: 686px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: left;
}

div#main_contents h1.about{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/about/abo_h1_001.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.about2{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/about/abo_h1_002.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.about3{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/about/abo_h1_003.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.order{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/order/ord_h1_001.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.works{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/order/ord_h1_002.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.admission{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/admission/adm_h1_001.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.qa{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/admission/adm_h1_002.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.voice{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/admission/adm_h1_003.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.recycle{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/recycle/rec_h1_001.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.magamo{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/magamo/mag_h1_001.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.contactus{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/contactus/con_h1_001.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.links{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/links/lin_h1_001.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.privacy{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/privacy/pri_h1_001.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h1.sitemap{
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
	height: 34px;
	background-image: url(../../img/sitemap/sit_h1_001.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#main_contents h2{
	clear: both;
	margin: 4px 0;
	padding: 0 16px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-size: 110%;
	color: #FF6666;
}

div#main_contents h2.concept{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/about/abo_h2_001.gif);
	text-indent: -9999px;
}

div#main_contents h2.purpose{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/about/abo_h2_002.gif);
	text-indent: -9999px;
}

div#main_contents h2.feature{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/about/abo_h2_003.gif);
	text-indent: -9999px;
}

div#main_contents h2.flow{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/about/abo_h2_004.gif);
	text-indent: -9999px;
}

div#main_contents h2.outline{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/about/abo_h2_005.gif);
	text-indent: -9999px;
}

div#main_contents h2.businessresults{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/about/abo_h2_006.gif);
	text-indent: -9999px;
}

div#main_contents h2.guide{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/admission/adm_h2_001.gif);
	text-indent: -9999px;
}

div#main_contents h2.safety{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/admission/adm_h2_002.gif);
	text-indent: -9999px;
}

div#main_contents h2.volunteer{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/admission/adm_h2_003.gif);
	text-indent: -9999px;
}

div#main_contents h2.statice{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/admission/adm_h2_004.gif);
	text-indent: -9999px;
}

div#main_contents h2.rule{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/admission/adm_h2_005.gif);
	text-indent: -9999px;
}

div#main_contents h2.order{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/order/ord_h2_001.gif);
	text-indent: -9999px;
}

div#main_contents h2.work{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/order/ord_h2_002.gif);
	text-indent: -9999px;
}

div#main_contents h2.business{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/order/ord_h2_003.gif);
	text-indent: -9999px;
}

div#main_contents h2.unique01{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/recycle/rec_h2_001.gif);
	text-indent: -9999px;
}

div#main_contents h2.unique02{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/recycle/rec_h2_002.gif);
	text-indent: -9999px;
}

div#main_contents h2.privacy01{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/privacy/pri_h2_001.gif);
	text-indent: -9999px;
}

div#main_contents h2.privacy02{
	clear: both;
	margin: 32px 0 8px 0;
	padding: 0;
	height: 34px;
	background-image: url(../../img/privacy/pri_h2_002.gif);
	text-indent: -9999px;
}

div#main_contents h3{
	clear: both;
	margin: 24px 16px 8px 16px;
	padding: 0 0 8px 0;
	background-image: url(../img/cmn_line_001.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	font-size: 110%;
}

div#main_contents h3.service01{
	color: #FF3333;
}

div#main_contents h3.service02{
	color: #0066CC;
}

div#main_contents h3.service03{
	color: #009900;
}

div#main_contents h3.uniquetitle{
	margin-top: 0;
	clear: none;
	padding: 4px 0;
	border-bottom-color: #E5E5E5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-image: none;
	color: #3366CC;
	font-size: 110%;
	letter-spacing: 0.1em;
}

div#main_contents h4{
	margin: 4px 16px;
	padding: 0;
	font-size: 100%;
}

div#main_contents h4.cap01{
	color: #009900;
	margin: 0;
	padding: 4px 0;
}

div#main_contents h4.cap02{
	color: #FF3333;
	margin: 0;
	padding: 4px 0;
}

div#main_contents h4.cap03{
	color: #0066CC;
	margin: 0;
	padding: 4px 0;
}

div#main_contents h4.flowtitle{
	margin-top: 0;
	clear: none;
	padding: 4px 0;
	border-bottom-color: #E5E5E5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #3366CC;
	font-size: 110%;
	letter-spacing: 0.1em;
}

div#main_contents h4.question{
	margin-top: 0;
	clear: none;
	padding: 4px 0;
	border-bottom-color: #E5E5E5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #009900;
	font-size: 110%;
	letter-spacing: 0.1em;
}

div#main_contents .flow{
	clear: both;
	overflow: hidden;
}

div#main_contents .shopmagamo{
	clear: both;
	margin: 8px 0;
	padding: 0;
	overflow: hidden;
}

div#main_contents .uniquebusiness{
	clear: both;
	overflow: hidden;
}

div#main_contents ul.sitemap{
	margin: 0 0 8px 16px;
	padding: 0;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}

div#main_contents ul.sitemap li{
	margin: 0 0 8px 80px;
	padding: 0;
	list-style-type: none;
	background-image: url(../../img/sitemap/sit_ico_006.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	text-indent: 16px;
}

div#main_contents ul.sitemap li a{
	font-weight: bold;
}

div#main_contents ul.sitemap li.home{
	margin: 12px 16px 12px 0px;
	padding: 0 0 12px 6px;
	display: block;
	background-image: url(../../img/sitemap/sit_ico_001.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-type: none;
	line-height: 2.8em;
	text-indent: 48px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

div#main_contents ul.sitemap li.jinzai{
	margin: 12px 16px 12px 64px;
	padding: 0 0 12px 6px;
	display: block;
	background-image: url(../../img/sitemap/sit_ico_002.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-type: none;
	line-height: 2.8em;
	text-indent: 48px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

div#main_contents ul.sitemap li.work{
	margin: 12px 16px 12px 64px;
	padding: 0 0 12px 6px;
	display: block;
	background-image: url(../../img/sitemap/sit_ico_003.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-type: none;
	line-height: 2.8em;
	text-indent: 48px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

div#main_contents ul.sitemap li.human{
	margin: 12px 16px 12px 64px;
	padding: 0 0 12px 6px;
	display: block;
	background-image: url(../../img/sitemap/sit_ico_004.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-type: none;
	line-height: 2.8em;
	text-indent: 48px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

div#main_contents ul.sitemap li.eco{
	margin: 12px 16px 12px 64px;
	padding: 0 0 12px 6px;
	display: block;
	background-image: url(../../img/sitemap/sit_ico_003.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-type: none;
	line-height: 2.8em;
	text-indent: 48px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

div#main_contents ul.sitemap li.links{
	margin: 32px 0 8px 80px;
	padding: 0;
	list-style-type: none;
	background-image: url(../../img/sitemap/sit_ico_006.gif);
	background-repeat: no-repeat;
	text-indent: 16px;
}

div#main_contents ul{
	margin: 0 0 8px 32px;
	padding: 0;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}

div#main_contents ul li{
	list-style-type: disc;
}

div#main_contents ol{
	margin: 0 0 8px 40px;
	padding: 0;
	letter-spacing: 0.05em;
}

div#main_contents ol li{
	list-style-type: decimal;
	line-height: 1.6em;
}

div#main_contents ol li ul{
	margin: 8px 16px;
	padding: 0;
}

div#main_contents ol li ul li{
	margin: 0;
	list-style-type: disc;
	line-height: 1.6em;
}

div#main_contents table{
	margin: 12px 16px 8px 16px;
	padding: 0;
	font-size: 100%;
	color: #009900;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	width: 668px;
}

div#main_contents th{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #F5F5F5;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #333333;
	font-weight: bold;
	text-align: left;
}

div#main_contents th.outline{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #F5F5F5;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #333333;
	font-weight: bold;
	text-align: left;
	width: 25%;
}

div#main_contents th.outline2{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #F5F5F5;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #333333;
	font-weight: bold;
	text-align: left;
	width: 50%;
}

div#main_contents th.results{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #F5F5F5;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #333333;
	font-weight: bold;
	text-align: left;
	width: 27%;
}

div#main_contents td.results2{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #333333;
	text-align: right;
}

div#main_contents td.results3{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #333333;
	text-align: center;
}

div#main_contents th.age{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #F5F5F5;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #333333;
	font-weight: bold;
	text-align: center;
	width: auto;
}

div#main_contents th.branch{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #D0EAC6;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #333333;
	font-weight: bold;
	text-align: center;
	width: auto;
}

div#main_contents th.unique{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #66CC33;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

div#main_contents td{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #333333;
}

div#main_contents td.unique{
	margin: 0;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #333333;
	vertical-align: text-top;
	font-weight: bold;
	background-color: #F5F5F5;
}

img.img_magamo{
	margin: 0 8px 0 16px;
	padding: 0;
}

img.img16{
	margin: 16px;
	clear: both;
}

img.left{
	clear: both;
	float: left;
	margin: 4px 16px 8px 16px;
}

div#main_contents .pagetop{
	clear: both;
	float: right;
	margin: 16px 0 8px 0;
	padding: 0 8px 0 16px;
	background-image: url(../img/cmn_ico_001.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
}

div#main_contents .workmenu{
	clear: both;
}

div#main_contents .workmenu2{
	float: left;
	width: 343px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	overflow: hidden;
}

div#main_contents .workmenu2 ul li{
	display: inline;
	padding: 0 12px 0 0;
	list-style: disc;
	line-height: 1.5em;
}

div#main_contents .workmenu2 .fontsmall{
	font-size: 80%;
	line-height: 1.5em;
}

div#main_contents .worklist{
	width: auto;
	height: auto;
	margin: 8px 16px;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #FFE5E5;
	overflow: hidden;
	word-break: keep-all;
}

div#main_contents .worklist ul{
	margin: 0;
	padding: 0;
}

div#main_contents .worklist ul li{
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	margin-right: 1em;
	padding: 0;
	text-indent: 0;
	list-style-type: disc;
	line-height: 1.6em;
	line-break: strict;
	word-break: keep-all;
	white-space: nowrap;
	_white-space:normal;	/*ie6対策*/
}

div#main_contents .worklist2{
	width: auto;
	height: auto;
	margin: 8px 16px;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #CCE5FF;
	overflow: hidden;
	word-break: keep-all;
}

div#main_contents .worklist2 ul{
	margin: 0;
	padding: 0;
}

div#main_contents .worklist2 ul li{
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	margin-right: 1em;
	padding: 0;
	text-indent: 0;
	list-style-type: disc;
	line-height: 1.6em;
	line-break: strict;
	word-break: keep-all;
	white-space: nowrap;
	_white-space:normal;	/*ie6対策*/
}

div#main_contents .worklist3{
	width: auto;
	height: auto;
	margin: 8px 16px;
	padding: 4px 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #CCFFCC;
	overflow: hidden;
	word-break: keep-all;
}

div#main_contents .worklist3 ul{
	margin: 0;
	padding: 0;
}

div#main_contents .worklist3 ul li{
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	margin-right: 1em;
	padding: 0;
	text-indent: 0;
	list-style-type: disc;
	line-height: 1.6em;
	line-break: strict;
	word-break: keep-all;
	white-space: nowrap;
	_white-space:normal;	/*ie6対策*/
}


div#main_contents .comment{
	clear: both;
	margin: 8px 16px;
	padding: 8px 0;
	background-color: #F5F5F5;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
}

div#main_contents .name{
	clear: both;
	margin: 8px 16px 0 16px;
	padding: 4px 0 0 0;
	font-size: 81%;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	background-image: url(../img/cmn_line_001.gif);
	background-repeat: repeat-x;
	background-position: top;
}

div#main_contents ul.links{
	margin: 8px 16px;
	padding: 0;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}

div#main_contents ul.links li{
	margin: 0;
	padding: 8px 0;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	list-style-type: none;
	background-image: url(../img/cmn_line_001.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#main_contents iframe{
	margin: 0;
	padding: 0;
}

div#main_contents ul.links li span.linkname{
	display: block;
	float: left;
	width: 360px;
	color: #009900;
	font-weight: bold;
}

/* LOCAL NAVIGATION CSS +TIPS 2008.07.28
---------------------------------------------------*/
div#l_navi{
	width: 218px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
	text-align: left;
	background-color: #D0EAC6;
	overflow: hidden;
}

div#menubox {
	width: 202px;
	height: auto;
	margin: 0;
	padding: 8px 8px 16px 8px;
	text-align: left;
	background-color: #D0EAC6;
	overflow: hidden;
}

div#menubox h2{
	margin: 0 0 8px 0;
	padding: 0;
	width: auto;
	height: auto;
	text-indent: 0;
	text-align: center;
	line-height: 2em;
	font-weight: bold;
	background-color: #63B643;
	color: #FFFFFF;
}

div#menubox h2 a{
	margin: 0 0 8px 0;
	padding: 0;
	width: auto;
	height: auto;
	text-indent: 0;
	text-align: center;
	line-height: 2em;
	font-weight: bold;
	background-color: #63B643;
	color: #FFFFFF;
}

div#menubox ul li{
	margin: 0;
	padding: 0 0 0 10px;
	width: 186px;
	height: auto;
	background-color: #D0EAC6;
	background-image: url(../img/cmn_ico_002.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	text-indent: 0;
	line-height: 2em;
	font-size: 91%;
}

div#menubox ul li a{
	margin: 0;
	padding: 0;
	width: 186px;
	height: auto;
	background-color: #D0EAC6;
	text-indent: 0;
}