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

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

[Module]
	1. General
		1-1. Title
		1-2. Link
		1-3. List
		1-4. Table
		1-5. Form Element
		1-90. Others
		1-99. Classes
	3. Local Nav
		3-1. Common Style
		3-2. Special Nav
		3-3. Category Nav
	4. Table Word And Detail
		4-1. Common Style
		4-2. Modules
	99. Others

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

/* ################################################################################
	[Module] Setting module styles
   ################################################################################ */

/* ------------------------------------------------------------
	1. General
   ------------------------------------------------------------ */

/*  1-1. Title
   ------------------------------------------------- */
/* Common Title 01 */
.ttl01 {
	padding: 21px 0 21px 28px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	background: #f5f5f5 url(https://im.uniqlo.com/images/jp/pc/img/material/ico-bullet-01_JP.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; }

/* Page Title 01 */
h1.ttlPage01 {
	border-bottom: 1px solid #dcdcdc;
	font-weight: bold;
	zoom: 1; /* For IE Print */
}

/* Page Title 02 */
div.ttlPage02 {
	border-bottom: 1px solid #dcdcdc;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/bg-grid-1.gif) repeat-y 379px 0;
}

div.ttlPage02 h1 {
	float: left;
	font-weight: bold;
}

div.ttlPage02 ul {
	float: left;
	width: 350px;
	padding: 38px 0 15px 15px;
	font-size: 85%;
	line-height: 1.6;
}

div.ttlPage02 ul li {
	padding: 0 0 14px 13px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-bullet-01_JP.gif) no-repeat 0 .5em;
	zoom: 1; /* For IE Print */
}

/* Page Title 03 */
div.ttlPage03 { border-bottom: 1px solid #dcdcdc; }

div.ttlPage03 h1 { font-weight: bold; }

div.ttlPage03 p.tagline {
	margin-top: 95px;
	margin-left: 22px;
}

div.ttlPage03 ul {
	float: left;
	width: 350px;
	padding: 38px 0 15px 15px;
	font-size: 85%;
	line-height: 1.6;
}

div.ttlPage03 ul li {
	padding: 0 0 14px 13px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-bullet-01_JP.gif) no-repeat 0 .5em;
	zoom: 1; /* For IE Print */
}

div.ttlPage03 div.ttl {
	float: left;
	width: 380px;
	padding-bottom: 40px;
}

div.ttlPage03 div.ttl ul {
	margin-top: 20px;
	padding: 0 0 15px 17px;
}

div.ttlPage03 div.ttl ul li {
	padding: 8px 10px 0 2px;
	background-image: none;
	line-height: 18px;
}

div.ttlPage03 div.ttl ul li a {
	padding: 2px 0 2px 22px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/nav/spr-ico-arrow-01.gif) no-repeat 0 45%;
}

/* Page Title 04 */
div.ttlPage04 {
	border-bottom: 1px solid #dcdcdc;
	font-size: 85%;
}

div.ttlPage04 h1 {
	float: left;
	width: 204px;
}

div.ttlPage04 ul {
	float: left;
	width: 730px;
	padding: 48px 0 0;
}

div.ttlPage04 ul * { line-height: 1.6; }

div.ttlPage04 li {
	padding: 0 0 14px 13px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-bullet-01_JP.gif) no-repeat 0 .35em;
}

/*  1-2. Link
   ------------------------------------------------- */
.link01 {
	padding-left: 22px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-arrow-02.gif) no-repeat 0 0;
}

.link02 {
	padding-right: 22px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-arrow-02.gif) no-repeat 100% 0;
	line-height: 16px;
}

.link02:hover { background-image: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-arrow-02-o.gif); }

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

div#goPageTop a { }

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

/* More Link */
.linkMore { text-align: right; }

/* links 01 */
.linkList01 { }

ul.linkList01 li,
ol.linkList01 li {
	padding: 0 0 8px 14px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-arrow-01.gif) no-repeat -5px -1px;
	line-height: 1.3;
	text-indent: -14px;
}

.linkList01 li a { padding: 0 0 0 14px; }

/*  1-3. List
   ------------------------------------------------- */
/* --- normal --- */
/* list01: list with a square bullet icon */
.list01 { margin-top: -12px; }

.list01 li {
	padding: 14px 0 0 14px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-bullet-01_JP.gif) no-repeat 0 18px;
	line-height: 1.6;
	zoom: 1; /* For IE Print */
}

/* list02: list with a tiny square bullet icon */
.list02 li {
	padding-left: 7px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-bullet-02_JP.gif) no-repeat 0 6px;
}

/* note */
ul.listNote01,
ol.listNote01 {
	margin-left: 1em;
	text-indent: -1em;
}

/* description */
dl.listDesc01 { }
dl.listDesc01 dt { }
dl.listDesc01 dd { }

/*  1-4. Table
   ------------------------------------------------- */
/* --- Data Table --- */
table.tblData01 { }

table.tblData01 {
	width: 100%;
	margin: 0 0 20px;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-collapse: separate;
}

table.tblData01 th,
table.tblData01 td {
	padding: 9px 9px 6px 10px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	text-align: left;
	vertical-align: middle;
}

table.tblData01 thead th {
	background: #f5f5f5;
	font-weight: bold;
	text-align: center;
}

/*  1-5. Form Element
   ------------------------------------------------- */
input.inputField, /* with input[type="text"] */
textarea.inputField,
select.selectbox {
	padding: 5px 4px;
	border: 1px solid #ccc;
	line-height: 1.25;
	vertical-align: middle;
}

*:first-child+html input.inputRadio {
	position: relative;
	top: -2px;
}

input.inputCheck {}
input.inputRadio {}
input.inputFile {}

/*  1-90. Others
   ------------------------------------------------- */
/* attension text */
strong.attention { color: #f00; }

/* Striped Color */
.pattern01 .odd,
.pattern02 .even { }

/* Hidden nav & hidden elements */
.navHidden,
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/*  1-99. CSS Style Classes..
   ------------------------------------------------- */
.mr0 { margin-right: 0 !important; }
.uc { text-transform: uppercase; }

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

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

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,
ul#navSpecial li.feature,
ul#navCategory li { border-bottom: 1px solid #dcdcdc; }

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

ul#navSpecial li.feature { height: auto; }
ul#navSpecial li.feature ul li { padding-left: 0; }

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

ul#navSpecial li {
	height: 22px;
	overflow: hidden;
	padding-left: 10px;
	line-height: 12px;
}

ul#navSpecial li a {
	display: block;
	width: 157px;
	height: 13px;
	overflow: hidden;
	padding: 0 0 0 22px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/nav/spr-ico-arrow-01.gif) no-repeat 0 3px;
}
ul#navSpecial li a:hover { background-position: -1000px 3px }
ul#navSpecial li strong { background-position: -2000px 3px; }

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

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

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

ul#navSpecial li.feature {
	margin-bottom: 9px;
/*	padding-top: 10px;*/
	padding-bottom: 9px;
}

/*  3-3. Category Nav
   ------------------------------------------------- */
ul#navCategory li { padding: 12px 10px; }

*:first-child+html ul#navCategory li ul { margin-top: -5px; }
* html ul#navCategory li ul { margin-top: -5px; }

ul#navCategory li span {}

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

ul#navCategory li ul { padding-top: 13px; }

ul#navCategory li ul li {
	padding: 0;
}

ul#navCategory li ul li a,
ul#navCategory li ul li.current a {
	display: block;
	width: 147px;
	overflow: hidden;
	padding-left: 22px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/nav/spr-ico-arrow-01.gif) no-repeat 0 .4em;
}
* html ul#navCategory li ul li a,
* html ul#navCategory li ul li.current a { background-position: 0 .25em; }

ul#navCategory li ul li a:hover { background-position: -1000px .4em; }
ul#navCategory li ul li.current a { background-position: -2000px .4em; }

* html ul#navCategory li ul li a:hover { background-position: -1000px .25em; }
* html ul#navCategory li ul li.current a { background-position: -2000px .25em; }

/* multibuy menu */
ul#navCategory li.multibuy { border-top: 1px solid #dcdcdc; }


/* ------------------------------------------------------------
	4. Table Word And Detail
   ------------------------------------------------------------ */

/*  4-1. Common Style
   ------------------------------------------------- */
table.tblWordAndDetail {
	width: 100%;
	font-size: 85%;
}

table.tblWordAndDetail * { line-height: 1.5; }

table.tblWordAndDetail label { vertical-align: middle; }

table.tblWordAndDetail input,
table.tblWordAndDetail textarea {
	font-size: 109%;
	font-family: Meiryo, "MS P Gothic", sans-serif;
}

table.tblWordAndDetail select {
	font-size: 100%;
	font-family: Meiryo, "MS P Gothic", sans-serif;
}

table.tblWordAndDetail th.word {
	width: 157px;
	padding: 12px 15px 10px 17px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	background: #fafafa;
	text-align: left;
	vertical-align: middle;
}

table.tblWordAndDetail th.word strong.required {
	position: relative;
	float: right;
	width: 40px;
	height: 100px;
	height: 8px;
}

table.tblWordAndDetail th.word strong.required img {
	position: absolute;
	top: -4px;
	right: -2px;
}

table.tblWordAndDetail th.selectableRadio { padding-left: 12px; }

table.tblWordAndDetail th.selectableRadio table {
	float: none;
	width: 162px;
	margin: 0;
}

table.tblWordAndDetail th.selectableRadio table th { vertical-align: top; }

table.tblWordAndDetail td.detail {
	padding: 12px 13px;
	border-bottom: 1px solid #dcdcdc;
}

table.tblWordAndDetail td.detailNoBottomLine {
    padding: 12px 13px;
}

table.tblWordAndDetail td.moreDetail {
	padding: 12px 13px 12px 4px;
	border-bottom: 1px solid #dcdcdc;
}

table.tblWordAndDetail td.moreDetail table {
	margin: 0 -9px 0 0;
	padding-left: 0;
}

table.tblWordAndDetail td.moreDetail table th {
	padding: 0 6px 0 0;
	vertical-align: middle;
}

table.tblWordAndDetail td.moreDetail table td {
	padding: 0 9px 3px 0;
	vertical-align: middle;
}

table.tblWordAndDetail td.subInfo,
table.tblWordAndDetail td.subInfoWide {
	width: 168px;
	padding: 14px 13px;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	vertical-align: middle;
}

table.tblWordAndDetail td.subInfo span.grayText {
	color: #888888;
}

table.tblWordAndDetail td.subInfoWide { width: 354px; }

/*  4-2. Modules
   ------------------------------------------------- */

/* --- linkList2col --- */
table.tblWordAndDetail div.linkList2col { margin: -6px -13px 4px; }

table.tblWordAndDetail div.linkList2col * { line-height: 1.3; }

table.tblWordAndDetail div.linkList2col ul { zoom: 1; /* For IE Print */ }

table.tblWordAndDetail div.linkList2col ul li {
	float: left;
	width: 254px;
	padding: 8px 4px 0 25px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-bullet-01_JP.gif) no-repeat 13px 11px;
	text-indent: -12px;
}

table.tblWordAndDetail div.linkList2col ul li a { padding: 0 0 0 12px; }

/* --- notesAfter, notesBefore --- */
table.tblWordAndDetail ul.notesAfter { }

table.tblWordAndDetail ul.notesBefore { padding: 2px 0 0; }

table.tblWordAndDetail ul.notesAfter *,
table.tblWordAndDetail ul.notesBefore * { line-height: 1.6; }

table.tblWordAndDetail ul.notesAfter li,
table.tblWordAndDetail ul.notesBefore li { zoom: 1; /* For IE Print */ }

table.tblWordAndDetail ul.notesAfter li {
	padding: 14px 0 0 14px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-bullet-01_JP.gif) no-repeat 0 19px;
}

table.tblWordAndDetail ul.notesBefore li {
	padding: 0 0 14px 14px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-bullet-01_JP.gif) no-repeat 0 .45em;
}

/* nested list */
table.tblWordAndDetail ul.notesAfter li .list02,
table.tblWordAndDetail ul.notesBefore li .list02 { margin: 15px 0 0 5px; }

table.tblWordAndDetail ul.notesAfter li .list02 li,
table.tblWordAndDetail ul.notesBefore li .list02 li {
	padding: 0 0 0 7px;
	background: url(https://im.uniqlo.com/images/jp/pc/img/material/ico-bullet-02_JP.gif) no-repeat 0 6px;
}

/* inputs */
table.tblWordAndDetail ul.inputs {
	margin: -6px 0 0;
	zoom: 1; /* For IE Print */
}

table.tblWordAndDetail ul.inputs input,
table.tblWordAndDetail ul.inputs select,
table.tblWordAndDetail ul.inputs img { vertical-align: middle; }

table.tblWordAndDetail ul.inputs li {
	padding: 6px 0 0;
	zoom: 1; /* For IE Print */
}

*:first-child+html table.tblWordAndDetail ul.inputs li {
	/* IE7 get extra margin between lists without this */
	float: left;
	clear: both;
	width: 100%;
	white-space: nowrap;
}

table.tblWordAndDetail ul.inputs li.multi { }

/* for IE7 */
*:first-child+html table.tblWordAndDetail ul.inputs li.multi span {
	position: relative;
	bottom: -2px;
}

/* addrSelect */
table.tblWordAndDetail ul.addrSelect { margin: -11px 0 2px; }

table.tblWordAndDetail ul.addrSelect li {
	padding: 13px 0 0;
	zoom: 1; /* For IE Print */
}

table.tblWordAndDetail ul.addrSelect a,
table.tblWordAndDetail ul.addrSelect li img,
table.tblWordAndDetail ul.addrSelect li input { vertical-align: middle; }

/* addrDetail */
table.tblWordAndDetail table.addrDetail { }

table.tblWordAndDetail table.addrDetail th {
	width: 116px;
	padding: 0 8px 0 0;
	text-align: left;
	vertical-align: top;
}

table.tblWordAndDetail table.addrDetail td {
	text-align: left;
	vertical-align: top;
}

/* extra (left of 3col) */
table.tblWordAndDetail td.extra {
	width: 189px;
	padding: 0;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	text-align: center;
	vertical-align: middle;
}

table.tblWordAndDetail td.extra a { }

/* btnMore */
table.tblWordAndDetail p.btnMore { }

table.tblWordAndDetail p.btnMore input { vertical-align: top; }

/* blkSubmitBtn */
p.blkSubmitBtn {
	padding: 14px 15px 0;
	text-align: right;
}

p.blkSubmitBtn img,
p.blkSubmitBtn input { vertical-align: top; }

/* tblSubmitGuideAndBtn */
table.tblSubmitGuideAndBtn { width: 100%; }

table.tblSubmitGuideAndBtn th.guide {
	padding: 14px 15px 0;
	font-size: 85%;
}

table.tblSubmitGuideAndBtn td.button {
	text-align: right;
	white-space: nowrap;
}

/* checkableItemContainer */
div.checkableItemContainer { zoom: 1; /* For IE Print */ }

table.checkableItem {
	float: left;
	margin: 0 15px 0 0;
}

table.checkableItem th,
table.checkableItem td { vertical-align: middle; }

table.checkableItem th { padding: 0 3px 2px 0; }

table.checkableItem td label { font-weight: bold; }

/* Detailed Info Table */
table.tblWordAndDetail table.tblDetailedInfo { }

table.tblWordAndDetail table.tblDetailedInfo th {
	padding: 3px 12px 0 0;
	text-align: left;
	vertical-align: top;
}

table.tblWordAndDetail table.tblDetailedInfo td {
	padding: 3px 0 0;
	text-align: left;
	vertical-align: top;
}


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