@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Last Updated: March 30, 2012

	* basic
	* #gHeader / #gNav / #gFooter
	* #contents
	* #note (privacy / terms)

	* classes

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ============================================================
basic
============================================================ */
html {
	overflow-y: scroll;
}
body {
	color: #000;
	font-family: Helvetica, Arial, 'Lucida Grande', Verdana, Geneva, Meiryo, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background: #fff;
}

/* ---------- textLink ---------- */
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}

/* ---------- base layout ---------- */
#gHeader,
#contents,
#gFooter {
	width: 930px;
	padding: 0 20px;
	margin: 0 auto;
	*zoom: 1;
}
#gHeader:before,
#gHeader:after,
#contents:before,
#contents:after,
#gFooter:before,
#gFooter:after {
	content: "";
	display: table;
	clear: both;
}


/* ============================================================
#gHeader / #gNav / #gFooter
============================================================ */
/* ----------------------------------------
#gHeader
---------------------------------------- */
#gHeader {
	padding-bottom: 13px;
}
#gHeader > h1 {
	width: 137px;
	margin-top: 13px;
	float: left;
}
#gHeader > h1 > a {
	display: block;
	height: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: url(/images/shared/gheader_logo.png) 0 0 no-repeat;
}
#gHeader > ul {
	width: 124px;
	margin-top: 16px;
	float: right;
}
#gHeader > ul > li {
	width: 21px;
	margin-right: 10px;
	float: left;
}
#gHeader > ul > li > a {
	display: block;
	height: 21px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: url(/images/shared/gheader_social_icon.png) no-repeat;
}
#gHeader > ul > li.twitter > a {
	background-position: 0 0;
}
#gHeader > ul > li.twitter > a:hover {
	background-position: 0 -21px;
}
#gHeader > ul > li.facebook > a {
	background-position: -21px 0;
}
#gHeader > ul > li.facebook > a:hover {
	background-position: -21px -21px;
}
#gHeader > ul > li.instagram > a {
	background-position: -42px 0;
}
#gHeader > ul > li.instagram > a:hover {
	background-position: -42px -21px;
}
#gHeader > ul > li.blog > a {
	background-position: -63px 0;
}
#gHeader > ul > li.blog > a:hover {
	background-position: -63px -21px;
}

/* ----------------------------------------
#gNav
---------------------------------------- */
#gNav {
	height: 50px;
	border-bottom: #ccc 1px solid;
	background: url(/images/shared/gnav_bg.png) 0 0 repeat;
}
#gNav > ul {
	width: 914px;
	padding: 0;
	margin: 0 auto;
  overflow: hidden;
}
#gNav > ul > li {
	width: 120px;
	padding: 0 37px;
	margin-left: -50px;
	float: left;
	position: relative;
  z-index: 3;
	background: url(/images/shared/gnav3.png) 0 0 no-repeat;
}
#gNav > ul > li.news {
	margin-left: 0;
}
#gNav > ul > li.tokyo {
	width: 194px;
  padding: 0;
  margin-left: -50px;
  z-index: 2;
}
/* ---------- li.current background ---------- */
#gNav > ul > li.news.current {
	background-position: -16px -98px;
}
#gNav > ul > li.catalogue.current {
	background-position: -160px -148px;
}
#gNav > ul > li.brands.current {
	background-position: -304px -198px;
}
#gNav > ul > li.shop.current {
	background-position: -448px -248px;
}
#gNav > ul > li.store.current {
	background-position: -592px -298px;
}
#gNav > ul > li.tokyo.current {
	background-position: 0 0;
}

/* ---------- li > a ---------- */
#gNav > ul > li > a {
	display: block;
	width: 120px;
	/*height: 50px;*/
  height: 0;
  padding-top: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: url(/images/shared/gnav3.png) no-repeat;
}
#gNav > ul > li.news > a {
	background-position: -53px -48px;
}
#gNav > ul > li.news > a:hover,
#gNav > ul > li.news.current > a {
	background-position: -53px -98px;
}
#gNav > ul > li.catalogue > a {
	background-position: -197px -48px;
}
#gNav > ul > li.catalogue > a:hover,
#gNav > ul > li.catalogue.current > a {
	background-position: -197px -148px;
}
#gNav > ul > li.brands > a {
	background-position: -341px -48px;
}
#gNav > ul > li.brands > a:hover,
#gNav > ul > li.brands.current > a {
	background-position: -341px -198px;
}
#gNav > ul > li.shop > a {
	background-position: -485px -48px;
}
#gNav > ul > li.shop > a:hover,
#gNav > ul > li.shop.current > a {
	background-position: -485px -248px;
}
#gNav > ul > li.store > a {
	background-position: -629px -48px;
}
#gNav > ul > li.store > a:hover,
#gNav > ul > li.store.current > a {
	background-position: -629px -298px;
}
#gNav > ul > li.tokyo > a {
  width: 194px;
	background-position: -736px -48px;
}

/* ----------------------------------------
#gFooter
---------------------------------------- */
#gFooter {
	padding: 20px;
	/padding-bottom: 0;
  overflow: hidden;
}
#gFooter > figure {
	width: 213px;
	height: 52px;
	margin-bottom: 30px;
	float: left;
	/margin-bottom: 0;
}
#gFooter > p.pageTop {
	width: 36px;
	float: right;
  margin-bottom: 40px;
}
#gFooter > p.pageTop > a {
	display: block;
	height: 37px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../images/shared/gfooter_pagetop.png) 0 0 no-repeat;
}
#gFooter > p.pageTop > a:hover {
	background-position: 0 -37px;
}

#gFooter > nav {
  clear: right;
}
#gFooter > nav > ul {
	clear: left;
	float: left;
}
#gFooter > nav > ul > li {
	display: inline;
	font-size: 11px;
}
#gFooter > nav > ul > li > a {
	display: inline-block;
	color: #999;
	text-decoration: none;
	margin-right: 20px;
}
#gFooter > nav > ul > li > a:hover {
	color: #000;
	text-decoration: underline;
}
#gFooter > p.copyright {
	height: 15px;
	float: right;
	padding-right: 87px;
	background: url(../images/shared/gfooter_logo.png) 100% 0 no-repeat;
}
#gFooter > p.copyright small {
	color: #ccc;
	font-size: 11px;
}

/* ============================================================
#contents
============================================================ */
#contents {
	position: relative;
}
#contents > header {
	height: 56px;
}
#contents > header > h1 {
	position: absolute;
	left: 20px;
	top: 60px;
}
#contents > header > p#topicPath {
	font-size: 11px;
	margin-top: 5px;
}
#contents > .main {
	width: 700px;
	float: right;
	*zoom: 1;
}
#contents > .main:before,
#contents > .main:after {
	content: "";
	display: table;
	clear: both;
}
#contents > .side {
	width: 170px;
	margin-top: 56px;
	float: left;
}

/* ----------------------------------------
#contents > .side
---------------------------------------- */
#contents > .side section {
	padding-bottom: 30px;
}
#contents > .side > section.archive > header {
	margin-bottom: 10px;
}
#contents > .side > section.archive > header > h2 {
	font-size: 16px;
	font-weight: normal;
}
#contents > .side > section.archive > ul > li {
	font-size: 13px;
	margin-bottom: 5px;
}
#contents > .side > section.archive > ul > li a {
	display: block;
	padding: 1px 3px;
	text-decoration: none;
}

#contents > .side > section.archive > ul > li a:hover,
#contents > .side > section.archive > ul > li.current,
#contents > .side > section.archive > ul > li.current a {
	color: #fff;
	background: #8C92A4;
}

#contents > .side > section.archive > ul > li > ul {
	display: none;
}
#contents > .side > section.archive > ul > li.current > ul {
	display: block;
}

#contents > .side > section.archive > ul > li > ul {
	color: #000;
	background: #fff;
	padding-left: 5px;
}
#contents > .side > section.archive > ul > li > ul > li {
	list-style: inside disc;
}
#contents > .side > section.archive > ul > li > ul > li > a,
#contents > .side > section.archive > ul > li.current > ul > li > a {
	display: inline;
	color: #000;
	background: none;
}
#contents > .side > section.archive > ul > li > ul > li a:hover {
	color: #000;
	text-decoration: underline;
	background: none;
}

/* ---------- div.banner ---------- */
#contents > .side > div.banner {
	padding-top: 30px;
	background: url(../images/shared/bdr_dot_1px_000.gif)  0 0 repeat-x;
}
#contents > .side > div.banner > section > header {
	margin-bottom: 5px;
}
#contents > .side > div.banner > section > header > h2 {
	font-size: 13px;
	font-weight: normal;
}
#contents > .side > div.banner > section > ul > li {
	margin-bottom: 10px;
}
#contents > .side > div.banner > section > ul > li a,
#contents > .side > div.banner > section > ul > li img {
	display: block;
}


/* ============================================================
#note (privacy / terms)
============================================================ */
#note {
	line-height: 1.5;
	width: 740px;
	padding: 30px;
}
#note h1, h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
#note p {
	font-size: 11px;
}
#note section {
	margin: 20px 0;
}

/* #note.terms */
.terms > header > h1 {
	display: none;
}
.terms > header > p {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}


/* ============================================================
classes
============================================================ */
.rollover {
}
.rEnd {
	margin-right: 0 !important;
}
.bEnd {
	margin-bottom: 0 !important;
}