@charset "utf-8";
#mv{}

.must{
	color:#c00;
	margin-right:6px;
	}

#form{
	margin-bottom:40px;
	}	
#form dl {
	padding:0;
	margin-bottom:20px;
}

#form dt,
#form dd{
	text-align:left;
	font-size:108%;
	line-height:1.4;
	}
#form dt{
	font-weight:bold;
}
#form dd{}

input.text,input.password,textarea,select {
	padding:0.2em;
	font-size: 108%;
	background-color: #fff;
	border: 1px solid #ccc;
}

/* */
input.submit, input.reset, input.back, button {
	font-size: 108%;
	overflow: visible;
	text-align:center;
	border:3px solid #ccc;
	background-color:#dddddd;	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #dddddd));
    background:-webkit-linear-gradient(top, #ffffff 0, #dddddd 100%);
    background:-moz-linear-gradient(top, #ffffff 0, #dddddd 100%);
    background:-ms-linear-gradient(top, #ffffff 0, #dddddd 100%);
    background:-o-linear-gradient(top, #ffffff 0, #dddddd 100%);
    background:linear-gradient(to bottom, #ffffff 0, #dddddd 100%);	
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(Enabled=1,GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ddddddff');
	filter: progid:DXImageTransform.Microsoft.gradient(Enabled=1,GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ddddddff');
}
input.submit{
	border-color:#006dc8;
	}
select {
	font-size: 108%;
}
option {
	padding-right: 1em;
}
option[selected="selected"] {
	background-color: #eeeeee;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}

.err {
	color: #cc0;
}
#form input.text.err {
	background-color: #fff8f8;
	border: 1px solid #c00;
}
#form input.radio.err {
	background-color: #fff8f8;
	border: 1px solid #c00;
}
#form input.checkbox.err {
	background-color: #fff8f8;
	border: 1px solid #c00;
}
#form textarea.err {
	background-color: #fff8f8;
	border: 1px solid #c00;
}
#form select.err {
	background-color: #fff8f8;
	border: 1px solid #c00;
}
.errs {
	color: #c00;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 10px;
	min-height: 32px;
	height: auto !important;
	height: 32px;
	font-size:108%;
	text-align:center;
	line-height:2.0;
	border:1px solid #c00;
}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w100{width:100%;}


/* for Smartphone*/
@media (max-width: 767px) {

#form dl{
	border-top:1px solid #ccc;
	}	
#form dt,
#form dd{
	padding-left:10px;
	padding-right:10px;
	}
#form dt{
	padding-top:10px;
	padding-bottom:4px;
	}
#form dd{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
input.submit, input.reset, input.back, button {
	display:block;
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
	}

.w60,
.w70,
.w80,
.w90{width:90%;}
}

/* for PC*/
@media (min-width: 768px) {

#form dl{
	border-bottom:1px solid #ccc;
	background:#eee;
	}	
#form dt,
#form dd{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #ccc;
	}
#form dt{
	width:190px;
	padding-left:10px; 
	clear:both;
	background:#eeeeee;
}
#form dd{
	width:700px;
	padding-left:20px; 
	background:#ffffff;
}
input.submit, input.reset, input.back, button {
	padding: 10px;
	margin-left:10px;
	margin-right:10px;
	}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
}