@charset "utf-8";

html,div,p,li,dl,dt,dd,blockquote,td,form { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-style:normal;font-weight:bold;}
/* ol,ul {  margin:0;padding:0;list-style:none;} */
ol,ul {  margin:10;padding:10;}
a {text-decoration:none;}
h1 { text-align: center; }
#body { font-family: "メイリオ"; background-color: #ffffff; background-image: url(wall14.gif); }
#head { margin: auto; text-align: center; font-size: x-large; font-weight: bold; color: #630031 }
#main { margin: auto; width: 80% }
#footer { text-align: center; margin-top: 20px; }
img { margin-top: 20px; }

#hoge { margin-top: 20px; margin-left: auto; margin-right: auto; width: 80%; }
/* #outerframe{margin-left:auto;margin-right:auto;text-align:left;width:800px;} */
#outerframe{margin-left:auto;margin-right:auto;text-align:left;width:80%;}
#header{font-size:20px;line-height:1.4em;font-weight:bold;color:#505050;margin-left:30px;}
#factitle{margin-bottom:10px}
/* #container {width:1030px;height:700px;}  // Total Frame 地図とリストの全体の枠 */
#container {width:100%;height:1180px;}  /* // Total Frame 地図とリストの全体の枠 */
#container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* #mapframe {overflow: auto; width: 800px;height:600px;float:none;border: none;background-color:#dddddd;} // 501px Map Frame; blue dddddd */
#map_canvas {width: 100%; height: 720px; font-size:10px;}
#mapframe {overflow: visible; width: 100%;height:720px;float:none;border: none;background-color:#dddddd;} /*  // 501px Map Frame; blue dddddd */
/* #sidebar{overflow: scroll; width: 220px; height:480px; float:none;padding:10px; background-color:#ffffff; border:1px solid black;}*/ /* // リストボックスの規定　元1px */
#sidebar{overflow-x: hidden; width: 100%; height:680px; float:none; padding:0%; background-color:#f5f5f5; border: none;} /* // リストボックスの規定　元1px */

/* #faciname{width:200px;text-align:left;padding:10px;text-decoration:none;}*/ /* // 170px */
#faciname{width:100%;text-align:left; padding:4%;text-decoration:none;} /* // 170px */
#faciname a{text-decoration:none;}
#faciname a:visited{color:blue;}
/* #faciname a:hover{color:blue;} 2019.12.15 */
#faciname a:hover{color:red;} 

/* #footer { text-align: center; margin-top: 240px;} */

@media screen and (min-width: 960px) { 
#map_canvas {width: 100%; height: 780px;}
#mapframe {overflow: visible; width: 72% /* 74% */;height:780px;float:left;border: none;background-color:#dddddd;} /*  // 501px Map Frame; blue dddddd */
#sidebar{float:left; width: 24% /* 22% */; height:780px; padding-right: 2%; }
#container {width:100%;height:780px;}  /* // Total Frame 地図とリストの全体の枠 */
/* #footer { text-align: center; margin-top: 40px;} */
}