@charset "utf-8";

/* reset.css */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td{
	margin : 0;
	padding : 0;
}
fieldset,
img{
	border : 0;
	vertical-align : middle;
}
code,
em,
strong,
th{
	font-style : normal;
	font-weight : normal;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-size : 100%;
	font-weight : normal;
}


/* setting */
body{
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
	color : #454545;
	font-size : 95%;
	line-height : 1.8;
	background: #E8E2D7;
}
a:link,
a:visited{
	color : #4040ff;
	text-decoration : underline;
}
a:hover,
a:active{
	color : #4040ff;
	text-decoration : none;
}
.wrapper{
	max-width: 960px;
	margin: 0px auto;
	background: #FFF;
}
.label{
	background: #1B001C;
	text-align: center;
	color: #FFF;
	font-family: "游明朝",serif;
	font-size: 1em;
	line-height: 250%;
	margin:0 0 40px;
	padding: 30px 0 10px;
}
.label.bottom{
	margin:40px 0 0;
}
.label .logo{
	display:inline;
	width:146px;
}
.box01 {
	width:86%;
	max-width:600px;
	margin: 30px auto;
	padding: 20px;
	border: 1px dotted #999;
	background: #F7FFFF;
}
.box01 a {
	color: #451C1C;
}
.box01 p {
	margin-bottom:1em;
}
.txt01{
	padding:10px 0;
	text-align:center;
}
.txt02{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}	
.caution01{
	border-bottom:solid 1px #C00;
}
.caution02{
	color:#C00;
}
@media (min-width:640px){
	.label{
		font-size: 1.4em;
	}
}

.form{
  margin:10px auto 50px;
  padding-top:10px 0;
}
.form dl{
  width:90%;
  margin:0 auto;
  overflow:hidden;
  border-bottom : 1px solid #cccccc;
}
.form dl dt{
  clear:both;
  width : 30%;
  float : left;
  border-top : 1px solid #cccccc;
  padding : 18px 0 15px;
  text-align : right;
  overflow : hidden;
}
.form dl dd{
  width : 65%;
  float : right;
  border-top : 1px solid #cccccc;
  padding : 15px 0 15px 5%;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"]{
  max-width : 90%;
  height : 2em;
  padding : 2px 2%;
  border : 1px solid #cccccc;
  border-radius : 3px;
  background : #fafafa;
  -webkit-appearance : none;
  font-size : 100%;
  font-family : inherit;
  margin-top : 0;
}

.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="tel"]:focus,
.form textarea:focus{
  box-shadow : 0px 0px 5px #55ccff;
  border : 1px solid #55ccff;
  background : #ffffff;
}

.form ul li input[type="radio"],
.form ul li input[type="checkbox"]{
  margin-right : 10px;
  margin-top : 7px;
}

.form ul li:first-child input[type="radio"],
.form ul li:first-child input[type="checkbox"]{
  margin-top : 0px;
}
.form select{
  font-size : 100%;
  font-family : inherit;
  margin-top : 10px;
}
.form textarea{
  display : block;
  width : 90%;
  max-width : 90%;
  height : 200px;
  padding : 2px 2%;
  resize : vertical;
  border : 1px solid #cccccc;
  border-radius : 3px;
  background : #fafafa;
  -webkit-appearance : none;
  font-size : 100%;
  font-family : inherit;
  line-height: 1.4;
}
.form ul{
  list-style-type : none;
}
.form ul li label:hover{
  cursor : pointer;
}
.form input.input_s,
.form input.input_sl{
  width : 30%;
}
.form input.input_m{
  width : 60%;
}
.form input.input_l{
  width : 80%;
}
.form input[type=text] + span{
	display:block;
	margin-bottom:5px;
}

.form .btn01{
  display : inline-block;
  padding : 9px 15px;
  vertical-align : middle;
  line-height : 1;
  background : #5bc0de;
  border : 1px solid #46b8da;
  border-radius : 3px;
  color : #ffffff;
  font-family : inherit;
  text-decoration : none;
  position : relative;
  top : -1px;
}
.form .btn01:hover{
  cursor : pointer;
  background : #31b0d5;
  border : 1px solid #269abc;
}
.form p#form_submit{
  width : 90%;
  margin : 0 auto;
  padding : 15px 0;
}

.form .form_submit_button{
  padding : 9px 15px;
  vertical-align : middle;
  line-height : 1;
  background : #5cb85c;
  border : 1px solid #4cae4c;
  border-radius : 3px;
  color : #ffffff;
  font-family : inherit;
  -webkit-appearance : none;
  font-size : 100%;
}
.form .form_submit_button:hover{
  cursor : pointer;
  background : #449d44;
  border : 1px solid #398439;
}
.form .form_submit_button{
  margin-left : 35%;
}
.form input::placeholder{
	color:#B9A284;
}
.mand{
  color : #C00;
}

/* --responsive----------------------------------------------------------------------------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width : 640px ){
	.txt01{
		text-align:left;
		padding:0 5%;
	}
	.form{
	  width : 95%;
	}
	.form dl{
	  overflow : visible;
	}
	.form dl dt{
	  width : auto;
	  float : none;
	  text-align : left;
	  padding : 10px 0 5px;
	  font-weight : bold;
	}
	.form dl dd{
	  width : auto;
	  float : none;
	  border-top : none;
	  padding : 0 0 13px 0;
	}
	.form dl dt span{
	  font-weight : normal;
	}
	.form input[type="text"],
	.form input[type="email"],
	.form input[type="tel"]{
	  margin-top : 0;
	  padding:4px 2%;
	}
	.form input.input_s{
	  width : 44%;
	}
	.form input.input_l,
	.form input.input_sl{
		max-width:95%;
	  width : 100%;
	}	

	.form input#form_submit_button{
	  margin-left : 0;
	}
	.form select{
	  margin-top : 7px;
	}
	
	/*
	.form input#phone,
	.form input#schedule02,
	.form input#schedule03,
	.form input#schedule{
	  width : 50%;
	}
	*/
}


/* for formcheck.js */
#form_error_list{
	display:none;
	width:85%;
	margin:0 auto 10px;
	padding:10px;
	background:#FFF0CC;
	border:solid 1px #F93;
}
#form_error_list_title{
	color:#C00;
}
#form_error_list-item{
	font-weight:bold;
}
.form input.form_error_style{
	background:#FFF0CC;
	border:solid 1px #F93;
}
/*
.form_error_style .form_error_style{
	background:#FCC77C;
}
*/
.form_error_tip{
	display:none;
	color:#C00;
}

/* form-confirm | error */
.form-confirm-text01{
	text-align:center;
	margin:50px 0;
}
.form-confirm-error{
	width:85%;
	margin:20px auto;
	padding:10px;
	background:#FFF0CC;
	border:solid 1px #F93;
}
.form-confirm-error ul span{
	font-weight:bold;
}

.form-confirm-list dl{
	background:#EFEFEF;
	border-bottom:1px solid #CCC;
	line-height:1.3;
}
.form-confirm-list dt{
	clear:both;
	float:left;
	width:240px;
	padding:10px 10px 8px;
	border-top:1px solid #CCC;
	font-weight:bold;
}
.form-confirm-list dd{
	margin:0 0 0 240px;
	padding:10px 0 8px 10px;
	background:#FFF;
	border-top:1px solid #CCC;
	word-break:break-all;
}

.form-confirm-back{
	margin:10px 0;
}