@charset "Shift_JIS";
/*-------------------------------------
SITE : http://zozo.jp/
CREDIT : DESIGN BY STARTTODAY CO.,LTD.
CREATE : 2013.03.14
MODIFIED : 2014.05.27
Var : 1.0
MEMO:zozoused対応
MEMO:旧テンプレ用一時スタイル
MEMO:ヘッダー対応
-------------------------------------*/



/* clearfix */
.clearfix { zoom:1; }
.clearfix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }



/*-------------------------------------
	#gblHeader
-------------------------------------*/

body{ _width:1000px; min-width:1000px; margin:auto; position:relative; zoom:1; }

#gblHeader {
/*	background:#000000;*/
	font-family:'ヒラギノ角ゴ Pro W3','メイリオ','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',Helvetica,sans-serif;
	color:#000000;
	z-index:55;
	position:relative;
	_zoom:1;
	line-height:1.6363;
	text-align:left;
	margin:auto;
	width:980px;
	min-width:980px!important;
	background: #ffffff;
}
#gblHeader #hWrapper{ min-width:980px; margin:auto; _width:1040px; padding:16px 0 0; }



/*-------------------------------------
	popUp系
-------------------------------------*/

#gblHeader .hPopWrap{position:relative;}
#gblHeader .hPopWrap .hPopUp{position:absolute; left: -99999px; z-index:55;}
#gblHeader .hPopWrap.static:hover .hPopUp,
#gblHeader .current .hPopUp{position:absolute; left: 0; z-index:55; }




/*-------------------------------------
	カドマルグラデ付き青ボタン
-------------------------------------*/

#gblHeader .hBtn{
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #1d52c3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3d6bcb), to(#1d52c3));
	background: -webkit-linear-gradient(#3d6bcb, #1d52c3);
	background: -moz-linear-gradient(#3d6bcb, #1d52c3);
	background: -ms-linear-gradient(#3d6bcb, #1d52c3);
	background: -o-linear-gradient(#3d6bcb, #1d52c3);
	background: linear-gradient(#3d6bcb, #1d52c3);
	-pie-background: linear-gradient(#3d6bcb, #1d52c3)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	cursor: pointer;
	position:relative;
}

#gblHeader .hBtn:hover{
	background: #6086d5;
	-pie-background: #6086d5;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	text-decoration:none;
}

#gblHeader .hBtn:active{
	color:#ffffff;
	background: #1d52c3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3d6bcb), to(#1442a6));
	background: -webkit-linear-gradient(#3d6bcb, #1442a6);
	background: -moz-linear-gradient(#3d6bcb, #1442a6);
	background: -ms-linear-gradient(#3d6bcb, #1442a6);
	background: -o-linear-gradient(#3d6bcb, #1442a6);
	background: linear-gradient(#3d6bcb, #1442a6);
	-pie-background: linear-gradient(#3d6bcb, #1442a6)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	box-shadow: inset 0 2px 1px 1px #193576;
}


/*-------------------------------------
	カドマルグラデ付き黒ボタン
-------------------------------------*/

#gblHeader .hBtnBlack{
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #242424;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3b3b3b), to(#242424))!important;
	background: -webkit-linear-gradient(#3b3b3b, #242424))!important;
	background: -moz-linear-gradient(#3b3b3b, #242424)!important;
	background: -ms-linear-gradient(#3b3b3b, #242424)!important;
	background: -o-linear-gradient(#3b3b3b, #242424)!important;
	background: linear-gradient(#3b3b3b, #242424)!important;
	-pie-background: linear-gradient(#3b3b3b, #242424)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	cursor: pointer;
	position:relative;
}

#gblHeader .hBtnBlack:hover{
	background: #3b3b3b;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#242424), to(#3b3b3b))!important;
	background: -webkit-linear-gradient(#242424, #3b3b3b)!important;
	background: -moz-linear-gradient(#242424, #3b3b3b)!important;
	background: -ms-linear-gradient(#242424, #3b3b3b)!important;
	background: -o-linear-gradient(#242424, #3b3b3b)!important;
	background: linear-gradient(#242424, #3b3b3b)!important;
	-pie-background: linear-gradient(#242424, #3b3b3b)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	text-decoration:none;
}

#gblHeader .hBtnBlack:active{
	box-shadow: #000000 1px 1px 2px inset;
	behavior: url(/common_2013/lib/pie/PIE.htc);
}


/*-------------------------------------
	カドマルグラデ付き赤ボタン
-------------------------------------*/

p.hBtnRed{
	width:160px;
	height:25px;
	line-height:26px;
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #f64b47;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f64b47), to(#f30701))!important;
	background: -webkit-linear-gradient(#f64b47, #f30701)!important;
	background: -moz-linear-gradient(#f64b47, #f30701)!important;
	background: -ms-linear-gradient(#f64b47, #f30701)!important;
	background: -o-linear-gradient(#f64b47, #f30701)!important;
	background: linear-gradient(#f64b47, #f30701)!important;
	-pie-background: linear-gradient(#f64b47, #f30701)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	cursor: pointer;
	position:relative;
}

p.hBtnRed:hover{
	background: #f30701;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f30701), to(#f64b47))!important;
	background: -webkit-linear-gradient(#f30701, #f64b47))!important;
	background: -moz-linear-gradient(#f30701, #f64b47)!important;
	background: -ms-linear-gradient(#f30701, #f64b47)!important;
	background: -o-linear-gradient(#f30701, #f64b47)!important;
	background: linear-gradient(#f30701, #f64b47)!important;
	-pie-background: linear-gradient(#f30701, #f64b47)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	text-decoration:none;
}

p.hBtnRed:active{
	box-shadow: #ff0000 1px 1px 2px inset;
	behavior: url(/common_2013/lib/pie/PIE.htc);
}


/*-------------------------------------
	カドマルグラデ付きピンクボタン
-------------------------------------*/

a.hBtnPink{
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #FF6AB1;
	cursor: pointer;
	position:relative;
}

a.hBtnPink:hover{
	background: #FF6AB1;
	text-decoration:none;
}

a.hBtnPink:active{
	box-shadow: #cc568f 1px 1px 4px inset;
	behavior: url(/common_2013/lib/pie/PIE.htc);
}



/*-------------------------------------
	通常青ボタン
-------------------------------------*/

.btn{ position:relative; z-index:1; }
.btn input.gBtn{ border:none; font-size:12px; padding:3px 12px 2px; line-height:1.5; }
.btn input.btnLL{ border:none; font-size:12px; padding:8px 0 6px; line-height:1.5; }

div.btn,
ul.btn{ margin:12px 0 0; }
div.btn p,
ul.btn li{ float:right; margin: 0 0 0 7px; position:relative; }

.btnCenter .gBtn{ margin:auto; display:block; }

a.gBtn,
a.gBtn:link,
a.gBtn:hover,
a.gBtn:active,
a.gBtn:visited{ color:#ffffff; text-decoration:none; }

#zozovilla a.gBtn:link,
#zozovilla a.gBtn:hover,
#zozovilla a.gBtn:active,
#zozovilla a.gBtn:visited{ color: #ffffff; text-decoration:none; }

#zozooutlet a.gBtn:link,
#zozooutlet a.gBtn:hover,
#zozooutlet a.gBtn:active,
#zozooutlet a.gBtn:visited{ color: #ffffff;  text-decoration:none; }

p.gBtn{display:inline-block; _display:inline;}
*:first-child+html p.gBtn{ display:inline;}
p.gBtn input{background:transparent; color:#ffffff; border:0px; padding: 0 5px; cursor:pointer; font-size:12px;	position:relative;}

.gBtn.btnS{ padding-top: 4px; padding-bottom: 2px; }
.gBtn.btnL{ width:165px;padding-left:0; padding-right:0; }
.gBtn.btnLL{ width:240px; padding:8px 0 6px; }
.gBtn.btnAuto{ padding-left:16px; padding-right:16px; _width:50px; _display:inline; white-space: nowrap; }

.gBtn{
	color:#ffffff;
	display:block;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 6px 0 4px;
	background: #1d52c3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3d6bcb), to(#1d52c3));
	background: -webkit-linear-gradient(#3d6bcb, #1d52c3);
	background: -moz-linear-gradient(#3d6bcb, #1d52c3);
	background: -ms-linear-gradient(#3d6bcb, #1d52c3);
	background: -o-linear-gradient(#3d6bcb, #1d52c3);
	background: linear-gradient(#3d6bcb, #1d52c3);
	-pie-background: linear-gradient(#3d6bcb, #1d52c3)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	cursor: pointer;
	position:relative;
	z-index:1;
	font-size:11px;
}

.gBtn:hover{
	color:#ffffff;
	background: #6086d5;
	-pie-background: #6086d5;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	text-decoration:none;
	position:relative;
	z-index:1;
}

.gBtn:active{
	color:#ffffff;
	background: #1442a6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3d6bcb), to(#1442a6));
	background: -webkit-linear-gradient(#3d6bcb, #1442a6);
	background: -moz-linear-gradient(#3d6bcb, #1442a6);
	background: -ms-linear-gradient(#3d6bcb, #1442a6);
	background: -o-linear-gradient(#3d6bcb, #1442a6);
	background: linear-gradient(#3d6bcb, #1442a6);
	-pie-background: linear-gradient(#3d6bcb, #1442a6)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	box-shadow: inset 0 2px 1px 1px #193576;
	text-decoration:none;
	position:relative;
	z-index:1;
}

#zozovilla .gBtn{
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #747474;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#828282), to(#747474));
	background: -webkit-linear-gradient(#828282, #747474));
	background: -moz-linear-gradient(#828282, #747474);
	background: -ms-linear-gradient(#828282, #747474);
	background: -o-linear-gradient(#828282, #747474);
	background: linear-gradient(#828282, #747474);
	-pie-background: linear-gradient(#828282, #747474)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	cursor: pointer;
	position:relative;
}

#zozovilla .gBtn:hover{
	color:#ffffff;
	background: #909090;
	-pie-background: #909090;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	text-decoration:none;
	position:relative;
	z-index:1;
}

#zozovilla .gBtn:active{
	color:#ffffff;
	background: #747474;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#828282), to(#747474));
	background: -webkit-linear-gradient(#828282, #747474));
	background: -moz-linear-gradient(#828282, #747474);
	background: -ms-linear-gradient(#828282, #747474);
	background: -o-linear-gradient(#828282, #747474);
	background: linear-gradient(#828282, #747474);
	-pie-background: linear-gradient(#828282, #747474)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	box-shadow: inset 0 2px 1px 1px #353535;
	text-decoration:none;
	position:relative;
	z-index:1;
}



/*-------------------------------------
	通常グレーボタン
-------------------------------------*/

input.btnGray,
a.btnGray{
	padding: 5px 0 3px;
	background: #e7e7e7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e7e7e7), color-stop(0.00, #f5f5f5));
	background: -webkit-linear-gradient(#f5f5f5, #e7e7e7);
	background: -moz-linear-gradient(#f5f5f5, #e7e7e7);
	background: -o-linear-gradient(#f5f5f5, #e7e7e7);
	background: -ms-linear-gradient(#f5f5f5, #e7e7e7);
	background: linear-gradient(#f5f5f5, #e7e7e7);
	-pie-background: linear-gradient(#f5f5f5, #e7e7e7)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	border:solid 1px #dedede;
	border-radius:2px;
}

input.btnGray:hover,
input.btnGray:active,
a.btnGray:hover,
a.btnGray:active{
	background: #f5f5f5;
	-pie-background: #f5f5f5;
	behavior: url(/common_2013/lib/pie/PIE.htc);
}

a.btnGray:link,
a.btnGray:hover,
a.btnGray:active,
a.btnGray:visited{ color:#202020; }

.btnGray:active{
	box-shadow: inset 0 2px 1px 1px #999999;
	behavior: url(/common_2013/lib/pie/PIE.htc);
}



/*-------------------------------------
	headerロゴ・テキスト
-------------------------------------*/

#gblHeader #header{background:transparent; z-index:5; position:relative; padding: 0; }
#hLogo{ float: left; margin:0 6px 0 0; }
#hLogo a{ width:184px; padding: 26px 0 0; height:0; background:url(/common_2013/img/header/h_logo.gif) no-repeat -2px top; display:block; overflow:hidden; line-height:1.2;  }
#hLogo.zozoused { margin:-1px 6px 0 0; }
#hLogo.zozoused a { width:178px; background:url("/common_2014/img/header/h_logo_used.gif") no-repeat 0 top; }

.zozoused #hLogo a { width:178px; background:url("/common_2013/img/header/h_logo_used.gif") no-repeat 0 top; }
#zozovilla #hLogo a{ width:176px; background:url(/common_2013/img/header/h_logo_villa.gif) no-repeat 0 top; }
#zozooutlet #hLogo a{ width:216px; background:url(/common_2013/img/header/h_logo_outlet.gif) no-repeat 0 top; }

#hLead{font-size:14px; float:left; color:#555555; line-height:24px; margin:7px 0 -5px;}
#hLead a,
#zozoused #header #hLead,
#zozovilla #header #hLead a,
#zozooutlet #header #hLead a{ color:#555555; }

#hLead a:hover{ /*color:#848182;*/ text-decoration:none; opacity:0.8; filter:alpha(opacity=80); }
#hLead span{ color:#2d2d2d;margin-left:5px; }
#hLead span:hover{ /*color:#848484;*/ margin-left:5px; }



/*-------------------------------------
	サイトマップ
-------------------------------------*/

#hNav{float: right; margin: -1px 0 0; padding: 0 0 0 0; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;}
#hNav .gBtn { -webkit-font-smoothing:subpixel-antialiased; -moz-font-smoothing:subpixel-antialiased; font-smoothing:subpixel-antialiased; }

#hNav ul{position:relative; float:right; }
#hNav ul li{ background-color:#ffffff; float:left; }
#hNav ul li a{ color:#555555; }

#zozovilla #hNav ul li a.hIcon ,
#zozooutlet #hNav ul li a.hIcon,
#zozovilla #hNav ul li .hIcon a,
#zozooutlet #hNav ul li .hIcon a{ color:#000000;}

#zozovilla  #hThumbs a:link,
#zozooutlet #hThumbs a:link{ color:#ffffff;}

#zozovilla  #hThumbs a:hover,
#zozooutlet #hThumbs a:hover{ color:#808080;}

#zozovilla #hNav ul li div div a
#zozooutlet #hNav ul li div div a{color:#1c53c2;}

/*#hNavHome a.hIcon,
#hServiceMap div.hIcon div{background-image:url(/common_2013/img/header/header.png); background-repeat:no-repeat;}*/
/*アイコン対応*/
#hNavHome a.hIcon,
#hServiceMap div.hIcon div{background:url(/common_2013/img/header/map_.png) no-repeat top left;}

#hServiceMap dl a{background:none;}

/* ポイント */
#hNavPoint{ border:none; height:24px; overflow:hidden; margin:5px 10px -2px 0; padding: 0 5px 0 0; position:relative; background:url(/common_2013/img/header/border_v.gif) no-repeat right 9px;}
#hNavPoint div { padding:4px 3px 2px 68px; font-size:14px; display:block; background:url(/common_2013/img/header/h_point.gif) no-repeat 1px 1px; }
#hNavPoint a{ color:#202020; }
#hNavPoint a:hover{ /*color:#848182;*/ -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; }
#hNavPoint a span{ }


/* yahoo */
#hNavYahoo{ margin:1px 10px 0 0; padding: 0 8px 0 0; background:url(/common_2013/img/header/border_v.gif) no-repeat right 50%; }
#hNavYahoo a{ padding:2px 0 2px 0; font-size:11px; display:block; }
#hNavYahoo a:hover{ text-decoration:underline; }

/* home */
#hNavHome{ margin:9px 10px -4px 0; background:url(/common_2013/img/header/border_v.gif) no-repeat right 50%; }
#hNavHome a.hIcon{ background-position: 0 2px; padding:3px 0 2px 18px; font-size:11px; display:block; margin: 0 10px 0 0; background:url(/common_2013/img/header/header.png) no-repeat 0 3px; }
#hNavHome a:hover{ text-decoration:underline; }


/* help */
#hHelp{ margin:9px 19px -5px 1px; }
#hHelp a{ padding:2px 0 2px 0; display:block; }
#hHelp a:hover{ text-decoration:underline; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; }


/* サイトマップ */
#hServiceMap{
	margin:-3px 0 0; border:1px solid #e0e0e0; border-radius:2px;

behavior: url(/common_2013/lib/pie/PIE.htc); }


#hServiceMap div.hIcon{
	display:block;
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%,#f4f4f4 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%,#f4f4f4 100%);
	background: linear-gradient(to bottom, #f9f9f9 0%,#f4f4f4 100%);
	-pie-background: linear-gradient(#f9f9f9, #f4f4f4)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	position:relative;
	z-index:1;
}
/*#hServiceMap div.hIcon div{ display:block; background-position:10px -56px; }
#hServiceMap div.hIcon span{ padding:5px 35px 5px 31px; font-size:11px; letter-spacing:1.2px; display:block; background:url(/common_2013/img/header/header.png) no-repeat right -733px; cursor:default; }*/

#hServiceMap.current{ border-color:#ccc; }
#hServiceMap.current div.hIcon{ display:block; }
/*#hServiceMap.current div.hIcon div{ background-position:10px -816px; background-color:#747474; border-radius:1px 1px; }
#hServiceMap.current div.hIcon span{ background-position: right -772px; color:#ffffff;}*/

/*アイコン対応*/
#hServiceMap div.hIcon div{ display:block; background-position:10px 8px; }
#hServiceMap div.hIcon span{ padding:6px 31px 3px 30px; font-size:12px; display:block; background:url(/common_2013/img/header/sitemap.png) no-repeat 111px 12px; cursor:default; }
.msie7 #hServiceMap div.hIcon span { background-position: 100px 12px; }/*ie7*/
.msie8 #hServiceMap div.hIcon span { background-position: 100px 12px; }/*ie8*/

#hServiceMap.current div.hIcon div{ background-position:10px 8px; background-color:#b4b4b4; border-radius:1px 1px; background-image:url(/common_2013/img/header/map_white.png); color:#fff; }
#hServiceMap.current div.hIcon span{ background:url(/common_2013/img/header/sitemap_white.png) no-repeat 111px 12px; }
.msie7 #hServiceMap.current div.hIcon span { background-position: 100px 12px; }/*ie7*/
.msie8 #hServiceMap.current div.hIcon span { background-position: 100px 12px; }/*ie8*/

/* サイトマップ サブウィンドウ */
#hServiceMap #hSubMap{
	position:relative;
	background:#faf9f7;
	width:858px;
	border:1px solid #f0f0f0;
	box-shadow: 0 4px 8px rgba(77,77,77,1);
	behavior: url(/common_2013/lib/pie/PIE.htc);
}

#hNav ul #hServiceMap #hSubMap #hShopping{ padding: 28px 0 0; border-right:#ededed; position:relative;}
#hNav ul #hServiceMap.static:hover .hPopUp,
#hNav ul #hServiceMap.current .hPopUp{position:absolute; left:auto; right:-1px; top:25px;  }

#hNav ul li div div a{ color:#1c53c2; text-decoration:none; display:block; }
#hNav ul li div div a:hover{ text-decoration:underline; }

#hSubMap { background:#faf8f7;}
#hSubMap h2{padding:15px 0 0 20px; font-weight:bold; font-size:14px;}
#hServiceMap .hPopUp a{ color:#1c53c2; font-size:12px; }
#hServiceMap .hPopUp a:hover{ color:#1c53c2; }

#hSubMap #hSite li{float:none;}

#hSubMap dl{ float:left; /*width:195px;*/ padding: 0 0 0 0;  }
#hSubMap dt{ font-size:16px; font-weight:normal;  }
#hSubMap dd{ padding:0 0 0 22px; margin:8px 0 0; }
#hSubMap dl#hSiteList{  width:244px; }
#hSubMap dl#hSiteList dt,
#hSubMap dl#hSiteList dd{padding: 0 0 0 29px; font-size:16px;}

#hSubMap dl#hAllList{ width:170px; border-right:#d7d7d7 1px solid; border-left:#d7d7d7 1px solid; }

#hSubMap dl#hAllList dt,
#hSubMap dl#hFavoriteList dt{ padding: 0 0 1px 14px;}
#hSubMap dl#hAllList dd,
#hSubMap dl#hFavoriteList dd{ margin:6px; font-size:12px; line-height:1.455; padding: 0 0 0 14px;}
#hSubMap dl#hFavoriteList #hGotoFav{margin:12px 0 0;}


#hSubMap dl#hAllList dd,
#hSubMap dl#hFavoriteList dd{ margin:7px 0 0; }

#hSubMap dl#hFavoriteList{ padding:0 0 0 13px; border-right:1px solid #D7D7D7; width:184px; height:237px; }
#hSubMap dl#hFavoriteList dt,
#hSubMap dl#hFavoriteList dd{ width:14em; padding-left:0; }


/*追加検索条件 hFavoriteSearch*/
#hSubMap dl#hAllList dt,
#hSubMap dl#hFavoriteSearch dt{ padding: 0 0 1px 21px;}
#hSubMap dl#hAllList dd,
#hSubMap dl#hFavoriteSearch dd{ margin:6px; font-size:12px; line-height:1.455; padding: 0 0 0 18px;}
#hSubMap dl#hFavoriteSearch #hGotoSrc{margin:12px 0 0;}


#hSubMap dl#hAllList dd,
#hSubMap dl#hFavoriteSearch dd{ margin:7px 0 0; }

#hSubMap dl#hFavoriteSearch{ padding:0 10px 15px 15px; border-right:1px solid #D7D7D7; width:185px; }
#hSubMap dl#hFavoriteSearch dt,
#hSubMap dl#hFavoriteSearch dd{ width:14em; padding-left:0; }

#hSubMap #hFavoriteSearchBtn { position:absolute; bottom:0px; right:31px; }
#hSubMap #hFavoriteSearchBtn a{color:#ffffff; text-decoration:none; font-size:11px; }



#hSubMap dl#hSearchList{ padding:0 0 0 13px; width:200px; }
#hSubMap dl#hSearchList dt { width:14em; padding-left:0; }
#hSubMap dl#hSearchList dd { font-size:12px; line-height:1.455; padding: 0; margin:7px 0 0 0; }
#hSubMap dl#hSearchList dd a { width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#hSubMap dl#hSearchList #hGotoSrc{margin:12px 0 0;}
/*#hSubMap #hSearchList { position:absolute; bottom:0; right:240px;margin:0 16px 0 0; }
#hSubMap #hSearchList a{color:#ffffff; text-decoration:none; }

*/
#hSubMap #hFavoriteBtn{ position:absolute; bottom:0px; right:265px;margin:0; }
#hSubMap #hFavoriteBtn a{color:#ffffff; text-decoration:none; font-size:11px; }



#hSubMap p.hMapSubTitle{padding:15px 0 0 20px !important; font-weight:bold !important; font-size:14px !important; text-align:left !important;}

#hShopping dd span { color:#8e8e8e; text-decoration:none; display:block; font-size:11px; margin:1px 0 0; padding:0 0 2px; background:none; line-height:1.1; }

#hSite{ padding:0 0 37px 31px; }
#hSite dl {padding:25px 0 0 0; float:none; }
#hSite dl dt{ padding: 0 0 6px; }
#hSite dl dd {background:none; width:159px; padding:0; border:none; float: left; margin: 5px 0 0 0; font-size:13px; }
#hSite dl dd span{ height:0; padding:19px 0 0; margin: 0 7px 0 0; width:36px; overflow:hidden; display:block; float:left; background:url(/common_2013/img/footer/footer_2013.png) no-repeat; }
#hSite dl dd .h_ico_buy span{ background-position:     0 0;}
#hSite dl dd .h_ico_peo span{ background-position:     0 -19px;}
#hSite dl dd .h_ico_nav span{ background-position:     0 -38px;}
#hSite dl dd .h_ico_gal span{ background-position: -36px -38px;}
#hSite dl dd .h_ico_qa  span{ background-position: -36px -19px;}
#hSite dl dd .h_ico_ari span{ background-position: -36px 0px;}


/*-------------------------------------
	ユーザ入力
-------------------------------------*/

#hCtrl{ background:#332f30; margin: 10px 0 0; padding: 8px 10px 7px 12px; }



/*-------------------------------------
	検索Box
-------------------------------------*/

#hItemSearch{ float: left; }
#hItemSearch form{float:left; margin: 0 12px 0 0; }
#hItemSearch p{float:left; }

#hItemSearch #hKeyword{margin: 0 -2px 0 0;}
#hItemSearch #searchText { padding: 4px 5px; line-height:19px; height:19px; width: 305px; border: #c2c2c2 1px solid;border-radius: 2px;box-shadow: #c2c2c2 1px 1px 2px inset;behavior: url(/common_2013/lib/pie/PIE.htc);position:relative;text-decoration:none;}
*:first-child+html #hItemSearch #searchText { margin: -2px 0 0 0;}

#hItemSearch #hSubmit{ margin: 0 0 0 0; height:29px; position:relative; zoom:1; float:left; }
#hItemSearch #hSubmit input{ padding:0; height:29px; width:56px; cursor:pointer; text-align:center; border:none; background: transparent url(/common_2013/img/header/header.png) no-repeat 19px -290px; }

.mac.chrome #hItemSearch #hSubmit input{ background-position: 19px -291px; }
.mac.safari #hItemSearch #hSubmit input,
.win.chrome #hItemSearch #hSubmit input{ background-position: 19px -292px; }


*:first-child+html #hItemSearch #hSubmit{ margin:-1px 0 0; }

#hItemSearch p.hMore { float:left; padding:3px 0 0; }
#hItemSearch p.hMore a{line-height: 24px; color:#ffffff;}



/*-------------------------------------
	ユーザ情報
-------------------------------------*/

#hUser{float: right; clear:right; zoom:1; }

#hUser .hPopUp a{ color:#1c53c2; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; }
#hUser .hPopUp a:hover{ color:#1c53c2; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; }
#hUser .hPopUp ul{}

#hUser p a{ height:24px; line-height:24px; }

#hUser p .pie img{ display:block;float:left; }
#hUser p .pie{ font-size:11px; display:block; color:#ffffff; cursor:default; }
#hUser p .pie .hMore{ display:inline-block; _display:inline; vertical-align:top; height:24px; width:15px; border-left:solid 1px #332f30; background:url(/common_2013/img/header/header.png) no-repeat 4px -682px; text-indent: -9999px; margin: 0 0 0 8px; }
#hUser :hover p .pie .hMore,
#hUser .current p .pie .hMore{ border-left:solid 1px #ffffff; }

#hUser p .a,
#hUser p .a:hover { text-decoration:none; }

#hUser .hPopUp{width:100%; margin-top:-1px;}
#hUser .hPopUp ul{
	border-top:solid 1px #CECECE;
	position:relative;
	background:#ffffff;
	width:100%;
	padding: 8px 0 20px;
	box-shadow: 0 4px 8px rgba(77,77,77,1);
	behavior: url(/common_2013/lib/pie/PIE.htc);
}
#hUser .hPopUp ul li{
	padding: 0 12px;
	margin: 4px 0 0;
}
#hUser .hPopUp ul li a{
	display:block;
}


/* ユーザ名 */
#hUserName{ float:right; margin: 0 6px 0 0; position:relative; _width:200px; }
#hUserName p .pie{ padding: 2px 0 2px 6px; border-radius:2px; position:relative; background:#555354; zoom:1; }
#hUserName p img{ background:url(/common_2013/img/header/header.png) no-repeat 4px -359px; }
#hUserName.hNoLogin p .pie{ padding: 2px 6px 2px 6px; cursor:pointer; 	behavior: url(/common_2013/lib/pie/PIE.htc); }
#hUserName #hName{ margin: 0 0 0 7px; display: inline-block; padding: 0.5em 0 0; line-height:1.5; }
#hUserName.hNoLogin #hName{ margin: 0 10px 0 12px; display: inline-block; padding: 0.5em 0 0; line-height:1.5; }

#hUserName:hover p img,
#hUserName.current p img{ background-position: 4px -426px; }
#hUserName:hover p pie,
#hUserName.current p .pie{ color:#555354; background:#ffffff; behavior: url(/common_2013/lib/pie/PIE.htc); text-decoration:none;}


/* お気に入り */
#hFavoriteLink{ float:right; margin: 0 8px 0 0; position:relative; _width:120px; }
#hFavoriteLink p .pie { padding: 2px 0 2px 2px; position:relative; border-radius:2px; background:#555354; zoom:1; behavior: url(/common_2013/lib/pie/PIE.htc);  }
#hFavoriteLink p .pie #hFavorite{ display:inline-block; _display:inline; background: url(/common_2013/img/header/header.png) no-repeat 7px -493px; padding: 0.5em 0 0 28px; line-height:1.5;}

#hFavoriteLink:hover p .pie #hFavorite,
#hFavoriteLink.current p .pie #hFavorite{ background-position: 7px -558px; }
#hFavoriteLink:hover p .pie,
#hFavoriteLink.current p .pie{color:#555354; background-color:#ffffff; }


/* カート */
#hCart{float:right; position:relative; _width:200px;}
#hCart p{min-width:148px;}
#hCart p a{
	display:block;
	background:url(/common_2013/img/header/header.png) no-repeat 30px -623px;
	padding: 0 5px 0 58px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	height:29px;
	float:left;
	behavior: url(/common_2013/lib/pie/PIE.htc);
}
#hCart p a:hover{text-decoration:none;}

#hCart p a span{ float:left; margin:4px 0 0 0; color:#ffffff; }
#hCart p a #hNum{
	display:block;
	padding: 5px 8px 5px;
	background:#ffffff;
	color:#332F30;
	line-height: 12px;
	margin:3px 0 0 20px;;
	border-radius:2px;
	-webkit-box-shadow: #c2c2c2 1px 1px 2px inset;
	-moz-box-shadow: #c2c2c2 1px 1px 2px inset;
	box-shadow: #c2c2c2 1px 1px 2px inset;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	position:relative;
	height:auto;
	font-size: 12px;
}



/*-------------------------------------
	override
-------------------------------------*/

#zozovilla #gblHeader #header #hLead a,
#zozooutlet #gblHeader #header #hLead a{ color:#000000; }

#zozovilla #gblHeader #hLogo a{ width:176px; background:url(/common_2013/img/header/h_logo_villa.gif) no-repeat 0 top; }
#zozooutlet #gblHeader #hLogo a{ width:216px; background:url(/common_2013/img/header/h_logo_outlet.gif) no-repeat 0 top; }

#zozovilla #hNavPoint a,
#zozooutlet #hNavPoint a,
#zozovilla #gblHeader #hNav ul li a.hIcon ,
#zozooutlet #gblHeader #hNav ul li a.hIcon,
#zozovilla #gblHeader #hNav ul li .hIcon a,
#zozooutlet #gblHeader #hNav ul li .hIcon a,
#zozovilla #gblHeader #hNav ul li#hNavYahoo a,
#zozooutlet #gblHeader #hNav ul li#hNavYahoo a{ color:#000000;}

#zozovilla #hNavPoint a:hover,
#zozooutlet #hNavPoint a:hover{/*color:#848182;*/}

#zozovilla  #gblHeader #hThumbs a,
#zozooutlet #gblHeader #hThumbs a,
#zozovilla #gblHeader #header .hPopUp a.gBtn,
#zozooutlet #gblHeader #header .hPopUp a.gBtn{color:#ffffff;}

#zozovilla  #gblHeader #hThumbs a:hover,
#zozooutlet #gblHeader #hThumbs a:hover{ color:#808080;}

#zozovilla #gblHeader #hNav ul li div div a,
#zozooutlet #gblHeader #hNav ul li div div a,
#zozovilla #gblHeader #hUser .hPopUp a,
#zozooutlet #gblHeader #hUser .hPopUp a{color:#1c53c2 ;}



/*-------------------------------------
	.sale セールヘッダ
-------------------------------------*/

.sale #hCtrl{ background:#f20000; }
.sale #hSale { float:left; margin: 1px 10px 0 0; color:#f20000; font-weight: bold; font-size: 17px; line-height: 26px; }
.sale #hSale a{ color:#f20000; }
.sale #hSale a:hover{ text-decoration:none; color:#f55555; }

#gblHeader.sale .hBtn{
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #222021;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#45413e), to(#222021))!important;
	background: -webkit-linear-gradient(#45413e, #222021))!important;
	background: -moz-linear-gradient(#45413e, #222021)!important;
	background: -ms-linear-gradient(#45413e, #222021)!important;
	background: -o-linear-gradient(#45413e, #222021)!important;
	background: linear-gradient(#45413e, #222021)!important;
	-pie-background: linear-gradient(#45413e, #222021)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	cursor: pointer;
	position:relative;
}

#gblHeader.sale .hBtn:hover{
	background: #45413e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#222021), to(#45413e))!important;
	background: -webkit-linear-gradient(#222021, #45413e)!important;
	background: -moz-linear-gradient(#222021, #45413e)!important;
	background: -ms-linear-gradient(#222021, #45413e)!important;
	background: -o-linear-gradient(#222021, #45413e)!important;
	background: linear-gradient(#222021, #45413e)!important;
	-pie-background: linear-gradient(#222021, #45413e)!important;
	behavior: url(/common_2013/lib/pie/PIE.htc);
	text-decoration:none;
}

#gblHeader.sale .hBtn:active{
	box-shadow: #000000 1px 1px 2px inset;
	behavior: url(/common_2013/lib/pie/PIE.htc);
}