@charset "utf-8";
/* CSS Document */
section.setumei{
	margin:0 10px 20px;
	padding:20px;
	background-color:#F1F1F1;
	border:1px solid #D9D9D9;
	border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
}

section.setumei p{
	margin-bottom:20px;
}

section.setumei p.title{
	font-size:16px;
	font-weight:bold;
}

section.setumei span{
	font-size:26px;
	font-weight:bold;
	font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", Osaka, Arial, Helvetica, sans-serif;
}

.need {
	font-size: 10px;
	color: #CC0000;
	vertical-align: super;
}
.formHead , .formFoot {
	text-align:center;
}

.formHead{
	margin-bottom:10px;	
}

.formFoot{
	margin-top:10px;
}

.sysCaution{
	color:#ff0000;
	font-weight:bold;
}


div#contents table{
	width:98%;
	margin:0 auto;
	border:1px solid #D9D9D9;
	border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
	background-color:#F4F4F4;
}

div#contents th{
	width:25%;
	white-space:nowrap;
	vertical-align:top;
	padding:5px 10px;
	background-color:#DCEEFD;
}

div#contents td{
	padding:5px 10px;
}

div#contents td input, div#contents td textarea, div#contents td select{
	width:90%;
}


@media only screen and (max-width:520px){
div#contents th, div#contents td{
	width:100%;
	display:block;
}
}