@charset "UTF-8"

@-ms-viwport {width: device-width:}

body {margin: 0; background: #000000;
      font-family: '教科書ICA M','Kyoukasho ICA Medium','メイリオ','Hiragino Kaku Gothic Pro',sans-serif;}

.footer {
      padding-right: 30px;
      text-align: right;
      vertical-align: bottom;
      color: #333333;
      font-size: 12px;}

.setumei {
      text-align: right;
      color: #ffd700;
      font-size: 12px;}

/* ----------------------------------------------------- */
/* ナビバー */

HEADER {
      height: 45px;}

/* ----------------------------------------------------- */
/* トピック */

.newsmenu{
      width: 90%;  
      margin: 0 auto 30px;  
      padding: 0;
      background: #ffffff;}

.newsmenu H3 {
      text-align: center;
      font-size: 14px;
      color: #ffffff;
      background: #008080;}

.newsmenu H2 {
      text-align: center;
      font-size: 14px;
      color: #ffffff;
      background: #006400;}

.newsmenu pre {
      padding-top: 0;
      padding-bottom: 10px;
      height: 150px;
      line-height: 1.5;
      font-size: 12px;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: top;}

/* ----------------------------------------------------- */
/* ドロップダウンメニュー */


.navbar-nav {  
  *zoom: 1;  
  list-style-type: none;  
  width: 850px;  
  margin: 30px auto 5px;  
  padding: 0;  
}  

.navbar-nav:before, .navbar-nav:after{  
  content: "";  
  display: table;  
}  

.navbar-nav:after{  
  clear: both;  
}  

.navbar-nav li{  
  position: relative;  
  width: 15%;  
  float: left;  
  margin: 0;  
  padding: 0;  
  text-align: center;  
}  

.navbar-nav li a{  
  display: block;  
  margin: 0;  
  padding: 8px 0 8px;  
  background: #000000;  
  color: #fff;  
  font-size: 14px;  
  line-height: 1;  
  text-decoration: none;  
}  

.navbar-nav li ul{  
  display: block;  
  list-style: none;  
  position: absolute;  
  z-index: 9999;  
  top: 100%;  
  left: 0;  
  margin: 0;  
  padding: 0; }  

.navbar-nav li ul li{  
  width: 100%; }  

.navbar-nav li ul li a{  
  padding: 13px 15px;  
  border-top: 1px solid #9999cc;  
  background: #666666;  
  text-align: left;}  

.navbar-nav li:hover > a{  
   background: #666666;}  

.navbar-nav li a:hover{  
   background: #999999; } 


#fadein li ul{
  width: 140%;
   opacity: 0;
   top: 50%;
   visibility: hidden;
   transition: .5s;}

#fadein li:hover ul{
  width: 140%;
   top: 100%;
   visibility: visible;
   opacity: 1;}

#search_f { 
 width: 150px;
}

/* ----------------------------------------------------- */
/* カルーセル */
.carousel     {margin: -4px 0 5px 0;  text-align: center;}

.carousel-caption    {left: 15%; bottom: 40px; text-align: left;}

.carousel-caption h3 {font-siza: 42px;}

@media(max-width: 680px){
   .carousel-inner>.item>img {min-width: 500px;}
   .carousel-control {width: 20px;}
   .carousel-caption {bottom: 0;}
   .carousel-indicators {bottom: 0;}
   .carousel-caption h3 {font-siza: 20px;}
   .carousel-caption p {font-siza: 12px;}
} /* @media */


/* ----------------------------------------------------- */
/* 丸いアイコン */
.button {
      display: inline-block; 
      width: 100px;
      height: 100px;
      margin: 20px 15px 30px 15px;
      padding: 10px 20px 0 20px;
      color: #fff;
      font-size: 12px;
      text-decoration: none;
      background: #888;
      border-radius: 50px;
      vertical-align: bottom;
}

.button:hover,
.button:focus {
      text-decoration: none;
      outline: none;
      background: #ccc;}

.button p{
      font-size: 12px;
      padding: 0 0 0 0;
      text-align: center;
      color: #fff;}

.fa_icon {
      color: white;
      margin-top: 5px;}

.fa_icon_1 {
      color: white;
      margin: 5px 0 0 10px;}

/* ----------------------------------------------------- */
/* 地図メニュー */

.mapmenu H1{ 
  display: block;  
  margin: 0;  
  padding: 8px;  
  background: #666;  
  color: #000;  
  font-size: 16px;  
  line-height: 1;  
  text-decoration: none;  

}

.mapmenu li a{
  padding: 8px 0 8px;
  color: #999;  
  font-size: 14px;
  text-decoration: none;
}  

.mapmenu ul{  
  list-style: none;
  top: 100%;  
  left: 0;  
  margin: 0;  
  padding: 0; }  


.mapmenu li a:hover{  
   color: #fff; } 

.map_img {
      text-align: center;}

/* ----------------------------------------------------- */