@charset "UTF-8";

/* header
--------------------------------- */
header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9998; }
@media screen and (orientation:landscape) {
    header {
        width: 100%;
    }
}
.headerInner {
  width: 100%;
  height: 50px;
  border: solid 5px #ffffff;
  margin: 0 auto;
  background: #d5c100;
  position: relative;
  box-sizing:border-box; }
  .headerInner #logo01 {
    width: 58px;
    height: 40px;
    position: absolute;
    top: 0px; }
    .headerInner #logo01 img{
    width: 58px;
    height: 40px;}
  .headerInner #menuOpen {
    width: 26px;
    height: 30px;
    background: url(../common/img/btn_menuOpen01.png) no-repeat left top;
    background-size:26px 30px;
    position: absolute;
    top: 7px;
    right: 20px; }
  .headerInner .active {
    background: url(../common/img/btn_menuClose1.png) no-repeat left top !important;
    background-size: 26px 30px !important; }
	#logo01 a:hover{
	opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity:1;              /* Safari 1.x */
	}


 .headerInner #logo02 {
    width: 58px;
    height: 40px;
    position: absolute;
    top: 0px;
    left:58px; }
    .headerInner #logo02 img{
    width: 58px;
    height: 40px;}
	#logo02 a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity:0.8;              /* Safari 1.x */
	}
/* menu
--------------------------------- */
#menuArea {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50px;
  left: 0px;
  z-index: 9996;
  display:none; }

#gNavi {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden; }
  #gNavi ul {
    background: #d5c460; }
    #gNavi ul li {
      width:100%;
      border-bottom: solid 3px #ffffff;
      line-height: 0; }
      #gNavi ul li a {
      }
      #gNavi ul li img{
      width:100%;
      }
    #gNavi ul li.top {}
    #gNavi ul li.bottom {
      border-bottom: solid 3px #ffffff; }
	#gNavi ul li.bottom p {
	  float:left;
	  width:50%;
	  line-height:0;
	  box-sizing:border-box;
	}
	#gNavi ul li.bottom p:first-child {
	  border-right: solid 3px #ffffff;
	}



/* container
--------------------------------- */
#container {
  width: 100%;
  margin: 0 auto 0;
  position: relative;
  padding-bottom: 5px; }



/* footer
--------------------------------- */
footer {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  z-index: 900; }
  footer nav#footerNavi02 ul {
  margin-bottom: 10px;
}
footer p img {
	width:100%;
}
footer nav#footerNavi02 ul li {
      border-bottom: solid 3px #ffffff;
}
      
footer nav#footerNavi02 ul li img{
    width:100%;
}
  footer small {
    padding: 9px 0;
    display: block;
    clear: both;
    font-size:12px;
}

/* clearfix
------------------------------ */
.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout)
 -------------------------------------------*/
.clearfix {
  zoom: 1; }