@charset "utf-8";
/* ====================================================

	きものお直し屋さん

==================================================== */

.thankyou {
	font-size: 300%;
}

a:link {
	color: #00f;
}

a:visited {
	color: #00f;
}

/* ************** フォーム ************** */
#frm {
	margin: 30px 30px 0px 30px;
}

#frm input[type="text"],
#frm input[type="tel"],
#frm input[type="url"],
#frm input[type="email"],
#frm select,
#frm textarea {
	border: solid 1px #aaa;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 16px;
	margin: 7px 0;
	padding: 5px;
}

#frm .txtbx,
#frm textarea {
	width: 400px;
}
#frm textarea[readonly] {
	background: #efefef;
	font-size: 90%;
}


/*****-----ボタン-----*****/
button.formbtn {
	margin: 30px 0px 0px 0px;
	padding:12px 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(55%, #dfdfdf), color-stop(50%, #ededed) );
	background:-moz-linear-gradient( center top, #ededed 55%, #dfdfdf 50% );
	background:-ms-linear-gradient( top, #ededed 55%, #dfdfdf 50% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#e0e0e0;
	color:#666666;
	font-weight:bold;
	font-size:120%;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
	width: 180px;
}

button:hover {
	border-color:#99ccee;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(55%, #ccdff0), color-stop(50%, #ddedf6) );
	background:-moz-linear-gradient( center top, #ddedf6 55%, #ccdff0 50% );
	background:-ms-linear-gradient( top, #ddedf6 55%, #ccdff0 50% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddedf6', endColorstr='#ccdff0');
	background-color:#dde0f9;
}


label {
	margin: 0px 10px 0px 0px;
}

input:focus {
    background: #fff;
    border:1px solid #999;
    box-shadow: 0 0 3px #aaa;
}

textarea:focus {
    background: #fff;
    border:1px solid #999;
    box-shadow: 0 0 3px #aaa;
}


dt {
	font-weight; bold;
	color: olive;
	margin-top: 10px;
}
/*
.reqmrk {
	vertical-align: middle;
}
*/

/* ########## 640px 以下 ########## */
@media (max-width: 640px){
#frm {
	margin: 30px 0px 0px 0px;
}

#frm .txtbx,
#frm textarea {
	width: 94%;
}
}