@charset "utf-8";
header, article, footer, article, aside, time ,nav { display: block; }

.clear {
	clear:both;
}

.center {
	text-align:center
}

.left {
	float:left;
}

.right {
	float:right;
}

.mt3 {
	margin-top:3px;
}

.mt5 {
	margin-top:5px;
}

.mt7 {
	margin-top:7px;
}

.mt10 {
	margin-top:10px;
}

.mt12 {
	margin-top:12px;
}

.mt15 {
	margin-top:15px;
}

.mt20 {
	margin-top:20px;
}

.mt25{
	margin-top:25px;
}

.mt30 {
	margin-top:30px;
}

.mt40 {
	margin-top:40px;
}

.mt50 {
	margin-top:50px;
}

.mt60 {
	margin-top:60px;
}

.ml5 {
	margin-left:5px;
}

.ml20 {
	margin-left:20px;
}

.ml40 {
	margin-left:40px;
}

.mb3 {
	margin-bottom:3px;
}

.mb10 {
	margin-bottom:10px;
}

.mb20 {
	margin-bottom:20px;
}

.mr5 {
	margin-right:5px;
}

.mr10 {
	margin-right:10px;
}

.mr15 {
	margin-right:15px;
}

.mtb10 {
	margin:10px 0;
}

.mtb30 {
	margin:30px 0;
}

.pt10 {
	padding-top:10px;
}

.pt20 {
	padding-top:20px;
}

.pt25 {
	padding-top:25px;
}

.pt30 {
	padding-top:30px;
}

.pt35 {
	padding-top:35px;
}

.pt50 {
	padding-top:50px;
}

.pt60 {
	padding-top:60px;
}

.pl15 {
	padding-left:15px;
}

.pr20 {
	padding-right:20px;
}

.input150 {
	width:150px;
}

.input200 {
	width:200px;
}

.red {
	color:#f30;
	font-weight:bold;
}

.yellow {
	color:#F00;
	background-color:#FF0;
	padding:3px 0;
}

.bold {
	font-weight:bold;
	text-decoration:underline;
}
	
.kome
{
    text-indent:-1em;
    margin-left:1em;
	line-height:160%;
}

.kome2
{
    text-indent:-1em;
    margin-left:1em;
	line-height:160%;
	font-size:16px;
}

html,body {
	height:100%;
	background:url(../img/background.jpg) 0% 0% repeat;
}

header {
	background:url(../../img/header/header_bg.jpg) 0% 0% repeat-x;
	height:143px;
}

#header_contents {
	width:980px;
	margin:0 auto;
	height:98px;
}

#header_contents h1 {
	float:left;
}

#header_contact {
	float:right;
}

#contact_list {
	float:right;
	padding-top:15px;
}

#contact_list li {
	list-style:none;
	float:left;
	padding-left:10px;
}

#site_cap {
	padding-top:10px;
	text-align:right;
}

nav#header_navi {
	width:980px;
	margin:0 auto;
}	

nav#header_navi li {
	list-style:none;
	float:left;
	background:url(../../img/header/navi_line.gif) 100% 50% no-repeat;
	width:163px;
}	

nav#header_navi li.first {
	background:url(../../img/header/navi_line2.gif) 0% 50% no-repeat;
	width:165px;
}	

/******************** 

mainvisual 

********************/

section#main_visual_area {
	background:url(../../img/top/mainvisual_bg.jpg) 0% 100% repeat-x;
	height:609px;
}

#main_visual {
	width:980px;
	margin:0 auto;
	position:relative;
}

#main_visual h1 {
	height:608px;
}

.btn_detail {
	position:absolute;
	right:115px;
	bottom:28px;
}

#wrapperAll {
	margin:0 auto;
	width:980px;
}

aside {
	width:250px;
	float:left;
	padding-top:50px;
}

#side_navi {
	padding-bottom:20px;
}

#side_navi li {
	list-style:none;
	padding-top:10px;
}

#side_navi li.siryo {
	padding-top:30px;
}

#main_contents {
	float:right;
	padding-top:50px;
	width:650px;
	font-size:14px;
}

a {
	color:#09C;
}

ul.case li {
	list-style:none;
	padding-top:10px;
}

ul.case li.left {
	padding-left:20px;
}

ul.case li.right {
	padding-right:20px;
}

#news {
	padding-top:60px;
}

#news li {
	list-style:none;
	border-bottom:1px #ccc dashed;
	padding:10px 5px;
}

#news li span {
	padding-right:30px;
}

#news li img {
	padding-left:5px;
}

#contact_area {
	padding-top:60px;
}

footer {
	background:#1CA95C;
	margin-top:100px;
}

#footer {
	width:980px;
	margin:0 auto;
	position:relative;
}

#pgtop {
	position:absolute;
	left:0px;
	top:-25px;
}

#footer_navi {
	padding-top:40px;
}

.footer_navi_area {
	width:210px;
	float:left;
	color:#FFF;
}

.footer_navi_area h1 {
	font-size:20px;
}

.footer_navi_area a {
	color:#FFF;
} 

.footer_navi_area ul {
	padding-left:20px;
	margin-top:10px;
} 

.footer_navi_area li {
	line-height:200%;
	font-size:14px;
} 

.footer_banner li {
	float:left;
	list-style:none;
	padding-right:10px;
}

.footer_banner li.last {
	padding-right:0px;
}

#copyright {
	margin-top:40px;
	padding:20px 0;
	color:#FFF;
	text-align:center;
	border-top:1px #FFF dotted;
	font-size:14px;
}

ul.pankuzu {
	padding-top:20px;
}

ul.pankuzu li {
	list-style:none;
	display:inline;
	padding-right:10px;
	font-size:14px;
}

.blog_new {
     width: 650px;
	 height: 206px;
	 margin-bottom: 40px;
	 font-size: 15px;
	 line-height: 24px;
}
.blog_new_title {
     width: 650px;
	 height: 36px;
}
.blog_new_text {
     width: 606px;
	 height: 128px;
	 border: solid #eb6615 2px;
	 padding: 20px;
}
.blog_new_text_news {
     width: 606px;
	 height: 128px;
	 border: solid #262394 2px;
	 padding: 20px;
}
.blog_new_text_blog {
     width: 606px;
	 height: 128px;
	 border: solid #07913b 2px;
	 padding: 20px;
}
.blog_new_shadoe {
     width: 650px;
}
.side_new {
     width: 250px;
     height: 215px;
     margin-bottom: 25px;
}
.side_new_title {
     width: 250px;
     height: 30px;
}
.side_new_text {
     width: 218px;
     height: 158px;
     padding: 15px;
     font-size: 12px;
     line-height: 16px;
}
.side_new_shadow {
     width: 250px;
     height: 20px;
}




/******************** 

ごみ処理方法

********************/

.cap {
	padding:15px;
	line-height:160%;
	font-size:16px;
}

#step1 {
	padding-top:60px;
}

#step1 table {
	margin-top:20px;
	width:650px;
}

#step1 table th,
#step1 table td {
	border-bottom:1px #ccc dotted;
	padding:15px 0;
	vertical-align:top;
}

#step1 table th {
	width:130px;
	text-align:left;
}

#step1 table td {
	line-height:160%;
}

#step1 table h2 {
	color:#006934;
	margin-bottom:5px;
}

#step2,
#step3 {
	padding-top:60px;
}

#step2 table {
	width:650px;
}

#step2 table.emerald {
	border:#3EA6B2 1px solid;
}

#step2 table.orange {
	border:#E0804C 1px solid;
}

#step2 table.green {
	border:#72AF2D 1px solid;
}

#step2 table.old {
	border:#E8B91F 1px solid;
}

#step2 table.purple {
	border:#B96EAA 1px solid;
}

#step2 table.blue {
	border:#A4ABD6 1px solid;
}

#step2 table.pink {
	border:#F091A7 1px solid;
}

#step2 table.green2 {
	border:#22AC38 1px solid;
}


#step2 table th,
#step2 table td {
	padding:15px;
	line-height:160%;
	font-size:16px;
	border-collapse:separate;
}

#step2 table th {
	color:#FFF;
	border-bottom:1px #fff solid;
	width:110px;
}

#step2 table.emerald th {
	background-color:#3EA6B2;
}

#step2 table.emerald td {
	border-bottom:1px #3EA6B2 solid;
}

#step2 table.orange th {
	background-color:#E0804C;
}

#step2 table.orange td {
	border-bottom:1px #E0804C solid;
}

#step2 table.green th {
	background-color:#72AF2D;
}

#step2 table.green td {
	border-bottom:1px #72AF2D solid;
}

#step2 table.old th {
	background-color:#E8B91F;
}

#step2 table.old td {
	border-bottom:1px #E8B91F solid;
}

#step2 table.purple th {
	background-color:#B96EAA;
}

#step2 table.purple td {
	border-bottom:1px #B96EAA solid;
}

#step2 table.blue th {
	background-color:#A4ABD6;
}

#step2 table.blue td {
	border-bottom:1px #A4ABD6 solid;
}

#step2 table.pink th {
	background-color:#F091A7;
}

#step2 table.pink td {
	border-bottom:1px #F091A7 solid;
}

#step2 table.green2 th {
	background-color:#22AC38;
}

#step2 table.green2 td {
	border-bottom:1px #22AC38 solid;
}

table.caution {
	margin-top:15px;
	border:none !important;
}

table.caution th {
	background-color:#fff100 !important;
	color:#333 !important;
	width:50px !important;
}

table.caution td {
	font-size:14px !important;
}

table.caution th,
table.caution td {
	padding:5px 15px !important;
	border:none !important;
}

table.caution ul {
	padding-left:15px;
}

.sodai_link {
	float:right;
	font-size:16px;
	background:url(../../img/common/link_arrow.gif) 0% 50% no-repeat;
	padding:5px 0px 5px 20px;
}

.gigyo {
	font-size:16px;
	line-height:160%;
}

.gigyo h1 {
	font-size:24px;
	line-height:160%;
	color:#00913A;
} 

.gigyo span {
	color:#00913A;
} 

.link {
	background:url(../../img/common/link_arrow.gif) 0% 50% no-repeat;
	padding:5px 0px 5px 20px;
}


table.konnan {
	margin-top:15px;
	border:1px #666 solid !important;
}

table.konnan th {
	background-color:#666 !important;
	color:#fff !important;
	width:150px !important;
}

table.konnan td {
	font-size:14px !important;
	border-bottom:1px #666 solid !important;
}

.separation_area {
	border-right:#00913A 9px solid;
	border-left:#00913A 9px solid;
	padding:16px;
	width:600px;
}

.separation_area p {
	line-height:160%;
	font-size:18px;
}

.separation_area table {
	width:600px;
}

.separation_area table th {
	font-size:14px;
	background-color:#333;
	color:#FFF;
	padding:5px 10px;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
}

.separation_area table td {
	font-size:14px;
	padding:10px 5px;
	line-height:160%;
	border-bottom:1px #666 dotted;
}

.separation_area table td.word {
	vertical-align:top;
	width:35px;
	padding:10px 10px 0 0;
}

/******************** 

サービス一覧

********************/

#service_list h1 {
	padding-top:50px;
}

#service_list p {
	font-size:16px;
	line-height:160%;
	text-indent:1em;
	padding:15px;
}

/******************** 

料金目安

********************/

#price_list h1 {
	padding-top:50px;
	height:47px;
}

.price_list_area_top {
	background:url(../../img/price/cube_top.gif) 0% 0% no-repeat;
	height:17px;
}

.price_list_area {
	border-right:#00913A 9px solid;
	border-left:#00913A 9px solid;
	padding:16px;
	width:600px;
}

.price_list_area p {
	line-height:160%;
	font-size:18px;
}

.price_list_area_btm {
	background:url(../../img/price/cube_btm.gif) 0% 0% no-repeat;
	height:17px;
}

.price_list_area table {
	width:600px;
}

.price_list_area table th {
	font-size:16px;
	background-color:#333;
	color:#FFF;
	padding:5px 10px;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
}

.price_list_area table td {
	font-size:16px;
	padding:10px;
	line-height:160%;
}

.price_list_area table td.word {
	vertical-align:top;
	width:35px;
}

.price_list_area table td.center {
	width:80px;
}

.price_list_area table tr.green td {
	background-color:#ECF4D9;
}

.price_list_area table tr.green td.word {
	background-color:#fff;
}

/******************** 

よくある質問

********************/
#faq_point h1 {
	margin-top:30px;
}

.point_list dt {
	padding:10px 0 10px 45px;
	color:#006934;
	font-size:22px;
	font-weight:bold;
	margin-top:20px;
}

.point_list dt.no1 {
	background:url(../../img/faq/1.jpg) 0% 50% no-repeat;
}

.point_list dt.no2 {
	background:url(../../img/faq/2.jpg) 0% 50% no-repeat;
}

.point_list dt.no3 {
	background:url(../../img/faq/3.jpg) 0% 50% no-repeat;
}

.point_list dt.no4 {
	background:url(../../img/faq/4.jpg) 0% 50% no-repeat;
}

.point_list dt.no5 {
	background:url(../../img/faq/5.jpg) 0% 50% no-repeat;
}

.point_list dt.no6 {
	background:url(../../img/faq/6.jpg) 0% 50% no-repeat;
}

.point_list dt.no7 {
	background:url(../../img/faq/7.jpg) 0% 50% no-repeat;
}

.point_list dt.no8 {
	background:url(../../img/faq/8.jpg) 0% 50% no-repeat;
}

.point_list dt.no9 {
	background:url(../../img/faq/9.jpg) 0% 50% no-repeat;
}

.point_list dt.no10 {
	background:url(../../img/faq/10.jpg) 0% 50% no-repeat;
}

.point_list dt.no11 {
	background:url(../../img/faq/11.jpg) 0% 50% no-repeat;
}

.point_list dt.no12 {
	background:url(../../img/faq/12.jpg) 0% 50% no-repeat;
}

.point_list dd {
	border-bottom:1px #666 dotted;
	padding-bottom:20px;
	font-size:16px;
	line-height:160%;
	margin-top:20px;
}

#faq_list h1 {
	margin-top:50px;
}

#faq_list h2{
	color:#006934;
	border-left:8px #006934 solid;
	font-size:32px;
	margin-top:30px;
	padding-left:5px;
}

#faq_list dt {
	padding:6px 0 6px 45px;
	color:#006934;
	font-size:22px;
	font-weight:bold;
	margin-top:20px;
	background:url(../../img/faq/q.jpg) 0% 0% no-repeat;
	line-height:140%;
}

#faq_list dd {
	border-bottom:1px #666 dotted;
	padding:7px 0 20px 45px;
	font-size:16px;
	line-height:160%;
	margin-top:20px;
	background:url(../../img/faq/a.jpg) 0% 0% no-repeat;
}

#faq_list dd .link {
	margin-top:10px;
}

/******************** 

組合概要

********************/

#outline p {
	font-size:16px;
	line-height:160%;
	margin-top:20px;
}

#history {
	padding-top:50px;
}

#history p {
	font-size:16px;
	line-height:160%;
	margin-top:20px;
	text-indent:1em;
}

#structure {
	padding-top:50px;
}

#structure table {
	width:650px;
	border:1px #999 solid;
	margin-top:20px;
}

#structure table th,
#structure table td {
	border-bottom:1px #999 solid;
	padding:15px 20px;
	line-height:160%;
}

#structure table th {
	border-right:1px #999 solid;
	background-color:#ECF4D9;
	width:130px;
}

#structure table td .member {
	float:left;
	padding-right:10px;
}

#structure table ol {
	padding-left:20px;
}

#structure table  h2 {
	margin-top:15px;
	font-size:18px;
}

/******************** 

業者を探す

********************/

#search_contact h1 {
	height:32px;
	margin-top:20px;
}

.search_contact_area {
	padding:19px;
	border:1px #007F2D solid;
	width:610px;
}

.search_contact_area h2 {
	font-size:28px;
	border-left:8px #333 solid;
	padding-left:5px;
}

.search_contact_area .time {
	font-size:18px;
	margin-top:10px;
	border-bottom:1px #666 dotted;
	padding-bottom:20px;
	margin-bottom:20px;
}

.search_contact_area h3 {
	float:left;
	background:url(../../img/search/gyousha_tel.jpg) 0% 50% no-repeat;
	padding:0px 20px 0px 60px;
	font-size:42px;
	color:#007F2D;
	font-family:Arial, Helvetica, sans-serif;
}

.search_contact_area h4 {
	float:left;
	background:url(../../img/search/gyousha_fax.jpg) 0% 50% no-repeat;
	padding:5px 0 5px 60px;
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
}

.search_contact_area .contact_btn {
	text-align:center;
	margin-top:20px;
}

#member_list {
	padding-top:50px;
}

#member_list table {
	width:650px;
	border:1px #999 solid;
	margin-top:10px;
} 

#member_list table th,
#member_list table td {
	padding:5px 10px;
	line-height:160%;
	border-right:1px #999 solid;
	border-bottom:1px #999 solid;
} 

#member_list table th {
	background-color:#BEDFC2;
} 

#member_list table tr.green td {
	background-color:#ECF4D9
}

#member_list table td.number {
	text-align:center;	
} 

/******************** 

違法業者追放

********************/

.illegal {
	padding-top:50px;
	font-size:16px;
	line-height:160%;
}

.illegal h2 {
	color:#E83828;
	font-size:24px;
	margin-top:20px;
}

.illegal ul {
	padding-left:20px;
}

.illegal li {
	margin-top:20px;
}

.btn_left {
	width:295px;
	float:left;
	padding-top:40px;
}

.btn_right {
	width:295px;
	float:right;
	padding-top:40px;
}

/******************** 

トラブル集

********************/

#trouble_list {
	padding-top:20px;
}

.trouble {
	border-bottom:1px #666 dotted;
	width:650px;
	padding:30px 0;
}

.trouble_cap {
	width:370px;
	float:right;
	font-size:16px;
	line-height:160%;
}

.trouble_cap.left {
	float:left;
}

.trouble_cap h2 {
	font-size:24px;
	margin-bottom:20px;
}

/******************** 

ごみ処理の流れ

********************/

#flow {
	padding-top:50px;
	line-height:160%;
	font-size:16px;
}


/******************** 

事業系ごみ

********************/

#business {
	padding-top:50px;
	line-height:160%;
	font-size:16px;
}