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


/*トップページ*/


.header {
	width: 100%;
	display: inline-block;
	float: left;
}

.header img {
	width: 180px;
	margin: 20px 10px;
	float: left;
}

.menu {
	float: right;
}

.menu ul li {
	width: 100px;
	float: left;
	margin: 25px 0px 25px 10px;
	list-style-type: none;
}

.menu ul li a {
	text-decoration: none;
	list-style-type: none;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}

.top-img img {
	width: 100%;
}

.top-bg {
	background-image: url("../image/top_bg.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	text-align: center;
}

.top-bg img {
	width: 200px;
	margin: 15px;
}

.top-bg h1 {
	font-size: 40px;
	padding-top: 270px;
}

.top-bg p {
	font-size: 20px;
}

.mouseover a img {
	width: 50%;
	vertical-align: bottom;
	float: left;
}

.main-img img {
	width: 100%;
	margin: 10px 0px 20px;
}

.work-title {
	text-align: center;
}

.work-lineup {
	width: 510px;
	height: 320px;
	margin-left: auto;
	margin-right: auto;
}

.lineup-box {
	width: 170px;
	text-align: center;
	float: left;
}

.lineup-box img {
	width: 100%;
	padding: 20px;
}

.work-process {
	text-align: center;
}

.work-process {
	width: 100%;
}

.work-img img {
	width: 100%;
	margin: 20px 0px;
}