@charset "utf-8";
/* -----------------------------------------
access.css
/access/以下用css
----------------------------------------- */


/* 駐車場満空情報
----------------------------------------- */

body#PARKING_INFO #MapDate {
	display: inline-block;
	border-right: 3px solid #004898;
	border-bottom: 3px solid #004898;
	padding-right: 10px;
	margin: 0 0 10px 30px;
	font-size: 128.6%;
	color: #333;
}

body#PARKING_INFO #MapDate span {
	font-size: 155.6%;
	font-weight: bold;
	padding-right: 3px;
}

body#PARKING_INFO #ParkingMap {
	position: relative;
	width: 100%;
	max-width: 588px;
	margin: 0 auto;
}

body#PARKING_INFO #ParkingMap ul li {
	position: absolute;
}

body#PARKING_INFO #ParkingMark01 { position: absolute; left: 173px; top: 239px; }
body#PARKING_INFO #ParkingMark02 { position: absolute; left: 317px; top: 266px; }
body#PARKING_INFO #ParkingMark03 { position: absolute; left: 157px; top: 397px; }
body#PARKING_INFO #ParkingMark04 { position: absolute; left: 398px; top: 282px; }
body#PARKING_INFO #ParkingMark05 { position: absolute; left: 418px; top: 235px; }
body#PARKING_INFO #ParkingMark06 { position: absolute; left: 472px; top: 227px; }
body#PARKING_INFO #ParkingMark07 { position: absolute; left: 448px; top: 136px; }
body#PARKING_INFO #ParkingMark08 { position: absolute; left: 513px; top: 117px; }
body#PARKING_INFO #ParkingMark09 { position: absolute; left:  46px; top: 159px; }
body#PARKING_INFO #ParkingMapLabel { position: absolute; left: 251px; top: 394px; }


body#PARKING_INFO #ParkingInfo li {
	border-top: 1px solid #cfcfcf;
	padding: 15px 12px;
}

body#PARKING_INFO #ParkingInfo h3 {
	margin-bottom: 10px;
	font-size: 114.3%;
	font-weight: bold;
	line-height: 1.2;
	color: #333;
}

body#PARKING_INFO #ParkingInfo dl {
	padding-left: 40px;
	font-size: 92.9%;
	line-height: 1.7;
}

body#PARKING_INFO #ParkingInfo dl dt {
	clear: both;
	float: left;
	width: 6.5em;
}

body#PARKING_INFO #ParkingInfo dl dt span {
	letter-spacing: 1em;
}

body#PARKING_INFO #ParkingInfo dl dd {
	padding-left: 6.5em;
}

body#PARKING_INFO #ParkingInfo .note {
	padding-left: 40px;
	font-size: 92.9%;
	line-height: 1.7;
}

@media screen and (max-width: 588px) {
	
	body#PARKING_INFO #ParkingMap div {
		display: none;
	}
}

body#PARKING_INFO #ParkingNews li {
	list-style-type: none; /*disc;*/
	padding-left: 1em;
	text-indent: -0.9em;
}

body#PARKING_INFO #ParkingNews li:before {
	content: '';
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: #000000;
	position: relative;
	left: -5px;
	top: 1px;
}


/* 駐車場混雑予報
----------------------------------------- */

body#PARKING_P #CalendarTab {
	display: table;
	margin: 0 auto;
}

body#PARKING_P #CalendarTab li {
	display: table-cell;
	background: url(/common/img/bg_01.png) repeat-x left bottom;
	border-bottom: 3px solid #e2e2e2;
	width: 170px;
}

body#PARKING_P #CalendarTab li.current {
	border-bottom: 3px solid #004898;
}

body#PARKING_P #CalendarTab li a {
	display: block;
	border: 1px solid #e2e2e2;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	color: #333;
}

body#PARKING_P table.calendar {
	margin-bottom: 5px;
}

body#PARKING_P table.calendar th {
	border-bottom: 4px solid #e7e7e7;
	padding: 8px 0;
	font-size: 128.6%;
}

body#PARKING_P table.calendar td {
	padding: 4px 0 8px;
}

body#PARKING_P table.calendar td .icon {
	margin: 4px 0 3px;
}

body#PARKING_P table.calendar td .text {
	font-size: 85.7%;
}

body#PARKING_P table.calendar .sat .text,
body#PARKING_P table.calendar .sun .text {
	color: #333;
}

body#PARKING_P table.calendar td.oDate {
	background-color: #e3e3e3;
}

body#PARKING_P #messageBox {
	padding: 14px;
	border: 1px solid #cfcfcf;
}

body#PARKING_P dl.calendarIcon {
	display: table;
	width: 100%;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

body#PARKING_P dl.calendarIcon dt {
	display: table-cell;
	width: 70px;
	text-align: center;
}

body#PARKING_P dl.calendarIcon dd {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
	line-height: 1.5;
}


@media screen and (max-width: 560px) {
	
	body#PARKING_P table.calendar td {
		padding: 0 0 4px;
	}
	
	body#PARKING_P table.calendar td .icon {
		margin-top: 0;
	}
	
	body#PARKING_P table.calendar td .text {
		font-size: 71.4%;
	}
}