@charset "utf-8";

/************* 基本レイアウト***************/
/* ブランディング　トップページスライドショー*/
#slideshow {
  position: relative;
  background: url("../img/header-bar.jpg") left top repeat-x  ,
         url("../img/header-bar.jpg") left bottom repeat-x  ;
  background-repeat: repeat-x;
  height:auto;
  background-color:#000;
}

footer{
  display:block;
  font-size: 80%;
  width: 100%;
  height:30px;
  background-color: #000;
  text-align:center;
  clear:both;
}
.layout-top {
  width: 100%;
  display:block;
  overflow: hidden;
}
.layout-top section{
  width:100%;
  height:auto;
  margin: 0 auto;
  display:block;
  margin-bottom:3%;
  background: url("../img/top-bg.gif") left bottom ;
  overflow:visible;
}
.layout-top section div{
  background-color: rgba(255,255,255,0.5);
}
.layout-top section h1{
    width:300px;
    height:150px;
    margin: 0 auto;
    display:block;
    background: url("../img/top-title-logo.gif") left bottom no-repeat;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

.layout-top section p{
  padding:1% 5% 8% 5%;
  font-weight: 500;
  height:auto;
  overflow:hidden;
  color:#000;
  }

  .layout-top2 {
    width: 100%;
    display:block;
    overflow: hidden;
  }
  .layout-top2 section{
    width: 90%;
    margin: 0 auto;
    display:block;
    margin-top:3%;
  }

  .layout-top2 section h2{
    margin: 0 auto;
    display:block;
    text-align: center;
    border-bottom: solid 3px #964000;
    font-size:120%;
  }
  .layout-top2 section p{
    padding:2% 5% 0 5%;
    font-weight: 500;
  }

/** 950px以上　**/
@media(min-width:950px){

  #slideshow {
    height:460px;
    padding-top:5px;
  }
  #slideshow img {
    width:950px;
    height:450px;
  }
  nav ul{
    display: inline-block;
    width: 950px;
  }
  nav li{
    text-align: center;
    float: left;
    padding-top:10px;
  }
  nav li:last-child{
    border-left-width:2px;
    border-right-width:2px;
  }
  nav li a {
    text-decoration:none;
    width: 100%
  }

  nav li a span {
    font-weight: 500;
    font-size: 70%;
    letter-spacing: 1px;
  }



  .layout-top {
    width: 100%;
  }
  .layout-top section{
    width:950px;
    height:450px;
  }
  .layout-top section div{
    height:150px;
  }
  .layout-top section h1{
      width:300px;
      height:150px;
  }

  .layout-top section p{
    padding:2% 5% 8% 5%;
    font-weight: 500;
    height:205px;
    background-color: rgba(255,255,255,0.5);
    }
  .layout-top2 section{
    width:950px;
    margin: 0 auto;
    display:block;
    margin-top:3%;
  }

  .layout-top2 section h2{
    font-size:150%;
    width:900px;
    margin: 0 auto;
    display:block;
    text-align: center;
    border-bottom: solid 3px #964000;
  }


}