@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;
}
.textArea {
	width:900px;
	margin:20px auto;
}

.textArea ul{
	margin:20px auto 20px 20px;
}
.textArea li{
	list-style-type:disc;
	padding:0 0 0 0;
}
/*----------------------------------

	フォーム

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

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:200px;
	font-weight:bold;
	/*vertical-align:top;*/
	background-color:#6DB2DF;
	color:#fff;
}

form td{
	background-color:#F7F5F3;
}

input,
textarea{
	padding:5px;
}

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

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

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

textarea{
	width:100%;
	height: 100px;
}

select{
	width:200px;
	height: 30px;
}

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

.renraku + span{
  padding-left: 15px;
  margin-right: 10px;
	position: relative;
}
.renraku + 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;
	
}

.renraku: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;
	text-align: center;
}

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

#bottan input[type="submit"]{
	width:320px;
	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"],
#bottan input[type="button"]{
	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,
#bottan input[type="button"]: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%);
}