@charset "UTF-8";
/*////////////////////////////////////////////////////////////
UNIQLO - base.css

Copyright (C) UNIQLO Co., Ltd. All Rights Reserved.
------------------------------------------------------------

[Reset]
	0. Yahoo UI Library: Reset CSS, Fonts CSS
	1. HTML, Body, Anchor
	2. Heading, Form
	99. Others
		99-1. Inline-level Elements
		99-2. Block-level Elements
		99-3. For IE - Page Zoom
[Main Layout]
	2. Contaier
	3. Header
	4. KeyVisual
	5. MenuArea
	6. Content
	7. Footer
[Header]
	1. Site Name
	2. Nav
[MenuArea]
[Footer]
	1. Site Info
	2. World Nav
[Common Page]
	1. Site Announcement(404,system maintenance)
	2. Noscript Message
[Clearfix]
[Other]

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

/* ################################################################################
	[Reset] Resetting HTML elements styles
   ################################################################################ */
/* ------------------------------------------------------------
	0. Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ------------------------------------------------------------
	1. HTML, Body, Anchor
   ------------------------------------------------------------ */
html {
	height: 100%;
	overflow-y: scroll;
}

body {
	height: 100%;
	font-family: verdana,arial,sans-serif;
	line-height: 1.2;
	text-align: center;
}

a:link,
a:visited { color: #069; text-decoration: none; }

a:hover,
a:active  { color: #069; text-decoration: underline; }

/* ------------------------------------------------------------
	2. Heading, Form
   ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 { line-height: 1; }

legend { display: none; }
label { cursor: pointer; }

/* ------------------------------------------------------------
	99. Others
   ------------------------------------------------------------ */

/*  99-1. Inline-level Elements
   ------------------------------------------------- */
img { vertical-align: top; }
object { outline: none; }
strong { font-weight: bold; }

input,
select,
textarea {
	font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

/*  99-2. Block-level Elements
   ------------------------------------------------- */
hr { display: none; }

/*  99-3. For IE
   ------------------------------------------------- */
/* For IE7 Page Zoom */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/* ################################################################################
	[Main Layout] Setting main structure layout
   ################################################################################ */

/* ------------------------------------------------------------
	2. Container
   ------------------------------------------------------------ */
#container {
	width: 950px;
	min-height: 100%;
	margin: 0 auto;
	border-left: 1px solid #dcdcdc;
	background: url(http://im.store.uniqlo.com/pc/img/material/bg-grid-1.gif) repeat-y 100% 0;
	text-align: left;
}
* html #container { height: 100%; }

/* ------------------------------------------------------------
	3. Header
   ------------------------------------------------------------ */
#header {
	position: relative;
	z-index: 10; /* front of #content */
	height: 70px;
	background: url(http://im.store.uniqlo.com/pc/img/material/nav/bg-gnav-line-01.gif) repeat-x 100% 0;
}

/* ------------------------------------------------------------
	4. KeyVisual
   ------------------------------------------------------------ */
#keyVisual {
	position: relative;
	z-index: 1000;
	width: 951px;
	height: 601px;
	margin-left: -1px;
	background: #000;
}

/* ------------------------------------------------------------
	5. MenuArea
   ------------------------------------------------------------ */
#menuArea{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 66px;
}

#followMenuBar{
	z-index: 10;
	top: 0;
}
#followMenuBar li {
	float: left;
	background-color: #1e1e1e;
}
#followMenuBar li a {
	display: block;
	width: 317px;
	height: 66px;
	background: url(../img/en/spr_gnav.gif) no-repeat scroll transparent;
	color: #fff;
	text-indent: -9999px;
}

.ru #followMenuBar li a {
	background: url(../img/ru/spr_gnav.gif) no-repeat scroll transparent;
	}
.fr #followMenuBar li a {
	background: url(../img/fr/spr_gnav.gif) no-repeat scroll transparent;
	}

#followMenuBar li a.men {
background-position: 0 0;
}
#followMenuBar li a.women {
background-position: -317px 0;
}
#followMenuBar li a.special {
background-position: -634px 0;
}
#followMenuBar li a.men:hover {
background-position: 0 -66px;
}
#followMenuBar li a.women:hover {
background-position: -317px -66px;
}
#followMenuBar li a.special:hover {
background-position: -634px -66px;
}

/* ------------------------------------------------------------
	6. Content
   ------------------------------------------------------------ */
#content {
	padding-bottom: 70px;
}

/* ------------------------------------------------------------
	7. Footer
   ------------------------------------------------------------ */
#footer {
	position: relative;
	clear: both;
}
#footer .siteInfo {
	height: 40px;
	margin-bottom: 12px;
	background: #333;
	color: #fff;
	font-size: 77%;
}
#footer .siteInfo a { color: #fff; }
#footer .siteInfo .utility01 { padding: 14px 0 0 5px; }
#footer .siteInfo .utility01,
#footer .siteInfo .utility01 li { float: left; }
#footer .siteName { float: right; }
#footer .copyright {
	position: absolute;
	right: 12px;
	top: 52px;
	text-transform: uppercase;
}
#footer .navWorld {
	padding: 0 0 20px 13px;
	text-transform: uppercase;
}

#footer .navWorld dt,
#footer .navWorld dd { float: left; }

#footer .navWorld dt { margin-right: 8px; }

/* ################################################################################
	[Header] Setting header styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Site Name
   ------------------------------------------------------------ */
#header .siteName { /* with h1, p */
	float: left;
	position: relative;
	left: -1px;
	margin-right: -1px;
}

* html #header .siteName {
	left: 0;
	margin-right: 0;
}

/* ------------------------------------------------------------
	2. Nav
   ------------------------------------------------------------ */

/*  2-1. Global Nav
   ------------------------------------------------- */
div#header ul#navGlobal { float: left; }

/* NOTE: may need IE6 backgrond flicker fix */
div#header ul#navGlobal li {
	float: left;
	height: 69px;
	display: block;
}
div#header ul#navGlobal li.l1 {
	width: 168px;
}
div#header ul#navGlobal li.l2 {
	width: 162px;
}
div#header ul#navGlobal li.l3 {
	width: 157px;
}
div#header ul#navGlobal li.l4 {
	width: 149px;
}

div#header ul#navGlobal li a {
	height: 69px;
	background-position: 0 0;
	text-indent: -999px;
	overflow: hidden;
	display: block;
}
div#header ul#navGlobal li.l1 a {
	background: url(http://www.uniqlo.com/us/common/images/unav-header-01.gif) no-repeat;
}
div#header ul#navGlobal li.l2 a {
	background: url(http://www.uniqlo.com/us/common/images/unav-header-02.gif) no-repeat;
}
div#header ul#navGlobal li.l3 a {
	background: url(http://www.uniqlo.com/us/common/images/unav-header-03.gif) no-repeat;
}
div#header ul#navGlobal li.l4 a {
	background: url(http://www.uniqlo.com/us/common/images/unav-header-04.gif) no-repeat;
}

div#header ul#navGlobal li a:hover {
	background-position: 0 -69px;
}

div#header ul#navGlobal { float: left; }

/* NOTE: may need IE6 backgrond flicker fix */
div#header ul#navGlobal li {
	float: left;
	height: 69px;
	display: block;
}
div#header ul#navGlobal li.l1 {
	width: 168px;
}
div#header ul#navGlobal li.l2 {
	width: 162px;
}
div#header ul#navGlobal li.l3 {
	width: 157px;
}
div#header ul#navGlobal li.l4 {
	width: 149px;
}
div#header ul#navGlobal li.l5 {
	width: 138px;
}
.sg div#header ul#navGlobal li.l1 a {
	background: url(http://www.uniqlo.com/sg/common/images/unav-header-01.gif) no-repeat;
}
.sg div#header ul#navGlobal li.l2 a {
	background: url(http://www.uniqlo.com/sg/common/images/unav-header-02.gif) no-repeat;
}
.sg div#header ul#navGlobal li.l3 a {
	background: url(http://www.uniqlo.com/sg/common/images/unav-header-03.gif) no-repeat;
}
.sg div#header ul#navGlobal li.l4 a {
	background: url(http://www.uniqlo.com/sg/common/images/unav-header-04.gif) no-repeat;
}
.sg div#header ul#navGlobal li.l5 a {
	background: url(http://www.uniqlo.com/sg/common/images/unav-header-05.gif) no-repeat;
}

.sg div#header ul#navGlobal li a:hover {
		background-position: 0 -69px;
	}

.hk div#header ul#navGlobal li.l1 {
	width: 101px;
}
.hk div#header ul#navGlobal li.l2 {
	width: 102px;
}
.hk div#header ul#navGlobal li.l3 {
	width: 102px;
}
.hk div#header ul#navGlobal li.l4 {
	width: 202px;
}
.hk div#header ul#navGlobal li.l5 {
	width: 124px;
}
.hk	div#header ul#navGlobal li.l1 a {
		background: url(http://www.uniqlo.com/hk/common/images/unav-header-01.gif) no-repeat;
	}
.hk div#header ul#navGlobal li.l2 a {
		background: url(http://www.uniqlo.com/hk/common/images/unav-header-02.gif) no-repeat;
	}
.hk div#header ul#navGlobal li.l3 a {
		background: url(http://www.uniqlo.com/hk/common/images/unav-header-03.gif) no-repeat;
	}
.hk div#header ul#navGlobal li.l4 a {
		background: url(http://www.uniqlo.com/hk/common/images/unav-header-04.gif) no-repeat;
	}
.hk div#header ul#navGlobal li.l5 a {
		background: url(http://www.uniqlo.com/hk/common/images/unav-header-05.gif) no-repeat;
	}

.hk div#header ul#navGlobal li a:hover {
		background-position: 0 -69px;
	}

.ru div#header ul#navGlobal li.l1 {
	width: 154px;
}
.ru div#header ul#navGlobal li.l2 {
	width: 142px;
}
.ru div#header ul#navGlobal li.l3 {
	width: 236px;
}
.ru div#header ul#navGlobal li.l4 {
	width: 229px;
}
.ru div#header ul#navGlobal li.l1 a {
	background: url(http://www.uniqlo.com/ru/common/images/unav-header-01.gif) no-repeat;
}
.ru div#header ul#navGlobal li.l2 a {
	background: url(http://www.uniqlo.com/ru/common/images/unav-header-02.gif) no-repeat;
}
.ru div#header ul#navGlobal li.l3 a {
	background: url(http://www.uniqlo.com/ru/common/images/unav-header-03.gif) no-repeat;
}
.ru div#header ul#navGlobal li.l4 a {
	background: url(http://www.uniqlo.com/ru/common/images/unav-header-04.gif) no-repeat;
}

.ru div#header ul#navGlobal li a:hover {
	background-position: 0 -69px;
}

.fr div#header ul#navGlobal li.l1 {
	width: 195px;
}
.fr div#header ul#navGlobal li.l2 {
	width: 136px;
}
.fr div#header ul#navGlobal li.l3 {
	width: 154px;
}
.fr div#header ul#navGlobal li.l4 {
	width: 154px;
}
.fr div#header ul#navGlobal li.l1 a {
	background: url(http://www.uniqlo.com/fr/common/images/unav-header-01.gif) no-repeat;
}
.fr div#header ul#navGlobal li.l2 a {
	background: url(http://www.uniqlo.com/fr/common/images/unav-header-02.gif) no-repeat;
}
.fr div#header ul#navGlobal li.l3 a {
	background: url(http://www.uniqlo.com/fr/common/images/unav-header-03.gif) no-repeat;
}
.fr div#header ul#navGlobal li.l4 a {
	background: url(http://www.uniqlo.com/fr/common/images/unav-header-04.gif) no-repeat;
}

.fr div#header ul#navGlobal li a:hover {
	background-position: 0 -69px;
}


/*  2-2. Utility Nav
   ------------------------------------------------- */
#header .navUtility {
	float: right;
	width: 305px;
	background: #000;
}

#header .navUtility ul { width: 305px; }
#header .navUtility ul li {
	float: left;
	height: 35px;
/*	overflow: hidden;*/
	color: #fff;
}

#header .navUtility ul li a { color: #fff; }
#header .navUtility ul.utility01 { background: #313031; }

/* cart */
#header .navUtility li.cart { position: relative; }

#header .navUtility li.cart ul {
	display: none;
	position: absolute;
	top: 35px;
	left: -4px;
	width: 148px;
	padding: 12px 0;
	background: #000;
}
#header .navUtility li.cart:hover ul,
#header .navUtility li.cart.hover ul { /* REQUIRED: JS for IE6, add class */
	display: block;
}

#header .navUtility li.cart ul li {
	float: none;
	height: auto;
	margin: 0;
	padding: 0 10px 8px;
	text-align: right;
}

#header .navUtility li.cart ul li img {
	float: left;
	margin-right: 3px;	
}
* html #header .navUtility li.cart ul li img { margin: 2px 3px 0 -2px; }

#header .navUtility ul.utility02 li.cart ul li.quantity,
#header .navUtility ul.utility02 li.cart ul li.total {
	font-size: 85%;
	line-height: 11px;
}

#header .navUtility ul.utility02 li.cart ul li.msg {
	clear: both;
	padding-top: 4px;
	padding-bottom: 0;
	color: #fffb31;
	font-size: 77%;
	line-height: 1.2;
	text-align: left;
}

/* ################################################################################
	[Footer] Setting footer styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Site Info
   ------------------------------------------------------------ */
#footer div.siteInfo {
	height: 40px;
	margin-bottom: 12px;
	background: #333;
	color: #fff;
	font-size: 77%;
}

/* utility nav */
#footer div.siteInfo a { color: #fff; }

#footer div.siteInfo ul.utility01 { padding: 14px 0 0 5px; }

#footer div.siteInfo ul.utility01,
#footer div.siteInfo ul.utility01 li { float: left; }

/* logo, copyright */
#footer div.siteName { float: right; }

#footer div.copyright {
	position: absolute;
	right: 12px;
	top: 52px;
	text-transform: uppercase;
}

.hk div#footer div.copyright {
	position: static;
	float: right;
	padding: 15px 12px 0;
	text-transform: uppercase;
}


/* ------------------------------------------------------------
	2. World Nav
   ------------------------------------------------------------ */
#footer dl.navWorld {
	padding: 0 0 20px 13px;
	text-transform: uppercase;
}

#footer dl.navWorld dt,
#footer dl.navWorld dd { float: left; }

#footer dl.navWorld dt { margin-right: 8px; }


/* ################################################################################
	[Common Page] 
   ################################################################################ */

/* ------------------------------------------------------------
	1. Site Announcement
   ------------------------------------------------------------ */
div.siteAnnouncement {
	padding: 19px 17px 150px 17px;
	font-size: 85%;
	line-height: 1.6;
}

div.siteAnnouncement p { padding: 0 0 15px; }

/* ------------------------------------------------------------
	2. Noscript Message
   ------------------------------------------------------------ */
span.msgNoscript {
	display: block;
	padding: 10px;
	font-size: 93%;
	line-height: 1.5;
}

p.msgNoscript { padding: 20px; }

/* L4 */
#prodMainImg p.msgNoscript {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

/* ################################################################################
	[Clearfix] Clearfix CSS Hack
   ################################################################################ */
/* use "clearfix" class name, but not main elements */
#header:after,
#content:after,
#inner:after,
#header .navUtility ul.utility01:after,
#header .navUtility ul.utility02:after,
#footer div.siteInfo:after,
#footer div.siteInfo .utility01:after,
#footer dl.navWorld:after,
#blkTopicList:after,
div.blkItemList:after,
div.feature-L:after,
#sidebar ul.navUtility:after,
div.checkableItemContainer:after,
div.linkList2col ul:after,
table.tblWordAndDetail div.QRAndNotes:after,
table.tblWordAndDetail ul.inputs li:after,
#prodReview dl.listReview:after,
.clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden;}

#header,
#content,
#inner,
#header .navUtility ul.utility01,
#header .navUtility ul.utility02,
#footer div.siteInfo,
#footer div.siteInfo .utility01,
#footer dl.navWorld,
#blkTopicList,
div.blkItemList,
div.feature-L,
#sidebar ul.navUtility,
div.checkableItemContainer,
div.linkList2col ul,
table.tblWordAndDetail div.QRAndNotes,
table.tblWordAndDetail ul.inputs li,
#prodReview dl.listReview,
.clearfix {display:inline-block;}

/* exclude MacIE5 [start] \*/
* html #header,
* html #content,
* html #inner,
* html #header .navUtility ul.utility01,
* html #header .navUtility ul.utility02,
* html #footer div.siteInfo,
* html #footer div.siteInfo .utility01,
* html #footer dl.navWorld,
* html #blkTopicList,
* html div.blkItemList,
* html div.feature-L,
* html #sidebar ul.navUtility,
* html div.checkableItemContainer,
* html div.linkList2col ul,
* html table.tblWordAndDetail div.QRAndNotes,
* html table.tblWordAndDetail ul.inputs li,
* html #prodReview dl.listReview,
* html .clearfix {height:1%;}

#header,
#content,
#inner,
#header .navUtility ul.utility01,
#header .navUtility ul.utility02,
#footer div.siteInfo,
#footer div.siteInfo .utility01,
#footer dl.navWorld,
#blkTopicList,
div.blkItemList,
div.feature-L,
#sidebar ul.navUtility,
div.checkableItemContainer,
div.linkList2col ul,
table.tblWordAndDetail div.QRAndNotes,
table.tblWordAndDetail ul.inputs li,
#prodReview dl.listReview,
.clearfix {display:block;}
/* exclude MacIE5 [end] */

/* ################################################################################
	[Other] 
   ################################################################################ */

/* ------------------------------------------------------------
	. For JavaScript
   ------------------------------------------------------------ */
.btn,
.stripe,
.pattern01,
.pattern02 {}