@charset "utf-8";

/* CLEARFIX */
#clothesList ul, #clothesList_fiveCol ul, .sortBtn, .toptoggleBtn, .toggleBtn {zoom: 1;}
#clothesList ul:after, #clothesList_fiveCol ul:after, .sortBtn:after, .toptoggleBtn:after, .toggleBtn:after {content:"";display:block;clear:both;}

/* white header */
#siteName a {width:192px; background-position:-295px 0;}
#siteName a:hover {background-position:-295px -18px;}
#gnLab a {background-position:-95px -58px;}
#headerWrap {border-bottom:1px solid #E6E6E6; background-color:#fff;}
* html #headWrap{text-align:center;}
#header:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
* html #header{height:1%;}
#header {width:880px;margin: 0 auto;zoom:1;}
* html #header{text-align:left;}


#header #siteName {float:left; padding:0;}
#header #globalNav {float:right; padding:0;}
#header li {float:left; padding:0 0 0 15px;}
#header #siteName a,
#header #globalNav a{display: block;overflow: hidden; height: 32px; background-image: url(/img/store/clothes/common/head.png);background-repeat: no-repeat;font-size: 1px;line-height: 1px;text-indent: -9999px;}
#header #siteName a{width: 192px;background-position: 0 0;}
#header #siteName a:hover{ background-position: 0 -26px;}
#header #gnHome a{width: 30px; background-position: 0 -51px;}
#header #gnStore a{width: 56px; background-position: -45px -76px;}
#header #gnShop a{width: 42px; background-position: -116px -51px;}
#header #gnLab a{width: 88px; background-position: -173px -51px;}
#header #gnMymuji a{width: 38px; background-position: -430px -51px;}
#header #gnContact a{width: 61px; background-position: -354px -51px;}
#header #gnGS a{width: 63px; background-position: -276px -51px;}
#header #gnHome a:hover{background-position: 0 -76px;}
#header #gnStore a:hover{background-position: -45px -76px;}
#header #gnShop a:hover{background-position: -116px -76px;}
#header #gnLab a:hover{width: 88px; background-position: -173px -76px;}
#header #gnMymuji a:hover{background-position: -430px -76px;}
#header #gnContact a:hover{background-position: -354px -76px;}
#header #gnGS a:hover{background-position: -276px -76px;}

#main {width: 880px;}
#main a {text-decoration: none;}
#pickup a img, #pickup2 a img, #coordinate a img, #other a img {border: 1px solid #CCCCCC;}
#pickup a:hover img, #pickup2 a:hover img, #coordinate a:hover img, #other a:hover img {border: 1px solid #7F0019;}
#clothes #main h1, #clothesWomen #main h1, #clothesMen #main h1, #clothesChildren #main h1 {
background-image: url("/img/store/clothes/common/title_clothes.png");
background-repeat: no-repeat;
height: 27px;
overflow: hidden;
text-indent: -9999px;
border-bottom: 1px solid #E6E6E6;
padding-bottom: 10px;
}
h2 {font-size:14px;}
#clothesMen h3, #clothesWomen h3 { margin-top:5px;}
#clothes #pickup h2, #clothesMen #pickup h2, #clothesWomen #pickup h2 {background-image: url("/img/store/clothes/top/title_top.png"); background-position: 0 -238px; background-repeat: no-repeat; height: 36px; width: 500px; margin: 0; /*overflow: hidden;*/ text-indent: -9999px; padding-bottom: 10px;}
#clothes #coordinate h2, #clothesWomen #coordinate h2, #clothesMen #coordinate h2, #clothesChildren #coordinate h2 {background-image: url("/img/store/clothes/top/title_top.png"); background-position: 0 -60px; background-repeat: no-repeat; height: 24px; width: 400px; margin: 0; overflow: hidden; text-indent: -9999px; padding-bottom: 10px;}
#clothesChildren #pickup h2 {background-image: url("/img/store/clothes/top/title_top.png"); background-position: 0 -106px; background-repeat: no-repeat; height: 30px; width: 400px; margin-top:20px; text-indent: -9999px; }
#clothes #pickup2 h2 {background-image: url("/img/store/clothes/top/title_top.png"); background-position: 0 -106px; background-repeat: no-repeat; height: 30px; width: 400px; text-indent: -9999px;}
#clothes #pickup2 {border-top: 1px solid #E0E0E0; margin: 30px 0; padding-top: 30px;}


#main p {margin: 5px 0 10px 0;}
#pickup {margin: -0 0 20px 0; }
#coordinate {margin: 30px 0; padding-top: 30px; border-top: 1px solid #e0e0e0;}
#other {margin: 30px 0; padding: 30px 0; border-top: 1px solid #e0e0e0;}
#coordinate li {list-style: none; float: left; padding: 0; margin-right: 12px; width: 210px;}
#clothesChildren #coordinate li {list-style: none; float: left; padding: 0; margin-right: 15px; width: 425px;}
#pickup li {list-style: none; float:left; padding: 0; margin-right: 12px; width: 433px;}
#coordinate li.last, #pickup li.last, #clothesList li.last, #clothesList_fiveCol li.last, #other li.last, #pickup .archive li.last{margin: 0;} 

#pickup li .archivePanel {list-style: none; float:left; padding: 0; margin-right: 12px; width: 207px;}
#pickup li .noLinkPanel {list-style: none; float:left; padding: 0; margin-right: 12px; width: 209px;}

#pickup li .title, #coordinate li .title{
background: url("/img/store/top/ar_black.gif") no-repeat scroll 0 4px transparent;
font-weight: bold;
line-height: 20px;
padding-left: 10px;
}
.campaignList { letter-spacing: -0.4em; margin-right: -20px;}
.campaignList li { display: inline-block; letter-spacing: normal; margin: 0 20px 10px 0; padding-top: 15px; vertical-align: top; width: 160px; float:left;}
.campaignList .title { display: block; font-weight: bold;}
.campaignList img { margin-bottom: 5px;}
.shareButton { margin: 20px 0;}
.shareButton li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.share { margin-top: 15px;}
.share li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.archive{ margin-top: 10px;}

/* common */
#clothesList, #clothesList_fiveCol { background-color: #f2f2f2; padding: 20px; margin-top: 30px;}
#clothesList li { list-style: none; float:left; padding: 0; margin-right: 12px; /*width: 200px;*/ border-bottom: 1px solid #e0e0e0; background-color: #000;}
.firstLine {margin-bottom:11px;}
#clothesList ul{ position:relative; top: -15px; left:0;}
#clothesList_fiveCol li{ list-style: none; float:left; padding: 0; margin-right:10px; /*width: 160px;*/ border-bottom: 1px solid #e0e0e0; background-color: #000;}
#clothesList_fiveCol ul{ position:relative; top:0; left:0; margin-right: -10px;}

#clothesList li.3col { list-style: none; float:left; padding: 0; margin-right: 12px; width: 272px; border-bottom: 1px solid #e0e0e0; background-color: #000;}
#clothesList li.4col {l ist-style: none; float:left; padding: 0; margin-right: 12px; width: 200px; border-bottom: 1px solid #e0e0e0; background-color: #000;}

/* Caption style */
.flex-caption {text-align: right; width: 320px; padding: 10px; position: absolute; left: 530px; top: 40px; background:rgba(255,255,255,0); z-index: 200;}
.flex-caption a {color: #333; text-decoration: none;}	
.flex-caption a:hover {color: #7f0019; text-decoration: underline;}	
.coordinateItemList li {padding-bottom: 4px; color: #999; line-height: 102%;}
.item { font-size: 11px; text-decoration: none; margin-right: 3px;}
.day { margin-right: 3px; color: #999; font-size: 90%;}
.num { margin-left: 5px;font-size: 90%;}
.en {font-size: 80%; margin-left: 1px;}

#topPanel {
position: relative;
width: 880px;
height: 450px;
overflow:hidden;
margin-bottom:5px;
}
#topPanel ul {
position: relative;
width: 880px;
height: 450px;
overflow:hidden;
margin-bottom:5px;
}
#topPanel li {
　position:absolute;
　top:0;
　left:0;
　width: 880px;
　height: 450px;
　z-index:8;
　opacity:0.0;
　overflow:hidden;
}
#topPanel li.active {
　z-index:10;
　opacity:1.0;
}
#topPanel li.last-active {
　z-index:9;
}

body #checkWomen h1,
body #checkMen h1,
body #knitWomen h1,
body #knitMen h1,
body #coatWomen h1,
body #jacketMen h1 {border-bottom:none;} 
/*body #knitWomen h1,
body #knitMen h1 {display:block; position:absolute; margin: 70px 0 0 70px; z-index:21;}
body #coatWomen h1 {display:block; position:absolute; margin: 90px 0 0 60px; z-index:21;}
body #jacketMen h1 {display:block; position:absolute; margin: 90px 0 0 430px; z-index:21;}*/

body #checkWomen h1,
body #checkMen h1 {
  background-image: url("/img/store/clothes/2012aw/style/01/title_top.png");
  background-repeat: no-repeat; height: 60px; margin:12px 0 10px; border: 0; font: 0/0 a; text-shadow: none; color: transparent;
  background-position: 0 5px;
  overflow: hidden;
  width: 400px;
}
body #knitWomen h1,
body #knitMen h1 {
  background-image: url("/img/store/clothes/2012aw/style/02/title_top.png");
  background-repeat: no-repeat; height: 60px; margin:12px 0 10px; border: 0; font: 0/0 a; text-shadow: none; color: transparent;
  background-position: 0 5px;
  overflow: hidden;
  width: 400px;
}
body #coatWomen h1 {
  background-image: url("/img/store/clothes/2012aw/style/03/women/title_top2.png");
  background-repeat: no-repeat; height: 60px; margin:12px 0 10px; border: 0; font: 0/0 a; text-shadow: none; color: transparent;
  background-position: 0 0;
  overflow: hidden;
  width: 400px;
}

body #jacketMen h1 {
  background-image: url("/img/store/clothes/2012aw/style/03/men/title_top2.png");
  background-repeat: no-repeat; height: 60px; margin:10px 0; border: 0; font: 0/0 a; text-shadow: none; color: transparent;
  background-position: 0 0;
  overflow: hidden;
  width: 400px;
}
#checkWomenDetail h1,
#checkMenDetail h1 {
  background-image: url("/img/store/clothes/2012aw/style/01/title_top.png");
  background-repeat: no-repeat; height: 60px; margin-top:8px; border: 0; font: 0/0 a; text-shadow: none; color: transparent;
  background-position: 0 5px;
  overflow: hidden;
  width: 400px;
}
#knitWomenDetail h1,
#knitMenDetail h1 {
  background-image: url("/img/store/clothes/2012aw/style/02/title_top.png");
  background-repeat: no-repeat; height: 60px; margin-top:8px; border: 0; font: 0/0 a; text-shadow: none; color: transparent;
  background-position: 0 5px;
  overflow: hidden;
  width: 400px;
}
#coatWomenDetail h1 {
  background-image: url("/img/store/clothes/2012aw/style/03/women/title_top2.png");
  background-repeat: no-repeat; height: 60px; margin-top:8px; border: 0; font: 0/0 a; text-shadow: none; color: transparent;
  background-position: 0 0;
  overflow: hidden;
  width: 400px;
}

#jacketMenDetail h1 {
  background-image: url("/img/store/clothes/2012aw/style/03/men/title_top2.png");
  background-repeat: no-repeat; height: 60px; margin-top:8px; border: 0; font: 0/0 a; text-shadow: none; color: transparent;
  background-position: 0 0;
  overflow: hidden;
  width: 400px;
}

#clothesList a img, #clothesList_fiveCol a img {
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}

#clothesList a:hover img, #clothesList_fiveCol a:hover img {opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -ms-filter: "alpha( opacity=80 )";
-webkit-transition: 0;
   -moz-transition: 0;
     -o-transition: 0;
        transition: 0;
}

/* breadcrumbs */
#breadcrumbs ol {
  background: url("") repeat-x scroll 0 0 #fff;
  height: 19px;
}