@charset "utf-8";

/* 中央ペイン
------------------------------------------------------------*/
#content {
width:1080px;
margin:0 auto;
}

/* フォーム
------------------------------------------------------------*/
.form{
clear:both;
display:table;
color:#333;
width:820px;
margin:10px auto 20px;
/*border:2px solid #004080;*/
}

.form dl{
display:table-row;
}

.form dt{
display:table-cell;
font-size:20px;font-size:2.0rem;
color:#000080;
font-weight:bold;
width:30%;
/*background:#dcdcdc;*/
padding:5px 15px;
text-align:right;
vertical-align:top;
border-right:1px solid #000080;
}

.form dd{
display:table-cell;
width:70%;
padding:5px 15px;
}

.notice {
padding:15px;
color:#000066;
background:#f5f5f5;
border-radius:8px;
margin:10px 0 10px 20px;
line-height:1.2;
}

.notice2 {
padding:15px;
background:#f5f5f5;
border-radius:8px;
margin:10px 0;
line-height:1.2;
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (max-width:1080px){
	#content {
	width:96%;
	margin:0 auto;
	padding:10px 0;
	}
}

/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:840px){

	.form{
	width:96%;
	margin:0 auto;
	}
}

/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){

	.form{
	width:96%;
	margin:0 auto;
	}

	.form dl{
	display:block;
	}
	.form dt{
	width:100%;
	display:block;
	padding:10px 5px 0 5px;
	text-align:left;
	border-right:none;
	border-bottom:1px solid #000080;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
	.form dd{
	width:100%;
	display:block;
	padding:5px 0 10px 20px;
	text-align:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
}