@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main h2 {
	margin: 0 auto 38px;
	padding-top: 56px;
	width: 132px;
	text-align: center;
}

#main .h2Ttl {
	margin-bottom: 65px;
	padding: 0;
}

#main .text {
	margin: 0 auto 57px;
	width: 650px;
}

#main .tableBox {
	margin: 0 auto 30px;
	padding-left: 46px;
	width: 476px;
}

#main .tableType01 {
	width: 100%;
	border-collapse: collapse;
}

#main .tableType01 th,
#main .tableType01 td {
	font-weight: normal;
	padding: 15px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 1.7;
}

#main .tableType01 th {
	padding-left: 0;
	color: #000;
}

#main .tableType01 td .speText {
	margin-right: -59px;
	display: block;
	width: 400px;
}

#main .tableType01 .trStyle td {
	padding: 0 0 2px;
	background: url(../img/common/line.gif) repeat-x left bottom;
}

#main .mapBox {
	margin-bottom: 45px;
	text-align: center;
}

#main .greyBox {
	margin-bottom: 79px;
	padding: 69px 0 75px;
	background-color: #F5F5F5;
}

#main .greyBox .dlBox {
	width: 670px;
	margin: 0 auto;
}

#main .greyBox .dlBox ul {
	margin-left: 105px;
	overflow: hidden;
	zoom: 1;
}

#main .greyBox .dlBox li {
	position: relative;
	overflow: hidden;
	zoom: 1;
	background-color: #f5f5f5;
}

#main .greyBox .dlBox img {
	float: left;
	clear: left;
}

#main .greyBox .dlBox span {
	padding: 3px 0 17px 51px;
	display: block;
	letter-spacing: 1px;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

#main .link {
	margin: 0 auto;
	width: 210px;
}

#main .link a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}