@charset "UTF-8";
/*---------------------------------
Travel Spice Contact styleSheet
----------------------------------*/


form dt{
  font-weight: bold;
  font-size:12px;
  font-size:1.2rem;
  line-height:2.4rem;
  margin-top:4px;
    border-top:1px dashed #999;
}

form dd{
  padding-bottom:5px;
}
form input:not([type="checkbox"]),
input[type="text"],
email,
textarea{
	width:100%;
	padding:5px 10px 5px 10px;
	border:1px solid #aaa;
	border-radius: 0;
	background-image:none;
	font-size:14px;
	font-size:1.4rem;
	-webkit-appearance:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


input[type="text"]:focus,
input[type="tel"]:focus,
email:focus,
textarea:focus{
	border:1px solid #0cf;
	outline: none;
	-webkit-box-shadow: 0 0 5px 0 #0cf;
	box-shadow: 0 0 5px 0 #0cf;
}


/* ボタン　*/
input[type="submit"]{
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
input[type="submit"]:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
	}
	
input[type="button"],
input[type="reset"]{
	-moz-box-shadow:inset 0px 1px 0px 0px #9fb4f2;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9fb4f2;
	box-shadow:inset 0px 1px 0px 0px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}

input[type="reset"]:hover,
input[type="button"]:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
	}	
	
	
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active{	
	position:relative;
	top:1px;
}
input[type="submit"]:-moz-focus-inner
{
	padding: 0;
	border:none;
}

input[type="checkbox"]{
	position:relative;
    top:2px;
}

.button1{
	margin-left:30%;
	margin-top:15px;
	float:left;
	}
.button2{
		margin-top:15px;
	margin-left:5%;
	float:left;
	}
.button3{
	text-align:center;
	margin-top:20px;
	}
form label{
  padding-right: 10px;
}
form span{
  display: none;
  color: #c09853;
}
input:invalid + .span {
  display: block;
}

select { width: 100px; }

/* テーブル */
table.form {
	border: 2px solid #07567C;
	border-collapse: collapse;
	margin-top:10px;
	margin-bottom:20px;
	width:100%;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
}
table.form th, table.form td {
	text-align: left;
	padding: 8px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0D9DE3;
}
table.form th {
	white-space: nowrap;
	background:#87D3F8;
	width:100px;
}
table.form td {
	font-size:13px;
	font-size:1.3rem;
}

/* タイトル装飾 */
strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}

.copyright{
	margin-bottom:80px;
}

/* 戻りボタン */
form.back {
	margin-top: 2em;
}

/*　注意事項　*/

dl.check{  
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
  margin-bottom : 30px;
  border-width : 2px;
  border-style : solid;
  border-color : #5a5a2e;
  width : 90%;
  margin:5px auto;
}

dt.check{
background: rgb(139,172,186);
background: -moz-linear-gradient(top,  rgba(139,172,186,1) 0%, rgba(35,83,138,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,172,186,1)), color-stop(100%,rgba(35,83,138,1)));
background: -webkit-linear-gradient(top,  rgba(139,172,186,1) 0%,rgba(35,83,138,1) 100%);
background: -o-linear-gradient(top,  rgba(139,172,186,1) 0%,rgba(35,83,138,1) 100%);
background: -ms-linear-gradient(top,  rgba(139,172,186,1) 0%,rgba(35,83,138,1) 100%);
background: linear-gradient(to bottom,  rgba(139,172,186,1) 0%,rgba(35,83,138,1) 100%);
color:#FFF;
  text-align : center;
  	text-shadow: 0px 0px 2px #000;
  border-bottom: 2px solid #5a5a2e;
  padding:4px 0;
  font-size:14px;
  font-size:1.4rem;
}

dd.check{
  padding:5px 5px 5px 10px;
  font-size:12px;
  font-size:1.2rem;
}

dt.checkerror{
  font-weight : bold;
background: rgb(255,48,25);
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1)));
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  text-align : center;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #5a5a2e;
  padding-top : 4px;  
  padding-bottom : 4px;
  font-size:14px;
  font-size:1.4rem;
  color:#FFF;
  }

/* ▼通常の表示 */
label {
	border: 1px solid #8080ff;  /* 枠線 */
	border-radius: 5px;         /* 枠線の角丸 */
	padding: 2px 2px 4px 0px;   /* 内側の余白 */
	margin: 4px 2px 0 0;
	display: inline-block;      /* 途中で改行させない */
	cursor: pointer;         /* マウス形状を手形に */
	font-size:12px;
	text-align:left;
}
/* ▼マウスが載ったときの追加装飾 */
label:hover {
	background-color:#4787FC;  /* 背景色 */
	color: white;            /* 文字色 */
}

/*media Queries
----------------------------------------------------*/
@media only screen and (min-width:960px) {	/*960px*/

  form input:not([type="checkbox"]),

.tel5{
	width:100%;}

table.form {
	margin-left:10%;
	width:80%;
}

.button1{
	margin-left:235px;
	margin-top:15px;
	float:left;
	}

}