@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]
	1. Container
	2. Header
	3. Content
	4. Footer
	10. Liquid Layout
[Header]
	1. Site Name
	2. Nav
[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: 'Lucida Sans', sans-serif;
	line-height: 1.2;
	text-align: center;
}
/* IE7 */
*:first-child+html body{
	font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}
/*a:link,
a:visited { color: #069; text-decoration: none; }

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

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

a:hover,
a:active  { color: #000; 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: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
/* IE7 */
*:first-child+html input{font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;}
*:first-child+html select{font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;}
*:first-child+html 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
   ################################################################################ */

/* ------------------------------------------------------------
	1. Container
   ------------------------------------------------------------ */
div#container {
	width: 950px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0 0 42px 0;
	border-left: 1px solid #dcdcdc;
	background: url(../images/bg-grid-1.gif) repeat-y 100% 0;
	text-align: left;
}
* html div#container { height: 100%; }

/* ------------------------------------------------------------
	2. Header
   ------------------------------------------------------------ */
div#header {
	position: relative;
	z-index: 10; /* front of div#content */
	height: 70px;
	background: url(../images/bg-gnav-line-01.gif) repeat-x 100% 0;
}

/* ------------------------------------------------------------
	3. Content
   ------------------------------------------------------------ */
div#content {
	background: url(../images/bg-grid.gif) repeat-y 189px top;
}

div#main {
	position: relative;
	margin-bottom: -1px;
	float: right;
	width: 760px;
	/*padding-bottom: 99px;*/
}

div#main div#inner {
	background: url(../bg-grid-570-horizon.gif) repeat-x 0 100%;
}

div#sub {
	position: relative;
	margin-bottom: -1px;
	float: left;
	width: 189px;
	overflow: hidden;
	/*padding-bottom: 50px;*/
}

div#main div#primary {
	float: right;
	width: 190px;
	overflow: hidden;
}

div#main div#secondary {
	float: left;
	width: 570px;
	font-size: 11px;
	/*\*/
	*font-size: 85%;
	/**/
	line-height: 1.5;
}
div#main div#secondary table {
	font-size: 11px;
	/*\*/
	*font-size: 100%;
	/**/
	line-height: 1.5;
}
div#main div#secondary h1,
div#main div#secondary h2,
div#main div#secondary h3,
div#main div#secondary h4,
div#main div#secondary h5,
div#main div#secondary h6 {
	font-size: 100%;
	line-height: 1.5;
}

/* Common Title 00 */
.ttl00 {
	border-bottom: solid 1px #DCDCDC;
}

/* Common Title 01 */
.ttl01 {
	padding: 21px 0 21px 28px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	background: #f5f5f5 url(../images/ico-bullet-01.gif) no-repeat 14px 49%;
	font-size: 85%;
	font-weight: bold;
	zoom: 1; /* For IE Print */
}

.ttl01 img { vertical-align: middle; }

.ttl01 span { /* For text content */
	display: block;
	padding: 2px 0 0;
	font-weight: normal;
	font-size: 118%;
}

.ttl01 span strong { font-weight: bold; }

.ttl01 strong.required { margin-left: 15px; }

/* Common Title 02 */
.ttl02 {
	padding: 40px 20px;
	border-bottom: 1px solid #dcdcdc;
	color: #666;
	font-size: 182%;
}

*:first-child+html .ttl02 { padding-top: 45px; }
* html .ttl02 { padding-top: 45px; }


/* ------------------------------------------------------------
	4. Footer
   ------------------------------------------------------------ */
div#footer {
	clear: both;
	position: relative;
	width: 100%;
}


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

/* ------------------------------------------------------------
	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;
	width: 70px;
	height: 70px;
	background: url(../images/spr-gnav-01.gif) no-repeat 0 -69px; /* for hover img */
	text-indent: -9999px;
}
div#header ul#navGlobal li.women { background-position: -70px -69px; }
div#header ul#navGlobal li.kids { background-position: -140px -69px; }
div#header ul#navGlobal li.baby { background-position: -210px -69px; }
div#header ul#navGlobal li.home { background-position: -280px -69px; }

div#header ul#navGlobal li a {
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/spr-gnav-01.gif) no-repeat 0 0; /* for default img */
	overflow: hidden;
}
div#header ul#navGlobal li.women a { background-position: -70px 0; }
div#header ul#navGlobal li.kids a { background-position: -140px 0; }
div#header ul#navGlobal li.baby a { background-position: -210px 0; }
div#header ul#navGlobal li.home a { background-position: -280px 0; }

div#header ul#navGlobal li a:hover { background: none; } /* for hide default img */

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

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

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

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

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

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

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

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

div#header div.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;
}

/* ------------------------------------------------------------
	3. Local Nav
   ------------------------------------------------------------ */

/*  3-1. Common Style
   ------------------------------------------------- */
div#sub h2 {
	margin-left: -1px;
	margin-bottom: 8px;
}

ul.navSub { font-size: 77%; }

ul.navSub li img { vertical-align: middle; }

div#sub ul.navSub li a,
div#sub ul.navSub li strong {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
	text-decoration: none;
}

div#sub ul.navSub li strong { font-weight: normal; }

ul#navSpecial { border-bottom: 1px solid #dcdcdc; }

ul#navSpecial li ul li { border-bottom: none; }


/*  3-2. Special Nav
   ------------------------------------------------- */
ul#navSpecial { padding: 0 0 10px; }

ul#navSpecial li {
	/*height: 22px;*/
	overflow: hidden;
	padding-left: 10px;
	line-height: 12px;
	display: block;
}
ul#navSpecial li.feature {
	height: auto;
}

ul#navSpecial li a,
ul#navSpecial li strong {
	display: block;
	width: 157px;
	/*height: 13px;*/
	overflow: hidden;
	padding: 0 0 0 22px;
	background: url(../images/spr-ico-arrow-01.gif) no-repeat 0 3px;
}
ul#navSpecial li a.current { background-position: -2000px 3px; }
ul#navSpecial li.feature a.current { background-position: -2000px 3px; }
ul#navSpecial li strong { background-position: -2000px 3px; }
ul#navSpecial li a:hover { background-position: -1000px 3px }
ul#navSpecial li.feature a.current:hover { background-position: -1000px 3px }

/* For IE7 */
*:first-child+html ul#navSpecial li a { background-position: 0 5px; }
*:first-child+html ul#navSpecial li strong { background-position: 0 5px; }
*:first-child+html ul#navSpecial a.current { background-position: -2000px 5px; }
*:first-child+html ul#navSpecial li strong { background-position: -2000px 5px; }
*:first-child+html ul#navSpecial li a:hover { background-position: -1000px 5px; }
*:first-child+html ul#navSpecial a.current:hover { background-position: -1000px 5px; }

/* For IE6 */
* html ul#navSpecial li a { background-position: 0 5px; }
* html ul#navSpecial li strong { background-position: 0 5px; }
* html ul#navSpecial a.current { background-position: -2000px 5px; }
* html ul#navSpecial li strong { background-position: -2000px 5px; }
* html ul#navSpecial li a:hover { background-position: -1000px 5px; }
* html ul#navSpecial a.current:hover { background-position: -1000px 5px; }

ul#navSpecial li img { vertical-align: middle; }


/* 2nd Navi */
ul#navSpecial li.feature ul {
	padding: 5px 0 8px 0;
}

ul#navCategory li.feature ul li {
	margin-top: 8px;
	padding: 0;
}

ul#navSpecial li.feature ul li a,
ul#navSpecial li.feature ul li strong { /* strong for current */
	width: 137px;
	padding-left: 22px;
	background: url(../images/spr-ico-arrow-01.gif) no-repeat 0 3px;
}
ul#navSpecial li ul li a.current,
ul#navSpecial li.feature ul li a.current,
ul#navSpecial li.feature ul li strong {
	background-position: -2000px 3px;
	display: block;
}
ul#navSpecial li.feature ul li a:hover,
ul#navSpecial li ul li a.current:hover,
ul#navSpecial li.feature ul li a.current:hover {
	background-position: -1000px 3px;
}


/* 3rd Navi */
ul#navSpecial li.feature ul li ul {
	padding: 5px 0 8px 0;
}
ul#navCategory li.feature ul li ul li {
	margin-top: 8px;
	padding: 0;
}
ul#navSpecial li.feature ul li ul li a,
ul#navSpecial li.feature ul li ul li strong { /* strong for current */
	padding-left: 12px;
	background: url(../images/spr-ico-arrow-02.gif) no-repeat 1px 9px;
}
ul#navSpecial li ul li ul li a.current,
ul#navSpecial li.feature ul li ul li a.current,
ul#navSpecial li.feature ul li ul li strong {
	background-position: -2000px 9px;
	display: block;
}
ul#navSpecial li.feature ul li ul li a:hover,
ul#navSpecial li ul li ul li a.current:hover,
ul#navSpecial li.feature ul li ul li a.current:hover {
	background-position: -1000px 9px;
}


/* ################################################################################
	[Footer] Setting footer styles
   ################################################################################ */

/* Go Page Top */
div#goPageTop {
	clear: both;
	height: 99px;
	border-top: 1px solid #dcdcdc;
	background: #fff url(../images/bg-grid-1.gif) repeat-y right top;
	text-align: right;
}

div#goPageTop a { }

div#goPageTop a img {
	padding-top: 14px;
	padding-right: 14px;
}

div#footer {
	clear: both;
	position: relative;
	bottom: 0;
	left: -1px;
	width: 911px;
	padding: 15px 20px;
	overflow: hidden;
	background: #999;
	line-height: 1.1;
	color: #fff;
}

#footerNav {
	float: left;
	font-size: 77%;
}

#footerNav li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	color: #fff;
	border-right: 1px solid #fff;
}

#footerNav li a { color: #fff; }
#footerNav li a:hover { text-decoration: underline; }

#copyright {
	float: right;
	font-size: 71%;
}


/* ################################################################################
	[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
   ------------------------------------------------------------ */
p#msgNoscript {
	display: block;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 30000;
	width: 100%;
	padding: 3px 0;
	background: #ffe7e7;
	color: #FF3939;
	line-height: 1.2;
	text-align: center;
}

/* ################################################################################
	[Clearfix] Clearfix CSS Hack
   ################################################################################ */
/* use "clearfix" class name, but not main elements */
div#header:after,
div#content:after,
div#inner:after,
div#header div.navUtility ul.utility01:after,
div#header div.navUtility ul.utility02:after,
div#footer div.siteInfo:after,
div#footer div.siteInfo .utility01:after,
div#footer dl.navWorld:after,
.clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden;}

div#header,
div#content,
div#inner,
div#header div.navUtility ul.utility01,
div#header div.navUtility ul.utility02,
div#footer div.siteInfo,
div#footer div.siteInfo .utility01,
div#footer dl.navWorld,,
.clearfix {display:inline-block;}

/* exclude MacIE5 [start] */
* html div#header,
* html div#content,
* html div#inner,
* html div#header div.navUtility ul.utility01,
* html div#header div.navUtility ul.utility02,
* html div#footer div.siteInfo,
* html div#footer div.siteInfo .utility01,
* html div#footer dl.navWorld,
* html .clearfix {height:1%;}

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

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

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