@charset "utf-8";


p#main {
	text-align: center;
	margin: 0 0 40px;
}
p#attention {
	text-align: right;
	font-size: 85%;
}



/* -----------------------------------------------------------------------
.section
----------------------------------------------------------------------- */

.section {
	margin: 0 0 20px;
}
	.section h3 {
		margin: 0 0 18px;
	}
	.section h5 {
		color: #4f9214;
		font-size: 120%;
		font-weight: bold;
		margin: 0 0 9px 14px;
	}
		.section h5 span {
			background: #487509;
			border-radius: 3px;
			color: #fff;
			font-size: 90%;
			padding: 3px 8px;
			margin: 0 7px 0 0;
		}

/* -----------------------------------------------------------------------
#merit
----------------------------------------------------------------------- */

#merit dl.list {
	background: url(/disposal/system/images/bg_merit.jpg) no-repeat left top;
	overflow: hidden;
	width: 648px;
	height: 56px;
	padding: 13px 0 0 12px;
	margin: 0 0 13px;
}
	#merit dl.list dt {
		float: left;
		color: #338833;
		text-shadow: 0 1px 1px #fff;
		font-size: 125%;
		font-weight: bold;
		padding: 0 0 0 12px;
		border-left: 7px solid #b8d69d;
		margin: 0 10px 0 0;
	}
	#merit dl.list dd {
		background: url(/disposal/system/images/icn_arw.jpg) no-repeat left center;
		color: #88a841;
		float: left;
		font-size: 125%;
		font-weight: bold;
		padding: 0 0 0 20px;
		line-height: 2.3;
	}
		#merit dl.list dd span {
			color: #444;
			font-size: 125%;
		}

/* p#strong */
#merit p#strong {
	text-align: center;
	font-size: 200%;
	margin: 0 0 19px;
}
	#merit p#strong span#big {
		font-size: 180%;
		color: #579817;
	}
	#merit p#strong span#small {
		font-size: 40%;
		color: #555454;
		display: block;
	}

/* table */
#merit table {
	border-collapse: collapse;
	border: 1px solid #579817;
	background: #f0f9dc;
	width: 660px;
	margin: 0 0 9px;
}
	#merit th {
		width: 94px;
		color: #fff;
		background: #7ea55b;
		font-weight: bold;
		text-align: left;
		padding: 0 0 0 11px;
		border-bottom: 1px solid #99be79;
	}
	#merit td {
		color: #555454;
		font-size: 90%;
		line-height: 1.5;
		padding: 5px 0 5px 11px;
		border-bottom: 1px solid #99be79;
	}
		#merit dl {
			clear: both;
		}
			#merit td dt {
				background: #5b6057;
				color: #fff;
				font-size: 80%;
				float: left;
				width: 60px;
				text-align: center;
				margin: 0 7px 0 0;
			}
			#merit td dd {
				float: left;
				width: 460px;
			}
				#merit td dd span {
					font-size: 80%;
					margin: 0 0 0 10px;
				}

/* -----------------------------------------------------------------------
.inquiry-section
----------------------------------------------------------------------- */

.inquiry-section {
	border: 1px solid #579817;
	background: #f0f9dc;
	overflow: hidden;
	height: 100%;
	padding: 13px 0 13px 10px;
	margin: 0 0 32px;
}
	.inquiry-section div {
		float: left;
		margin: 0 10px 0 0;
	}
		.inquiry-section dt {
			color: #4a9605;
			font-size: 170%;
			font-weight: bold;
			margin: 0 0 3px;
		}
		.inquiry-section dd {
			color: #555454;
			font-weight: bold;
			margin: 0 0 13px;
		}
			.inquiry-section dd span {
				color: #4a9605;
			}
		.inquiry-section div p {
			font-size: 70%;
			width: auto;
		}
	.inquiry-section p.bt {
		float: left;
		width: 241px;
		margin: 27px 0 0 0;
	}

/* -----------------------------------------------------------------------
#flow
----------------------------------------------------------------------- */

#flow {
	background: url(/disposal/system/images/bg_flow.jpg) no-repeat left top;
	overflow: hidden;
	height: 100%;
	margin: 0 0 40px;
}
	#flow ul {
		float: left;
	}
		#flow li {
			width: 306px;
			height: 102px;
			margin: 0 0 14px;
			*margin: 0 0 13px;
		}
	#flow ul#right {
		float: right;
	}
		#flow ul#right li {
			width: 321px;
		}
		#flow li#flow01 {
			background: url(/disposal/system/images/img_flow01.jpg) no-repeat left center;
		}
		#flow li#flow02 {
			background: url(/disposal/system/images/img_flow02.jpg) no-repeat left center;
			position: relative;
		}
		#flow li#flow03 {
			background: url(/disposal/system/images/img_flow03.jpg) no-repeat left center;
			margin: 0 0 14px\9;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			#flow li#flow03 {
				margin: 0 0 13px;
			}
		}
		#flow li#flow04 {
			background: url(/disposal/system/images/img_flow04.jpg) no-repeat left center;
			position: relative;
			margin: 0;
		}
		#flow li#flow05 {
			background: url(/disposal/system/images/img_flow05.jpg) no-repeat left center;
			margin: 0 0 25px;
		}
			#flow ul li#flow05 dt {
				color: #338833;
				font-weight: bold;
				font-size: 150%;
				margin: 0 0 10px;
				padding: 0;
			}
		#flow li#flow06 {
			background: url(/disposal/system/images/img_flow06.jpg) no-repeat left center;
			position: relative;
			width: 301px;
			height: 156px;
			margin: 0 0 32px;
		}
			#flow ul li#flow06 dl {
				padding: 15px 0 0 20px;
			}
				#flow ul li#flow06 dl#ttl dt {
					color: #887422;
					font-size: 150%;
					text-shadow: 1px 1px 1px #fff;
					padding: 0;
					margin: 0 0 6px;
				}
		#flow li#flow07 {
			height: 132px;
			margin: 0;
		}
			#flow li p {
				position: absolute;
				top: -5px;
				right: 10px;
			}
			#flow li dl {
				padding: 17px 0 0 20px;
			}
				#flow li dt {
					padding: 0 0 0 11px;
					font-weight: bold;
					font-size: 110%;
					text-shadow: 1px 1px 1px #fff;
					margin: 0 0 13px;
					color: #555454;
				}
				#flow li dd {
					color: #555454;
				}

/* -----------------------------------------------------------------------
.point-section
----------------------------------------------------------------------- */

.point-section {
	clear: both;
	margin: 0 0 50px;
	overflow: hidden;
	height: 100%;
}
	.point-section h4 {
		color: #585858;
		text-shadow: 1px 1px 1px #fff;
		padding: 0 0 0 41px;
		font-size: 120%;
		font-weight: bold;
		line-height: 2;
		margin: 0 0 8px;
	}
		.point-section h4 + p,
		#point3 p {
			margin: 0 0 32px;
		}
	.point-section h5 {
		margin: 0 0 20px;
	}

/* #point1 */
#point1 h4 {
	background: url(/disposal/system/images/ttl_01.jpg) no-repeat left top;
}
		#point1 p + img {
			margin: 0 0 13px;
			display: block;
		}
	#point1 h5 + p {
		margin: 0 0 0 14px;
		float: left;
		color: #444;
		width: 245px;
		font-size: 85%;
		display: inline;
	}
		#point1 h5 + p + img {
			float: left;
			width: 400px;
		}

/* #point2 */
#point2 h4 {
	background: url(/disposal/system/images/ttl_02.jpg) no-repeat left top;
}

/* #point3 */
#point3 h4 {
	background: url(/disposal/system/images/ttl_03.jpg) no-repeat left top;
}
	#point3 h5 + img {
		margin: 0 0 20px;
	}
#point3 p.center {
	text-align: center;
}