@charset "utf-8";

/**  common.css Menu *********************************************

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

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

  Layout

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

/* Box
--------------------------------------*/
.id_container{
padding: 15px 0 0 0;
}

.id_content{
width: 990px;
margin: 15px auto 0 auto;
}

.warea{
background: #ffffff;
padding: 18px;
}

.wareaside{
background: #ffffff;
padding: 0 0 20px 0;
}

.margin01{
margin: 15px 0 0 0;
}

.dotarea{
background: url() no-repeat left top;
padding: 20px 15px 0 15px;
margin: 20px 0 0 0;
}

.dotareanone{
padding: 15px 15px 0 15px;
margin: 0 0 20px 0;
}

.dotareaselect{
padding: 0 15px 0 15px;
margin: 20px 0 0 0;
}


/* Width
--------------------------------------*/
.gd01{
width: 180px;
}

.gd02{
width: 570px;
margin: 0 0 0 15px;
}

.gd03{
width: 765px;
}


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

  Header

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

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

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

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

.id_header{
background: none;
margin: 0 auto 15px auto;
position: relative;
z-index: 10;
}

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

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

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

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

.id_header div.navArea ul.id_navHeader{
float: left;
}

.id_header div.navArea ul.id_navHeader > li.focus{
margin: 0 0 50px 0;
}

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

.id_header div.navArea ul.navUtility{
float: right;
}

.id_header .id_gnav_cart_target{
z-index: 1000;
display: none;
}

.id_header div.navArea li ul.info{
background: #3c3c3c;
position: absolute;
width: 111px;
padding: 10px 12px 0 12px;
top: 50px;
right: 0px;
}

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

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

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

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

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

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

.id_header ul.navCategoryHidden{
display: none;
}

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

.id_header ul.navCategory li ul.hidden{
display: none;
}

.id_header ul.navCategory li ul.sub{
background: #000000 url(https://img-origin.uniqlo.cn/siterenew/img/bgr_nav_sub_xl.gif) no-repeat;
width: 350px;
padding: 18px 0px 10px 14px;
line-height: 200%;
position: absolute;
top: 50px;
left: 0px;
z-index: 100;
}

.id_header ul.navCategory li ul.sub li{
float: left;
width:160px;
margin-right: 15px;
}

.id_header ul.navCategory li ul.sub li a{
background: url(https://img-origin.uniqlo.cn/siterenew/img/bgr_arrow_white.gif) no-repeat 0px 10px;
font-size: 12px;
line-height: 200%;
padding: 0 0 5px 14px;
display: block;
}

.id_header ul.navCategory li ul.sub li.focus{
background: url(https://img-origin.uniqlo.cn/siterenew/img/bgr_arrow_red.gif) no-repeat 0px 5px;
}

.navCategory{
z-index: 999;
}

.navCategoryHidden{
z-index:1000;
}

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

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



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

  Footer

------------------------------------------------------------------*/
.id_footer{
width: 990px;
margin: 15px auto 0 auto;
padding: 0 0 20px 0;
}

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

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

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

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

.id_footer div.siteinfo .id_goPageTop{
position: absolute;
top: 14px;
right: 13px;
}

.id_footer dl.world{
margin: 11px 0 0 0;
font-size: 0%;
line-height: 100%;
}

.id_footer dl.world dt{
float: left;
margin: 0 3px 0 0;
}

.id_footer dl.world dd{
float: left;
}

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


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

  Common style

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

/* Title
--------------------------------------*/
.tittype01{
background: #000000 url(https://img-origin.uniqlo.cn/siterenew/img/logo_uq_01.gif) no-repeat right top;
position: relative;
height: 50px;
margin: 15px 0 0 0;
}

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

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

.tittype02b{
background: #666666;
position: relative;
height: 77px;
margin: 15px 0 0 0;
}


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

.tittype03{
float: left;
font-size: 0%;
line-height: 100%;
}

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

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

.tittype02b img.pagetop{
position: absolute;
top: 27px;
right: 16px;
}


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

	fix taobao layout
	
-------------------------------------------------------------- */

.id_header{
	margin: 0 auto 0px auto;
}

.col-main .box .bd{
	overflow: visible !important;
	background-color:transparent !important;
}

.grid-m .main-wrap{
	overflow: visible !important;
}


.id_footer{ background-color:#E6E6E6 }

#hd {
	overflow: visible !important;
}

#ft .col-main .box .bd{
	background-color:transparent;
}