@charset "utf-8";

header div.headerWrapper {
	position: 			relative;
	width:			  	960px;
	margin:			  	0px auto;
	text-align:			justify;
	text-justify:		inter-ideograph;
}

header div.headerWrapper div.headerTop {
  height:         120px;
}
header div.headerWrapper div.headerTop h1 {
  position:       absolute;
  top:            10px;
  left:           0;
}
header div.headerWrapper div.headerTop p {
  position:       absolute;
  top:            0;
  right:            0;
  width:          500px;
  height:         80px;
	background:     url('../img/ihinseiri_himeji.png') no-repeat 0px 0px;
  text-indent:    -9999px;
}

header div.headerWrapper div.headerTop nav ul.subNav {
  position:       absolute;
  top:            80px;
  right:          0;
}

header div.headerWrapper div.headerTop nav ul.subNav li {
  float:          left;
}

header div.headerWrapper div.headerTop nav ul.subNav li a {
	display:		block;
	height:			25px;
	text-indent:  -9999px;
	background:		url('../img/subNav.png') no-repeat 0px 0px;
}

header div.headerWrapper div.headerTop nav ul.subNav li:nth-of-type(1) a {
  width:94px;
  background-position:  0px 0px;
}
header div.headerWrapper div.headerTop nav ul.subNav li:nth-of-type(1) a:hover {
  background-position:  0px -25px;
}

header div.headerWrapper div.headerTop nav ul.subNav li:nth-of-type(2) a {
  width:158px;
  background-position:  -94px 0px;
}
header div.headerWrapper div.headerTop nav ul.subNav li:nth-of-type(2) a:hover {
  background-position:  -94px -25px;
}

header div.headerWrapper div.headerTop nav ul.subNav li:nth-of-type(3) a {
  width:128px;
  background-position:  -252px 0px;
}
header div.headerWrapper div.headerTop nav ul.subNav li:nth-of-type(3) a:hover {
  background-position:  -252px -25px;
}


header div.headerWrapper div.headerBottom {
  height:         40px;
}

header div.headerWrapper div.headerBottom nav ul.globalNav li a {
  font-size:  18px;
	display:		block;
	height:			25px;
	float:      left;
	margin:     0 20px 0 0;
}

header div.headerWrapper div.headerBottom nav ul.globalNav li a:before {
  content: "»";
}

@media screen and (max-width: 960px) {
  header div.headerWrapper {
  	position: 			relative;
  	width:			  	320px;
  	margin:			  	0px auto;
  }

  header div.headerWrapper div.headerTop {
    height:         150px;
  }
  header div.headerWrapper div.headerTop h1 {
    position:       absolute;
    top:            0px;
    left:           0;
    width:          320px;
  }
  header div.headerWrapper div.headerTop h1 img{
    position:       absolute;
    top:            0px;
    left:           0;
    width:          320px;
  }
  header div.headerWrapper div.headerTop p {
    position:       absolute;
    top:            100px;
    width:          320px;
  	background:     url('../img/ihinseiri_himeji.png') no-repeat 0px 0px;
  	background-size:contain;
    text-indent:    -9999px;
  }
  header div.headerWrapper div.headerTop nav ul.subNav {
    display:        none;
  }


  header div.headerWrapper div.headerBottom {
    height:         120px;
  }

  header div.headerWrapper div.headerBottom nav ul.globalNav li a {
    font-size:  16px;
  	display:		block;
  	float:      none;
  	margin:     5px;
  	padding:    10px 0 0 10px;
    position: relative;
    background-color: #75c438;
    border-radius: 4px;
    color: #ffffff;
    line-height: 1;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #459418;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  }

}