@charset "utf-8";
/*----------------------------------------------------
	util
----------------------------------------------------*/
#container{
	background-color: white;
}
#footer{
    background: #000000 !important;
    padding: 20px 0 30px !important;
    margin: 0 !important;
	color: #fffcca;
}

#form_main:after{
content:".";
display: block;
visibility: hidden;
height: 0;
clear: both;	
}

#form_main h2{
    margin: 0 0 1.5em;
    padding: 0.8em;
    border-top: 3px double #000;
    border-bottom: 3px double #000;
    font-size: 1.143em;
    font-weight: bold;
    text-align: center;
    font-size: 22px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/*----------------------------------------------------
	text
----------------------------------------------------*/
#form_area .top_lead{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}
#form_area p.lead{
    font-size: 14px;
    line-height: 160%;
	margin-bottom: 10px;
}
#form_area p.caption{
    font-size: 12px;
    line-height: 160%;
	margin-bottom: 10px;
}
#form_area p.lead_tel{
	color: #061f39;
	font-size: 16px;
	font-weight: bold;
}
#form_area .error{
	color: #d60c19;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
}
#form_area .error2{
    color: #d60c19;
    font-size: 14px;
    line-height: 140%;
    font-weight: bold;
	padding: 10px 6px;
	border: 1px solid #d80206;
	background: white;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#form_area .cap{
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
}
#form_area span.confirm{
font-size: 14px;
line-height: 140%;
font-weight: bold;
margin-bottom: 20px;
padding-top: 5px;
}
#form_area p.ttl_lead{
	font-size: 20px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	color: #504523;
}
/*----------------------------------------------------
	form
----------------------------------------------------*/

#form_area #form{
	padding-top: 30px;
	width: 100%;
	position: relative;
/*  */
}
#form_area:after{
	
}

#form_area #form #side{
    width: 284px;
    display: block;
    float: right;
    position: relative;	
}
#form_area #form #side .side-inquiry{
	width: 100%;
	background-color: #e9e9e9;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
#form_area #form #side .side-inquiry h4{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}
#form_area #form #side .side-inquiry h4 span.sub{
	font-size: 14px;
	font-weight: normal;
}
#form_area #form #side .side-inquiry .side-inquiry-innner{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}
#form_area #form #side .side-inquiry .side-inquiry-innner h5{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 140%;
}
#form_area #form #side .side-inquiry .side-inquiry-innner ul{
width: 80%;
margin-left: auto;
margin-right: auto;
}
#form_area #form #side .side-inquiry .side-inquiry-innner ul li{
	line-height: 160%;
	font-size: 20px;
	
}
#form_area #form #side .side-inquiry .side-inquiry-innner ul li span.area{
	background-color: black;
	padding: 3px 8px;
	margin-right: 8px;
	color: white;
	font-size: 14px !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#form_area #form #input_area{
	width: 650px;
	display: block;
	float: left;
	left: 10px;
	position: relative;

}
#form_area #form #confirm_area{
	width: 650px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#form_area #form #confirm_area dd{
	padding-top: 6px !important;
	color: #061f39 !important;
}
#form_area dl{
	clear: both;
	overflow: hidden;
}
#form_area dt{
	width: 175px;
	float: left;
	text-align: right;
	margin-right: 10px;
	padding-top: 6px;
	padding-bottom: 10px;
}
#form_area dd{
	width: 460px;
	float: left;
	padding-bottom: 20px;
}
#form_area dt .ttl{
	font-size: 15px;
	font-weight: bold;
	line-height: 120%;
	margin-right: 10px;
}
#form_area dt .must{
	font-size: 12px;
	color: white;
	font-weight: bold;
	line-height: 120%;
	padding: 3px 8px;
	background-color: #d60c19;
	border-radius: 3px;  
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;   
}
#form_area dt .non_must{
	font-size: 12px;
	color: white;
	font-weight: bold;
	line-height: 120%;
	padding: 3px 8px;
	background-color: #056fce;
	border-radius: 3px;  
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;   
}
#form_area label{
	font-size: 14px;
	line-height: 160%;
}
#form_area label:hover{
    color: silver;
	cursor: pointer;	
}
#form_area label strong{
	font-weight: bold !important;
}
#form_area label span.salon_small{	
	font-size: 12px !important;
	line-height: 140% !important;
	padding-left: 20px !important;
	display: inline-block;
}
input[type="text"] {
    padding: 8px;
    border: 1px solid #d2d2d1;
    border-radius: 3px;  
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    margin-bottom: 6px;
}
input[type="text"]:focus{
border: 1px solid rgba(5, 111, 206,0.5);
-moz-box-shadow: inset 0 0 4px rgba(5, 111, 206,0.5);
-webkit-box-shadow: inset 0 0 4px rgba(5, 111, 206, 0.5);
box-shadow: inner 0 0 4px rgba(5, 111, 206, 0.5);
}

textarea.wide{
    padding: 8px;
    border: 1px solid #d2d2d1;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    margin-bottom: 6px;	
}
.btn_zip {
	background: #EEE;
	color: #111;
	border: 1px solid #FFF;
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
	width: 90px;
	height: 28px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	top: 0px;
	line-height: 12px;
	left: 4px;
	font-size: 10px;
	cursor: pointer;
	
}
.btn_zip:hover {
   text-decoration: none;
   background: #d5d4d4;
	color: #111;
}
.select select{
background: #f9faf9;
border: 1px solid #babbba;
border-radius: 5px;
color: #0C2245;
font-size: 12px;
height: 30px;
line-height: 30px;
text-align: left;
text-indent: 5px;
vertical-align: middle;
width: 160px;
margin-bottom: 10px;
}
input[type="submit"].btn_submit{
    position: relative;
    display: block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    font-weight: bold;
    font-size: 20px;;
    margin-left: auto;
    margin-right: auto;
}
input[type="submit"].btn_cancel{
    position: relative;
    display: block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #808080;/*背景色*/
    border-bottom: solid 2px #5b5a5a;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    font-weight: bold;
    font-size: 20px;;
    margin-left: auto;
    margin-right: auto;
}
.btn_submit{
	width: 476px;
	height: 68px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.btn_submit:hover{
   opacity: 0.8;
}
.btn_cancel{
	width: 310px;
	height: 68px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.btn_cancel:hover{
   opacity: 0.8;
}
.btn_top{
	color: #504523;
	width: 300px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 10px;
	border: 1px solid #504523;
	margin-top: 40px;
	margin-bottom: 20px;
	background-color: #fefffe;
	font-weight: bold;
}
.btn_top:hover{
	background-color: #e8e7e6;
	color: #504523;
}
span.red{
	color: red !important;
	/*line-height: 120% !important;*/
	margin-bottom: 6px !important;
}
span.blue{
	color: #2b50ff !important;
	font-weight: bold;
	/*line-height: 120% !important;*/
	margin-bottom: 6px !important;
	top: -4px;
	position: relative;
}
@media screen and (min-width: 730px){
#header{
	width: 980px;
	height: 80px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: none !important;
	margin-bottom: 10px;
}
#header_wrap{
	width: 100%;
	margin-bottom: 20px;
}
#header h1{
	width: 320px;
	height: 79px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 30px;
}
#form_main{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	padding: 30px 0 0 !important;
}
#form_area{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
}
@media screen and (max-width: 730px){
#header{
	width: 100% !important;
	height: 70px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: none !important;
	margin-bottom: 10px;
}
#header h1 {
	
}
#header h1 img{
	width: 280px;
	height: 70px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 20px;
	top: 20px;
}
#form_main{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	padding: 30px 0 0 !important;
}
#form_area{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#form_area #form #input_area{
    width: 100%;
    display: block;
    float: none;
    left: 0px;
    position: relative;
    
}
#form_area #form #confirm_area{
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#form_area dt{
	width: 100%;
	float: none;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 10px;
	margin-bottom: 6px;
	background: #ececec;
}
#form_area dd{
	width: 100%;
	float: none;
	padding-bottom: 20px;
}

#form_area #form #side{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;	
    clear: both;
    margin-bottom: 30px;
    float: none;
}
input[type="text"] {
    font-size: 16px;
}
.btn_submit{
	width: 96%;
	height: 68px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.btn_cancel{
	width: 86%;
	height: 68px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
}