@charset "utf-8";
/* CSS Document */

/** カラーシミュレーション **/
#container {
	max-width: 1000px;
	background: linear-gradient(to right, #222 3%, #bbb, #222 97%);
	margin: 20px auto;
	padding: 20px;
}
#simulatedImg {
	max-width:600px;
	float:left;
}
#simulatedImg img{
	width: 100%;
}
#simulatedImg p{
	width: 100%;
	text-align: right;
}
#simulatedImg form{
	text-align: center;
}
#simulatedImg input{
	background: rgba(200,16,46,1);
	border: none;
}
#simulatedImg input:hover{
	background: #f06;
}
#colorSimulation {
	width:300px;
	float:right;
}
#colorSimulation img, span {
	width: 50px;
	height: 20px;
	margin-right: 2px;
}
#colorSimulation img.Wht {
	border:solid;
	border-width: 1px;
	border-color: #000;
	width:48px;
	height:19px;
	margin-right: 2px;
}

@media (max-width: 960px) {
	#colorSimulation {
		float: left;
		margin: auto;
	}
}