@charset "UTF-8";

/* Information
------------------------------------------

Description: Stlye CSS 

------------------------------------------ */

/*==================================================
*	01. Base layout
*	02. Header
*	03. Container
*	04. ClearFix
==================================================*/

/*--------------------------------------------------
  01. Base layout
--------------------------------------------------*/
html, body {
	height: 100%;
}
body {
	min-width: 524px;
	min-height: 577px;
	font-size: 62.5%;
	font-family: Helvetica, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #FFF;
	background: #000;
	position: relative;
}
a img {
	vertical-align: top;
}
#blank {
	display: none;
}
#wrapper {
	width: 524px;
	height: 421px;
	margin: -288px 0 0 -272px;
	padding: 93px 10px 63px;
	position: absolute;
	left: 50%;
	top: 50%;
}
/*--------------------------------------------------
  02. Header
--------------------------------------------------*/
#header {
	text-align: center;
	margin-bottom: 37px;
}
#UNIQLOlogo {
	margin-bottom: 39px;
}
#header h1 {
	margin-bottom: 16px;
}

/*--------------------------------------------------
  03. Container
--------------------------------------------------*/
#container {
	text-align: center;
}
#appLink {
	width: 258px;
	margin: 0 auto 44px;
}
#appLink li {
	float: left;
}
#appLink li.app {
	margin-right: 10px;
}
#appLink a {
	display: block;
	width: 124px;
	height: 38px;
}
#appLink a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
#text {
	margin-bottom: 20px;
}
#footerLink {
	width: 333px;
	margin: 0 auto;
}
#footerLink li {
	float: left;
}
#footerLink li.flash {
	width: 214px;
	margin-right: 16px;
	background: url(http://www.uniqlo.com/wakeup_image/web/img/pc/link_flash_on.png) no-repeat 0 0;
}
#footerLink li.toUNIQLO {
	width: 100px;
	background: url(http://www.uniqlo.com/wakeup_image/web/img/pc/link_uniqlo_on.png) no-repeat 0 0;
}
#footerLink a {
	display: block;
	height: 16px;
}
#footerLink a:hover img {
	visibility: hidden;
}

/*--------------------------------------------------
  04. ClearFix
--------------------------------------------------*/
#appLink:after,
#footerLink:after {
	content: "";
	display: block;
	clear: both;
}