@charset "utf-8";

#contact-tel{
	width:900px;
	margin:0 auto 30px auto;
	background-color: #33B1DC;
	border-radius: 10px;
	color:#fff;
	font-size:18pt;
	text-align: center;
	padding:10px 3px;
	line-height: 1.0em;
	
}

#contact-tel .inner{
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:15px 0;
	text-align: center;
}
/*----------------------------------

	フォーム

----------------------------------*/

form{
	width:900px;
	margin:0 auto;
	
}

form table{
	width:100%;
	border-collapse:separate;
	border-spacing:0 3px;
}

form th,
form td{
	padding:10px 8px;
}

form th{
	width:180px;
	font-weight:bold;
	/*vertical-align:top;*/
	background-color:#6DB2DF;
	color:#fff;
}

form th.hisu{
	width:3em;
	padding:0 3px 0 0;
}

form th.hisu p{
	background-color: #CC0066;
	color:#fff;
	border-radius: 100px;
	font-size:12px;
	text-align: center;
	/*padding:0 3px;*/
}

form td{
	background-color:#F7F5F3;
}

input,
textarea{
	padding:5px;
}


input[type="text"],
input[type="email"],
textarea{
	border:1px solid #74BBDC;
	border-radius: 3px;
}

input[type="text"]{
	width:200px;
}

input[type="email"],
input[name="mail02"]{
	width:300px;
}

.name input{
	width:100px;
	margin-right:10px;
}

.name span{
	width: 2em;
	display: inline-block;
	text-align: right;
	margin-right:3px;
}
textarea{
	width:100%;
	height: 200px;
}

input[type="radio"]{
	/*display: none;*/
	position: absolute;
  opacity: 0;
  z-index: -1;
}

input[type="radio"] + span{
  padding-left: 15px;
  margin-right: 10px;
	position: relative;
}

input[type="radio"] + span::before{
  content: "" ;
  display: block;
 position: absolute;
  top: 50%;
margin-top:-6px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #74BBDC;
  border-radius: 50%;
	background-color: #fff;
	
}

input[type="radio"]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 2px;
  width: 8px;
  height: 8px;
  background: #4B96B8;
  border-radius: 50%;
}

/*----------------------------------

	ボタン

----------------------------------*/

#bottan{
	margin-top:15px;
}

#bottan input{
	width:150px;
	padding:8px 0;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	border-radius: 10px;
	box-shadow:0px 0px 5px -1px #cccccc;
	cursor: pointer;
}

#bottan input[type="submit"]{
	background: #6DB2DF;
background: -webkit-linear-gradient(bottom, #2B84BF 0%, #88C0E6 100%);
background: -o-linear-gradient(bottom, #2B84BF 0%, #88C0E6 100%);
background: linear-gradient(to top, #2B84BF 0%, #88C0E6 100%);
	border:1px solid #3594D2;
	color:#fff;
	margin-right:8px;
	 -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#bottan input[type="submit"]:hover{
	background: #000;
	background: -webkit-linear-gradient(bottom,  #88C0E6 0%,   #2B84BF 100%);
background: -o-linear-gradient(bottom, #88C0E6 0%,  #2B84BF 100%);
background: linear-gradient(to top, #88C0E6 0%,  #2B84BF 100%);
}


#bottan input[type="reset"]{
	opacity: 0.8;
	background: #6DB2DF;
background: -webkit-linear-gradient(bottom,  #BABABA 0%,#F9F9F9 100%);
background: -o-linear-gradient(bottom,  #BABABA 0%,#F9F9F9 100%);
background: linear-gradient(to top, #BABABA 0%, #F9F9F9 100%) ;
	border:1px solid #BDBDBD;
	color:#797979;
	margin-right:8px;
	 -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all  0.8s ease;
}

#bottan input[type="reset"]:hover{
	background: #000;
	background: -webkit-linear-gradient(bottom,  #D4D4D4 0%,#BABABA 100%);
background: -o-linear-gradient(bottom,  #D4D4D4 0%,#BABABA 100%);
background: linear-gradient(to top, #D4D4D4 0%, #BABABA 100%);
}