@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ヘッダー
--------------------------------------------------------------------- */

#header {
	margin:0 auto;
	width: 100%;
	min-width: 1200px;
	position: relative;
/*	overflow: hidden;*/
}

#header #headerContainer {
	margin: 0 auto;
	width:1130px;
	position: relative;

}
#header .icon {
    background-image: url("/img/icon/iconPC3.png");
    display: block;
    height: 40px;
    margin: 13px 2px;
    width: 42px;
	}
#brandCopy .icon_ {
background-image: url("/img/icon/iconPC3.png");
display: block;
height: 21px;
width: 35px;
float: left;
	}
	
#header #loginForm input {
    width: 150px;
}

#header #BODYMAKER {
    height: 50px;
    width: 230px;
    margin: 0 10px 0 0 !important;
    background-color: #000000;
    background-position: 0 -160px;
    border-color: #000000;
    border-style: solid;
    border-width: 6px 15px;
    text-indent: -9999px;
    float: left;
}
#headershopping {
    width: 100%;
    height: 50px;
    margin-top: 2px;
    position: relative;
}
#brandCopy {
    width: 100%;
    background: black;
    color: white;
    text-align: center;
    height: 30px;
    position: relative;
}
#brandCopy div {
    width: 50%;
    margin: 0 auto;
    padding: 4px;
}
#brandCopyP {
	margin: 0 auto;
	width:1120px;
	position: relative;
	}
#brandCopyP a:hover {
color:#FFF;
text-decoration:none;
	}
	#brandCopyP a {
color:#FFF;
text-decoration:none;
	}	
#headertitle {
    font-size: 0.9em;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    background: black;
    text-align: center;
}
#searchForm {
    position: relative;
    width: 187px;
    display: inline-block;
}
#searchForm #keyword,
#searchKeywd {
margin:0;
width: 184px;
padding: 6px;
	}
#headersearch div#favorite.icon_,#headersearch div#cart.icon_{
	display: inline-block;
	float: none;
	}
#header #suggestKey {
	font-size: 0.8em;
	display: none;
	background: #ffffff;
	border-radius: 5px;
	left: 500px;
	top: 45px;
	padding: 0.5em;
	position: absolute;
	z-index: 2147483647;
	-moz-box-shadow: 3px 3px 9px #000000;
	-webkit-box-shadow: 3px 3px 9px #000000;
	box-shadow: 3px 3px 9px #000000;
	}

#suggestKey a {
    color: #000000;
    margin: 0 1em;
}
#headercategory {
width: 660px;
margin: 0 auto; 
padding-top: 20px;
text-align: center;
padding-right: 40px;
}
#headersearch {
    width: 323px;
    position: absolute;
    right: 0;
    top: -6px;
}
#headercategory span {
    display: inline-block;
padding: 0 12px;
    text-align: center;
    font-size: 17px;
font-weight: bold;
	cursor:pointer;
}
div#brandCopy div#headerinformation {
    width: 330px;
position: absolute;
    color: white;
    right: 0;
top: 4px;
}
a.headerinfo {
    color: white;
    margin-left: 20px;
}
#searchForm button {
 background: none;
border: none;
height: 28px;
padding: 0;
position: absolute;
right: -13px;
width: 45px;
cursor: static;
top: 0;
}
#header #searchForm button span {
	background-position: -86px -127px;
	display: block;
	margin: 0;
	width: 30px;
	color: #6d6d6d;
	font-size: 14px;
	}
#header .icon_ {
    float: left;
    height: 40px;
    width: 40px;
	}
#header #login .icon {
    background-position: -39px -80px;
	}
#header #notlogin .icon {
background-position: -125px -236px;
	}
#header #favorite .icon {
	background-position: -80px -80px;
	}
	#header #shipping .icon {
	background-position: 0 -120px;
	}
#shippingMenuText {
	font-size: 1em;
	width: 350px !important;
	}
#header #favorite:hover + .addningMenu,
#header #login:hover + .addningMenu,
#header #help:hover + .addningMenu,
#header #shipping:hover + .addningMenu,
#header .addningMenu:hover {
	display: block;
	}
#brandCopy #headerMenuMenberlogin .icon_{
	background-position: 45px -84px;
	}
	
#brandCopy #headerMenuMailmagazine .icon_ {
	background-position: 83px -84px;
	}
#headerMenuMailmagazine{		
float: left;
position: absolute;
right: 99px;
top: 0px;
	font-size: 0.9em;
	}
#headerMenuMenberlogin{		
float: left;
position: absolute;
right: 0px;
top: 0px;	
font-size: 0.9em;
	}
	
#header .addningMenu {
	display: none;
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.9);
	background: rgba(255, 255, 255, 0.9);
	color: #000000;
	padding: 20px;
	position: absolute;
	right: 15px;
	top: 65px;
	width: 210px;
	z-index: 10;
	border:solid 1px #CCCCCC;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius0 0 10px 10px;
	border-radius:0 0 10px 10px;
	-moz-box-shadow: 3px 3px 8px #000000;
	-webkit-box-shadow: 3px 3px 8px #000000;
	box-shadow: 3px 3px 8px #000000;
  -webkit-transition: all 0.15s ease;
     -moz-transition: all 0.15s ease;
       -o-transition: all 0.15s ease;
      -ms-transition: all 0.15s ease;
          transition: all 0.15s ease;
	}
#header #helpMenu a,
#header #logoutForm a {
	border-bottom: 1px solid #cccccc;
	color: #000000;
	display: block;
	padding: 5px 0;
	}
#header #cart .icon {
	background-position: 0 -80px;
	}
#header #help .icon {
	background-position: -40px -120px;
	}
#header #star {
   background-position: -132px -132px;
    color: #ffffff;
    height: 16px;
    left: 1063px;
    position: absolute;
    top:16px;
    width: 16px;
	}
#header #help.click a {
	border: 1px solid #ffffff;
	border-radius: 5px;
	background-color: #000000;
	z-index: 99999;
	position: relative;
	}


.block-headernav--cart-count {
	display: none;
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	background-color: #e61d50;
	color: #fff;
	border-radius: 10px;
	top: 5px;
	z-index: 2;
	text-align: center;
}

.js-cart-count {
	right: 38px;
}

.js-bookmark-count {
	right: 83px;
}












/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
.visual_ {
	margin-bottom: 10px;
}

/* --------------------------------------------------------------------
	フッター
--------------------------------------------------------------------- */
.big {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: large;
	font-weight: bold;
	line-height: 13px;
}
.small {
	font-size: xx-small;
}
/* #footer {
	 min-width: 1200px;
	color: #777;
	font-size:1em;
	line-height: 1em;
	background-color: #f3f3f3;
	margin: 20px 0 0 0;
	padding: 10px 0 70px 0;
	position: relative;
	clear: both;
	z-index:1;
	} */
/* #footer a {
	color: #777;
	padding: 5px 0;
	}

#footer a:hover {
	text-decoration: underline;
	color: #777;
	} */
/* #footer a{
	color:white;
} */
#footer .big {
	margin-right: 0.2em;
	font-size: 15px;
	}
#footer .small {
	margin-left: 0.5em;
	font-size: 10px;
	}
/* #footer .change_mode_{
    text-align:center;
}
#footer .change_mode_ a {
	display: inline;
	} */
/* #footer div {
	width:1200px;
	margin:15px auto;
	}
#footer li {
	width:300px;
	padding: 0 10px;
	margin-top: 10px;
	float: left;
	min-height: 400px;
	border-right: 1px solid #777;
	}
#footer li:first-child {
	border-left: 1px solid #777;
	}
#footer a,
#footer ul,
#footer li {
	list-style:none outside none;
	text-decoration: none;
	display: block; */
	}
#footer .SNS {
	margin: 20px 5px;
}
#topSideMenu .SNS  {
	margin: 5px 5px;
}
#footer .SNS,
#topSideMenu .SNS  {
	background-image: url("/img/icon/iconPC.png");
	height: 40px;
	width: 40px;
	float: left;
	text-indent: -9999px;
	}
#footer .fb {
	background-position: 0 -40px;
	}
#footer:hover .fb,
#topSideMenu .fb {
	background-position: 0 0;
	}
#footer .tw {
	background-position: -40px -40px;
	}
#footer:hover .tw,
#topSideMenu .tw  {
	background-position: -40px 0;
	}
#footer .yt {
	background-position: -80px -40px;
	}
#footer:hover .yt,
#topSideMenu .yt  {
	background-position: -80px 0;
	}
#footer .in {
	background-position: -120px -40px;
	}
#footer:hover .in,
#topSideMenu .in  {
	background-position: -120px 0;
	}



#copyright {
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 9px;
	text-align: center;
	padding: 10px 0 0;
	clear: both;
	}






















/* --------------------------------------------------------------------
	以下未使用？
--------------------------------------------------------------------- */
/* ヘッダー */

/* グローバルメニュー アコーデオン表示 */
#globalnav li {
	float: left;
	color: #FFF;
	width: 148px;
	position: relative;
	margin: 0;
	padding:10px 5px;
	height: 17px;
	/*border: solid 1px #333; メニュー枠線*/
	font-weight: bold;
	text-align:center;
}

#globalnav li:hover {
	background: #0049A7 url(../img/usr/globalnav_back_hover.png) center top repeat-x;
}

#globalnav li a{
	display:block;
	width:146px;
	height:15px;
}

#globalnav li a:hover{
	text-decoration: none;
}

#globalnav li .MenuTitle{
	color:#FFF;
	font-size:large;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:inline;
}
	
#globalnav li .MenuTitle a{
	color: #fff;
}

#globalnav li a:hover .MenuTitle {
	color: #fff;
	display:none;
}

#globalnav li .small{
	color:#FFF;
	font-size:medium;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: none;
}

#globalnav li a:hover .small {
	display:inline;
}



#globalnav li ul {
	display: none;
	position: absolute;
	top: 32px;
	left: -5px;
	padding: 5px;
	width: 200px;
	/*border: solid 1px #ccc;*/
	z-index: 10000;
	/*background-color:rgba(0,0,0,0.80);*/
}

#globalnav li ul li {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 30px;
	border: none;
	background-color:rgba(0,0,0,0.60);
	line-height:2.5;
	text-align:left;
}

#globalnav li ul li a {
	display: inline-block;
	width: 200px;
	padding: 5px;
	color: #fff;
}

#sitemap{
	clear: both;
	text-align: center;
}

#taxoff{
	margin:20px 0 20px 0;
	width:100%;
	line-height:3em;
	background-color:#FFF;
	border:solid #F00 3px;
	text-align:center;
	font-weight:bold;
	
}
#taxoff span{
	font-size:larger;
	color:#F00;

}





div#itemHistoryButton
{ display: none; }


/* --------------------------------------------------------------------
トップページヘッダー
--------------------------------------------------------------------- */
.hdmenmenu,.hdwomenmenu,.hdtremenu,.hdmarmenu,.hdrunmenu,.hdmaskmenu{
    width: 800px;
    display: none;
    position: absolute;
    z-index: 999999;
    top: 57px;
    border: solid gray 1px;
    background: white;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom: 20px;
}
.closebt {

    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px 7px;
    background: black;
    color: white;

}
.hdmenmenu p,.hdwomenmenu p ,.hdtremenu p ,.hdmarmenu p ,.hdrunmenu p,.hdmaskmenu p{
    padding: 21px 0 13px 56px;
    font-size: 16px;
    font-weight: bold;
    color: red;

}
.c_1 {
    width: 90%;
    margin: 0 auto;
padding: 0 20px;
}
.c_1 li:first-child {
    border: navajowhite;
}
.c_1 li.headertree1_ {
    list-style: none;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    width: 100%;
    margin-top: 2px;
    border-top: solid gray 1px;
    padding-top: 8px;
    line-height: 1em;
}
.c_1 li.headertree2_ {
    list-style: none;
    font-size: 11px;
    display: inline-block;
    padding-left: 10px;
    line-height: 1em;
}
li.headertree1_ a,li.headertree2_ a{
	text-decoration: none;
	color: #333;
}
.hdmen:hover {
    color: red;
}
.hdwomen:hover {
    color: red;
}
.hdtre:hover {
    color: red;
}
.hdmar:hover {
    color: red;
}
.hdrun:hover {
    color: red;
}
.hdmask:hover {
    color: red;
}