@charset "utf-8";
/* CSS Document */

/* ナビ用のCSS */
 #gnavi ul{
       display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

ul.menu {
  position: relative;
  display: inline-block;
  list-style: none;
  font-size: 12px;
  line-height: 30px;
  width:100%;
  height: 47px;
  color: #000000;
  background: #fff;
  border: #aaaaaa 0px solid;
  margin: 0;
  padding: 0;
  z-index: 21000;
}
ul.menu li {
  text-align:left;
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 30px;
  white-space: nowrap;
  float: left;
  color: #000000;
  background: #039;
  border: none;
  margin: 0;
  padding: 0;
}

ul.menu li.me_ou {
  text-align:left;
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 30px;
  white-space: nowrap;
  float: left;
  color: #000000;
  background: #039;
  border: none;
  margin: 0;
  padding: 0;
}


ul.menu a {
  text-align:left;
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
  line-height: 30px;
  color: #000000;
  background: #fff;
  padding: 0px 0px;
}
ul.menu a:visited {
  color: #000000;
  background: #fff;
}

ul.menu ul {
  position: relative;
  display: none;
  list-style: none;
  height: 30px;
  color: #000000;
  background: #fff;
  border-top: #aaaaaa 0px solid;
  margin: 0;
  padding: 0;
}

ul.menu > li {
  border-right: #aaaaaa 0px solid;
  width:auto;
}
ul.menu > li li {
  clear: left;
  border: #ebebeb 0px solid;
  border-top: none;
  width:140px;
}
ul.menu > li li a {
  background: #fff;
  padding: 0px 0px;
  width:140px;
}


ul.menu li:hover > a {
  color:#C30;
  background:#f0f8ff;
  width:auto;
}
ul.menu li:hover > ul {
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 0px;
  width:140px;
}
ul.menu li a:hover {
  color:#C30;
  background:#f0f8ff;
  width:auto;
}
ul.menu li ul li a:hover {
  color:#C30;
  background:#f0f8ff;
  width:140px;
  padding-left:4px;
  background-image:url(https://www.rakuten.ne.jp/gold/elecom/navi/new_navi/navi_bu.gif);
  background-repeat:no-repeat;
}



ul.menu li.me_ou ul li a:hover {
  color:#C30;
  background:#f0f8ff;
  width:140px;
  padding-left:4px;
  background-image:url(https://www.rakuten.ne.jp/gold/elecom/navi/new_navi/navi_re.gif);
  background-repeat:no-repeat;
}

ul.menu li li:hover ul {
  background:#f0f8ff;
  top: 0px;
  left: 100%;
  width:140px;
}
ul.menu li a:hover img{
opacity:0.60;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
-moz-opacity:0.50;

}

ul.menu li:hover > ul#gm_out {
  display: inline-block;
  position: absolute;
  top: 100%;
  left: -70px;
  width:130px;
}

ul.menu li:hover > ul#gm_lf1 {
  display: inline-block;
  position: absolute;
  top: 100%;
  left: -70px;
  width:130px;
}
ul.menu li:hover > ul#gm_lf2 {
  display: inline-block;
  position: absolute;
  top: 100%;
  left: -85px;
  width:130px;
}

/*----20181226 新ナビ-----*/

#gnavi-wrap{
	width: 100%;
	display: block;
	background-color: #125a9e;
	}
#gnavi-content{
	width: 1200px;
	margin:0 auto;
	}
#gnavi {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 0px auto 0;
  background-color: #125a9e;
  vertical-align: bottom;
}
#gnavi > div {
  display: block;
  float: left;
  width: 12.4%;
border-right:1px solid #3c7fbf; 

}

#gnavi > div:last-child {
border-right:none; 

}
#gnavi > div:first-child {
  /*margin-right: 4%;*/
	}
	

#gnavi > div>a:after {
	content: " ";
    width: 12px;
    height: 6px;
    background: url(../images/sprite.png);
    background-position: 0px -793px;
    display: block;
    margin: 5px auto 5px auto;
    opacity: 0.8;
	
}
#gnavi > div > a:last-child:after {
background-image: none;
}

#gnavi > div > a {
  display: block;
  width: 100%;
  padding: 10px 0 3px;
  background: #125a9e;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
	    height: 66px;
}
#gnavi > div > a:hover {
	background-color:#3c7fbf; 
}
#gnavi > div > div {
  display: none;
  z-index: 9999;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0.5%;
  background: #fafafa;
  text-align: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: .3s;
}
	#gnavi>div em{display: block;
	font-style: normal;
	font-size: 10px;
	}
	
	#gnavi li {
    width: 19.5%;
    margin: 0 0px;
    border-bottom: 1px solid #dedede;
    margin: 0 0.5% 5px 0;
    background: #f6f6f6;
    line-height: 1.8em;
    text-align: left;
}
	#gnavi li:last-child{
		border-right:none;
			}
	#gnavi li span{
		/*display: block;
		width: 80px;
		height: 100px;
		background-size:auto;
		background-image: url(../images/sprite.png);
		margin: 0 auto;*/
		}
	#gnavi li em{
	display: block;
	font-style: normal;
	font-size: 14px;}
	
	#gnavi li a{
	display: block;
	padding: 0 0 0 3%;
	text-decoration: none;
		color: #125a9e;
	}
	#gnavi li a:hover{
	background: #5C6AA2;color: #fff;
	}
#gnavi li a{
    position: relative;
    display: block;
    padding: 0 16px 0 3% ;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
#gnavi li a:before,
#gnavi li a:after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
	#gnavi li a:after{
    right: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #039;
}
	#gnavi li span.gnavi01_01{ background-position: 0px 5px;}
	#gnavi li span.gnavi01_02{ background-position: -80px 5px;}
	#gnavi li span.gnavi01_03{ background-position: -160px 5px;}
	#gnavi li span.gnavi01_04{ background-position: -240px 5px;}
	#gnavi li span.gnavi01_05{ background-position: -320px 8px;}
	#gnavi li span.gnavi01_06{ background-position: -400px 10px;}
	#gnavi li span.gnavi01_07{ background-position: -480px 9px;}
	#gnavi li span.gnavi01_08{ background-position: -560px 8px;}
	#gnavi li span.gnavi01_09{ background-position: -640px 5px;}
	
	#gnavi li span.gnavi02_01{ background-position: 0px -84px;}
	#gnavi li span.gnavi02_02{ background-position: -80px -83px;}
	#gnavi li span.gnavi02_03{ background-position: -160px -82px;}
	#gnavi li span.gnavi02_04{ background-position: -240px -85px;}
	#gnavi li span.gnavi02_05{ background-position: -320px -82px;}
	#gnavi li span.gnavi02_06{ background-position: -400px -80px;}
	#gnavi li span.gnavi02_07{ background-position: -480px -83px;}
	#gnavi li span.gnavi02_08{ background-position: -560px -88px;}
	
	#gnavi li span.gnavi03_01{ background-position: 0px -175px;}
	#gnavi li span.gnavi03_02{ background-position: -80px -175px;}
	#gnavi li span.gnavi03_03{ background-position: -160px -175px;}
	#gnavi li span.gnavi03_04{ background-position: -240px -175px;}
	#gnavi li span.gnavi03_05{ background-position: -320px -175px;}
	#gnavi li span.gnavi03_06{ background-position: -400px -175px;}
	#gnavi li span.gnavi03_07{ background-position: -480px -175px;}
	#gnavi li span.gnavi03_08{ background-position: -560px -175px;}
	#gnavi li span.gnavi03_09{ background-position: -560px -175px;}
	#gnavi li span.gnavi03_10{ background-position: 0px -648px;}
	#gnavi li span.gnavi03_11{ background-position: -80px -648px;}
	#gnavi li span.gnavi03_12{ background-position: -160px -648px;}
	
	#gnavi li span.gnavi04_01{ background-position: 0px -263px;}
	#gnavi li span.gnavi04_02{ background-position: -80px -263px;}
	#gnavi li span.gnavi04_03{ background-position: -160px -260px;}
	#gnavi li span.gnavi04_04{ background-position: -240px -260px;}
	#gnavi li span.gnavi04_05{ background-position: -320px -263px;}
	#gnavi li span.gnavi04_06{ background-position: -400px -263px;}
	#gnavi li span.gnavi04_07{ background-position: -480px -268px;}
	#gnavi li span.gnavi04_08{ background-position: -560px -268px;}
	#gnavi li span.gnavi04_09{ background-position: -640px -268px;}
	
	#gnavi li span.gnavi05_01{ background-position: 0px -368px;}
	#gnavi li span.gnavi05_02{ background-position: -80px -368px;}
	#gnavi li span.gnavi05_03{ background-position: -160px -368px;}
	#gnavi li span.gnavi05_04{ background-position: -240px -368px;}
	#gnavi li span.gnavi05_05{ background-position: -320px -368px;}
	#gnavi li span.gnavi05_06{ background-position: -400px -368px;}
	#gnavi li span.gnavi05_07{ background-position: -480px -369px;}
	
	#gnavi li span.gnavi06_01{ background-position: 0px -460px;}
	#gnavi li span.gnavi06_02{ background-position: -80px -460px;}
	#gnavi li span.gnavi06_03{ background-position: -160px -460px;}
	#gnavi li span.gnavi06_04{ background-position: -240px -460px;}
	#gnavi li span.gnavi06_05{ background-position: -320px -460px;}
	#gnavi li span.gnavi06_06{ background-position: -400px -460px;}
	#gnavi li span.gnavi06_07{ background-position: -480px -460px;}
	#gnavi li span.gnavi06_08{ background-position: -560px -460px;}
	#gnavi li span.gnavi06_09{ background-position: -240px -647px;}/*加湿器*/
	#gnavi li span.gnavi06_10{ background-position: -320px -647px;}/*ゴルフ向け*/
	#gnavi li span.gnavi06_11{ background-position: -400px -647px;}/*ストレッチ*/


	#gnavi li span.gnavi07_01{ background-position: -480px -647px;}
	#gnavi li span.gnavi07_02{ background-position: -560px -647px;}
	#gnavi li span.gnavi07_03{ background-position: -640px -647px;}
	#gnavi li span.gnavi07_04{ background-position: -720px -647px;}
	/*#gnavi li span.gnavi07_05{ background-position: -320px -550px;}
	#gnavi li span.gnavi07_06{ background-position: -400px -550px;}
	#gnavi li span.gnavi07_07{ background-position: -480px -550px;}
	#gnavi li span.gnavi07_08{ background-position: -560px -550px;}*/