@charset "utf-8";
/* CSS Document */

article .header_area h2 {
	margin: 0 0 34px;
}

.header_area .ttl-brand {
	margin: 0 0 22px;
	text-align: center;
}

.header_area .list-category {
	width: 100%;
	padding: 30px 30px 10px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	margin: 0 0 40px;
	box-sizing: border-box;
}

.header_area .list-category:after {
	content:"";
    display:block;
    clear:both;
}

.header_area .list-category li {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 20px 20px;
	line-height: 1;
}

.header_area .list-category li:first-child {
	margin: 0 0 20px 0;
}

.header_area .list-category li a {
	display: block;
	padding: 6px 32px 7px;
	border-radius: 30px;
	border: 1px solid #e5e5e5;
	transition: background-color 0.3s ease;
	color: #101010;
	text-decoration: none;
}

.header_area .list-category li a:hover,
.header_area .list-category li.current a {
	background: #001439;
	color: #fff;
	text-decoration: none;
	opacity: 1;
}

.footer_area .bg-topys {
	width: 100%;
	background: url(../img/bg_topys.jpg) right 0 no-repeat;
	height: 131px;
	margin: 40px 0 0;
}