@charset "utf-8";
/*
 * フォームの飾り
 *
 *
 */

/*////////////////////////////////////
//	placeholder color
////////////////////////////////////*/
::-webkit-input-placeholder {
	color: #ddd;
	opacity: 1;
}
::-moz-placeholder {
	color: #ddd;
	opacity: 1;
}
::-ms-input-placeholder {
	color: #ddd !important;
}
:-ms-input-placeholder {
	color: #ddd !important;
}
:placeholder-shown {
	color: #ddd;
}

/**
 * text,select
 *
 */
#formsection #first input[type=text]
,#formsection #first input[type=password]
,#formsection #first select {
	height: 40px;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd;
	padding: 0 0 0 10px;
	font-size: 15px;
	background-color: #fff;
	color: #000;
	border-radius: 5px;
}
#formsection #first input[type=text]:focus
,#formsection #first input[type=password]:focus
,#formsection #first select:focus {
	background-color: #fff;
	border-color: #ddd #ddd #e61 #ddd;
}

/**
 * textarea
 *
 */
#formsection #first textarea {
	height: 150px;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd;
	padding: 5px 10px;
	font-size: 15px;
	background-color: #fff;
	color: #000;
	border-radius: 5px;
}
#formsection #first textarea:focus {
	background-color: #fff;
	border-color: #ddd #ddd #e61 #ddd;
}

/**
 * button
 *
 */
#formsection #first button {
	height: 40px;
	border-style: solid;
	border-width: 1px;
	border-color: #e61;
	border-radius: 4px;
	cursor: pointer;
	font-size: 15px;
	background-color: #fff;
	color: #e61;
}

/**
 * checkbox
 *
 */
#formsection #first div.checkbox {
	display: inline;
	line-height: 39px;
	white-space: nowrap;
}
#formsection #first div.checkbox label {
	font-size: 15px;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	padding: 5px 20px;
	background-color: #f0f0f0;
	margin: 0 0 0 -19px;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-color: #4393CE;
}
#formsection #first div.checkbox input:checked + label {
	background-color: #57d;
	color: #fff;
	text-shadow: -1px -1px 1px #35b;
}

/**
 * radio
 *
 */
#formsection #first span.radio {
	display: inline;
	line-height: 40px;
	white-space: nowrap;
}
#formsection #first span.radio label {
	font-size: 15px;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	padding: 5px 13px;
	background-color: #ddd;
	border-radius: 6px;
	margin: 0 0 0 -19px;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-color: #e84;
}
#formsection #first span.radio input:checked + label {
	background-color: #e61;
	color: #fff;
	text-shadow: -1px -1px 1px #930;
}


/*--------- end of file ----------*/