@charset "utf-8";
#header {
	background-color: #E50012;
}
	#header .pagetitle {
	}
		#header .pagetitle .icon {
			display: block;
			width: 66px;
			height: 66px;
			background: url(../image/parts_diy.png) no-repeat 0px 0px;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		#header .pagetitle .copy {
			color: #E50012;
		}
#pocky {
	border-bottom: solid 10px #E50012;
}
#merit {
	width: 790px;
	height: 150px;
	margin: 0px auto;
}
	#merit .box_left {
		width: 150px;
		height: 150px;		
		background-color: #E50012;
		border-right: solid 5px #E50012;
		color: #FFF;
		float: left;
	}
	#merit .box_right {
		width: 575px;
		height: 110px;
		padding: 20px 30px;
		font-size: 18px;
		line-height: 36px;
		font-weight: bold;
		float: left;
	}
	#merit .box_right .item {
		height: 36px;
		float: left;
	}
	#merit .box_right .item span {
		display: block;
		width: 17px;
		height: 16px;
		background: url(../image/parts_diy.png) no-repeat 0px -66px;
		float: left;
		margin: 10px 10px 0px 0px;
	}
#sun {
	width: auto;
	height: 290px;
	background: url(../image/parts_diy.png) no-repeat center -82px;
	color: #FFF;
}
	#sun .heading {
		height: 60px;
		line-height: 60px;
		font-size: 18px;
		text-align: center;
	}
	#sun .area {
		width: 360px;
		height: 290px;
		margin: 0px auto;
	}
	#sun .footing {
		height: 60px;
		line-height: 50px;
		font-size: 18px;
		text-align: center;
	}
#needs {
}
	#needs .box_left,
	#needs .box_right {
		width: 300px;
		height: 210px;
		padding: 20px 30px;
		float: left;
	}
		#needs .box_left .heading,
		#needs .box_right .heading {
			font-size: 16px;
			line-height: 30px;
			font-weight: bold;
		}
		#needs .box_left ul {
		}
			#needs .box_left ul li,
			#needs .box_right ul li {
				display: block;
				list-style: none;
			}
			#needs .box_left ul li:before,
			#needs .box_right ul li:before {
				content: '● ';
			}
	#needs .box_center {
		width: 60px;
		height: 260px;
		background-color: #E50012;
		float: left;
		color: #FFF;
	}
		#needs .box_center span {
			display: block;
			width: 32px;
			height: 61px;
			margin: 0px auto 20px;
			background: url(../image/parts_diy.png) no-repeat -66px 0px;
		}
		#copy_usersvoice {
			width: 17px;
			height: 108px;
			color: #000;
			font-size: 1rem;
			font-weight: bold;
			/* background: url(../image/parts_diy.png) no-repeat 0px -373px; */
			margin: 0px auto;
		}
	#needs .box_right {
	}
#flow {
	width: 760px;
	padding: 20px;
	height: 420px;
	margin: 0px auto;
	background-color: #E50012;
	position: relative;
	z-index: 1000;
	margin-bottom: 20px;
}
	#flow .bg_center {
		width: 196px;
		height: 456px;
		background-color: #FFF;
		border: solid 2px #000;
		position: absolute;
		left: 300px;
		top: 0px;
		z-index: 1100;
	}	
	#flow .box_left {
		width: 260px;
		height: 420px;
		float: left;
	}
		#flow .box_left .heading {
			height: 58px;
			border: solid 2px #000;
			background-color: #FFF;
			padding: 15px;
			padding-left: 50px;
			font-size: 20px;
			line-height: 30px;
			position: relative;
			margin-bottom: 26px;
		}
			#flow .box_left .heading span {
				display: block;
				width: 59px;
				height: 59px;
				/* background: url(../image/parts_diy.png) no-repeat -162px -372px; */
				position: absolute;
				left: 20px;
			}
		#flow .box_left .message {
			background-color: #FFF;
			padding: 10px 20px;
			border-radius: 4px;
			margin-bottom: 40px;
			font-size: 18px;
			line-height: 30px;
		}
		#flow .box_left .space {
			width: 13px;
			height: 20px;
			background: url(../image/parts_diy.png) no-repeat -272px -372px;
			margin-left: 20px;
		}
	#flow .box_center {
		width: 240px;
		height: 420px;
		float: left;
		position: relative;
		z-index: 1500;
	}
		#flow .box_center .logo {
			width: 91px;
			height: 92px;
			background: url(../image/parts_diy.png) no-repeat -17px -372px;
			margin: 0px auto 40px;
		}
		#flow .box_center .arrow {
			width: 45px;
			height: 60px;
			padding: 10px 0px;
			float: left;
			margin-bottom: 30px;
		}
			#flow .box_center .arrow span {
				display: block;
				width: 45px;
				height: 40px;
				background: url(../image/parts_diy.png) no-repeat -222px -372px;
			}
		#flow .box_center .button_pit {
			width: 148px;
			height: 58px;
			font-size: 16px;
			line-height: 58px;
			text-align: center;
			background-color: #E95403;
			/* border: solid 1px #000; */
			color: #FFF;
			border-radius: 4px;
			float: left;
			margin-bottom: 50px;
		}
		#flow .box_center .button_bring {
			width: 148px;
			height: 58px;
			font-size: 16px;
			line-height: 58px;
			text-align: center;
			background-color: #EF8200;
			/* border: solid 1px #000; */
			color: #FFF;
			border-radius: 4px;
			float: left;
			margin-bottom: 50px;
		}
		#flow .box_center .button_parts {
			width: 148px;
			height: 58px;
			font-size: 16px;
			line-height: 58px;
			text-align: center;
			background-color: #DC007E;
			/* border: solid 1px #000; */
			color: #FFF;
			border-radius: 4px;
			float: left;
			margin-bottom: 0px;
		}
		#flow .box_center .button_pts {
			width: 148px;
			height: 58px;
			font-size: 16px;
			line-height: 58px;
			text-align: center;
			background-color: #28A745;
			color: #FFF;
			border-radius: 4px;
			float: left;
			margin-bottom: 0px;
		}
		#flow .box_center .button_pss {
			width: 148px;
			height: 58px;
			font-size: 16px;
			line-height: 58px;
			text-align: center;
			background-color: #007BFF;
			color: #FFF;
			border-radius: 4px;
			float: left;
			margin-bottom: 0px;
		}
		#flow .box_center a
		{
			text-decoration:none;
			color: #FFF;
			display: block;
		}
		#flow .box_center a::after
		 {
			content: ' ›';
			margin-left: 8px;
			font-size: 18px;
		}
	#flow .box_right {
		width: 260px;
		float: left;
		position: relative;
	}
		#flow .box_right .heading {
			height: 58px;
			border: solid 2px #000;
			background-color: #FFF;
			padding: 15px;
			padding-left: 90px;
			font-size: 20px;
			line-height: 30px;
			position: relative;
			margin-bottom: 30px;
		}
			#flow .box_right .heading span {
				display: block;
				width: 59px;
				height: 59px;
				background: url(../image/parts_diy.png) no-repeat -162px -372px;
				position: absolute;
				left: 20px;
				top: 50%;
				margin-top: -29px;
			}
		#flow .box_right .message {
			background-color: #FFF;
			padding: 10px;
			margin-bottom: 30px;
		}
		#copy_sendparts {
			width: 65px;
			height: 251px;
			background: url(../image/parts_diy.png) no-repeat -935px -372px;
			position: absolute;
			left: 790px;
			top: 170px;
		}
#copy_40 {
	height: 70px;
	font-size: 40px;
	line-height: 70px;
	margin-bottom: 20px;
}
	#copy_40 .icon {
		display: block;
		width: 78px;
		height: 70px;
		background: url(../image/parts_diy.png) no-repeat -99px 0px;
		float: left;
		margin-right: 20px;
	}
.box_pit {
	background-color: #FBFFE0;
	padding: 20px;
	border: solid 5px #FF4D0E;
	margin-bottom: 20px;
}
	.box_pit .box_left {
		width: 484px;
		float: left;
		padding-right: 20px;
		border-right: solid 2px #FF4D0E;
		margin-right: 20px;
	}
	.box_pit .button_pit {
		width: 142px;
		height: 58px;
		font-size: 16px;
		line-height: 58px;
		text-align: center;
		background-color: #E95403;
		/* border: solid 1px #000; */
		color: #FFF;
		border-radius: 4px;
		float: left;
		margin-right: 20px;
	}
	.box_pit .icon_garage {
		width: 59px;
		height: 59px;
		background: url(../image/parts_diy.png) no-repeat -162px -372px;
		float: left;
		margin-right: 20px;
	}
	.box_pit .box_info {
		width: 241px;
		height: 60px;
		float: left;
	}
	.box_pit .box_right {
		width: 224px;
		float: left;
	}
		.box_pit .box_right .heading {
			height: 24px;
			line-height: 24px;
			text-align: center;
			color: #FFF;
			background-color: #FF290B;
			border-radius: 4px;
		}
		.box_pit .box_right .price {
			height: 46px;
			text-align: center;
			color: #FF290B;
			font-size: 20px;
			line-height: 46px;
			font-weight: bold;
		}
		.box_pit .box_right .letter {
			height: 26px;
			text-align: right;
			color: #FF290B;
			font-size: 14px;
			font-weight: normal;
		}
.box_bring {
	background-color: #FBFFE0;
	padding: 20px;
	border: solid 4px #FF7E14;
	margin-bottom: 20px;
}
	.box_bring .box_left {
		width: 484px;
		float: left;
		padding-right: 20px;
		border-right: solid 2px #FF4D0E;
		margin-right: 20px;
	}
	.box_bring .button_bring {
		width: 142px;
		height: 58px;
		font-size: 16px;
		line-height: 58px;
		text-align: center;
		background-color: #FF7E14;
		border: solid 1px #000;
		color: #FFF;
		border-radius: 4px;
		float: left;
		margin-right: 20px;
	}
	.box_bring .icon_garage {
		width: 59px;
		height: 59px;
		background: url(../image/parts_diy.png) no-repeat -162px -372px;
		float: left;
		margin-right: 20px;
	}
	.box_bring .box_info {
		width: 241px;
		height: 60px;
		float: left;
	}
	.box_bring .box_right {
		width: 224px;
		float: left;
	}
		.box_bring .box_right .heading {
			height: 24px;
			line-height: 24px;
			text-align: center;
			color: #FFF;
			background-color: #FF290B;
			border-radius: 4px;
		}
		.box_bring .box_right .price {
			text-align: center;
			color: #FF290B;
			font-size: 20px;
			line-height: 24px;
			font-weight: bold;
			padding: 10px;
			border-bottom: solid 2px #333;
			margin-bottom: 10px;
		}
.box_pts {
	background-color: #FBFFE0;
	padding: 20px;
	border: solid 4px #FF290B;
	margin-bottom: 20px;
}
	.box_pts .box_left {
		width: 484px;
		float: left;
		padding-right: 20px;
		border-right: solid 2px #FF290B;
		margin-right: 20px;
	}
	.box_pts .button_pts {
		width: 142px;
		height: 58px;
		font-size: 16px;
		line-height: 58px;
		text-align: center;
		background-color: #28A745;
		/* border: solid 1px #000; */
		color: #FFF;
		border-radius: 4px;
		float: left;
		margin-right: 20px;
	}
	.box_pts .icon_garage {
		width: 59px;
		height: 59px;
		background: url(../image/parts_diy.png) no-repeat -162px -372px;
		float: left;
		margin-right: 20px;
	}
	.box_pts .box_info {
		width: 241px;
		height: 60px;
		float: left;
	}
	.box_pts .box_right {
		width: 224px;
		float: left;
	}
		.box_pts .box_right .heading {
			height: 24px;
			line-height: 24px;
			text-align: center;
			color: #FFF;
			background-color: #FF290B;
			border-radius: 4px;
			margin-bottom: 10px;
		}
		.box_pts .box_right .icon_yahoo {
			display: block;
			width: 105px;
			height: 105px;
			background: url(../image/parts_diy.png) no-repeat -285px -376px;
			float: left;
			margin-right: 13px;
		}
		.box_pts .box_right .icon_rakuten {
			display: block;
			width: 105px;
			height: 105px;
			background: url(../image/parts_diy.png) no-repeat -390px -376px;
			float: left;
		}
		
.box_pss {
	background-color: #FBFFE0;
	padding: 20px;
	border: solid 4px #FF290B;
	margin-bottom: 20px;
}
	.box_pss .box_left {
		width: 484px;
		float: left;
		padding-right: 20px;
		border-right: solid 2px #FF290B;
		margin-right: 20px;
	}
	.box_pss .button_pss {
		width: 142px;
		height: 58px;
		font-size: 16px;
		line-height: 58px;
		text-align: center;
		background-color: #007BFF;
		color: #FFF;
		border-radius: 4px;
		float: left;
		margin-right: 20px;
	}
	.box_pss .icon_garage {
		width: 59px;
		height: 59px;
		background: url(../image/parts_diy.png) no-repeat -162px -372px;
		float: left;
		margin-right: 20px;
	}
	.box_pss .box_info {
		width: 241px;
		height: 60px;
		float: left;
	}
	.box_pss .box_right {
		width: 224px;
		float: left;
	}
		.box_pss .box_right .heading {
			height: 24px;
			line-height: 24px;
			text-align: center;
			color: #FFF;
			background-color: #FF290B;
			border-radius: 4px;
			margin-bottom: 10px;
		}
#floor {
	background-color: #E50012;
	height: 40px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	line-height: 40px;
}