@charset "UTF-8";
header .menu{
	z-index:150;
	width:100%;
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #EEEEEE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* IE10+ */
	background: linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0 ); /* IE6-9 */
}

header .menu:after{
	content:"";
	display:block;
	clear:both;
}

header .menu a {
  float: left;
  display: block;
  text-decoration: none;
  color: #000;
  padding: 10px 0px;
}

header .menu a:hover {
  color: #222;
  opacity:1;
}

header .drop-down-menu h5{
	font-size:1em;
	font-weight:normal;
	padding: 10px 0 9px 0;
}

/*header .drop-down {
		width:100%;
  }*/

header .drop-down a {
  float: none;
  min-width: 90px;
}

header .menu a {
  display: block;
  padding: 10px 15px;
}

header .drop-down-menu {
  float: left;
  display: block;
}

/*header .menu-title {
  cursor: default;
  padding: 10px 15px;
}

header .info {
  margin: 20px 0;
  opacity: 0.5;
  font-size: 9px;
}
*/

header  .point {
	color: #bbb;
	font-size: 0.8em;
	padding-left: 1em;
}

/*header .info p { text-transform:uppercase; }*/

 .activate {
  display: none;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin: 0 0 0 -15px;
  opacity: 0;
}

.activate { 
   *width: 20%; /* IE7以下 */ 
   _width: 20%; /* IE6以下 */ 
} 
header .drop-down a { 
   *width: 20%; /* IE7以下 */ 
   _width: 20%; /* IE6以下 */ 
} 

header .drop-down a span{ 
   *width: 20%; /* IE7以下 */ 
   _width: 20%; /* IE6以下 */ 
} 

html.ie8 .activate { 
    width: 20%; /* IE8 */ 
}
html.ie8 header .drop-down a { 
    width: 20%; /* IE8 */ 
}
html.ie8 header .drop-down a span { 
    width: 20%; /* IE8 */ 
}

 @media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .activate { width: 20% } /* IE11 */
}



@media only screen and (min-width: 1024px) {

  .drop-down-menu:hover .drop-down {
    display: block;
  } 

  .drop-down {
    position: absolute;
  }

}

/*タブレット*/
@media only screen and (min-width: 600px) {
	
header .menu{
	border-top:1px solid #EEE;
}

  .drop-down-menu:hover .drop-down {
    display: block;
  } 

  .drop-down {
    position: absolute;
  }

  .activate {
    display: block;
  }
	
	
	
.menu>a, .drop-down-menu{
		width:20%;
}
/*
@-moz-document url-prefix() {
	header .drop-down {
		width:20%;
	}

@-moz-document url-prefix() {
	.activate {
		width:20%;
	}*/
}


@media only screen and (max-width: 599px) {

  body {
    padding: 0;
  }

  .info {
    padding: 0 15px;
  }

  .menu a, .drop-down-menu  {
    float: none;
		width:100%;
		box-sizing: border-box;
  }

  .activate {
    display: block;
  }

}


/* Skin */

.menu a, .drop-down-menu {
  
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #EEEEEE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* IE10+ */
	background: linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0 ); /* IE6-9 */
	border-left:1px solid #EEE;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #CCC;
	box-sizing: border-box;
}

.menu a:hover, .drop-down-menu:hover {
  background: #EEE;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDDDDD), color-stop(100%,#EEEEEE));
  background: -moz-linear-gradient(top, #DDDDDD 0%, #EEEEEE 100%);
}

.drop-down a {
  background: #DDD;
	font-size:0.85em;
}

.drop-down a:hover {
  background: #EEE;
}


@media only screen and (min-width: 1024px) {

/*  .first {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .last {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .drop-down .last {
    border-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
*/

	
header .menu{
	border-top:none;
}
.menu>a, .drop-down-menu {
	background:#FFF;
	border:none;
	background-image:url(../img/navi_bar.png);
	background-repeat:no-repeat;
	text-align:center;
}

.drop-down-menu .drop-down a{
		background-image:none;
	}
}

@media only screen and (min-width: 600px) {

  :checked ~ .menu-title {
    background: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#DDDDDD));
    background: -moz-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%);
  }
}

@media only screen and (max-width: 599px) {
  .menu  {
	background: #FFFFFF; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0 ); /* IE6-9 */
	border-left:1px solid #EEE;
	border-top:1px solid #EEE;
	border-right:1px solid #FFF;
	border-bottom:1px solid #CCC;
	box-sizing: border-box;
  }

  :checked ~ .menu-title {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0 ); /* IE6-9 */
	border-left:1px solid #EEE;
	border-top:1px solid #EEE;
	border-right:1px solid #FFF;
	border-bottom:1px solid #CCC;
	box-sizing: border-box;  }

  .menu a, .drop-down-menu {
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #EEEEEE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* IE10+ */
	background: linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0 ); /* IE6-9 */

  }

  .drop-down a {
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #DDDDDD 0%, #EEEEEE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DDDDDD), color-stop(100%, #EEEEEE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #DDDDDD 0%, #EEEEEE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #DDDDDD 0%, #EEEEEE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #DDDDDD 0%, #EEEEEE 100%); /* IE10+ */
	background: linear-gradient(top, #DDDDDD 0%, #EEEEEE 100%); /* W3C */
	border-top:1px solid #FFF;
	border-bottom:1px solid #BBB;
	box-sizing: border-box;
  }
	.menu a, .drop-down-menu{
		width:100%;
	}

}


/* IE */

.ie8 .drop-down-menu:hover .drop-down { display: block; } 
.ie8 .drop-down { position: absolute; }