#breadcrumbs, #toplead, #coordinateList {width: 880px; margin: 0 auto;}

#concept, #shoplist {margin-bottom: 100px;}
#concept #Basic, #concept #Practical, #concept #Comfortable, #concept #Environmentally {margin-bottom: 60px;}
#toplead h1 {
/*margin-top: 30px;
border: 0;
padding:140px 0 0 40px;
background-image: url("/img/store/clothes/family2015ss/top.jpg");
background-size:100% auto;
background-position: 75% 16%;
background-repeat: no-repeat;
height: 320px;
overflow: hidden;
text-indent: -9999px;
width: 840px;*/
margin-top: 30px;
  border: 0;
  padding: 160px 0 0 40px;
  background-image: url("/img/store/clothes/family2015ss/top.jpg");
  background-size: 130% auto;
  background-position: 80% 16%;
  background-repeat: no-repeat;
  height: 220px;
  overflow: hidden;
  /* text-indent: -9999px; */
  width: 840px;
  font-size: 30px;
}

#toplead img {float: left;}
#toplead {margin-bottom: 30px;}
#coordinateList h1 {font-size: 18px; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}

/* coordinateList */
#coordinateList {margin-bottom: 30px;}
#coordinateList li {float:left;}
#coordinateList li img {width:220px; height:352px;}
#coordinateList a {display: block; text-decoration: none; background: #000;}
#coordinateList li a img {vertical-align:bottom; 
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}
#coordinateList li a:hover img { filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
-webkit-transition: 0;
   -moz-transition: 0;
     -o-transition: 0;
        transition: 0;
}

/* news */
.focus {border-color: #e5e5e5; line-height: 150%;}
#news h1 {font-size: 15px; margin: 0; border: 0;}


/* sectionList */
#sectionList {margin: 10px 0 20px; border-radius: 5px; }
#sectionList h1{ font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;}
#sectionList li {float:left; height: auto; vertical-align: top; display: inline-block; border-radius: 3px; background: #000;}
#sectionList li:last-child {margin-right: 0;}
#sectionList a {display: block; text-decoration: none; padding: 10px; position: relative; background: #fff; cursor: pointer; *zoom: 1; width: 155px; height: auto; 
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}
#sectionList a:hover { filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
-webkit-transition: 0;
   -moz-transition: 0;
     -o-transition: 0;
        transition: 0;
}
#sectionList .img {display: inline-block; height: 50px; width: 50px; background-repeat: none; vertical-align: bottom; /* IE8 Bug Fix */}
#sectionList li#sub01 .img1 {background-image: url(http://img.muji.net/img/item/4549337706309_50.jpg);}
#sectionList li#sub01 .img2 {background-image: url(http://img.muji.net/img/item/4549337742161_50.jpg);}
#sectionList li#sub02 .img1 {background-image: url(http://img.muji.net/img/item/4549337699182_50.jpg);}
#sectionList li#sub02 .img2 {background-image: url(http://img.muji.net/img/item/4549337756939_50.jpg);}
#sectionList li#sub03 .img1 {background-image: url(http://img.muji.net/img/item/4549337910690_50.jpg);}
#sectionList li#sub03 .img2 {background-image: url(http://img.muji.net/img/item/4549337920811_50.jpg);}
#sectionList li#sub04 .img1 {background-image: url(http://img.muji.net/img/item/4549337791985_50.jpg);}
#sectionList li#sub04 .img2 {background-image: url(http://img.muji.net/img/item/4549337687493_50.jpg);}
#sectionList li#sub05 .img1 {background-image: url(http://img.muji.net/img/item/4549337731431_50.jpg);}
#sectionList li#sub05 .img2 {background-image: url(http://img.muji.net/img/item/4549337714441_50.jpg);}
#sectionList li#sub06 .img1 {background-image: url(http://img.muji.net/img/item/4549337672727_50.jpg);}
#sectionList li#sub06 .img2 {background-image: url(http://img.muji.net/img/item/4549337685376_50.jpg);}
#sectionList .img1 {margin-left: 15px;}
#sectionList .img2 {margin-left: 5px;}
#sectionList .name {display: block; padding: 5px 10px 5px 16px; _height: 35px; min-height: 35px;
background: url("/img/store/common/sprite_sidenav.png") no-repeat 8px -175px;
_background: url(/img/store/common/ie6_arrow.gif) no-repeat 7px 3px;
}


/* coordinate detail */
.item {font-size: 11px; text-decoration: none; display: inline-block; color:#999;}
#detail li a .item {font-size: 11px; color:#333; text-decoration: none;}
#detail li a:hover .item {font-size: 11px; color: #7F0019;}
.day {margin-right: 3px; color: #999; font-size: 90%;}
.num {font-size: 90%; margin-left: 3px;}
.en {font-size: 80%; margin-left: 1px;}
.itemDetail li img {display:inline-block; width: 22px; height: 22px; text-indent:0; padding-right:5px;}

#detail #main {width: 840px; height: 830px; position: relative; margin: 0;}
#detail #main .largeImg {margin: 0 auto; width: 427px;}
#detail #main .largeImg img {width: 427px; height: 569px;}
#detail #main .lead {margin: 10px 0 10px 20px; font-size: 13px;}
.itemDetail img { vertical-align: bottom;}

.itemList, .itemList3col {padding: 0 10px 0 20px;}
.itemList ul, .itemList3col ul, itemList4col ul {width: 840px;}
.itemList li {float:left; width:400px; margin: 0 20px 5px 0;}
.itemList li:last-child, .itemList li:last-child li {margin-right: 0;}
.itemList3col li {float:left; width:260px; margin: 0 20px 5px 0;}
.itemList3col .item {width: 230px; padding: 0;}
.itemList4col li { float: left; width: 190px;  margin: 0 20px 5px 0; } 
.itemList4col li:last-child {margin-right: 0;} 
.itemList4col .item {width: 160px; padding:0;}
#detail .itemDetail li {clear: both;}
#detail .itemDetailTitle {color: #666; padding-bottom: 3px; border-bottom: 1px solid #e6e6e6;}

#prev a { display: block; position: absolute; top: 30px; left: 20px; text-indent: -9999px; width: 420px; height: 500px;
background: url(/img/store/clothes/family2012ss/prev.png) no-repeat 5px 240px;}
#prev a:hover { background: url(/img/store/clothes/family2012ss/prev_over.png) no-repeat  5px 240px;}
#next a { display: block; position: absolute; top: 30px; right: -25px; text-indent: -9999px; width: 420px; height: 500px;
background: url(/img/store/clothes/family2012ss/next.png) no-repeat 375px 240px;}
#next a:hover { background: url(/img/store/clothes/family2012ss/next_over.png) no-repeat 375px 240px;}
.relatedLink {text-align: right; margin: 10px 3px 0 0; *margin: 10px 20px 0 0; float: left;}

/* fancyBox */
.fancyBox {background-image: none; padding: 0; width: auto; height: auto; background-position: 0 0;}
#fancybox-inner {padding: 0; top: 0; left: 0; width: 860px; min-height:300px;}
#fancybox-outer {height: 850px; min-height:300px;}
#fancybox-wrap {overflow: hidden;}
a#fancybox-close {cursor: pointer; position: absolute; top: 15px; right: 20px; background: url(/img/store/clothes/family2012ss/close.png) no-repeat 5px 10px; top: -9999px\9;}
a:hover#fancybox-close {background: url(/img/store/clothes/family2012ss/close_over.png) no-repeat 5px 10px;}

/* share */
.shareButton { margin-top: 15px; text-align: right;}
.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;}

/* clearfix */
#main, #detail .itemDetail li, #detail, #coordinateList, #sectionList, .itemDetailTitle {zoom:1;}
#main:after,
#detail .itemDetail li:after,
#detail:after,
#coordinateList:after,
#sectionList:after,
.itemDetailTitle:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}

/* usersPhoto */
#usersPhoto {background-color: #f2f2f2; padding:20px; margin:20px 0 30px; *zoom: 1;}
#usersPhoto:after {content: ""; display: block; clear: both;}
#usersPhoto h1 {font-size:15px; margin-bottom:4px; border:0;}
#usersPhoto p {margin-bottom:3px;}
#usersPhoto ul {margin:20px -15px 0 0; text-align:center; position:relative;}
#usersPhoto li {display:inline-block; vertical-align:top; margin-right:15px;}

#usersPhoto .photo01 img {
  /*-webkit-transform: rotate(5deg);  ‰ñ“] 
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(52deg);
  transform: rotate(5deg);*/
  margin-top:15px;
  z-index:0; 
}

#usersPhoto .photo03 img {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(52deg);
  transform: rotate(5deg);
  margin-bottom:15px;
  z-index:1; 
}

#usersPhoto .photo02 img {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-5deg);
  margin:25px 0;
  z-index:2; 
}

#usersPhoto .photo04 img {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(52deg);
  transform: rotate(5deg);
  margin-left:-15px;
  z-index:10; 
}

#usersPhoto .photo05 img {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-10deg);
  margin:-25px 0 0 -15px;
  z-index:0; 
}

#usersPhoto .photo06 img {
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -ms-transform: rotate(52deg);
  transform: rotate(7deg);
  margin-right:15px;
  z-index:5; 
}

#usersPhoto .photo07 img {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-5deg);
  margin-top:-20px;
  z-index:6; 
}

#usersPhoto .photo09 img {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(52deg);
  transform: rotate(5deg);
  margin-top:25px;
  z-index:8; 
}

#usersPhoto .photo08 img {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-5deg);
  margin-bottom:15px;
  z-index:7; 
}

#usersPhoto .photo10 img {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(52deg);
  transform: rotate(5deg);
  margin-top:-15px;
  z-index:8; 
}

#usersPhoto .relatedLink {text-align:right;}
/*#usersPhoto .relatedLink {margin-bottom:30px; text-align:right;}*/
#usersPhoto .relatedLink a {background-color:#fff;}
#usersPhoto .btn {margin-top:15px; text-align:center;}
#usersPhoto .btn a {padding:8px; width:100px; margin:0 5px;}
#usersPhoto .btn .annotation {display:block; margin-top:5px;}