@charset "utf-8";


/*　各ページのふぉーむ入力部分　*/

.sp {color:#FF3300;}


.error {color:#FF0000;}

#form {
	margin-left:5%;
	margin-bottom:5%;
}




.form {
	margin-left:5%;
	margin-bottom:5%;
}



input[type="text"],[type="email"],[type="tel"],[type="number"],[type="password"]{
	clear:both;
	display:block;
	text-align:left;
	font-size:14px;
	padding:1% 1.5%;
	overflow:hidden;
	width:87%;
	margin-bottom:2%;
	line-height:1.5em;
	font-size:1.2em;
	color:#000000;

	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);

/*	-webkit-box-shadow: 1px 1px 1px 2px #bbb;
	-moz-box-shadow: 1px 1px 1px 2px #bbb;
	box-shadow: 1px 1px 1px 2px #bbb; */
		
	border:solid  1px;
	border-color:#222222;
	border-radius: 3px;
	}

input[type="text"]:hover{
	clear:both;
	display:block;
	text-align:left;
	font-size:16px;
	padding:1% 1.5%;
	overflow:hidden;
	width:87%;
	margin-bottom:2%;
	line-height:1.5em;
	font-size:1.2em;
	color:#000000;

	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);

/*	-webkit-box-shadow: 1px 1px 2px 3px #2E929B;
	-moz-box-shadow: 1px 1px 2px 3px #2E929B;
	box-shadow: 1px 1px 2px 3px #2E929B;
	*/
	border:none;
		border:solid  1px;
	border-color:#D4D1D1;

	border-radius: 3px;
	}


input[type="email"]:hover{
	clear:both;
	display:block;
	text-align:left;
	font-size:16px;
	padding:1% 1.5%;
	overflow:hidden;
	width:87%;
	margin-bottom:2%;
	line-height:1.5em;
	font-size:1.2em;
	color:#000000;

	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);

/*	-webkit-box-shadow: 1px 1px 2px 3px #2E929B;
	-moz-box-shadow: 1px 1px 2px 3px #2E929B;
	box-shadow: 1px 1px 2px 3px #2E929B;
	*/
	border:none;
		border:solid  1px;
	border-color:#D4D1D1;

	border-radius: 3px;
	}
	
input[type="password"]:hover{
	clear:both;
	display:block;
	text-align:left;
	font-size:16px;
	padding:1% 1.5%;
	overflow:hidden;
	width:87%;
	margin-bottom:2%;
	line-height:1.5em;
	font-size:1.2em;
	color:#000000;

	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);

/*	-webkit-box-shadow: 1px 1px 2px 3px #2E929B;
	-moz-box-shadow: 1px 1px 2px 3px #2E929B;
	box-shadow: 1px 1px 2px 3px #2E929B;
	*/
	border:none;
		border:solid  1px;
	border-color:#D4D1D1;

	border-radius: 3px;
	}
	


input[type="tel"]:hover{
	clear:both;
	display:block;
	text-align:left;
	font-size:16px;
	padding:1% 1.5%;
	overflow:hidden;
	width:87%;
	margin-bottom:2%;
	line-height:1.5em;
	font-size:1.2em;
	color:#000000;

	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);

/*	-webkit-box-shadow: 1px 1px 2px 3px #2E929B;
	-moz-box-shadow: 1px 1px 2px 3px #2E929B;
	box-shadow: 1px 1px 2px 3px #2E929B;
	
	*/
	border:none;
		border:solid  1px;
	border-color:#D4D1D1;

	border-radius: 3px;
	}

input[type="number"]:hover{
	clear:both;
	display:block;
	text-align:left;
	font-size:16px;
	padding:1% 1.5%;
	overflow:hidden;
	width:87%;
	margin-bottom:2%;
	line-height:1.5em;
	font-size:1.2em;
	color:#000000;

	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);

/*	-webkit-box-shadow: 1px 1px 2px 3px #2E929B;
	-moz-box-shadow: 1px 1px 2px 3px #2E929B;
	box-shadow: 1px 1px 2px 3px #2E929B;
	
	*/
	border:none;
		border:solid  1px;
	border-color:#D4D1D1;

	border-radius: 3px;
	}

webkit-tap-highlight-color {}


/******ラジオボタン******/
input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 4px;
    border-radius: 14px;
    border: 2px solid #003399;
    -webkit-box-sizing: border-box;
    width: 25px;
    height: 25px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
    vertical-align: middle;
}
/* ラジオボタン チェック時は背景色を変更 */
input[type="radio"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#2E929B),
        to(#2E929B)
    );
}
/* ラジオボタン チェックの印を:before疑似要素を使って作成 */
input[type="radio"]:checked:before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin: -5px 0 0 -5px;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 1);
    content: "";
    border-radius: 5px;
    width: 10px;
    height: 10px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
}
/******ラジオボタンの指定ここまで******/


/******checkbox の指定*****/
input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 4px;
    border: 2px solid #003399;
    -webkit-box-sizing: border-box;
    width: 25px;
    height: 25px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
    vertical-align: middle;
}
/* checkbox チェックの印を:before疑似要素を使って作成 */
input[type="checkbox"]:checked:before {
    position: absolute;
    left: 40%;
    top: 20%;	
    display: block;
    margin: -5px 0 0 -3px;
    content: "";
    width: 8px;
    height: 18px;	
	border-bottom: 3px solid #009a9a;
  border-right: 3px solid #009a9a;
	transform: rotate(45deg);	/* 要素を回転させる */
}
/******checkbox の指定っこまで*****/


label {margin-right:3%;}
	
.form_btn  {
	clear:both;
	display:block;
	text-align:center;
	font-size:16px;
	padding:1% 1%;
	overflow:hidden;
	width:70%;
	line-height:1.5em;
	font-size:1.6rem;
	font-weight:bold;
	color:#FFFFFF;
	
	background-image: -moz-linear-gradient(top, #2E929B, #3BC3CA);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#2E929B), to(#3BC3CA));
	background-image: -o-linear-gradient(top, #2E929B, #3BC3CA);
	background-image: linear-gradient(top, #2E929B, #3BC3CA);

	-webkit-box-shadow: 0 1px 5px 0 #bbb;
	-moz-box-shadow: 0 1px 5px 0 #bbb;
	box-shadow: 0 1px 5px 0 #bbb;
	border:solid 1.5px;
	border-color:#FFF #999 #aaa;
	border-radius: 3px;
	}


.form_btn:hover  {
	clear:both;
	display:block;
	text-align:center;
	font-size:16px;
	padding:1% 1%;
	overflow:hidden;
	width:70%;
	line-height:1.5em;
	font-size:1.6rem;
	font-weight:bold;
	color:#FFFFFF;
	background-image: -webkit-linear-gradient( #7AB3C6 /*{a-bdown-background-start}*/, #ABE3F5 /*{a-bdown-background-end}*/); /* Chrome 10 , Saf5.1  */
	background-image:    -moz-linear-gradient( #7AB3C6 /*{a-bdown-background-start}*/, #ABE3F5 /*{a-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #7AB3C6 /*{a-bdown-background-start}*/, #ABE3F5 /*{a-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #7AB3C6 /*{a-bdown-background-start}*/, #ABE3F5 /*{a-bdown-background-end}*/); /* Opera 11.10  */
	background-image:         linear-gradient( #7AB3C6 /*{a-bdown-background-start}*/, #ABE3F5 /*{a-bdown-background-end}*/);
	-webkit-box-shadow: 0 1px 5px 0 #bbb;
	-moz-box-shadow: 0 1px 5px 0 #bbb;
	box-shadow: 0 1px 5px 0 #bbb;
	border:solid 1.5px;
	border-color:#FFF #999 #aaa;
	border-radius: 3px;
	}
	
.form_btnS  {
	clear:both;
	display:block;
	text-align:center;
	font-size:16px;
	padding:1% 1%;
	overflow:hidden;
	width:40%;
	line-height:1.5em;
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	
	background-image: -moz-linear-gradient(top, #548488, #6AACAF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#548488), to(#6AACAF));
	background-image: -o-linear-gradient(top, #548488, #6AACAF);
	background-image: linear-gradient(top, #548488, #6AACAF);

	-webkit-box-shadow: 0 1px 5px 0 #bbb;
	-moz-box-shadow: 0 1px 5px 0 #bbb;
	box-shadow: 0 1px 5px 0 #bbb;
	border:solid 1.5px;
	border-color:#FFF #999 #aaa;
	border-radius: 3px;
	}


.form_btnS:hover  {
	clear:both;
	display:block;
	text-align:center;
	font-size:16px;
	padding:1% 1%;
	overflow:hidden;
	width:40%;
	line-height:1.5em;
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	background-image: -webkit-linear-gradient( #7EA3A6 /*{a-bdown-background-start}*/, #8EC0C2 /*{a-bdown-background-end}*/); /* Chrome 10 , Saf5.1  */
	background-image:    -moz-linear-gradient( #7EA3A6 /*{a-bdown-background-start}*/, #8EC0C2 /*{a-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #7EA3A6 /*{a-bdown-background-start}*/, #8EC0C2 /*{a-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #7EA3A6 /*{a-bdown-background-start}*/, #8EC0C2 /*{a-bdown-background-end}*/); /* Opera 11.10  */
	background-image:         linear-gradient( #7EA3A6 /*{a-bdown-background-start}*/, #8EC0C2 /*{a-bdown-background-end}*/);
	-webkit-box-shadow: 0 1px 5px 0 #bbb;
	-moz-box-shadow: 0 1px 5px 0 #bbb;
	box-shadow: 0 1px 5px 0 #bbb;
	border:solid 1.5px;
	border-color:#FFF #999 #aaa;
	border-radius: 3px;
	}	

.btn .small{ font-size:0.8em;}


.form_moji {
	clear:both;
	display:block;
	text-align:left;
	font-size:16px;
	padding:1% 1.5%;
	overflow:hidden;
	width:87%;
	margin-left:5%;
	margin-bottom:1.4%;
	line-height:1.5em;
	font-size:1.2em;
	color:#003399;
	background-image: -moz-linear-gradient(top, #FFFFFF, #333333);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);
/*	-webkit-box-shadow: 1px 1px 2px 3px #bbb;
	-moz-box-shadow: 1px 1px 2px 3px #bbb;
	box-shadow: 1px 1px 2px 3px #bbb;
	*/
	border:none;
	border-radius: 3px;
	}

.form_moji:hover{
	clear:both;
	display:block;
	text-align:left;
	font-size:16px;
	padding:1% 1.5%;
	overflow:hidden;
	width:87%;
	margin-left:5%;
	margin-bottom:1.4%;
	line-height:1.5em;
	font-size:1.2em;
	color:#000000;
	background-image: -moz-linear-gradient(top, #FFFFFF, #333333);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);
	/*-webkit-box-shadow: 1px 1px 2px 3px #2E929B;
	-moz-box-shadow: 1px 1px 2px 3px #2E929B;
	box-shadow: 1px 1px 2px 3px #2E929B;
	*/
	border:none;
	border-radius: 3px;
	}


textarea{
	clear:both;
	display:block;
	text-align:left;
	font-size:14px;
	padding:1% 1.5%;
	overflow:hidden;
	width:87%;
	margin-bottom:2%;
	line-height:1.5em;
	font-size:1.2em;
	color:#000000;
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);

/*	-webkit-box-shadow: 1px 1px 1px 2px #bbb;
	-moz-box-shadow: 1px 1px 1px 2px #bbb;
	box-shadow: 1px 1px 1px 2px #bbb;
	*/		
	border:solid  1px;
	border-color:#222222;
	border-radius: 3px;
	}

textarea:hover{
	clear:both;
	display:block;
	text-align:left;
	font-size:16px;
	padding:1% 1.5%;
	overflow:hidden;
	width:87%;
	margin-bottom:2%;
	line-height:1.5em;
	font-size:1.2em;
	color:#000000;
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);
	/*
	-webkit-box-shadow: 1px 1px 2px 3px #2E929B;
	-moz-box-shadow: 1px 1px 2px 3px #2E929B;
	box-shadow: 1px 1px 2px 3px #2E929B;
	*/
	border:none;
	border:solid  1px;
	border-color:#D4D1D1;
	border-radius: 3px;
	}

select {	font-size:16px;
	padding:1% 1.5%;
	overflow:hidden;
	margin-bottom:0%;	
/*
	color:#003399;
	background-image: -moz-linear-gradient(top, #FFFFFF, #333333);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);
*/
/*	-webkit-box-shadow: 1px 1px 2px 3px #bbb;
	-moz-box-shadow: 1px 1px 2px 3px #bbb;
	box-shadow: 1px 1px 2px 3px #bbb;
	*/
	border:none;
	border:solid  1px;
	border-radius: 3px;
	
	
	}