#loginForm > p:not(:last-child) {
	margin-bottom : 1em;
}
#loginForm form {
	display : block;
	max-width : 1000px;
	margin : 0 auto;
	padding : 40px;
	background-color : #f7f7f7;
}
#loginForm dl {
	display : grid;
	grid-template-columns : 10em 1fr;
	grid-gap : 20px;
	margin-bottom : 32px;
}
#loginForm dl > dt {
	display : flex;
	font-weight : bold;
	align-items : center;
}
#loginForm dl > dd {
	display : flex;
	align-items : center;
}
#loginForm dl > dd input {
	width : 100%;
}
#loginForm .button {
	display : flex;
	justify-content : center;
}
#rule {
	display : block;
	overflow-y : auto;
	height : 200px;
	margin-bottom : 32px;
	padding : 1em;
	border : 1px solid #dddddd;
	border-radius : 2px;
	background-color : #ffffff;
}

#error .message {
	font-size : 1.2em;
	margin-bottom : 40px;
	padding : 40px;
	text-align : center;
	border : 4px solid #dddddd;
}
#error .button {
	display : flex;
	justify-content : center;
}

#regForm > header {
	margin-bottom : 32px;
}
#regForm > header > p:not(:last-child) {
	margin-bottom : 1em;
}

#regForm .listTable {
	margin-bottom : 40px;
}
#regForm .button {
	display : flex;
	justify-content : center;
	cursor : pointer;
}

#download > .inner > header {
	margin-bottom : 40px;
}
#download > .inner > header > p:not(:last-child) {
	margin-bottom : 1em;
}

#download > .inner > header {
	margin-bottom : 40px;
}

#downloadList > .content:not(:last-child) {
	margin-bottom : 40px;
}
#downloadList > .content > dl:not(:last-child) {
	margin-bottom : 40px;
}
#downloadList > .content .attention > p:not(:last-child) {
	margin-bottom : 1em;
}
#downloadList h3 {
	font-weight : bold;
	padding : 1em;
	border-bottom : 1px dotted #000000;
	background-color : #f7f7f7;
}
#downloadList .f1 {
	display : grid;
	grid-template-columns : 10em 1fr;
}
#downloadList .f1 > dt {
	display : flex;
	font-weight : bold;
	align-items : center;
	padding : 1em;
}
#downloadList .f1 > dd:not(:last-child) {
	border-bottom : 1px dotted #000000;
}
#downloadList .f1 > dt,
#downloadList .f2 > dt,
#downloadList .f1 > dd,
#downloadList .f2 > dd,
#downloadList .f1 > dd > dl:not(:last-child),
#downloadList .f2 > dd > dl:not(:last-child) {
	border-bottom : 1px dotted #000000;
}

#downloadList .f1 > dd > dl,
#downloadList .f2 {
	display : grid;
	grid-template-columns : 16em 1fr;
}
#downloadList .f1 > dd > dl > dt,
#downloadList .f2 > dt {
	display : flex;
	font-weight : bold;
	align-items : center;
	padding : 1em;
	word-wrap : anywhere;
	word-break : keep-all;
}
#downloadList .f1 > dd > dl > dd > ul,
#downloadList .f2 > dd > ul {
	display : grid;
	grid-template-columns : 14em 14em 1fr 10em 140px;
}
#downloadList .f1 > dd > dl > dd > ul:not(:last-child),
#downloadList .f2 > dd > ul:not(:last-child) {
	border-bottom : 1px dotted #000000;
}
#downloadList .f1 > dd > dl > dd > ul > li,
#downloadList .f2 > dd > ul > li {
	display : flex;
	align-items : center;
	padding : 1em;
}
#downloadList .f1 > dd > dl > dd > .inner,
#downloadList .f2 > dd > .inner {
	padding : 1em;
}

@media screen and (max-width: 767px) {
	#loginForm dl {
		grid-template-columns : 6em 1fr;
		grid-gap : 12px;
	}
	#loginForm form {
		padding : 20px;
	}

	#downloadList h3 {
		color : #ffffff;
		background-color : #222222;
	}
	#downloadList .f1 > dt {
		background-color : #f7f7f7;
	}

	#downloadList .f1 {
		grid-template-columns : 1fr;
	}
	#downloadList .f1 > dd > dl,
	#downloadList .f2 {
		grid-template-columns : 1fr;
	}
	#downloadList .f1 > dd > dl > dt,
	#downloadList .f2 > dt {
		border-bottom : 1px dotted #000000;
	}
	#downloadList .f1 > dd > dl > dd > ul,
	#downloadList .f2 > dd > ul {
		grid-template-columns : 1fr 16em;
		grid-gap : 8px;
		padding : 1em 0;
	}
	#downloadList .f1 > dd > dl > dd > ul > li,
	#downloadList .f2 > dd > ul > li {
		padding : 0;
	}
	#downloadList .f1 > dd > dl > dd > ul > li:last-child,
	#downloadList .f2 > dd > ul > li:last-child {
		display : block;
		grid-column : 1 / 3;
	}
	#downloadList .f1 > dd > dl > dd > ul > li:last-child a,
	#downloadList .f2 > dd > ul > li:last-child a {
		display : block;
		padding : 4px;
		text-align : center;
		background-color : #222222;
	}
	#downloadList .f1 > dd > dl > dd > ul > li br,
	#downloadList .f2 > dd > ul > li br {
		display : none;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
}
@media screen and (min-width: 1920px) {
}