/* header
------------------------------------------------------------------- */
#header_area {
  background-image: url(../../../common/images/bg_header.jpg);
  width: 100%;
  height: 137px;
  position: relative;
  z-index: 9999;
}
#header_area a { text-decoration:none; border-bottom-width:0;}
.header_block {
  width: 100%;
  max-width: 980px;
  height: 70px;
  margin: 0 auto;
  padding: 20px 0 10px;
  display:-webkit-box;
  display:-moz-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -webkit-flex-pack:justify;
  -moz-flex-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  justify-content:space-between;
}
.header_block ul {
  display:-webkit-box;
  display:-moz-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -webkit-flex-pack:justify;
  -moz-flex-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  justify-content:space-between;
}
.header_block ul li {
  width: auto;
  height: 35px;
  padding: 0 0 0 20px;
  list-style-type: none;
}
.header_block ul li a {
  width: auto;
  height: 35px;
  display: table-cell;
  vertical-align: middle;
  color: #8e0707;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 110%;
  text-decoration: none;
  list-style-type: none;
}
.chiisai {
  font-size: 90%;
}
#header_area nav {
  width: 100%;
  max-width: 980px;
  height: 65px;
  margin: 0 auto;
/*  background-image: url(../../../common/images/line.png);*/
  background-repeat: no-repeat;
  background-position: 0 10px;
}
.border01_box {
  width: 100%;
  height: 2px;
  line-height: 0em;
  background-image: url(../../../common/images/border01.gif);
  background-repeat: repeat-x;
}

/* dropmenu
------------------------------------------------------------------- */
#dropmenu {
  position: relative;
  list-style-type: none;
  width: 100%;
  max-width: 980px;
  height: 65px;
  margin: 0px auto 0px;
  padding: 0;
  display:table;
}
#dropmenu li {
  width: 33.33%;
  display:table-cell;
  margin: 0;
  padding: 0;
  height: 65px;
  text-align: center;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 139%;
  font-weight: bold;
  position: relative;
}
#dropmenu li a {
  width: 100%;
  height: 65px;
  line-height: 65px;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  color: #8e0707;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#dropmenu li a:hover {
  color: #FFF !important;
  background:-webkit-gradient(linear, left top, left bottom, from(#a92828), to(#851e1e));
  background:-webkit-linear-gradient(top, #a92828, #851e1e);
  background:-moz-linear-gradient(top, #a92828, #851e1e);
  background:-o-linear-gradient(top, #a92828, #851e1e);
  background:linear-gradient(to bottom, #a92828, #851e1e);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#dropmenu > li:hover{
	border-top: 1px solid #851e1e;
}
#dropmenu > li:hover a{
  background:-webkit-gradient(linear, left top, left bottom, from(#a92828), to(#851e1e));
	background:-webkit-gradient(linear, left top, left bottom,
		from(#a92828),
		color-stop(0.49, #b22222),
		color-stop(0.50, #8d1717),
		to(#851e1e));
  background:-webkit-linear-gradient(top, #a92828, #851e1e);
  background:-moz-linear-gradient(top, #a92828, #851e1e);
  background:-o-linear-gradient(top, #a92828, #851e1e);
  background:linear-gradient(to bottom, #a92828, #851e1e);
	border-top: 1px double ;
}


@media screen and (max-width:580px) {
	#header_area {
  	height: auto;
	}
	#header_area nav {
  	height: auto;
	}
	#dropmenu {
  	height: auto;
	}
	#dropmenu li {
	  width: 100%;
	  height: 35px;
	  font-size: 100%;
	  display:block;
	}
	#dropmenu li a {
	  width: 100%;
	  height: 35px;
	  line-height: 35px;
	}
	#dropmenu li a:hover {
		background:none;
	}
	#dropmenu > li:hover{
		background:none;
		border:0;
	}
	#dropmenu > li:hover a{
		color:#8e0707 !important;
		background:none;
		border:0;
	}
	#header_area .header_block ul {
		display:none;
	}
}