@charset "utf-8";

/**  ec.css Menu *********************************************

*******************************************************************/

/*-----------------------------------------------------------------

  Layout

------------------------------------------------------------------*/

/* Box
--------------------------------------*/
#container{
background: none !important;
padding: 15px 0 0 0;
border: none !important;
min-height: inherit !important;
}

body{
background: #e6e6e6 !important;
height: auto !important;
min-height: 100% !important;
}

#content{
background: #ffffff url("https://im.uniqlo.com/images/jp/pc/img/material/bg-grid-1.gif") repeat-y scroll 759px 0 !important;
}

div.colR div#content { background-position: 189px 0 !important;}

div.colF div#content { background: #ffffff !important; }

#sub{
border: none !important;
}

#goPageTop{
background-image: none !important;
}

/* clearfix
--------------------------------------*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
/*\*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/**/

/*-----------------------------------------------------------------

  Header

------------------------------------------------------------------*/
.headerW01 div.navArea{
width: 960px;
padding: 0 0 0 0;
margin: 0 auto;
}

.headerW02 div.navArea{
width: 950px;
margin: 0 auto;
}

.headerW01 ul.navCategory{
width: 960px;
}

.headerW02 ul.navCategory{
width: 950px;
}

#header{
background: none;
height: auto !important;
margin: 0 auto 15px auto;
position: relative !important;
z-index: 10000 !important;
}

#header ul li{
float: left;
font-size: 0%;
line-height: 100%;
}

#header ul li.gu{
border-right: 1px solid #dcdcdc;
}

#header div.navArea{
position: relative;
background: #ffffff;
height: 50px;
}

*+html #header div.navAreaH02{
height: 100px;
}

#header div.navArea div.siteLogo{
float: left;
font-size: 0%;
line-height: 100%;
}

#header div.navArea ul#navHeader{
float: left;
}

#header div.navArea ul#navHeader > li.focus{
margin: 0 0 50px 0;
}

#header ul li.gu{
border-right: 1px solid #dcdcdc;
}

#header div.navArea ul.navUtility{
float: right;
}

#header #gnav_cart_target{
z-index: 1000;
display: none;
}

#header div.navArea li ul.info{
background: #5a5a5a;
position: absolute;
width: 180px;
padding: 10px 12px 0 12px;
top: 50px;
right: 170px;
}

#header div.navArea li ul.hidden{
display: none;
}

#header div.navArea li ul.info li{
position: relative;
float: none;
height: auto;
text-align: right;
font-size: 11px;
line-height: 100%;
color: #ffffff;
margin: 0 0 10px 0;
padding: 0;
}

#header div.navArea li ul.info li.msg{
text-align: left;
font-size: 10px;
line-height: 140%;
color: #fffb31;
}

#header div.navArea li ul.info li img{
float: left;
}

#header ul.navCategory{
background: #ffffff;
position: absolute;
top: 50px;
left: 0px;
height: 50px;
}

#header ul.bgBlack{
background: #000000;
}

#header ul.navCategoryHidden{
display: none;
}

#header ul.navCategory li{
float: left;
position: relative;
z-index: 10;
}

#header ul.navCategory li ul.hidden{
display: none;
}

#header ul.navCategory li ul.sub{
background: #000000 url(https://im.uniqlo.com/images/jp/pc/img/material/bgr_nav_sub.gif) no-repeat;
width: 152px;
padding: 18px 14px 10px 14px;
line-height: 160%;
position: absolute;
top: 50px;
left: 0px;
z-index: 100;
height: auto;
}

#header ul.navCategory li ul.sub li{
float: none;
}

#header ul.navCategory li ul.sub li a{
background: url(https://im.uniqlo.com/images/jp/pc/img/material/bgr_arrow_white.gif) no-repeat 0px 5px;
font-size: 11px;
line-height: 160%;
padding: 0 0 9px 14px;
display: block;
}

#header ul.navCategory li ul.sub li.focus{
background: url(https://im.uniqlo.com/images/jp/pc/img/material/bgr_arrow_red.gif) no-repeat 0px 5px;
}

.navCategory{
z-index: 999;
}

.navCategoryHidden{
z-index:1000;
}

#header ul li.search{
background: #3c3c3c url(https://im.uniqlo.com/images/jp/pc/img/material/bgr_header_search.gif) no-repeat;
font-size: 12px;
line-height: 100%;
padding: 13px 19px 0 21px;
height: 37px;
color: #ffffff;
}

#header ul li.inputFocus{
background-position: 0 -50px;
}

#header ul li.search input.txt{
background: none;
width: 99px;
height: 20px;
padding: 2px 4px;
border: none;
outline: none;
color: #ffffff;
}

#header ul li.inputFocus input.txt{
color: #000000;
}

#header ul li.search input.btn{
font-size: 0%;
line-height: 100%;
}

#header ul li.search input{
vertical-align: top;
}

.headerW02 ul li.search input.txt{
width: 89px !important;
}

#header ul.navCategory a:link{ text-decoration:none; color:#ffffff; }
#header ul.navCategory a:visited{ text-decoration:none; color:#ffffff; }
#header ul.navCategory a:hover{ text-decoration:none; color:#ff0000; }
#header ul.navCategory a:active{ text-decoration:none; color:#ff0000; }

#header ul.navCategory li.focus a:link{ text-decoration:none; color:#ff0000; }
#header ul.navCategory li.focus a:visited{ text-decoration:none; color:#ff0000; }
#header ul.navCategory li.focus a:hover{ text-decoration:none; color:#ff0000; }
#header ul.navCategory li.focus a:active{ text-decoration:none; color:#ff0000; }



/*-----------------------------------------------------------------

  Footer

------------------------------------------------------------------*/
#footer{
width: 950px;
margin: 15px auto 0 auto;
padding: 0 0 20px 0;
}

#footer div.siteinfo{
background: #000000;
position: relative;
height: 50px;
}

#footer div.siteinfo p.sitename{
float: left;
font-size: 0%;
line-height: 100%;
}

#footer div.siteinfo ul.utility{
float: left;
font-size: 0%;
line-height: 100%;
margin: 15px 0 0 6px;
}

#footer div.siteinfo ul.utility li{
float: left;
}

#footer div.siteinfo #goPageTop{
position: absolute;
top: 14px;
right: 13px;
}

#footer dl.world{
font-size: 0%;
line-height: 100%;
}

#footer dl.world dt{
float: left;
margin: 11px 3px 0 0;
}

#footer dl.world dd{
float: left;
margin: 11px 0 0 0;
}

#footer dl.world dd.second{
margin: 11px 0 0 91px;
}

#footer dl.world dd.last{
overflow:hidden;
}

#footer dl.world dd.last img{
margin-right:-1px;
}

#footer p.copyright{
font-size: 0%;
line-height: 100%;
margin: 11px 0 0 0;
}


/*-----------------------------------------------------------------
  ��������  2011/10/20  �������� start
------------------------------------------------------------------*/


/*-----------------------------------------------------------------

  Title

------------------------------------------------------------------*/

.tittype02{
background: #666666;
position: relative;
height: 50px;
margin: 0 0 15px 0;
}

.tittype01 span,
.tittype02 span{
font-size: 138.5%;
line-height: 110%;
padding: 15px 0 0 16px;
font-weight: normal;
color: #ffffff;
display: block;
}

.tittype02 img.tit{
position: absolute;
top: 16px;
left: 17px;
}

.tittype02 img.pagetop{
position: absolute;
top: 15px;
right: 16px;
}



/*-----------------------------------------------------------------

  Related item

------------------------------------------------------------------*/
#blkItemRelated{
background: #e6e6e6;
padding: 15px 15px 0 0;
}

*+html #blkItemRelated{
padding: 15px 15px 15px 0;
}


div.blkItemList{
position: relative;
margin: 0 0 0 0;
}

*+html div.blkItemList{
margin: 0 -8px 0 0;
}

div.blkItemList{
margin: 0 -8px 0 0\9;
}

div.blkItemList div.unit{
background: #ffffff;
position: relative;
float: left;
border: none !important;
}

div.blkItemList div.unit dl.info{
height: 260px !important;
}

div.blkItemList dl.info dt.name{
position: absolute !important;
font-size: 11px !important;
line-height: 130% !important;
left: 10px !important;
bottom: 10px !important;
z-index: 2 !important;
word-break: break-all;
word-wrap: break-word;
}

div.blkItemList dt.name a{
display: block;
}

div.blkItemList dl.info dd.thumb{
position: absolute !important;
font-size: 0% !important;
line-height: 100% !important;
left: 0px !important;
position: absolute !important;
top: 31px !important;
left: 0px !important;
width: 180px !important;
}

div.blkItemList dl.info dd.price{
position: absolute;
font-size: 11px !important;
font-weight: bold;
text-align: right !important;
right: 12px !important;
bottom: 10px !important;
width: auto !important;
}

div.blkItemList dl.info dd.tag{
position: absolute !important;
font-size: 0% !important;
line-height: 100% !important;
right: 7px !important;
top: 6px !important;
text-align: right !important;
}

div.blkItemList dl.info dd.tag img{
margin: 0 0 3px 6px !important;
}

/* Unit size 03
--------------------------------------*/
div.blkUnitSize03 div.unit{
width: 180px;
height: 260px;
margin: 0 8px 15px 0;
}

div.blkUnitSize03 div.unit:nth-of-type(4n){
margin: 0 0 15px 0;
}

div.blkUnitSize03 div.unit dt.name{
width: 105px !important;
line-height: 110% !important;
}

div.blkUnitSize03 div.unit dd.thumb{
top: 31px;
}

/* link
--------------------------------------*/
div.blkItemList a:link{ text-decoration:none; color:#000000; }
div.blkItemList a:visited{ text-decoration:none; color:#000000; }
div.blkItemList a:hover{ text-decoration:underline; color:#000000; }
div.blkItemList a:active{ text-decoration:underline; color:#000000; }
/*-----------------------------------------------------------------
  ��������  2011/10/20  �������� end
------------------------------------------------------------------*/
