@charset "utf-8";

/*body {
	margin: 0 auto;
	padding: 0;
	text-align:center;
	width: 100%;
}*/
#bg_fancy_potting {
	background: url(/img/advantage/bg_fancy_potting.png) no-repeat center top;
	width: 485px;
	height: 360px;
	margin: 0 auto;
	position: relative;
}
#bg_fancy_fushi {
	float: left;
	background: url(/img/advantage/bg_fancy_fushi.png) no-repeat center top;
	width: 290px;
	height: 240px;
	margin: 5px 0 0 30px;
	position: relative;
}
#bg_fancy_switch {
	float: right;
	background: url(/img/advantage/bg_fancy_switch.png) no-repeat center top;
	width: 290px;
	height: 240px;
	margin: 0 5px 40px 0;
	position: relative;
}
#img_blue {
	width: 263px;
	height: 326px;
	position: absolute;
	top:3.8%;
	left:25%;
}
#img_red {
	width: 240px;
	height: 145px;
	position: absolute;
	top:41.8%;
	left:25.3%;
}
#img_yellow {
	width: 281px;
	height: 91px;
	position: absolute;
	top:31%;
	left:1%;
}
#img_green {
	width: 123px;
	height: 125px;
	position: absolute;
	top:20%;
	left:28.5%;
}
#img_orange {
	width: 198px;
	height: 157px;
	position: absolute;
	top:17.5%;
	left:15.5%;
}


	/* スマートフォン用のスタイル記述 */
	@media screen and (max-width: 620px) {
		#bg_fancy_potting {
			background: url(/img/advantage/bg_fancy_potting_sp.png) no-repeat center top;
			width: 300px !important;
			height: 223px !important;
			margin: 0 auto !important;
		}
		#bg_fancy_fushi {
			float: left;
			background: url(/img/advantage/bg_fancy_fushi_sp.png) no-repeat center top;
			width: 290px !important;
			height: 240px !important;
			margin: 0 0 0 7px !important;
		}
		#bg_fancy_switch {
			float: right;
			background: url(/img/advantage/bg_fancy_switch_sp.png) no-repeat center top;
			width: 290px !important;
			height: 240px !important;
			margin: 0 auto !important;
		}

		#img_blue {
			width: 165px !important;
			height: 200px !important;
			position: absolute;
			top:0% !important;
			left:24.7% !important;
		}
		#img_red {
			width: 150px !important;
			height: 91px !important;
			position: absolute;
			top:34.1% !important;
			left:25.3% !important;
		}
		#img_yellow {
			width: 281px !important;
			height: 91px !important;
			position: absolute;
			top:24.8% !important;
			left:1% !important;
		}
		#img_green {
			width: 123px !important;
			height: 125px !important;
			position: absolute;
			top:14.3% !important;
			left:28.5% !important;
		}
		#img_orange {
			width: 198px !important;
			height: 157px !important;
			position: absolute;
			top:12% !important;
			left:15.5% !important;
		}


	}