@charset "UTF-8";
/* CSS Document */

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:1em;
	line-height: 1.4;
	margin:0 0 1.5em;
}
th,
td {
	text-align: left;
	vertical-align: middle;
	border: 1px solid #cccccc;
	padding: 1em;
}
th {
	width: 7em;
	vertical-align: middle;
	background: #f9f9f9;
}

td {
	background: #fff;
}

td input[type="radio"],
td input[type="checkbox"] {
	cursor: pointer;
}


input,
button {
	line-height: normal;
	vertical-align: inherit;
	*vertical-align: middle;
}

input[type="text"] {
	width:300px;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

select {
	background-color: inherit;
	line-height: normal;
}

textarea {
	width: 300px;
	height: 10em;
	vertical-align: top;
	overflow: auto;
	*font-family: sans-serif;
}

div#submitButton{
	text-align:center;
}

div#submitButton button {  
	border:none;
    padding: 8px 28px;  
    font-weight: bold;  
    cursor: pointer;  
    color: #FFF;  
	background-color: rgb(180,120,180);
	margin-bottom:1.5em;
	font-size:103%;

}  

div.note{
margin-top:0.75em;
font-size:90%;
}
.gray{
	color:#666;}
.red{
	color:#e05;}
.require{
	color:#e05;
	font-weight:normal;
}
@media (max-width: 767px) {
/*smartphone -767*/

input[type="text"] {
	width:200px;
}

textarea {
	width: 200px;
	height: 8em;
}

}