/*イージーオーダー
---------------------------------------------------------------*/

/*要注意 pictureの高さ
-----------------------*/
#picture {
	height: 350px;
}

/*見出しと費用
-----------------------*/
#picture p {
	color: #009900;
	border-style: none;
	background-color: #FFFFFF;
	margin-left: 22px;
	padding: 0px;
	margin-top: 7px;
}
#picture h4 {
	margin-top: 15px;
	margin-left: 20px;
	padding-bottom: 7px;
	border-bottom: 1px solid #CCCCCC;
	width: 550px;
}

.before-cap {
	font-weight: bold;
	color: #009900;
}

/*画像
-------------------------------*/
#picture .before {
	position: absolute;
	left: 226px;
	top: 32px;
}
#picture .after-1 {
	position: absolute;
	left: 20px;
	top: 78px;
}
#picture .after-2 {
	position: absolute;
	left: 295px;
	top: 64px;
}
#picture .after-3 {
	position: absolute;
	left: 277px;
	top: 179px;
}
#picture .after-4 {
	position: absolute;
	left: 416px;
	top: 181px;
}
#picture .leather {
	position: absolute;
	left: 271px;
	top: 220px;
}

#picture .change-allow {
	position: absolute;
	left: 229px;
	top: 300px;
}

/*before-after説明文
-------------------------------*/
#picture .before-copy {
	width: 150px;
	font-size: 11px;
	color: #A08049;
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 424px;
	top: 81px;
	letter-spacing: -0.05em;
}
#picture .after-copy {
	width: 100px;
	font-size: 11px;
	color: #A08049;
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 256px;
	top: 94px;
	z-index: 1;
	letter-spacing: -0.05em;
}
#picture .leather-copy {
	font-size: 11px;
	color: #A08049;
	letter-spacing: -0.05em;
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 343px;
	top: 294px;
	width: 230px;
}


/* picture2
---------------------------------------------------------------*/
#picture2 {
	height: 340px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom-width: 1px;
	border-top: 1px solid #CCCCCC;
	position: relative;
	clear: both;
}

/*見出しと費用
-----------------------*/
#picture2 p {
	color: #009900;
	border-style: none;
	background-color: #FFFFFF;
	margin-left: 22px;
	padding: 0px;
	margin-top: 7px;
}
#picture2 h4 {
	margin-top: 15px;
	margin-left: 20px;
	padding-bottom: 7px;
	border-bottom: 1px solid #CCCCCC;
	width: 550px;
	font-weight: bold;
	font-size: 15px;
	color: #666666;
}



/*画像
-------------------------------*/

#picture2 .after-1 {
	position: absolute;
	left: 12px;
	top: 108px;
}
#picture2 .after-2 {
	position: absolute;
	left: 280px;
	top: 61px;
}
#picture2 .after-3 {
	position: absolute;
	left: 290px;
	top: 180px;
}
#picture2 .after-4 {
	position: absolute;
	left: 425px;
	top: 180px;
}
#picture2 .leather {
	position: absolute;
	left: 271px;
	top: 220px;
}

#picture2 .change-allow {
	position: absolute;
	left: 229px;
	top: 300px;
}

/*before-after説明文
-------------------------------*/

#picture2 .before-copy {
	width: 150px;
	font-size: 11px;
	color: #A08049;
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 406px;
	top: 67px;
	letter-spacing: -0.05em;
}
#picture2 .after-copy {
	width: 100px;
	font-size: 11px;
	color: #A08049;
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 256px;
	top: 94px;
	z-index: 1;
	letter-spacing: -0.05em;
}
#picture2 .leather-copy {
	font-size: 11px;
	color: #A08049;
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 294px;
	top: 284px;
	letter-spacing: -0.05em;
	width: 250px;
}


/* picture3
---------------------------------------------------------------*/
#picture3 {
	height: 340px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom-width: 1px;
	border-top: 1px solid #CCCCCC;
	position: relative;
	clear: both;
}

/*見出しと費用
-----------------------*/
#picture3 p {
	color: #009900;
	border-style: none;
	background-color: #FFFFFF;
	margin-left: 22px;
	padding: 0px;
	margin-top: 7px;
}
#picture3 h4 {
	margin-top: 15px;
	margin-left: 20px;
	padding-bottom: 7px;
	border-bottom: 1px solid #CCCCCC;
	width: 550px;
	font-weight: bold;
	font-size: 15px;
	color: #666666;
}



/*画像
-------------------------------*/

#picture3 .after-1 {
	position: absolute;
	left: 15px;
	top: 94px;
}
#picture3 .after-2 {
	position: absolute;
	left: 279px;
	top: 50px;
}
#picture3 .after-3 {
	position: absolute;
	left: 290px;
	top: 180px;
}
#picture3 .after-4 {
	position: absolute;
	left: 425px;
	top: 180px;
}
#picture3 .leather {
	position: absolute;
	left: 271px;
	top: 220px;
}

#picture3 .change-allow {
	position: absolute;
	left: 229px;
	top: 300px;
}

/*before-after説明文
-------------------------------*/

#picture3 .before-copy {
	width: 150px;
	font-size: 11px;
	color: #A08049;
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 406px;
	top: 62px;
	letter-spacing: -0.05em;
}
#picture3 .after-copy {
	width: 100px;
	font-size: 11px;
	color: #A08049;
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 256px;
	top: 94px;
	z-index: 1;
	letter-spacing: -0.05em;
}
#picture3 .leather-copy {
	font-size: 11px;
	color: #A08049;
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 294px;
	top: 284px;
	letter-spacing: -0.05em;
	width: 250px;
}


/*裏地の色設定
-------------------------------*/
#picture .color {
	font-size: 11px;
	color: #A08049;
	letter-spacing: -0.05em;
	position: absolute;
	left: 20px;
	bottom: 11px;
}
#picture2 .color-2 {
	font-size: 11px;
	color: #A08049;
	letter-spacing: -0.05em;
	position: absolute;
	left: 20px;
	bottom: 11px;
}
#picture3 .color-3 {
	font-size: 11px;
	color: #A08049;
	letter-spacing: -0.05em;
	position: absolute;
	left: 20px;
	bottom: 11px;
}
