#title {
	background: url(images/title_bg.jpg) no-repeat center;
	background-size: cover;
}

div.works {
	margin: 0 auto;
	padding: 20px 0 70px 0;
	text-align: center;
	width: 940px;
}

div.works ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

div.works ul li:nth-child(3n) {
	padding: 0 0 15px 0;
}

div.works ul li a {
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	display: block;
	text-decoration: none;
}

div.works ul li a h3 {
	background-color: #5d5d5d;
	color: white;
	font-size: 20px;
	font-weight: 500;
	padding: 3px 20px;
}

div.works h4 {
	border-left: 20px solid #00a7e8;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	padding-left: 15px;
	text-align: justify;
}

div.works table {
	background: rgba(255,255,255,.3);
	border-bottom: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
}

div.works table th {
	background-color: #dddddd;
	border-bottom: 1px dotted #b5b5b5;
	padding: 10px 20px;
	width: 45%;
}

div.works table td {
	border-bottom: 1px dotted #b5b5b5;
	border-left: 1px dotted #b5b5b5;
	padding: 10px 20px;
}