@charset "utf-8";

button,input,select,textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
	display:inline;
}

.contactText {
	border: 4px solid #636363;
	text-align: center;
	padding: 0.8em 5%;
	width: 90%;
}

/*.contactForm{padding-bottom:20px;}
.contactForm form{margin:0;}
.contactForm table{width:100%;}
.contactForm table th,.contactForm table td{padding:12px 15px; background-color:#fff; vertical-align:top; text-align:left; border:1px #ccc solid;}
.contactForm table th{width:25%; background-color:#f3f3f3; font-weight:bold; color:#333;}
.contactForm table th span{color:#ff0000; font-weight:normal;}
.contactForm table td{width:75%;}
.contactForm label{margin-right:10px;}
.contactForm p{margin-bottom:8px;}
.contactForm select{background:#fff; border: solid 1px #ccc; padding:3px 5px;}

body.black .contactForm table th,
body.black .contactForm table td{background:none; color:#fff; border:1px #fff solid;}
body.black .contactForm table td p{margin-bottom:10px;}

#namesei,#namemei,#furiganasei,#furiganamei{width:20%;}
#pref21{width:30%;}
#addr21{width:70%;}
#tel1{width:60%;}
#mail,#mail2{width:60%;}
#naiyou{width:90%;}*/

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	width: 100% !important;
	background: #f0f0f0 !important;
	border: none !important;
}

.focusField{border:solid 1px #73A6FF; background:#EFF5FF; color:#666; padding:3px 5px;}
.idleField{background:#fff; border: solid 1px #ccc; padding:3px 5px;}
input[type="radio"] {vertical-align: middle;}
input[type="checkbox"] {vertical-align: middle; *vertical-align: baseline;}

.contactButton{text-align:center; padding:20px 0 0;}
.sebdButton{
height:auto; padding:12px 0; width:220px; margin:0 10px 12px; border:1px #534f4b solid;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
background-color:#534f4b;
 cursor: pointer; color:#fff; font-size:14px; font-weight:bold; text-align:center;
	-webkit-transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          -ms-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out; 
}
.sebdButton:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
.resetButton{
height:auto; padding:12px 0; width:220px; margin:0 10px 12px; border:1px #ddd solid;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
 cursor: pointer; color:#555; font-size:14px; font-weight:bold; text-align:center;
-webkit-transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          -ms-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out; 
}
.resetButton:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
/*.contactBack{border:3px #eee solid; padding:15px 15px 0 15px; background-color:#f3f3f3;}*/
.contactBack p{text-align:center; margin:0; padding:0 0 15px 0;}

@media only screen and (max-width: 640px) {
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

スマートフォン

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊　*/
.contactForm table{}
.contactForm table th,
.contactForm table td{display:block; width:90%; border:none;}
.contactForm label{display:block; margin:none; margin-bottom:5px;}

#namesei,#namemei{width:75%;}
#furiganasei,#furiganamei{width:70%;}
#pref21{width:80%;}
#addr21{width:95%;}
#tel1{width:95%;}
#mail,#mail2{width:95%;}
#naiyou{width:95%;}
.contactButton{text-align:center; padding:0;}
.sebdButton,.resetButton{display:block; margin:0 0 10px 0; width:100%; text-align:center;}
}