.cf::after {
	content: '';
	display: block;
	clear: both;
}

#wrap .header h1 {

	font-size: 14px;

	text-align: center;

	background-color: #36C;

	padding-top: 10px;

	padding-bottom: 10px;

	color: #FFF;

}



#wrap .header h3 {

	font-size: 14px;

	font-weight: bold;

	padding-left: 10px;

	padding-top: 20px;

	padding-bottom: 20px;

	color: #03C;

}



#wrap dl {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999;

	margin-right: 30px;

	margin-left: 30px;

	padding: 0px;

	margin-top: 20px;

	margin-bottom: 0px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-width: 1px;

	border-right-color: #999;

	border-left-color: #999;

	font-size: 12px;

}



#wrap .footer {

	padding-top: 10px;

	padding-bottom: 10px;

	font-size: 12px;

	color: #333;

	background-color: #CCC;

	text-align: center;

}



#wrap .close {

	padding-top: 20px;

	padding-bottom: 15px;

	font-size: 12px;

	color: #333;

	text-align: center;

}



#wrap dl dt {

	float:left;

	width:23em;

	padding-top:10px;

	padding-left:10px;

	padding-bottom:0;

	padding-right:0;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #999;

}



#wrap dl dd {

	margin-left:23em;

	padding:10px;

	border-top:1px solid #999;

	border-left:1px solid #999;

	text-align: center;

	background-color: #D8EAEF;

}



#wrap .header h2 {

	background-color: #E1E9F0;

	font-size: 12px;

	padding-top: 10px;

	padding-bottom: 10px;

	color: #333;

	text-align: center;

}



#wrap {

	width: 400px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 20px;

	margin-bottom: 20px;

	border: 1px solid #999;

}



#wrap .header p {

	display: block;

	font-size: 12px;

	text-align: right;

	padding-right: 30px;

}



#wrap .smdl {

	font-size: 12px;

	color: #903;

	padding-right: 30px;

	padding-left: 30px;

	line-height: 1.5;

}

.data_List {
	width: 620px;
	margin: 24px auto;
	border: 1px solid #666;
	font-size: 13px;
	color: #333;
}

.data_List h1 {
	padding: 12px 0;
	font-size: 14px;
	color: #fff;
	background-color: #36C;
	text-align: center;
}

.data_List h2 {
	padding: 12px 0;
	font-size: 12px;
	background-color: #E1E9F0;
	text-align: center;
}

.data_List h3 {
	width: 100%;
	padding: 20px 0;
	color: #03C;
	font-size: 14px;
}

.data_List .header p {
	margin: 0 20px 0 0;
	text-align: right;
	font-size: 12px;
}

.data_List .desc {
	width: 581px;
	margin: 16px auto 24px auto;
}

.data_List .list {
	box-sizing: border-box;
	width: 581px;
	margin: 0 auto;
	font-size: 12px;
	border-bottom: 1px solid #999;
}


.data_List .list_item h4 {
	float: left;
	margin-top: -1px;
	margin-left: -1px;
	padding: 12px 0 12px 8px;
	width:15em;
	font-weight: normal;
	text-align: left;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

.data_List .list_item p {
	float: left;
	width: 25em;
	margin-top: -1px;
	margin-left: -1px;
	padding: 12px 0 12px 8px;
	font-size: 12px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

.data_List .list_item .mdl {
	float: left;
	padding: 12px 4px;
	width: 7em;
	text-align: center;
	background-color: #d8eaef;
	box-sizing: border-box;
}

.data_List .list_head h4,
.data_List .list_head p {
	text-align: center;
}

.data_List .list_head p.mdl {
	background-color: #fff;
}

.data_List .close {
	width: 580px;
	margin: 24px 0;
	text-align: center;
}

.data_List .footer {
	padding: 12px 0;
	text-align: center;
	background-color: #ccc;
	font-size: 12px;
}
