body { font-family:メイリオ, "ヒラギノ角ゴ Pro W3", sans-serif; background-color: #e5e5e1; margin-top: 0; }

#wrap { background-color: white; position: relative; width:960px; margin:0 auto;  }
 
header { color: gray; height: 30px; margin-top: 0; }
 
#menu { position: relative; top: 0; height: 50px; z-index: 1; clear: both; margin: 0; padding: 0; list-style: none; }
#menu li{ float: left; margin: 0; padding: 0; }
#menu li a{ display: block; border-left: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid white; background-color: #454545; text-decoration: none; color: white; width: 159px; margin: 0; text-align: center; font-size: 14px; line-height: 48px; height: 50px; padding: 0; border-right-color: white; }
#menu li a.haji{ display: block; border-left: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid white; background-color: navy; text-decoration: none; color: white; width: 159px; margin: 0; text-align: center; font-size: 14px; line-height: 48px; height: 50px; padding: 0; border-right-color: white; }
#menu li:hover > a{ color: black; background-color: #ccf; margin: 0; padding: 0; }
#sidenavi { position: relative; top: 0; float:left; width:180px; height:auto; z-index: 100;  margin:30px 10px 10px 0; padding: 0; list-style: none; }

#sidenavi li{ position: relative; top: 0%; width: 100%; margin: 0; padding: 0; text-align: center; }
#sidenavi li a{ display: block; background-color: gray; text-decoration: none; color: black; margin: 0; font-size: 14px; line-height: 40px; width: 180px; height: 40px; padding: 0; border-top: 1px solid white; border-right: 1px solid white; border-left: 1px solid white; border-bottom-color: white; border-bottom-width: 1px; }
#sidenavi li a.dark { color: white; font-size: 14px; line-height: 40px; text-decoration: none; background-color: #404040; display: block; margin: 0; padding: 0; width: 180px; height: 40px; border-top: 1px solid white; border-right: 1px solid white; border-bottom-width: 1px; border-bottom-color: white; border-left: 1px solid white; }
#sidenavi li ul {list-style: none; position: absolute; top:0; left: 100%; width: 180px; margin: 0; padding: 0; }
#sidenavi li ul li {overflow: hidden; width: 100%; height: 0;}
#sidenavi li ul li a { font-size:12px; text-align: center; border-right-style: none; }
#sidenavi li:hover > a { color: black; background-color: #ccf; margin: 0; padding: 0; }
#sidenavi li:hover ul li { overflow: visible; height: 40px; }
#contents { position: relative; top: 0; float:left; width:770px; height:auto; z-index: 3; margin:30px 0 10px; padding-bottom: 10px; }
#contents2 { position: relative; top: 0; margin: 30px 0 10px; width: 960px; height: auto; z-index: 4; padding-bottom: 10px; }
footer { position: relative; z-index: 6; clear:both; border-top: 2px outset blue; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
 }
 
.h2 { font-size: large; margin-top: 0; padding: 10px; }
.h3 { font-size: small;  padding-right: 20px; padding-left: 20px; }
.h4 { font-size: medium; padding: 5px; border-bottom: 2px solid #454545; }
.waku { margin: 0; padding: 10px; border: solid 1px gray; }
.waku2 { margin: 0; padding: 5px; border: solid 1px gray; }
.waku3 { margin: 0; padding: 5px; border-color: gray; border-style: solid; border-width: 1px 1px 1px 3px; }
.waku4 { margin: 0; padding: 10px; border: solid 1px #9ea8f0; }
.title1 { background-color: #9ea8f0; text-align: center; width: 200px; margin: 0; padding: 10px 5px; }
.title2 { width: 570px; margin: 0; padding: 10px 5px; }
td.td1 { border-bottom: 1px solid gray; }
table { margin: 0; padding: 0; }
.blue { background-color: #7a89f4; }
.blue2 { background-color: #9ea8f0; }
.gray { background-color: #c0c0c0; }
.green { background-color: #0c0; }
.green2 { background-color: #a3f79d; }
.pink { background-color: #f69; }
.sky { background-image: url(sozai/bluesky.jpg);}

.ggmap { position: relative; width: 600px; padding-bottom: 56.25%; padding-top: 30px; height: 600px; overflow: hidden; }
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 10px;
left: 30px;
}


.h5 { font-size: medium; padding: 0 5px 0; border-bottom: 2px solid #454545; }
.line { border-bottom: thin solid silver; }
.fcb { color: #7a89f4; }

p.question { color: white; background-color: gray; margin: 1px; padding: 10px; cursor: pointer; }
p.question:hover { color: black; background-color: #ccf; }
p.answer {
        display: none;
        background: white;
        margin-left: 1em;
        padding: 10px;
}
.line2 { border-bottom: medium double gray; }

dl.recent dt {
  clear: left;
  float: left;
  width: 180px;
}

dl.recent dd {
  margin-left: 180px;
  margin-bottom: 10px;
}
.news { font-size: 11px; background-color: #b4fead; padding: 3px 2px 4px; border-color: #0c0; border-width: 1px; }
.show { font-size: 11px; background-color: #ffff80; padding: 3px 8px 4px; border-color: orange; border-width: 1px; }
.new { color: white; font-size: 11px; font-weight: bold; background-color: red; padding: 3px 8px 4px; border-color: orange; border-width: 1px; }
.shadow {text-shadow: 5px 5px 2px #999999; }
.h5 { font-size: medium; padding: 5px; }