@charset "EUC-JP";
/* CSS Document */

/*==============================*/
/* ���䤤�礁E� */
/*==============================*/
.form > form > dl{
	overflow: hidden;
	padding: 15px 10px;
}
.form > form >  dl:nth-child(odd){
	background: #F2FCFF;
}
.form > form >  dl dt{
	position: relative;
	float: left;
	width: 30%;
}
.form > form >  dl dd{
	float: left;
	width: 65%;
}
.form > form >  dl dd ul{
	overflow: hidden;
}
.form > form >  dl dd ul li{
	float: left;
	margin-right: 10px;
}
@media (max-width: 600px) {
	.form > form >  dl dt{
		width: 100%;
		margin-bottom: 10px;
	}
	.form > form >  dl dd{
		width: 100%;
	}
}

/*-- ɬ�ܥ�������E
------------------------- */
.form > form > dl dt span{
	position: absolute;
	right: 10px;
	padding: 0px 10px;
	background: #FF3B3B;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 11px;
}
	@media (max-width: 600px) {
		.form > form > dl dt span{
			right:0px;
			padding: 2px 10px;
		}
	}


/*==============================*/
/* �ե�������āE*/
/*==============================*/
@media (min-width: 600px) {
    .form input[type="text"],
    .form input[type="email"],
    .form input[type="tel"],
    .form input[type="radio"],
    .form select,
    .form textarea{
        height: 30px;
        padding: 0 5px;
        border-radius: 3px;
        border: 1px solid #ccc;
        color: #444;
        position: relative;
        top: -1px;
    }
    .form textarea,.form input[type="radio"]{ height: auto; }
    .form select{ padding-right: 30px; }
    .form input[type="radio"]{ margin-right: 5px; position: relative; top: 2px;}
}
@media (max-width: 600px) {
    .form input[type="text"],
    .form input[type="email"],
    .form input[type="tel"],
    .form input[type="radio"],
    .form select,
    .form textarea{
        width: 100%;
        height: 40px;
        padding: 0 5px;
        margin-bottom: 10px;
        border-radius: 3px;
        border: 1px solid #ccc;
        color: #444;
        position: relative;
        top: 0px;
    }
    .form textarea{ height: auto; }
    .form input[type="radio"]{ width: auto; height: auto; position: relative; top: 2px; }
    .form select{ padding-right: 30px; }
    .form input[type="radio"]{ margin-right: 5px; }
}

/*==============================*/
/* �ܥ���E*/
/*==============================*/
div.form .btn {
	margin: 30px auto 0 auto;
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	color:#111;
	width: 120px;
	text-align: center;
	border-radius: 5px;
}
div.form .btn button{
	width: 120px;
    text-decoration: none;
    font-size: 14px;
	background: none;
	cursor: pointer;
	padding: 5px 0;
	display: block;
}

/*==============================*/
/*  form_subtitle */
/*==============================*/
.form_subtitle{
	color: #0067a8;
	font-size: 21px;
	font-weight: 500;
	padding-bottom: 5px;
	border-bottom: 1px solid #7aa3bd;
}
form h3{
	border-radius: 3px;
	text-align: center;
	color: #fff;
}
form h3#normal{
	background: #338ec4;
}
form h3#nirin{
	background: #4855d5;
}
form h3#nishu{
	background: #7a49c4;
}
form h3#special{
	background: #ac4cce;
}