/*
  jQuery MegaMenu Plugin
  Author: GeekTantra
  Author URI: http://www.geektantra.com
*/

ul.megamenu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}

ul.megamenu li.mm-item {
}

ul.megamenu li {
  margin: 0px;
  padding: 0px;
}

ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

/*マウスオフ時　特集/ブランド　*/
ul.megamenu li.tokushu a.mm-item-link:link, ul.megamenu li.tokushu a.mm-item-link:visited, ul.megamenu li.brand a.mm-item-link:link, ul.megamenu li.brand a.mm-item-link:visited {
  position: relative;
  display: inline-block;
  color: #333;
  background-color: #F7ECCF;
  padding: 7px 0 5px 23px;
  width: 187px;
  height:20px;
  text-decoration: none;
  z-index: 10;
  font-size: 14px;
  background-image: url('/img/usr/common/leftnav/leftnav_ttl_bg1.gif');
  background-repeat: no-repeat;
}


/*マウスオーバー時　特集/ブランド*/
ul.megamenu li.tokushu a.mm-item-link-hover:link, ul.megamenu li.tokushu a.mm-item-link-hover:visited, ul.megamenu li.brand a.mm-item-link-hover:link, ul.megamenu li.brand a.mm-item-link-hover:visited {
  color: #fff;
  background: #333;
  background-image: url('/img/usr/common/leftnav/leftnav_ttl_bg2.gif'); 
  background-repeat: no-repeat;
}

/*マウスオフ時 2　特集/ブランド　*/
ul.megamenu li.tokushu2 a.mm-item-link:link, ul.megamenu li.tokushu2 a.mm-item-link:visited, ul.megamenu li.brand2 a.mm-item-link:link, ul.megamenu li.brand2 a.mm-item-link:visited  {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 26px;
  text-indent: -9999px;
  z-index: 10;
  background-repeat: no-repeat;
  margin: 0 0 12px 9px;
}

ul.megamenu li.tokushu2 a.mm-item-link:link, ul.megamenu li.tokushu2 a.mm-item-link:visited{
  background-image: url('/img/usr/common/leftnav/leftnav_ttl2_bg1.gif');
}

ul.megamenu li.brand2 a.mm-item-link:link, ul.megamenu li.brand2 a.mm-item-link:visited  {
  background-image: url('/img/usr/common/leftnav/leftnav_ttlbrand2_bg1.gif');
}



/*マウスオーバー時 2*/
ul.megamenu li.tokushu2 a.mm-item-link-hover:link, ul.megamenu li.tokushu2 a.mm-item-link-hover:visited, ul.megamenu li.brand2 a.mm-item-link-hover:link, ul.megamenu li.brand2 a.mm-item-link-hover:visited {
  text-indent: -9999px;	
  background-repeat: no-repeat;
  margin: 0 0 12px 9px;  
}

ul.megamenu li.tokushu2 a.mm-item-link-hover:link, ul.megamenu li.tokushu2 a.mm-item-link-hover:visited {
  background-image: url('/img/usr/common/leftnav/leftnav_ttl2_bg2.gif');  
}

ul.megamenu li.brand2 a.mm-item-link-hover:link, ul.megamenu li.brand2 a.mm-item-link-hover:visited {
  background-image: url('/img/usr/common/leftnav/leftnav_ttlbrand2_bg2.gif'); 
}



ul.megamenu div.mm-item-content {
  background: #FFF;
  padding: 0px;
  position: absolute;
  border: 1px solid #777;
  z-index: 9;
}


/*リンクなしタイトル*/
#sidebox_leftnav h2 {
  position: relative;
  display: inline-block;
  color: #333;
  background-color: #F7ECCF;
  padding: 7px 0 5px 23px;
  width: 187px;
  height:20px;
  text-decoration: none;
  z-index: 10;
  font-size: 14px;
  background-image: url('/img/usr/common/leftnav/leftnav_ttl_bg_h2.gif');
  background-repeat: no-repeat;
}


/*左ナビスタイル*/
#sidebox_leftnavBox { border: 1px solid #F7ECCF; }
#sidebox_leftnavBox_bottom {
	border-left: 1px solid #F7ECCF;
	border-right: 1px solid #F7ECCF;
	border-bottom: 5px solid #F7ECCF;
	margin: 0 0 10px 0;
	}
#sidebox_leftnav { margin: 0 0 12px 0; border: }
#sidebox_leftnav li { padding: 0 10px; } 
#sidebox_leftnav li a {
border-bottom:1px dotted #EAE8D3;
color:#333;
display:block;
padding:10px 5px 10px 5px;
text-decoration:none;
position:relative;
}
#sidebox_leftnav li.bottom a {
border-bottom:none;
color:#333;
display:block;
padding:10px 5px 0 5px;
text-decoration:none;
position:relative;
}

#sidebox_leftnav li a:hover { text-decoration: underline;}

#windowBox { width: 740px; border: 4px solid #383838; padding: 15px 12px; margin: -31px 0 0 768px; z-index: 9999; }
#windowBox2 { width: 740px; border: 4px solid #383838; padding: 15px 12px; margin: -25px 0 0 768px; z-index: 9999; }
#windowBox a, #windowBox2 a  { color: #383838; }

#windowBox a:hover .boxtext , #windowBox2 a:hover .boxtext { text-decoration:underline; }

#windowBox ul, #windowBox2 ul { margin: 0 0 15px 0;}
#windowBox ul.bottom, #windowBox2 ul.bottom { margin: 0;}
#windowBox ul li, #windowBox2 ul li { padding: 0 0 5px 0;}
 
#windowBox h3, #windowBox2 h3 {
	background-image: url('/img/usr/common/leftnav/leftnavBox_aroow2.gif');
	background-repeat: no-repeat;
	background-position: left 6px;
	padding: 0 0 6px 13px;
	font-weight: bold;
	color: #333;
}

/*　特集で選ぶ　*/
#w_tokushu_tbl td{ vertical-align:top;}
#w_tokushu_tbl .windowBox01 { width: 270px; border-right: 1px solid #ccc;}
#w_tokushu_tbl .windowBox02 { width: 257px; border-right: 1px solid #ccc; padding: 0 0 0 12px;}
#w_tokushu_tbl .windowBox03 { width: 227px; padding: 0 0 0 12px;}

#w_tokushu_tbl .windowBox01 img { float: left; margin: 0 2px 12px 0; clear:both;}
#w_tokushu_tbl .windowBox01 .boxtext { width: 187px; float: right; padding: 13px 0 0 0;}
#w_tokushu_tbl .windowBox01 .boxtext span { color: #868686; font-size: 90%; }

/*　ブランドで選ぶ　*/
#w_brand_tbl td{ vertical-align:top;}
#w_brand_tbl .windowBox01 { width: 260px;border-right: 1px solid #ccc;}
#w_brand_tbl .windowBox02 { width: 190px; border-right: 1px solid #ccc; padding: 0 0 0 12px;}
#w_brand_tbl .windowBox03 { width: 190px; border-right: 1px solid #ccc; padding: 0 0 0 12px;}
#w_brand_tbl .windowBox04 { width: 177px; padding: 0 0 0 12px;}

#w_brand_tbl  .windowBox01 img { float: left; margin: 0 2px 20px 0; clear:both;}
#w_brand_tbl  .windowBox01 .boxtext { width: 142px; float: right; padding: 3px 0 0 0;}
#w_brand_tbl .windowBox01 .boxtext span { color: #868686; font-size: 90%; }

.chumoku_brand { text-align:center; margin: 5px 0 0 0; }
.chumoku_brand span { color: #868686; font-size: 90%; }
.chumoku_brand img { margin: 0 0 12px 0;}