﻿@charset "utf-8";

/*Access Map*/
.AccessMapTitle {
 margin-bottom: 10px;
}
.AccessMapTitle h3 {
 margin: 0px;
	padding: 0px;
}
.AccessMapTitleLogo {
 float: left;
}
.MainContents h4 {
	margin: 0px;
	padding: 0px;
}
.AccessMapContentsBox {
	width: 690px;
	margin: 0px 0px 20px 0px;
}
.AccessMapContentsBox p {
	margin: 0px;
	padding: 0px;
}
.AccessGoogleMap {
	width: 684px;
	height: 420px;
	border: 1px solid #A4A4A4;
	padding: 2px;
}
#AccessMap {
	width: 684px;
	height: 420px;
}
.AccessGoogleMapLink {
	margin: 5px 0px 0px;
	font-size: 88%;
}
.AccessGoogleMapLink a {
	text-decoration: underline;
}
.AccessGoogleMapLink a:hover {
	text-decoration: underline;
}
.AccessAnchorBox {
	width: 690px;
	overflow: hidden;
}
.AccessAnchor {
	margin: 5px 0px 0px;
	display: block;
	width: 700px;
}
.AccessAnchorButton {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}
.AccessLinkHakodateTaxi {
	text-align: right;
	margin: 0px 0px 15px 0px;
	color: #009DE6;
}
.AccessLinkHakodateTaxi a {
	text-decoration: underline;
	color: #009DE6;
}
.AccessLinkHakodateTaxi a:hover {
	text-decoration: underline;
	color: #009DE6;
}
.AccessLinkHakodateTaxi a:visited {
	color: #009DE6;
}
.AccessSubTitle1 {
	width: 680px;
	height: 30px;
	line-height: 30px;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px;
	background-color: #719FE9;
	color: #FFFFFF;
	font-size: 108.33%
}
.AccessSubTitle3 {
	font-size: 108.33%
}
.ParkingTable table {
	width: 690px;
	border: 1px solid #C8C8C8;
	margin: 8px 0px;
}
.ParkingTable table td {
	padding-left: 10px;
	font-size: 100%;
	border: 1px solid #C8C8C8;
	height: 30px;
}
.AccessTableWidth1 {
	width: 218px;
}
.AccessTableWidth2 {
	width: 452px;
}
.AccessTableColor1 {
	background-color: #FFF7ED;
}
.AccessParkingText {
	font-size: 108.33%;
	line-height: 1.7;
}
.AccessParkingLink {
	margin: 10px 0px 20px 0px;
}
.BusTable1 table {
	width: 690px;
	border: 1px solid #C8C8C8;
	margin: 8px 0px 20px 0px;
}
.BusTable1 table th {
	text-align: center;
	font-size: 100%;
	border: 1px solid #C8C8C8;
	height: 30px;
}
.BusTable1 table td {
	padding-left: 10px;
	font-size: 100%;
	border: 1px solid #C8C8C8;
	height: 30px;
}
.AccessTableWidth3 {
	width: 128px;
}
.AccessTableWidth4 {
	width: 170px;
}
.AccessTableWidth5 {
	width: 392px;
}
.AccessTableWidth6 {
	width: 298px;
}
.AccessTableColor2 {
	background-color: #B3B3B3;
	color: #FFFFFF;
}
.AccessTableColor3 {
	background-color: #9FBBF5;
	color: #FFFFFF;
}
.AccessTableColor4 {
	background-color: #E4F1FE;
}
.AccessBusLink {
	color: #009DE6;
	text-decoration: underline;
}
.AccessBusLink:hover {
	color: #009DE6;
}
.AccessBusLink:visited {
	color: #009DE6;
}
.AccessSubTitle2 {
	width: 680px;
	height: 30px;
	line-height: 30px;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px;
	background-color: #E69F23;
	color: #FFFFFF;
}
.BusTable2 table {
	width: 690px;
	border: 1px solid #C8C8C8;
	margin: 8px 0px 20px 0px;
}
.BusTable2 table th {
	text-align: center;
	font-size: 100%;
	border: 1px solid #C8C8C8;
	height: 30px;
}
.BusTable2 table td {
	font-size: 100%;
	border: 1px solid #C8C8C8;
	height: 30px;
}
.AccessTableWidth7 {
	width: 527px;
}
.AccessTableWidth8 {
	width: 163px;
}
.AccessTableWidth9 {
	width: 385px;
}
.AccessTableWidth10 {
	width: 61px;
}
.AccessTableWidth11 {
	width: 81px;
}
.AccessTableText1 {
	padding-left: 10px;
}
.AccessTableText2 {
	text-align: center;
}
.AccessTramLink a {
	color: #009DE6;
	text-decoration: underline;
}
.AccessTramLink a:hover {
	color: #009DE6;
}
.AccessTramLink a:visited {
	color: #009DE6;
}
#AccessTimeTable {
	border-bottom: 1px solid #B3B3B3;
	margin: 0px 0px 8px 0px;
}
/*Parking Map*/
.ParkingMapTitle {
	margin-bottom: 10px;
}
.ParkingMapTitle h3 {
	margin: 0px;
	padding: 0px;
}
.ParkingMapTitleLogo {
	float: left;
}
.ParkingMaptoAccess {
	float: right;
	height: 28px;
	margin: 7px 0px 8px 0px;
}
.MainContents p {
	margin: 10px 0px 5px 0px;
}
.ParkingMapTable table {
	width: 690px;
	border: 1px solid #C8C8C8;
	margin: 8px 0px;
}
.ParkingMapTable table td {
	padding-left: 10px;
	font-size: 100%;
	border: 1px solid #C8C8C8;
	height: 30px;
}
.ParkingMapTableWidth1 {
	width: 228px;
}
.ParkingMapTableWidth2 {
	width: 462px;
}
.ParkingMapTableColor {
	background-color: #9FBBF5;
	color: #FFFFFF;
}


.framearea {
	padding: 19px;
	width: 650px;
	border: 1px solid #C0C0C0;
}


.MapCode {
	display: block;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #86B9E7;
}


