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

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;
}
ol,ul {
	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;
}

body{
	font-size:76%;
	font-family:arial,helvetica,clean,sans-serif;
}
select,input,button,textarea{
	font-size:99%;
	font-family:arial,helvetica,clean,sans-serif;
}
table{
	font-size:inherit;
	font-size: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; }




/* ------------------------------------------------------------
	size.html
   ------------------------------------------------------------ */
body {
	height:auto;
	background-color:#e6e6e6;
}
#wrapper {
	margin:0 auto;
}

#wrapper #contents {
	margin:0 auto;
	padding:0;
	width:560px;
}

#wrapper #contents .whiteFrame {
	margin-bottom:20px;
	padding:20px 15px;
	text-align:left;
	background-color:#fff;
}

/*  h1-h3
   ------------------------------------------------- */
#wrapper #contents h1,
#wrapper #contents h2,
#wrapper #contents h3 {
	margin-bottom:10px;
}
#wrapper #contents .productName {
	padding:10px;
	text-align:left;
	font-size:16px;
	background-color:#fff;
}

#wrapper #contents .txtH3Tit,
#wrapper #contents .txtH4Tit {
	margin-bottom:0.5em;
	text-align:left;
	font-weight:bold;
}

/*  table
   ------------------------------------------------- */
#wrapper #contents table{
	margin-bottom:10px;
	width:100%;
}
#wrapper #contents table th,
#wrapper #contents table td{
	padding:5px;
	border:1px solid #666;
	word-break:break-all;
	word-wrap: break-all;
}
#wrapper #contents table th{
	text-align:center;
	background-color:#ccc;
}
#wrapper #contents table td {
	text-align:center;
	background-color:#fff;
}
#wrapper #contents table th.header01{
	color:#fff;
	background-color:#666;
	border:1px solid #ccc;
}
#wrapper #contents table th.header01{
	color:#fff;
	background-color:#666;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#wrapper #contents table th.header02{
	color:#fff;
	background-color:#ff0000;
	border-left:1px solid #ff0000;
	border-top:1px solid #ff0000;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
#wrapper #contents table th.header03{
	color:#fff;
	background-color:#0015b2;
	border-left:1px solid #0015b2;
	border-top:1px solid #0015b2;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#wrapper #contents table tr th:last-child{
	border-right:1px solid #666;
}

img.yohaku1{margin-bottom:10px;}
/* ブラトップ用 20200628 */
#wrapper #contents table td.tdclass_s{
	background-color:#aeaaaa;
}
#wrapper #contents table td.tdclass_xxs_m{
	background-color:#dcdcdc;
}
#wrapper #contents table td.tdclass_l{
	background-color:#808080;
}
#wrapper #contents table td.tdclass_xs_xl{
	background-color:#f5f5f5;
}
#wrapper #contents table td.tdclass_xxl{
	background-color:#c0c0c0;
}
/* ブラトップ用 20200628 */
/*  list
   ------------------------------------------------- */
#wrapper #contents .btnBodysize {
	margin-left:-1px;
	margin-bottom:20px;
	padding-top:30px;
	clear:both;
	position:relative;
}
#wrapper #contents .btnBodysize li {
	float:left;
	margin-left:1px;
}

#wrapper #contents .productsList {
	margin-bottom:20px;
	background-color:#FFF;
}
#wrapper #contents .productsList li {
	float:left;
}

#wrapper #contents .notes li {
	margin-bottom:10px;
	padding-left:16px;
	text-indent:-16px;
	font-size:0.9em;
	line-height:1.4;
}
#wrapper #contents .notes li .mark {
	margin-right:3px;
}

#wrapper #contents .notesS {
	margin-top:10px;
}
#wrapper #contents .notesS li {
	margin-bottom:10px;
	padding-left:15px;
	text-indent:-15px;
	font-size:0.8em;
}
#wrapper #contents .notesS li .mark {
	margin-right:3px;
}

/*  float
   ------------------------------------------------- */
#wrapper #contents .imgFloat {
}
#wrapper #contents .imgFloat .left {
	float:left;
	margin-right:15px;
}
#wrapper #contents .imgFloat .right {
	float:right;
	margin-left:15px;
}
#wrapper #contents .imgFloat .txt {
	text-align:left;
	line-height:1.4;
}
#wrapper #contents .bodySize{
	margin-bottom:15px;
}


/*  other
   ------------------------------------------------- */
.fL {
	float:left;
}
.fR {
	float:right;
}
.txtAL {
	text-align:left !important;
}
.mB0 {
	margin-bottom:0 !important;
}
.mL0 {
	margin-left:0 !important;
}
.fwB {
	font-weight:bold;
}

.caption{
	text-align:right;
	margin-top:-5px;
}
.close,
.pagetop {
	text-align:right;
	width:100%;
}
.close img{
	margin:0 0 10px 0;
}
.pagetop img{
	margin:0 10px 10px 0;
}
.bodySizeR {
	float:right;
	width:472px;
}
.copyright {
	float:left;
	padding-left:10px;
}

/*  #howtoXXcon
   ------------------------------------------------- */
/* howto01con */
#wrapper #contents .whiteFrame#howto01con .imgFloat .left {
	margin-top:15px;
}
#wrapper #contents .whiteFrame#howto01con .imgFloat .txt {
	padding-left:206px;
	width:324px;
}
#wrapper #contents .whiteFrame#howto01con .bodysizeList {
	margin-top:-15px;
	line-height:1.4;
}
#wrapper #contents .whiteFrame#howto01con .bodysizeList dt {
	float:left;
	padding-top:15px;
	width:105px;
	font-weight:bold;
	display:table-cell;
}
#wrapper #contents .whiteFrame#howto01con .bodysizeList dd {
	padding-top:15px;
	display:table-cell;
}

/* howto03con */
#wrapper #contents .whiteFrame#howto03con p.lead {
	margin-bottom:30px;
	line-height:1.4;
}
#wrapper #contents .whiteFrame#howto03con .imgFloat .right {
	margin-right:32px;
	width:137px;
}
#wrapper #contents .whiteFrame#howto03con .imgFloat .txt {
	float:left;
	width:346px;
}
#wrapper #contents .whiteFrame#howto03con .btnList {
	margin-bottom:20px;
}
#wrapper #contents .whiteFrame#howto03con .btnList li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

/* howto04con */
#wrapper #contents .whiteFrame#howto04con .imgFloat#txt01 .left {
	margin-bottom:30px;
	width:304px;
}
#wrapper #contents .whiteFrame#howto04con .imgFloat#txt01 .left img {
	margin-bottom:10px;
}
#wrapper #contents .whiteFrame#howto04con .imgFloat#txt01 .txt {
	float:right;
	width:206px;
	line-height:1.4;
}

/*  clearfix
   ------------------------------------------------- */

#wrapper #contents:after,
#wrapper #contents .bodySize:after,
#wrapper #contents .whiteFrame:after,
#wrapper #contents .imgFloat:after,
#wrapper #contents .btnBodysize:after,
#wrapper #contents .productsList:after,
#wrapper #contents .whiteFrame:after,
#wrapper #contents .whiteFrame#howto03con .btnList:after,
#wrapper #contents .whiteFrame#howto04con .imgFloat .left:after,
#wrapper #footer:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }

/* IE6 */
* html #wrapper #contents,
* html #wrapper #contents .bodySize,
* html #wrapper #contents .whiteFrame,
* html #wrapper #contents .imgFloat,
* html #wrapper #contents .btnBodysize,
* html #wrapper #contents .productsList,
* html #wrapper #contents .whiteFrame,
* html #wrapper #contents .whiteFrame#howto03con .btnList,
* html #wrapper #contents .whiteFrame#howto04con .imgFloat .left,
* html #wrapper #footer {
	zoom: 1;
}
/* IE7 */
*:first-child+html #wrapper #contents,
*:first-child+html * html #wrapper #contents .bodySize,
*:first-child+html #wrapper #contents .whiteFrame,
*:first-child+html #wrapper #contents .imgFloat,
*:first-child+html #wrapper #contents .btnBodysize,
*:first-child+html #wrapper #contents .productsList,
*:first-child+html #wrapper #contents .whiteFrame,
*:first-child+html #wrapper #contents .whiteFrame#howto03con .btnList,
*:first-child+html #wrapper #contents .whiteFrame#howto04con .imgFloat .left,
*:first-child+html #wrapper #footer {
	zoom: 1;
}


/*  hack
   ------------------------------------------------- */
/* IE6 */
* html #wrapper #contents .whiteFrame#howto01con .imgFloat .txt {
	padding-left:0;
	width:321px;
}
* html #wrapper #contents .whiteFrame#howto03con .imgFloat .right {
	margin-right:15px;
}


/* IE7 */
*:first-child+html #wrapper #contents .whiteFrame#howto01con .imgFloat .txt {
	padding-left:0;
}