#box2, #border{display: none;}

#box1{width: 76%;}

h1{background-color: #ffe8cc;margin: 0.5em 0px 1.0em 0px;padding: 5px 0px 5px 0px;width: 56%;}

.picture1{height: auto;margin-bottom: 0.4em;width: 56%;}
.picture_map1{height: auto;margin-top: 3.0em;width: 42%;}

.explain{font-size: 20px;margin-left: 0px;text-align: left;width: 56%;}

.center{font-size: 25px;padding-bottom: 4%;text-align: center;}

.center, #center_horizon, .course{font-weight: bold;margin-left: 0px;}

#center_horizon{text-align: center;}

#sign{background-color: #55524f;color: white;padding: 2px 4px 2px 4px;}
#plate{background-color: #0080ff;color: white;font-weight: bold;padding: 2px 6px 2px 6px;}

.course{font-size: 25px;font-weight: bold;padding-bottom: 3.0em;padding-left: 5%;padding-top: 1.0em;text-align: left;width: 56%;}

.courseA:visited, .course A:link{color:#000000 ; display: block; text-decoration:under-line; width: 100%;}
.course A:active{color:#ff0000 ;  text-decoration:under-line;}
.course A:hover {color:#00ffff ;  text-decoration:under-line;}

.title{background-color: #ff80c0;color: white;font-size: 25px;font-weight: bold;margin: 3.0em 0px 2.5em 0px;padding: 4px 0px 4px 6px;text-align: left;width: 80%;}



.horizon{margin: 3em 0px 3em 0px ;width: 100%;}

#qr_code{margin-top: 6.0em;height: auto;width: 30%;}

.red{color: red;}

#close{font-size: 25px;font-weight: bold;margin: 3.5em 0px 3.5em 0px;}

#top{
background: rgba(204,204,204,0.5);
border: 1px solid #999999;
font-weight: bold;
padding: 5px;
width: 10%;
height: auto;
position: fixed;
padding: 3px;
bottom: 2%;
right: 1%;
text-align: center;
display: block;}
#close  A:link {color:#000000 ; display: block; text-decoration:under-line; width: 100%;}
#close A:visited, #top A:link, #top A:visited, #course A:link, #course A:visited{color:#000000 ; text-decoration:under-line;}
#top A:active, #course A:active, #close A:active{color:#ff0000 ;  text-decoration:under-line;}
#top A:hover, #course A:hover, #close A:hover {color:#00ffff ;  text-decoration:under-line;}