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

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

	0. Import External CSS
	1. Common Style
	2. Unit
		2-1. Div Unit
		2-2. Table Unit
	3. Sidebar: Utility Nav
	4. Sidebar: News Block

	99. Others

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

/* ------------------------------------------------------------
	0. Import External CSS
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
	1. Common Style
   ------------------------------------------------------------*/
/*
div#blkTopicList
	div.feature-L
		div.unitTopic.campaign-L
		[div.unitTopic.unit-M]
	div.wrap-1.wrap-M
		div.colGroup
			div.unitTopic.feature-M
			div.col-1.col
				div.unitTopic.unit-( L | M | S )
			div.col-2.col
				:
		div.colGroup
			:
	div.wrap-2.wrap-M
		:
*/

div#content {
	background: url(/jp/top/img/material/bg-grid-950.gif) repeat-y -1px 0 !important;
}

div#content div#sub { float: right; width: 190px; }
div#content div#main { float: left; }

div#content div.colGroup {
	border-top: 1px solid #dcdcdc;
}

/* --- 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. Unit
   ------------------------------------------------------------ */
/*  2-1. Div Unit
   ------------------------------------------------- */
/* --- wrap col --- */
div.wrap-M {
	float: left;
	width: 380px;
	background: url(/jp/top/img/material/bg-grid-950.gif) repeat-y -1px 0;
}

div.wrap-1 { position: relative; z-index: 201; }
div.wrap-2 { position: relative; z-index: 200; }

/* --- colums --- */
div.col {
	float: left;
	width: 190px;
}
div.col-1 { background: none; }

div.col-1 { position: relative; z-index: 104; }
div.col-2 { position: relative; z-index: 103; }
div.col-3 { position: relative; z-index: 102; }
div.col-4 { position: relative; z-index: 101; }

/* --- unit --- */
div.unitTopic {
	position: relative;
	width: 171px;
	padding: 9px 9px 0 9px;
/*	border-right: 1px solid #dcdcdc; */
	border-bottom: 1px solid #dcdcdc;
}

div.unitTopic .object {
	margin: 0;
	padding: 0 0 9px;
}

div.unitTopic .title {
	margin-bottom: 7px;
	font-size: 93%;
	line-height: 1.2;
	font-weight: bold;
}

div.unitTopic .summary,
div.unitTopic .price {
	margin: 0;
	padding: 0 0 7px;
}

div.unitTopic .summary {
	font-size: 77%;
	line-height: 1.6;
}

div.unitTopic .summary a:link,
div.unitTopic .summary a:visited,
div.unitTopic .summary a:hover,
div.unitTopic .summary a:active {
	color: #069;
}

div.unitTopic .price {
	color: #f00;
	font-weight: bold;
	font-size: 93%;
}

/* --- feature --- */
div.feature-L {
	width: 760px;
	border-bottom: 1px solid #dcdcdc;
}

div.feature-L div.unitTopic {
	display: inline; /* for IE6 */
	float: left;
	border-bottom: none;
}

div.feature-L div.campaign-L {
	width: auto;
	border-right: none;
}

div.feature-L div.unit-M {
	float: right;
	border-left: 1px solid #dcdcdc;
}

div.feature-M {
	clear: both;
	width: 361px;
	background: #fff;
}

/* --- Icon --- */
/*
ico1 = store
ico2 = special
*/
div.unitTopic div.object a {
	position: relative;
	display: block;
}

div.unitTopic div.object a:hover {
	background: #fff; /* for ie6 */
}

div.unitTopic a .ico1,
div.unitTopic a .ico2 {
	position: absolute;
	top: 0;
	left: -9999px;
	width: 100px;
	height: 19px;
	background: url(/jp/top/img/ico-store-01.gif) no-repeat 0 0;
}
div.unitTopic a .ico2 { background-image: url(/jp/top/img/ico-special-01.gif); }

div.unitTopic a:hover .ico1,
div.unitTopic a:hover .ico2 {
	left: 0;
}

/*  2-2. Table Unit
   ------------------------------------------------- */
/*
div#blkTopicList
	table.tblUnit
		tr.rowObj
		tr.rowTtl
		tr.rowTxt
		tr.rowPrice
*/

table.tblUnit {
	border-bottom: 1px solid #dedede;
	background: #fff;
}

table.tblUnit td {
	padding-right: 9px;
	padding-left: 9px;
	border-right: 1px solid #dedede;
	vertical-align: top;
}

table.tblUnit tr.rowObj .obj {
	margin: 9px 0;
	padding: 0;
}

table.tblUnit tr.rowTtl td .ttl {
	margin-bottom: 7px;
	font-size: 93%;
	line-height: 1.2;
	font-weight: bold;
}

table.tblUnit tr.rowTxt td .txt,
table.tblUnit tr.rowPrice td .price {
	margin: 0;
	padding: 0 0 9px;
}

table.tblUnit tr.rowTxt td .txt {
	font-size: 77%;
	line-height: 1.6;
}

table.tblUnit tr.rowPrice td .price {
	color: #f00;
	font-weight: bold;
	font-size: 93%;
	vertical-align: bottom;
}

table.tblUnit tr.rowObj td div.inr {
	position: relative;
}

/* --- Icon --- */
/*
ico1 = store
ico2 = campaign
*/

table.tblUnit div.obj a {
	position: relative;
	display: block;
}

table.tblUnit div.obj a:hover {
	background: #fff; /* for ie6 */
}

table.tblUnit tr.rowObj a .ico1,
table.tblUnit tr.rowObj a .ico2 {
	position: absolute;
	top: 0;
	left: -9999px;
	width: 100px;
	height: 19px;
	background: url(/jp/top/img/ico-store-01.gif) no-repeat 0 0;
}

table.tblUnit tr.rowObj a .ico2 {
	background-image: url(/jp/top/img/ico-special-01.gif);
}

table.tblUnit tr.rowObj a:hover .ico1,
table.tblUnit tr.rowObj a:hover .ico2 {
	left: 0;
}

/* ------------------------------------------------------------
	3. Sidebar: Utility Nav
   ------------------------------------------------------------ */
div#sidebar div.blkNavUtility {
	width: 171px;
	padding: 9px;
	border-bottom: 1px solid #dcdcdc;
}

div#sidebar ul.navUtility {
	width: 143px;
	margin: 0;
	padding: 2px 14px;
	background: #666;
}

div#sidebar ul.navUtility li {
	float: left;
	height: 15px;
	padding: 6px 0 4px;
	font-size: 10px;
	line-height: 1;
}

div#sidebar ul.navUtility li.item03,
div#sidebar ul.navUtility li.item04 {
	padding: 4px 0 6px;
}

/* ------------------------------------------------------------
	4. Sidebar: News Block
   ------------------------------------------------------------ */
div#sidebar div.blkNews,
div#sidebar div.blkPress {
	width: 171px;
	margin: 0 auto;
	padding: 15px 9px 0;
	border-bottom: 1px solid #dcdcdc;
	font-size: 85%;
}

div#sidebar div.blkNews {
	margin-top: -1px;
	border-top: 1px solid #dcdcdc;
}

div#sidebar div.blkNews h2,
div#sidebar div.blkPress h2,
div#sidebar div.blkNews ul.list li,
div#sidebar div.blkPress ul.list li { padding-bottom: 13px; }

div#sidebar div.blkNews ul.list li a,
div#sidebar div.blkPress ul.list li a {
	display: block;
	position: relative;
	padding-top: 2px;
	padding-left: 22px;
	background: url(/jp/top/img/material/spr-arrow-01.gif) no-repeat -3000px 1px;
	color: #000;
	line-height: 15px;
}

* html div#sidebar div.blkNews ul.list li a,
* html div#sidebar div.blkPress ul.list li a {
	display: inline;
	zoom: 1;
}

div#sidebar div.blkNews ul.list li a:hover,
div#sidebar div.blkPress ul.list li a:hover {
	background-position: -1000px 1px;
}

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

/* ################################################################################
	[Clearfix] Clearfix CSS Hack
   ################################################################################ */
/* use "clearfix" class name, but not main elements */
div#content div.colGroup:after,
div#sidebar ul.navUtility:after,
.clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden;}

div#content div.colGroup,
div#sidebar ul.navUtility,
.clearfix {display:inline-block;}

/* exclude MacIE5 [start] \*/
* html div#content div.colGroup,
* html div#sidebar ul.navUtility,
* html .clearfix {height:1%;}

div#content div.colGroup,
div#sidebar ul.navUtility,
.clearfix {display:block;}
/* exclude MacIE5 [end] */