@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
[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:https://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:https://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: Meiryo, "MS P Gothic", 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: Meiryo, "MS P Gothic", 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
   ################################################################################ */
/*
body                         : 950px
	div#container.(colF | colR)
		div#header			 : 100%
		div#content			 : 100%
			div#main		 : 760px
				div#inner	 : 100%
			div#sub			 : 190px
		div#footer			 :100%

default : Main left, Sub right
"colF"  : Main only (full size)
"colR"  : Main right, Sub left
*/

/* ------------------------------------------------------------
	1. Container
   ------------------------------------------------------------ */
div#container {
	width: 950px;
	min-height: 100%;
	margin: 0 auto;
	border-left: 1px solid #dcdcdc;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/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(https://im.uniqlo.com/images/jp/pc/img/material/nav/bg-gnav-line-01.gif) repeat-x 100% 0;
}

/* ------------------------------------------------------------
	3. Content
   ------------------------------------------------------------ */
div#content {
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/bg-grid-1.gif) repeat-y 759px 0;
}

div#main {
	float: left;
	width: 760px;
	margin-right: -189px;
	padding-bottom: 99px;
}

div#main div#inner {
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/bg-grid-570-horizon.gif) repeat-x 0 100%;
}

div#sub {
	float: right;
	width: 189px;
	padding-bottom: 50px;
	border-right: 1px solid #dcdcdc;
}
/* For IE6 */
* html div#sub { overflow: hidden; }

/* Layout : Main right, Sub left */
div.colR div#content { background-position: 189px 0; }

div.colR div#main {
	float: right;
	margin-left: -189px;
	margin-right: 0;
}

div.colR div#sub { float: left; }

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

div.colR div#main div#secondary {
	float: left;
	width: 570px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/bg-grid-570-horizon.gif) repeat-x 0 100%;
}

/* Layout : Main only (100% full size) */
div.colF div#content { background: none; }

div.colF div#content div#main {
	float: none;
	width: auto;
	margin-right: 0;
}

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

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

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

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

/*  2-1. Global Nav -> glnav_ssl_XX.css
   ------------------------------------------------- */


/*  2-2. Utility Nav
   ------------------------------------------------- */
div#header div.navUtility {
	float: right;
	width: 131px;
    /*width: 334px;*/width:340px!important;
	background: #000;
}

div#header div.navUtility ul { /*width: 334px;*/width:340px!important; }
div#header div.navUtility ul li {
	float: left;
	height: 35px;
	color: #fff;
}

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

/* search */
div#header div.navUtility ul.utility01 dl{
	width: 175px;
}

div#header div.navUtility ul.utility01 dt{
	width: 63px;
	float: left;
}

div#header div.navUtility ul.utility01 dd{
	width: 110px;
	float: right;
	margin-top: 8px;
}

div#header div.navUtility ul.utility01 dd .txtSearch{
	width: 84px;
	height: 17px;
	background: #fff;
	border: none;
	float: left;
}

div#header div.navUtility ul.utility01 dd .goSearch{
	width:16px;
	float: right;
	margin-top:4px;
}

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

div#header div.navUtility li.cart ul {
	display: none;
	position: absolute;
	top: 35px;
	left: -99px;
	width: 230px;
	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;
}

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

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

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

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

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

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

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

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

div#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 */
div#prodMainImg p.msgNoscript {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

/* ################################################################################
	[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#header div.navUtility ul.utility01 dl:after,
div#header div.navUtility ul.utility01 dd:after,
div#footer div.siteInfo:after,
div#footer div.siteInfo .utility01:after,
div#footer dl.navWorld:after,
div#sidebar ul.navUtility:after,
div.checkableItemContainer:after,
div.linkList2col ul:after,
table.tblWordAndDetail ul.inputs li: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#header div.navUtility ul.utility01 dl,
div#header div.navUtility ul.utility01 dd,
div#footer div.siteInfo,
div#footer div.siteInfo .utility01,
div#footer dl.navWorld,
div#sidebar ul.navUtility,
div.checkableItemContainer,
div.linkList2col ul,
table.tblWordAndDetail ul.inputs li,
.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#header div.navUtility ul.utility01 dl,
* html div#header div.navUtility ul.utility01 dd,
* html div#footer div.siteInfo,
* html div#footer div.siteInfo .utility01,
* html div#footer dl.navWorld,
* html div.checkableItemContainer,
* html div.linkList2col ul,
* html table.tblWordAndDetail ul.inputs li,
* html .clearfix {height:1%;}

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

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

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