@charset "UTF-8";

#navi ul li {
	margin-left:-1px;
}

/* .accessArea */
.accessArea {
	width:97.5%;
	padding:2.8% 0 3.8%;
	background:url(../common/images/ln.gif) repeat-x left top;
	margin:4.3% auto 0;
}
.accessArea .access {
	width:100%;
	clear:both;
	background:url(../common/images/ln.gif) repeat-x left bottom;
	padding-bottom:4.8%;
}
.accessArea .cont {
	width:70%;/*EN*/
	margin:0 auto;
	clear:both;
	padding-bottom:2.8%;
}
.accessArea table {
	width:100%;
	clear:both;
	margin-bottom:8.8%;
}
.accessArea table th {
	width:14em;/*EN*/
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	background:url(../common/images/ln02.gif) repeat-x left bottom;
	padding:1.8% 0 1.8% 2%;/*EN*/
}

.accessArea table td {
	text-align:left;
	vertical-align:top;
	background:url(../common/images/ln02.gif) repeat-x left bottom;
	padding:1.8% 0;
}
.accessArea .mapArea {
	width:100%;
	clear:both;
	height:635px;
}
@media only screen and (min-width:1px) and (max-width:1024px) {
.accessArea .mapArea {
	height:507px;
}
}
@media only screen and (min-width:1px) and (max-width:960px) {
.accessArea .mapArea {
	height:475px;
}
}
@media only screen and (min-width:1px) and (max-width:768px) {
.accessArea .mapArea {
	height:380px;
}
}
@media only screen and (min-width:1px) and (max-width:640px) {
.accessArea {
	width:94%;
}
.accessArea .cont {
	width:90%;
/*	font-size:7px;
*/}
.accessArea table th {
	width:5em;
}
.accessArea .mapArea {
	height:190px;
}
} 