@charset "shift_jis";


dl,ul{list-style:none;}


#main_container{
	font-size:100%;
}

#main_container div.title{
	background:url(../../image/bg_title1.png) no-repeat;
	color:#ffffff;
	overflow:hidden;
	clear:both;
	margin:-50px 0 0 0;
	height:115px;
}
#main_container div.title h2{
	font-size:130%;
	margin:60px 0 0 40px;
	padding:0 0 0 40px;
	overflow:hidden;
	text-shadow:1px 1px 2px #000000;
	font-weight:bold;
	background:url(../../image/icon_mail1.png) no-repeat 0 2px;
}

#main_container p.read{
	width:80%;
	margin:20px auto;
}





#main_container p.chushaku{
	width:800px;
	margin:auto;
	font-weight:bold;
}
#main_container .required{
	color:#ff0000;
}

#main_container form dl {
	margin:0 auto 20px auto;
	width:800px;
	overflow:hidden;
}
#main_container form dt{
	float:left;
	width:250px;
	border-top:1px dotted #666;
	color:#730227;
}

#main_container form dd{
	width:500px;
	min-height:30px;
	
	float:left;
	padding:10px 10px;
	border-left:1px solid #666;
	border-top:1px dotted #666;
}

#main_container form dd input{
	width:500px;
	border-radius:5px;
	height:30px;
	padding:0 3px;
	margin:0 0 10px 0;
	
	-webkit-appearance: none;
	background-color:#fef1f4;
	background-image:none;
	border:1px solid #f8b3ca;
}
#main_container form dd input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
#main_container form dd input:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
#main_container form dd input::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}


#main_container form dd textarea{
	width:500px;
	border-radius:5px;
	height:100px;
	padding:0 3px;
	
	-webkit-appearance: none;
	border: 1px solid #999;
	background-color:#fef1f4;
	background-image:none;
	border:1px solid #f8b3ca;
}
#main_container form dd select{
	border-radius:5px;
	height:30px;
	padding:0 3px;
	width:100px;
	background:none;
	background-color:#fef1f4;
	border:1px solid #f8b3ca;
	
	-webkit-appearance: none;
	
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	color: inherit;
	box-sizing: content-box;

}


/*個別設定************************************************/
#main_container form dd input#data_y{width:100px;}
#main_container form dd slect#data_m{width:100px;}
#main_container form dd.dl_privacy{height:100px;}
#main_container form dd.dl_privacy label{width:100%;}
#main_container form dd.dl_privacy small{display:block;}

#main_container form dd.dl_kiboyachin input{width:130px;margin-right:10px;}
#main_container form dd.dl_chushajo input#data_chushajo_price{width:130px;margin-right:10px;}



#data_zip{
	margin:0 0 0 0px;
}

span.data_zip{
	float:left;	
	font-size:120%;
}
span.data_pref{
	clear:both;
	display:block;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}




#main_container .main_form dl dd ul li.checkbox_item
{
	height:30px;
	width:180px;
	float:left;
	padding:5px 0;
	border:0;
	margin-left:20px;
}


#main_container .main_form dl dd ul li.checkbox_item label{
	padding:5px 0 0 0;
	clear:both;
	display:block;
	height:30px;
	width:100%;	
}

#main_container .main_form dl dd ul li.checkbox_item label span{
	margin:0px 0 0 25px;
}


#main_container form dd.dl_privacy ul{
	width:90%;
	padding:0;
	margin:auto;
	}
#main_container form dd.dl_privacy ul li.checkbox_item{width:100%;}






/*radiobox------------------------------------------*/
/*通常のラジオボタンは隠す*/
#main_container .main_form dd input[type="radio"]{
	position:absolute;
	left:-1000em;
}



/*疑似チェックボックスを包括するエリア*/
#main_container .main_form dd input[type="radio"]+label{
	width:100%;
	height:30px;
	position:relative;
	cursor:pointer;
}

/*チェック前の●*/
#main_container .main_form dd input[type=radio]+label:before{
	content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border:0;
    border-radius: 100%;	
	background-color:#fef1f4;
	border:1px solid #f8b3ca;
}
/*クリック後*/
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {

	content: '';
    width: 12px;
    height: 12px;
    background: #ff0000;
    position: absolute;
    top: 6px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ff0000;
    position: absolute;
    top: 6px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


/*animmation*/
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}





/*checkbox------------------------------------------*/
/*通常のチェックボックスは隠す*/

.main_form dd input[type="checkbox"]{
	position:absolute;
	left:-1000em;
}


/*疑似チェックボックスを包括するエリア*/
#main_container .main_form dd input[type="checkbox"]+label{
	width:100%;
	height:30px;
	position:relative;
	cursor:pointer;
}

/*チェック前の●*/

#main_container .main_form dd input[type=checkbox]+label:before{
	content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border:0;
    border-radius: 1px;	
	background-color:#fef1f4;
	border:1px solid #f8b3ca;

}



/*クリック後*/
#main_container [type="checkbox"]:checked + label:before,
#main_container [type="checkbox"]:not(:checked) + label:before {

	content: '';
    width: 12px;
    height: 12px;
    background: #ff0000;
    position: absolute;
    top: 6px;
    left: 4px;
    border-radius: 1px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}




#main_container [type="checkbox"]:checked + label:after,
#main_container [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ff0000;
    position: absolute;
    top: 6px;
    left: 4px;
    border-radius: 1px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


/*animmation*/
#main_container [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#main_container [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}






a.main_form{
	border:2px solid #c11818;
	display:block;
	clear:both;
	margin:20px auto;
	width:40%;
	font-weight:bold;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 10px 20px;
	background:#fd0000;
	
	background: -moz-linear-gradient(
		top,
		#fd4f4f 0%,
		#fd4f4f 11%,
		#fd0000 31%,
		#fd0000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fd4f4f),
		color-stop(0.11, #fd4f4f),
		color-stop(0.31, #fd0000),
		to(#fd0000));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(193,24,24,1);

}
a.main_form,
a:link.main_form{
	color:#fff;
	text-decoration:none;
	font-size:160%;
}

a:hover.main_form{
	background:#ff4347;
}
a.main_form p{
	text-align:center;
	padding:5px 0;
}






div.submitbt{
	margin:auto;
	text-align:center;
	width:45%;
	display:table;
	
}

input.submit_button {
    border:2px solid #c11818;
	display:block;
	clear:both;
	margin:20px auto;
	width:100%;
	height:60px;
	font-size:100%;
	font-weight:bold;
	cursor:pointer;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 10px 20px;
	background:#fd0000;
	
	background: -moz-linear-gradient(
		top,
		#fd4f4f 0%,
		#fd4f4f 11%,
		#fd0000 31%,
		#fd0000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fd4f4f),
		color-stop(0.11, #fd4f4f),
		color-stop(0.31, #fd0000),
		to(#fd0000));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(193,24,24,1);

}


div.submitbt input.modoru{
	padding:10px 0 30px 0;
	height:40px;
	margin:0px 0 20px 0;
	font-weight:normal;
	background:none;
	background-color:#eee;
	color:#666666;
	border:2px solid #999999;
	text-shadow:0px -1px 0px rgba(255,255,255,1);
}

div.submitbt,
div.submitbt:link.main_form{
	color:#fff;
	text-decoration:none;
	font-size:160%;
}

div.submitbt:hover.main_form{
	background:#ff4347;
}
div.submitbt.main_form p{
	text-align:center;
	padding:5px 0;
}

div.siteseal{
	width:50%;
	margin:0 auto 10px auto;
	text-align: center;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}