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

	トップページ CSS

============================================================= */
#toppage {
	background-image: url(../img/top/bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
#toppage::after {
	position: absolute;
	content: "";
	width: 139px;
	height: 46px;
	top: 72px;
	left: 151px;
	background-image: url(../img/suumo-logo.png);
}
#toppage .section {
	width: 998px;
	text-align: center;
}
#toppage .section:last-of-type {
	padding-bottom: 30px;
}

#toppage h1 {
	position: relative;
	padding-top: 70px;
}
#toppage .lead {
	padding-top: 20px;
}
#toppage .img {
	padding-top: 10px;
}
#toppage #top-nav {
	padding-top: 70px;
}
#toppage #top-nav .navitem {
	float: left;
	display: inline;
	width: 316px;
	height: 484px;
	background-color: #ffffff;
	border-radius: 10px;
  	border: solid 3px #6fba2c;
}
#toppage #top-nav .navitem h2 {
	padding: 30px 0;
}
#toppage #top-nav .navitem:not(:last-of-type) {
	margin-right: 16px;
}
#toppage #top-nav .navitem .btn-detail {
	width: 282px;
	height: 104px;
	margin: auto;
	background-image: url(../img/button/btn_detail_off.png);
	background-repeat: no-repeat;
}
#toppage #top-nav .navitem .btn-detail a {
	display: block;
	width: 282px;
	height: 104px;
	text-indent: -9999px;	
}
#toppage #top-nav .navitem .btn-detail:hover {
	margin-top: 3px;
	height: 101px;
	background-image: url(../img/button/btn_detail_on.png);
}
#toppage #top-nav .navitem h3 {
	width: 282px;
	margin: 30px auto 20px;
}
#toppage #top-nav .navitem ul li {
	width: 282px;
	height: 65px;
	margin: 0 auto;
}
#toppage #top-nav .navitem ul li:not(:first-of-type) {
	margin-top: 10px;
}
#toppage #top-nav .navitem ul li a {
	display: block;
	width: 282px;
	height: 65px;
	text-indent: -9999px;
}
#toppage #top-nav .navitem ul li.tel {
	background-image: url(../img/button/btn-tel-off.png);
	background-repeat: no-repeat;
}
#toppage #top-nav .navitem ul li.tel:hover {
	background-image: url(../img/button/btn-tel-on.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	height: 65px;
}
#toppage #top-nav .navitem ul li.web {
	background-image: url(../img/button/btn-web-off.png);
	background-repeat: no-repeat;
}
#toppage #top-nav .navitem ul li.web:hover {
	background-image: url(../img/button/btn-web-on.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	height: 65px;
}

#toppage .annotation {
	text-align: left;
	padding-top: 16px;
	font-size: 12px;
	line-height: 1.33;
}