@charset "utf-8";

/* =========================================================
◆Link Style
========================================================= */

a:link    { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover   { color: #333; text-decoration: underline; }
a:active  { color: #333; text-decoration: none; }
a { outline:none; }

/* =========================================================
◆Wrap
========================================================= */
html { }
body { font-size:12px; color:#333;}
#Wrap { }
#WrapInner { }

/* =========================================================
◆Header
========================================================= */
header {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 10000; 
    width: 100%;
}/*20160224追記*/

.wrapper{
	    padding: 130px 0 0 0;
}/*20160206追記*/

/*NEWSヘッダー*/
#theme-from-news .wrapper{
    padding:0!important;
}
/*NEWSヘッダー*/
#theme-from-news .wrapper header{
    position: static;
    margin-bottom: 25px;
}

header { background:#693F23; min-width: 980px; }
header,
header a:link,
header a:visited,
header a:active{ color:#EACF94;}
header a:hover{ color:#FFF;}

header #headTop{background:#2D160D; padding:7px 0; font-size:83.3%; min-height:13px;}
.ie8 header #headTop{ font-size:90%;}
header #headTop ul{ width:980px; margin:0 auto; text-align:right;}
header #headTop ul li{ display:inline-block; margin-left:15px;}
header #headTop ul li.myPage a{ background:url(/shop/_shared/images/common/head_ico_001.jpg) left bottom no-repeat; padding-left:17px;}
header #headTop ul li.myPage a:hover{ background:url(/shop/_shared/images/common/head_ico_001_on.jpg) left bottom no-repeat;}
header #headTop ul li.favorite a{ background:url(/shop/_shared/images/common/head_ico_002.jpg) left top no-repeat; padding-left:18px;}
header #headTop ul li.favorite a:hover{ background:url(/shop/_shared/images/common/head_ico_002_on.jpg) left top no-repeat;}
header #headTop ul li.cart a{ background:url(/shop/_shared/images/common/head_ico_003.jpg) left top no-repeat; padding-left:18px;}
header #headTop ul li.cart a:hover{ background:url(/shop/_shared/images/common/head_ico_003_on.jpg) left top no-repeat;}

header #headTop ul li.rank01 a{ background: url(/shop/_shared/images/common/head_ico_rank_001.png) left top no-repeat; padding-left:18px;}
header #headTop ul li.rank02 a{ background: url(/shop/_shared/images/common/head_ico_rank_002.png) left top no-repeat; padding-left:18px;}
header #headTop ul li.rank03 a{ background: url(/shop/_shared/images/common/head_ico_rank_003.png) left top no-repeat; padding-left:18px;}
header #headTop ul li.rank04 a{ background: url(/shop/_shared/images/common/head_ico_rank_004.png) left top no-repeat; padding-left:18px;}
header #headTop ul li.rank05 a{ background: url(/shop/_shared/images/common/head_ico_rank_005.png) left top no-repeat; padding-left:25px;}

header #headMain{width:950px; margin:0 auto; display:table; padding:10px; position:relative;}
header #headMain nav,
header #headMain h1,
header #headMain #headR{ display:table-cell; vertical-align:top; }

header #headMain h1{ text-align:center; padding-left:55px;}

header #headMain nav { width:222px; padding-top:22px; line-height:0; zoom:1;}
header #headMain nav ul li{ float:left; display:block;}
header #headMain nav ul li img[width="50"]{  
      max-width: 50px;  
    } 
header #headMain nav ul li img[width="51"]{  
      max-width: 51px;  
    } 
header #headMain nav ul li img[width="76"]{  
      max-width: 76px;  
    } 
				
header #headMain nav ul li img[width="44"]{  
      max-width: 44px;  
    }  
header #headMain nav ul.bgLine{ background:url(/shop/_shared/images/common/line_gnav.jpg) left top no-repeat; padding-top:10px; margin-top:10px;}
header #headMain nav ul.bgLine li{ float:none;}

header #headR{ text-align:right; width:284px; padding-top:7px; /*position:relative;*/ zoom:1;}
header #headR div.search{ font-size:83.3%;}
.ie8 header #headR div.search{ font-size:90%;}
header #headR div.search.top{ padding-top:12px;}
header #headR ul.btnArea:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
header #headR ul.btnArea       { min-height: 1px; text-align:center; }
* html header #headR ul.btnArea { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
header #headR ul.btnArea { line-height:0; width:284px; position:absolute; right:0; bottom:25px; zoom:1;}
header #headR ul.btnArea > li{ float:left;}
header #headR ul.btnArea > li:first-child{ padding-right:10px; cursor:pointer;}
header #headR ul.btnArea > li img[width="134"]{ max-width:134px;}


header #headR div.search p{ position:relative; margin-bottom:10px;}
header #headR div.search input[type="text"]{ background:url(/shop/_shared/images/common/bt_head_search.gif) left center no-repeat; border:none; width:232px; height:30px; padding:0px 15px 0px 10px; font-size:112%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.ie8 header #headR div.search input[type="text"]{background:url(/shop/_shared/images/common/bt_head_search.gif) left top no-repeat; line-height:30px;}
header #headR div.search input[type="image"]{ position:absolute; right:5px; top:6px;}

header #headMain #onlineShopMenu{ width:540px; position:absolute; top:0px; right:0px; z-index:500; display:none; padding-top:40px;}
header #headR #onlineShopMenu .inner{
		position:relative;
		padding:17px;
		background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
		border:3px solid #e0ded5;
   -webkit-box-shadow: #b4b4b4 1px 1px 3px;
  -moz-box-shadow: #b4b4b4 1px 1px 3px;
		-ms-box-shadow:#b4b4b4 1px 1px 3px;
  box-shadow: #b4b4b4 1px 1px 3px;
		behavior: url(/_shared/js/PIE.htc);
		line-height:1;
		}
header #headR #onlineShopMenu .inner .arrow{ position:absolute; top:-27px; left:297px; zoom:1; z-index:5000;}

header #headR #onlineShopMenu .inner .onlineShopMenuNavTop{padding-left:10px; display:table; width:100%;  font-size:91.7%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
header #headR #onlineShopMenu .inner .onlineShopMenuNavTop li{ display:table-cell;  text-align:left; font-weight:bold; width:18%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

}
header #headR #onlineShopMenu .inner .onlineShopMenuNavTop li:nth-child(2){ width:25% !important;}
header #headR #onlineShopMenu .inner .onlineShopMenuNavTop a{	color:#2d160d;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
header #headR #onlineShopMenu .inner .brandListArea{  display:none;}
header #headR #onlineShopMenu .inner .brandListArea.hover{ display:block;}
header #headR #onlineShopMenu .inner .brandListArea ul{ display:block; float:right; width:40%; padding-left:20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
header #headR #onlineShopMenu .inner .brandListArea li{ display:block; padding:0 0 7px;  text-align:left; font-weight:normal;}
header #headR #onlineShopMenu .inner .brandListArea li a{ color:#693f23; font-size:83.3%; background:none; padding:0;}
.ie8 header #headR #onlineShopMenu .inner .brandListArea li a{font-size:90%;}

header #headR #onlineShopMenu .inner .brandListArea .imgArea{ float:left; width:284px; height:200px; border:1px solid #7a7772; background:url(/shop/_shared/images/common/nav_img_001.jpg) left top no-repeat; line-height:0; padding:0; margin:0;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num2{background:url(/shop/_shared/images/common/nav_img_002.jpg) left top no-repeat;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num3{background:url(/shop/_shared/images/common/nav_img_003.jpg) left top no-repeat;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num4{background:url(/shop/_shared/images/common/nav_img_004.jpg) left top no-repeat;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num5{background:url(/shop/_shared/images/common/nav_img_005.jpg) left top no-repeat;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num6{background:url(/shop/_shared/images/common/nav_img_006.jpg) left top no-repeat;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num7{background:url(/shop/_shared/images/common/nav_img_007.jpg) left top no-repeat;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num8{background:url(/shop/_shared/images/common/nav_img_008.jpg) left top no-repeat;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num9{background:url(/shop/_shared/images/common/nav_img_009.jpg) left top no-repeat;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num10{background:url(/shop/_shared/images/common/nav_img_010.jpg) left top no-repeat;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num11{background:url(/shop/_shared/images/common/nav_img_011.jpg) left top no-repeat;}
header #headR #onlineShopMenu .inner .brandListArea .imgArea.num12{background:url(/shop/_shared/images/common/nav_img_012.jpg) left top no-repeat;}

header #headR ul.btnArea li .tabs_hover div{border-top:1px solid #afa27d; padding-top:10px; margin-top:10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
header #headR ul.btnArea li .tabs_hover div#tab-1{ padding-left:102px;}
header #headR ul.btnArea li .tabs_hover div#tab-2{ padding-left:226px;}
header #headR ul.btnArea li .tabs_hover div#tab-3{ padding-left:320px;}
header #headR ul.btnArea li .tabs_hover div ul li{ display:block; padding:0 0 7px;  text-align:left; font-weight:normal;}
header #headR ul.btnArea li .tabs_hover div ul li a{color:#693f23; font-size:83.3%; background:none; padding:0;}
.ie8 header #headR ul.btnArea li .tabs_hover div ul li a { font-size:90%;}

/* =========================================================
◆Main
========================================================= */
#Main{ width:980px; margin:0 auto; padding-top:38px; position: relative;}
#Main img.protect{ position:absolute;}

#dirPath:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#dirPath { min-height: 1px; }
* html #dirPath { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
#dirPath { position:relative; border-top: 1px solid #666666;  border-bottom: 1px solid #BFBFBF; font-size:83.3%; padding:10px 0; line-height:1; margin-bottom: 30px;}
.ie8 #dirPath{ font-size:90%;}
#dirPath ul{ max-width:80%; float:left;}
#dirPath ul li { color:#969696; float:left;}
#dirPath ul li a { color:#333 !important; font-weight:bold; text-decoration:none !important;}
#dirPath ul li a:hover{ text-decoration:underline !important;}
#dirPath p.btn{ position:absolute; top:5px; right:0;}

#Main .language{position:absolute; line-height:1; text-align:right; margin-bottom:20px; right:0; top:10px;  font-size:83.3%; z-index:5; font-weight:bold;}
.ie8 #Main .language #dirPath{ font-size:90%;}
.language li{ padding:4px; display:inline-block; font-weight:bold;}
#Cont .language li a{ font-weight:normal; text-decoration:none; color:#333; font-weight:bold;}
#Cont .language li.current{ background:#FDECCC;}
#Cont .language li a:hover{ text-decoration:underline; }

#mainVis { }

#Rside { }

#Cont { line-height:1.5;}


/* =========================================================
◆pageTop
========================================================= */
#Main #pageTop { text-align:right; margin-bottom:20px;}
#Foot .pageTop { }


/* =========================================================
◆Footer
========================================================= */
footer {background:#FFF; color:#EACF94; font-size:83.3%; min-width: 980px;}
.ie8 footer{ font-size:90%;}
footer #footTop,
footer #footMenu{ background:#FFF;}

footer #footTop{ border-top:1px solid #AFA27D; border-bottom:1px solid #AFA27D; color:#2D160D;}
footer #footTop a{color:#2D160D;}
footer #footTop ul{ width:980px; margin:0 auto; padding:10px 0; line-height:1;}
footer #footTop ul li{ float:left; background: url(/shop/_shared/images/common/line_ver.gif) left top no-repeat; font-weight:bold; padding-left:12px; /*width:148px;*/ margin-right: 30px;}
footer #footTop ul li:first-child{ background:none; padding-left:0;}
footer #footTop ul li:nth-child(2){margin-right: 80px;}
footer #footTop ul li:nth-child(3){margin-right: 40px;}

footer.eng #footTop{ border-top:1px solid #AFA27D; border-bottom:1px solid #AFA27D; color:#2D160D;}
footer.eng #footTop a{color:#2D160D;}
footer.eng #footTop ul{ width:980px; margin:0 auto; padding:10px 0; line-height:1;}
footer.eng #footTop ul li{ float:left; background: url(/shop/_shared/images/common/line_ver.gif) left top no-repeat; font-weight:bold; padding-left:12px; /*width:148px;*/ margin-right: 30px;}
footer.eng #footTop ul li:first-child{ background:none; padding-left:0; margin-right:72px;}
footer.eng #footTop ul li:nth-child(2){margin-right: 20px;}
footer.eng #footTop ul li:nth-child(3){margin-right: 40px;}

footer #footMenu{ width:980px; margin:0 auto; padding-top:12px; padding-bottom:10px; }
footer #footMenu,
footer #footMenu a{ color:#693F23;}
footer #footMenu ul{ float:left; /*width:148px;*/ padding-left:12px; margin-right:12px;}
footer #footMenu ul.first{ padding-left:0; margin-right: 10px; width: 153px;}
footer #footMenu ul.last{ width:auto;}
footer #footMenu ul li{ margin-bottom:6px;}

footer.eng #footMenu ul{ float:left; /*width:148px;*/ padding-left:12px; margin-right:20px;}
footer.eng #footMenu ul.first{ padding-left:0; margin-right: 10px; width: 140px;}
footer.eng #footMenu ul.last{ width:auto; padding-left: 25px;}
footer.eng #footMenu ul li{ margin-bottom:6px;}


footer #footMenu ul.footBnrArea{ width:auto; float:right; margin-right:0;}
footer #footMenu ul.footBnrArea li{ margin-bottom:10px;}

footer #footBtm{background:#693F23; text-align:center; padding:15px 0;}
footer #footBtm ul{ margin-bottom:15px;}
footer #footBtm ul li{ display:inline-block; position:relative; margin-right:10px;}
footer #footBtm ul li:last-child{ margin-right:0;}

footer #footBtm ul li .tooltips {
  display: none;
  position: absolute;
  bottom: -1.5em;
  left: -1.8em;
  z-index: 9999;
  padding: 0.3em 0.5em;
  color: #FFFFFF;
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
		min-width:5em;
		max-width:9em;
		word-wrap:normal;
		behavior: url(/_shared/js/PIE.htc);
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2D160D,EndColorStr=#2D160D);
  background-color: rgba(45, 22, 13, 0.8);
		background-color: #000\9; */
		zoom: 1;
}

footer #footBtm ul li:first-child .tooltips{ width:7em; left: -2.8em;}
footer #footBtm ul li:nth-child(2) .tooltips{ width:9em; left: -3.8em;}

footer #footBtm ul li .tooltips div{}

/*footer #footBtm ul li .tooltips:after {
  width: 100%;
		min-width:7em;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: -8px;
  border-top:8px solid transparent;
  border-left:8px solid #2d160d;
}*/
footer #footBtm ul li:hover .tooltips {
  display: block;
}

footer #footBtm ul.forSP{ margin-bottom:10px; margin-top:;}
footer #footBtm ul.forSP li{ display:inline-block; padding:5px 10px;
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
		behavior: url(/_shared/js/PIE.htc);
		background:#573722;
		 }
footer #footBtm ul.forSP a{ color:#EACF94;}


/* =========================================================
◆CLEARFIX
========================================================= */
#Foot:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#Foot { min-height: 1px; }
* html #Foot { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }