@charset "utf-8";

/**
* general
*/

.boxContact {
	max-width: 880px;
	margin: 20px auto 0;
	padding: 0 15px;
}

h1.contact {
	padding: 15px 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #9cc947;
	border: 8px solid #222;
	text-align: center;
	font-size: 1.6em;
	line-height: 1.4em;
	position: relative;
	font-weight: bold;
}

.fcRed,.tableContact th span { color: #FF0000; }

.tableContact {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}

.tableContact th,.tableContact td {
	padding: 10px;
	border: 1px solid #CCC;
}

.tableContact th {
	width: 30%;
	text-align: left;
	font-weight: normal;
	background: #EBEBEB;
	vertical-align: middle;
}

select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

select::-ms-expand {
  display: none;
}

select {
	width: 100%;
	box-sizing: border-box;
    height: 45px;
    font-size: 100%;
    padding: 12px 50px 12px 12px;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    background: #FFF url(../images/select_arrow.jpg) no-repeat right;
}

.text {
	width: 100%;
	box-sizing: border-box;
    height: 45px;
    font-size: 100%;
    padding: 12px 50px 12px 12px;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
}

.textarea {
	width: 100%;
	box-sizing: border-box;
    height: 200px;
    font-size: 100%;
    padding: 12px 50px 12px 12px;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
		font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.btnSubmit {
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 200px;
	font-size: 1.2em;
	padding: 10px 0;
	cursor: pointer;
}

.btnLink {
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	font-size: 1.2em;
	padding: 10px 20px;
	cursor: pointer;
}

a.btnLink {  color: #FFF; }
a.btnLink:link {  color: #FFF; }
a.btnLink:hover {  color: #FFF; }
a.btnLink:active {  color: #FFF; }
a.btnLink:visited {  color: #FFF; }

