@charset "utf-8";

/* ===================================================================
 Reset
=================================================================== */


/* ===================================================================
 style
=================================================================== */

#mail { width:1000px; margin:0 auto; }
#mail h4 { font-size:21px; font-weight:bold;  }
#mail p { text-align:center; }
#mail em {font-weight:bold; color:#F00;}	

#formWrap { width:100%; margin:10px auto; text-align:center;}

/* Table
-------------------------------------------------- */
table.formTable { width:1000px; font-size: 16px; background-color: #FFF; line-height: 1.35; margin:5px auto 12px auto; border-collapse: collapse; }
table.formTable:after { content:" "; display:block; clear:both;}
table.formTable em { font-size:13px; font-weight:bold; color:#F00; font-style:normal; }	
table.formTable th,
table.formTable td { text-align:left; border:1px solid #CCC; vertical-align: top;}
table.formTable th { width: 240px; padding: 10px 0 10px 10px; text-align: left; font-weight:normal; vertical-align: middle; background-color: #EEEFF2; color: #666;}
table.formTable td { padding:15px 10px 10px 15px;}

table.formTable th span { font-size: 12px; }

/* CheckBOX 均等に並べる
-------------------------------------------------- */
table.formTable td ul { 
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
    -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; }
table.formTable td ul li { width:20%; margin-left:0; -webkit-flex-direction: row; flex-direction: row;}
table.formTable td ul::after{ content:""; display: block; width:33.3%; margin-left:0; }


/* Form fields, general styles first.
-------------------------------------------------- */
btn, input, select, textarea { margin: 0 0 2px 0; vertical-align: baseline;}
btn, input { line-height: normal;}

btn,
html input[type="btn"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: btn; cursor: pointer;}
btn[disabled],
input[disabled] { cursor: default;}
input[type="checkbox"],
input[type="radio"] { padding: 0;}

button, textarea, select, input[type="text"] { border: 1px solid #BBB; font-family: inherit;  }
input, textarea { color: #141412;}
input:focus, textarea:focus { border: 2px solid #BBB; outline: 0;}


/* Buttons
-------------------------------------------------- */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	padding: 13px 24px 10px;
	background: #FFF; /* Old browsers */
	background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #FFF 0%, #EEE 100%); /* W3C */
	border: 1px solid #CCC; border-radius: 3px;
	font-size:15px; color: #555; letter-spacing:0.1em; line-height:1; text-decoration: none; font-weight:bold;
	display: inline-block;	
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #EEE; /* Old browsers */
	background: -webkit-linear-gradient(top, #EEE 0%, #FFF 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #EEE 0%, #FFF 100%); /* W3C */
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #EEE; /* Old browsers */
	background: -webkit-linear-gradient(top, #EEE 0%, #FFF 100%)); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #EEE 0%, #FFF 100%)); /* W3C */
	border: 1px solid #CCC;
}


/* Copyright
-------------------------------------------------- */
.copyright { padding:20px 0 5px 0; font-size:11px;}