:root{
	--color-tajima: #5ab4c8;
	--color-tanba: #b4c828;
	--color-harima: #a0c8dc;
	--color-hansin: #fac85a;
	--color-kobe: #f08c3c;
	--color-awaji: #b47878;
}

.title{
	width:100%;
	margin:auto;
	padding-top:0.6em;
	padding-bottom:0.6em;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	background-color:#cfcfcf;
}

.sub_title{
	width:100%;
	margin:auto;
	padding-top:0.4em;
	padding-bottom:0.4em;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	background-color:#e0e0e0;
}

#map{
	width:100%;
	margin:auto;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
}

#local{
	width:100%;
    position: relative;
}

#areas{
    position:absolute;
    width:280px;
    height:65px;
    right: 0;
    left: 0;
    margin: auto;
}

th { height: 20px; }

td.area{
	text-align:center;
	border:solid 1px white;
}

td.city_town{
	padding-left:0.5em;
}

a {
	text-decoration:none;
	display:block; width:100%; height:100%;
	cursor:pointer;
}

.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
  -moz-animation:blink 1.5s ease-in-out infinite alternate;
  animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}