@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  color: #333;
}
a { color: #006699; }
a:visited { color: #669999; }
a:hover {
  color: #0066CC;
  font-weight: bold;
  text-decoration: none;
}
a:hover img { opacity: 0.7 }
h1,h2,h3 {margin-top: 0;}
p {
  margin-top: 0;
  line-height: 1.6;
}
header {
  width: 980px;
  margin: 0 auto;
}
header h1 {
  float: left;
  margin: 12px 0 0px
}
#global_navi {
  width: 980px;
  clear: both;
  overflow: hidden;
  margin: 16px auto;
}
#global_navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#global_navi ul li {
  width: 195px;
  float: left;
  margin-right: 1px;
  text-align: center
}
#global_navi ul li a {
  display: block;
  padding: 16px;
  background-color: #99CCCC;
  color: #003399;
  text-decoration: none;
  transition: background-color 0.2s linear;
}
  #global_navi ul li.current a {
    background-color: #669999;
}
#global navi ul li a:hover {
  background-color: #669966;
}
#wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
#main {
  width: 980px;
  float: left;
}
#sidebar {
  width: 0px;
  float: right;
}
footer {
  background-color: #352b23;
  text-align: center;
}
footer #footer_nav {
  background-color: #efefef;
  padding: 10px 0
}
footer #footer_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer #footer_nav li {
  display: inline;
  border-left: solid 1px #aaa;
  margin-left: 8px;
  padding-left: 8px;
  font-size: smaller
}
footer #footer_nav li:last-child {
  border-right: solid 1px #aaa;
  padding: : 0 8px;
}
footer small {
  display: block;
  padding: 8px 0;
  color: #fff;
}
#breadcrumb {font-size: smaller; }
#breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#breadcrumb ol li { display: inline; }
#breadcrumb ol li::after {
  content: ">";
  padding-left: 7px;
}
#breadcrumb ol li:last-child::after { content: none; }
#main_visual {
  width: 465px;
  height: 443px;
  margin: 0 auto 70px;
}
#main_visual figcaption {
  text-align: center;
}
#news dl { overflow: hidden; }
#news dt {
  width: 8em;
  float: left;
  margin-bottom: 10px;
  clear: both;
}
#news dd {
  margin-left: 8em;
  margin-bottom: 10px;
}
#gallery {
  font-size: smaller;
  text-align: center;
  margin:20px 80px 20px 100px;
}
@media screen and (max-width : 767px){
  img {
    max-width: 100%;
  }
}