@charset "SHIFT_JIS";


/* ------------------------------------------------------ */
input,
textarea,
select {
	font-size: 100%;
	line-height: normal;
}
input,
textarea {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}
input[type="text"],
input[type="email"],
textarea,
select {
	max-width: 100%;
	width: 100%;
}
input[type="text"].auto,
input[type="email"].auto,
textarea.auto,
select.auto {
	max-width: 100%;
	width: auto;
}

input.ontxt,
textarea {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 1px 3px 0;
	vertical-align: middle;
}
select {
	border: solid 1px #ccc;
	background-color: #fff;
	padding: 1px 3px 0;
	vertical-align: middle;
}
input.ontxt:active,
input.ontxt:focus,
textarea:active,
textarea:focus {
	background-color: #ffe !important;
	border: solid 1px #aaa;
}
select:active,
select:focus {
	background-color: #ffe !important;
}


/* ------------------------------------------------------ */
.error input.ontxt,
.error textarea {
	border-color: #f99;
}


/* ------------------------------------------------------ */
.form-error-group {
	color: #f33;
}


/* ------------------------------------------------------ */
input[disabled],
input[disabled]:active,
input[disabled]:focus {
	background-color: #f9f9f9 !important;
}


/* ------------------------------------------------------ */
label {
	cursor: pointer;
}


/* ------------------------------------------------------ */
ul.rcLabel {
	font-size: 0;
}
ul.rcLabel li {
	font-size: 14px;
	line-height: normal;
}
ul.rcLabel li + li {
	margin-top: 10px;
}
ul.rcLabel li.disabled {
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
	color: #999;
}
ul.rcLabel input.checkbox:disabled + label,
ul.rcLabel input.radio:disabled + label {
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
	color: #999;
}

ul.rcLabel.line {
	margin-top: -10px;
	display: block;
}
ul.rcLabel.line li,
ul.rcLabel.line li + li {
	margin-top: 10px;
	margin-right: 15px;

	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
ul.rcLabel.line li:last-child {
	margin-right: 0;
}


/* ------------------------------------------------------ */
label.radio,
label.checkbox {
	margin-left: 33px !important;
	text-indent: -33px !important;
	min-height: 23px;
	height: auto !important;
	height: 23px;
	display: inline-block;
}
label.radio span.mkr,
label.checkbox span.mkr {
	background-image: url(/common/image/form/form_rcs.png);
	background-position: 0 0;
	background-repeat: no-repeat;

	background-size: auto 23px;
	-webkit-background-size: auto 23px;

	margin-right: 10px;
	width: 23px;
	height: 23px;
	vertical-align: middle;
	display: inline-block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	label.radio span.mkr,
	label.checkbox span.mkr {
		background-image: url(/common/image/form/form_rcs_2x.png);
		background-size: auto 23px;
		-webkit-background-size: auto 23px;
	}
}

label.radio span.mkr {
	background-position: 0 0;
}
label.radio.checked span.mkr {
	background-position: -23px 0;
}
label.checkbox span.mkr {
	background-position: -46px 0;
}
label.checkbox.checked span.mkr {
	background-position: -69px 0;
}

input.checkbox,
input.radio {
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	position: absolute;
	z-index: -1;
}


/* ------------------------------------------------------ */
input.ng-invalid,
input.ng-invalid:active,
input.ng-invalid:focus,
select.ng-invalid,
select.ng-invalid:active,
select.ng-invalid:focus,
textarea.ng-invalid,
textarea.ng-invalid:active,
textarea.ng-invalid:focus {
	border-color: #f99;
	background-color: #FFFCFC
}