* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

img {
	vertical-align: bottom;
}

.header {
	width: 700px;
	margin: 0 auto;
}

.main {
	display: flex;
	justify-content: space-between;
	width: 700px;
	margin: 0 auto;
}

.main .visual {
	flex-basis: 400px;
}

.main .section {
	flex-basis: 290px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.main .section .article {
	display: flex;
	flex-wrap: wrap;
}

.main .section .article h4 {
	flex-basis: 290px;
}

.main .section .article figure {
	flex-basis: 55px;
}

.main .section .article ul {
	flex-basis: 235px;
	list-style-type: none;
}

.main .section .article a {
	display: flex;
}

.main .section .article a:hover {
	background-color: #ffd699;
}

.main .section .nav a:hover {
	opacity: 0.7;
}

.footer {
	width: 700px;
	margin: 5px auto;
}

.footer ul {
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	color: #666666;
	font-size: 11px;
}