/* setteing */

div#subMenu{
position:absolute;
width:100%;
z-index:999;
margin-top:0px;
clear: both;
font-size:13px; line-height:1.5em;
}

div#subMenuInner{
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 6px 12px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 6px 12px 3px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 48%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 48%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 48%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 48%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 48%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  width:100%;
  margin-top:10px;
  clear:both;
  box-sizing: border-box;
  padding:10px;
}
#subMenu ul {
  float : left;
}
#subMenu ul li{
  color:#FFF;
  list-style:none;
}


.cf:before, .cf:after {
    content:"";
    display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */


div#subMenu:after {
  top:-15px;
  left: 7%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(64, 64, 64, 0);
  border-bottom-color: #d6d6d6;
  border-width: 12px;
  margin-left: -20px;
}



#subMenuInner {display : table; table-layout :fixed;}
#subMenuInner ul {
  display : table-cell;
  margin: 0 ;
  padding: 0 20px 0 20px;
}

#subMenuInner > ul > li> a {
  color:#333;
}
#subMenuInner > ul > li> a:hover {
  color:#0092cc;
}


#subMenuInner ul.olnk{
	margin:0;
	padding:10px;
	list-style:none;
}

#subMenuInner > hr{height: 15px; border: 0; box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.22); margin:-10px -10px 10px -10px;}

#subMenuInner .insub {width:1200px; padding:0 20px; box-sizing:border-box; margin:0 auto;}

#subMenuInner  .incate{ width:600px; font-size:13px; line-height:1.7em; display:table; float:left; margin:0 10px 20px 0;}
#subMenuInner  .incate ul {margin:0; padding:0 0 0 10px; width:280px;}
#subMenuInner  .incate ul.add {margin:0; padding:0 0 0 30px;}
#subMenuInner a{color:#333;}
#subMenuInner a:hover{ color:#0092cc;}
#subMenuInner .inossm{ display:table; float:left; margin:0 0 20px 20px; border:2px solid #ffb069; box-sizing:border-box; border-radius:10px;}
#subMenuInner .inossm a{color:#000000;}
#subMenuInner .inossm a:hover{color:#f27e00; text-decoration:underline;}
#subMenuInner .inossm > ul > li{ list-style-image: url('../images/list-sankaku.gif'); color:#000000; margin-left:15px; }

#subMenuInner .ossm{font-size:16px; line-height:1.5em; font-weight:bold; color:#ff8639; padding:0 0 2px 0; margin:0; letter-spacing:0.1em;}/*おすすめ商品　タイトル*/
#subMenuInner .subttl {margin:0 0 5px 0; padding:0 0 3px 0; border-bottom:2px solid #7f7f7f; font-weight:bold; font-size:16px;}/*カテゴリー　タイトル*/

.cate-select {background-color:#919191; color:#fff;}