@charset "UTF-8";
/*
 * UNIQLO
 * 
 * 
 * common.css
 * 
 * 00. RESET
 * 01. BODY + DEFAULT SETTING
 * 02. CLEARFIX
 * 
 */

/*
 * 
 ***************************************************************** 
 *****************************************************************
 00. YUI RESET CSS
 *****************************************************************
 *****************************************************************
 */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
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;}
/*
 * 
 ***************************************************************** 
 *****************************************************************
 01. BODY + DEFAULT SETTING
 *****************************************************************
 *****************************************************************
 */
html {
	background: #FFFFFF;
}
body {
	font-family: helvetica,arial,sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 1.7;
}
a, a:link {
	color: #000000;
	outline: none;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
	vertical-align: bottom;
}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}

.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt45 { margin-top: 45px;}
.mt60 { margin-top: 60px;}


.ml30 { margin-left: 30px;}
.ml50 { margin-left: 50px;}

.mr9 { margin-right: 9px;}

.pr5 { padding-right: 5px;}

.pt8 { padding-top: 8px;}
.pt10 { padding-top: 10px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}

.txt10 { font-size: 10px;}
.txt14 { font-size: 14px;}
.txt16 { font-size: 16px;}
.boldTxt { font-weight: bold;}

.floatL {
	float: left;
	display: inline;
}
.floatR {
	float: right;
	display: inline;
}


/*
 ***************************************************************** 
 *****************************************************************
 02. CLEARFIX
 *****************************************************************
 *****************************************************************
 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix
{display: block;} 
/* End hide from IE-mac */

.clear {
	clear: both;
}