@charset "UTF-8";

#brand h1 {
	text-align: center;
	font-size: 20px;
	margin: 0 auto;
	padding: 1em 0;
}
#brand .brandListAll {
	width: 88%;
	margin: 0 auto 1em;
	padding: 0 0 1.2em;
}
#brand .brandListAll .row {
	border-top: #ccc 1px dotted;
	margin: 0 auto;
}
#brand .brandListAll .row:after {content:""; display:block; clear:both;}
#brand .brandListAll .row h2 {
	float: left;
	width: 10%;
	font-size: 17px;
	line-height: 1.2;
	margin: 1.5em 0 .5em 0;
}
#brand .brandListAll .row ul {
	float: right;
	width: 85%;
	margin: 1em auto;
}
#brand .brandListAll .row ul:after {content:""; display:block; clear:both;}
#brand .brandListAll .row li {
	float: left;
	width: 50%;
	margin: .5em auto 0;
}
@media only screen and (min-width: 950px) {
	#globalMenu {
		display: none;
	}
	aside {
		width: 950px;
		margin: 0 auto;
	}
	#topics li {
		width:23.3%;
		margin:0 2.2% 80px 0;
	}
	#brand {
		width: 950px;
		margin-bottom: 60px;
	}
	#brand h1 {
		text-align: center;
		font-size: 23px;
		padding-top: 0;
	}
	#brand .brandListAll {
		width: 100%;
		border-bottom: #ccc 1px dotted;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	#brand .brandListAll .row {
		margin: 20px 0 0;
		padding: 30px 0 10px;
	}
	#brand .brandListAll .row:after {content:""; display:block; clear:both;}
	#brand .brandListAll .row h2 {
		float: left;
		width: 60px;
		font-size: 16px;
		margin: 2px 0 0 0;
	}
	#brand .brandListAll .row ul {
		float: left;
		width: 890px;
		border-left: #ccc 1px dotted;
		box-sizing: border-box;
		margin: 2px 0 0 0;
		padding: 0;
	}
	#brand .brandListAll .row li {
		width: auto;
		float: left;
		margin: 3px 0 3px 30px;
	}
}