@charset "utf-8";

/* -------------------------------------------------------
	name : form.css
-------------------------------------------------------- */
form table {
margin:20px auto 0;
width:100%;
line-height:2.0;
}

form table td {
padding:5px;
border-bottom:1px solid #ddd;
}

form table th {
padding:5px;
border-bottom:1px solid #ddd;
width:30%;
}
/* SP start */
@media(max-width:640px){
form table td {
	box-sizing: border-box;
	width:60%
}

form table th {
	box-sizing: border-box;
	width:40%
}
body.form-page #SubContents {
display:none;
}
}
/* SP end */


form span.must {
color:#fff;
background:#33aa33;
padding:3px 5px;
font-size:0.8em;
}
form table th img {
float:right;
}
form p#confirm-button {
text-align:center;
margin-top:20px;
}
form input[type="text"],
form textarea {
width:90%;
background: #f9f9f9;
border: 1px solid #ccc;

font-size:12px;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 }
form p#confirm-button input[type=button],
form p#confirm-button input[type=submit] {
	background: #b6272c;
color:#fff;
display:inline-block;
overflow:hidden;
margin-top:15px;
position:relative;
padding:10px 18px 9px;
text-decoration:none;
cursor:pointer;
font-size:1.2em;
font-weight:bold;
border: 1px solid #333;
box-shadow: inset 0px 0px 1px rgba(255,255,255,1);
}

form p#confirm-button input:hover {
	background:#d31321;
}

form .error {
color:#ff0000;
}

form li {
list-style:none;
}
form input[type="checkbox"] {
margin-right:10px;
}