@charset "utf-8";

/*****************************
           ブロック
 *****************************/

div.colorbox {
	width: 400px;
	margin: auto;
	margin-left: 200px;
	padding: 1em;
	padding-left: 0;
}

div.colorbox span {
	text-shadow: #909090 1px 1px 2px;
}

.colorbox small {
	font-size: 80%;
}

input {
	width: 30px; /* for I.E */
}

input.submit {
	width: 50px; /* for I.E */
}

input[type="text"] {
	width: 30px;
}

input.text2 {
	width: 50px;
}

div#colorsample {
	position: absolute;
	top: 85px;
	left: 0px;
	width: 180px;
	height: 180px;
	border: 1px solid #f0f0f0;
}

p#greeting {
	margin-left: 200px;
}

p#error {
	color: #ffe680;
	margin-left: 200px;
}


div.colorbox.contrast {
	padding-left: 0;
}

div.colorbox.contrast form {
	clear: none;
	width: 70px;
	float: left;
}

input.submit.d1 {
	width: 65px;
	background-color: #c0c0c0 !important;
}

input.submit.d2 {
	width: 65px;
	background-color: #a0a0a0 !important;
}

input.submit.d3 {
	width: 65px;
	background-color: #808080 !important;
}

input.submit.d4 {
	width: 65px;
	background-color: #606060 !important;
}