@charset "utf-8";

/*============================================================

	A.SMITH NIIGATA

============================================================*/

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

	share

-----------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #FFF;
}

* html body {
	text-align: center;
}

div#container {
	position: relative;
	width: 780px;
	margin: 0 auto;
}

* html div#container {
	text-align: left;
}

/*---------- vi ---------*/
#identity {
	position: relative;
	height: 54px;
	margin: 0;
	padding: 30px 0 0;
	border: none;
}

* html #identity {
	height: 84px;
}

#identity img {
	display: block;
}

/*---------- header-menu and footer-menu ---------*/
ul#header-menu,
ul#footer-menu {
	list-style: none;
}

ul#header-menu li,
ul#header-menu a,
ul#footer-menu li,
ul#footer-menu a {
	line-height: 1.2;
	text-decoration: none;
	color: #999;
}

ul#header-menu li a,
ul#header-menu li span.selected,
ul#footer-menu li a,
ul#footer-menu li span.selected {
	font-size: 83%;
}

ul#header-menu span.selected {
	color: #C00;
}

ul#header-menu a:hover,
ul#footer-menu a:hover {
	text-decoration: underline;
	color: #C00;
}

/* header */
ul#header-menu {
	position: absolute;
	top: 6px;
	right: 0;
	width: 585px;
	margin: 0;
	padding: 0;
}

ul#header-menu li {
	float: right;
	margin: 0 0 6px 12px;
	padding: 0 0 0 12px;
	border-left: 1px dotted #999;
}

* html ul#header-menu li {
	display: inline;
}

/* footer-menu */
ul#footer-menu {
	clear: both;
	position: relative;
	width: 780px;
	margin: 0;
	padding: 0;
}

ul#footer-menu li {
	float: left;
	margin: 0 12px 6px 0;
	padding: 0 12px 0 0;
	border-right: 1px dotted #999;
}

* html ul#footer-menu li {
	display: inline;
}

ul#footer-menu li#t-o-p {
	float: right;
	margin: 0 0 6px;
	padding: 0;
	border: none;
}

* html ul#footer-menu li#t-o-p {
	display: inline;
}

/*---------- gnav ---------*/
ul#gnav {
	position: absolute;
	list-style: none;
	top: 56px;
	right: 0;
	margin: 0;
	padding: 0;
}

ul#gnav li {
	float: right;
	margin: 0 0 0 24px;
}

* html ul#gnav li {
	display: inline;
}

ul#gnav a,
ul#gnav img {
	display: block;
}

/*---------- main ---------*/
div#main {
	margin: 0 0 36px;
}

/*---------- address ---------*/
address {
	clear: both;
	border-top: 1px solid #999;
}

* html address {
	text-align: center;
}

address span#copyright {
	display: block;
	width: 780px;
	margin: 0 auto;
	padding: 6px 0 24px;
	text-align: left;
	font-size: 83%;
	color: #999;
}

/*---------- clearfix ----------*/
ul#header-menu:after,
ul#footer-menu:after,
div.topics div:after,
div#main:after,
body#shop-location div#main ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

* html ul#header-menu,
* html ul#footer-menu,
* html div.topics div,
* html div#main,
* html body#shop-location div#main ul {
	height: 1%;/*\*//*/
	display: inline-table;
	/**/
}

*:first-child+html ul#header-menu,
*:first-child+html ul#footer-menu,
*:first-child+html div.topics div,
*:first-child+html div#main,
*:first-child+html body#shop-location div#main ul {
	min-height: 1%;
}

/*---------- justification ----------*/
div.topics p,
body#preamble div#main p {
	text-align: justify;
	text-justify: inter-ideograph;
	word-break: break-all;
}

/*---------- format ----------*/
h1,
h2,
h3 {
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
}

h1 {
	position: relative;
	margin-bottom: 24px;
	padding-bottom: 8px;
	border-bottom: 1px solid #999;
	font-size: 200%;
}

* html h1 {
	width: 780px;
}

h1 img {
	display: block;
}

h1 span.jp {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1.2;
	font-size: 50%;
}

h2 {
	font-size: 160%;
}

h3 {
	font-size: 100%;
}

a:hover {
	color: #C00;
}

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

	home

------------------------------------------------------------*/
/*---------- main ----------*/
body#home div#main {
	height: 348px;
	background: #000;
}

/*---------- topics ----------*/
div.topics {
	position: relative;
	width: 780px;
	margin: 0 0 36px;
}

div.topics img {
	display: block;
}

div.topics h2 {
	margin: 0 0 18px;
	padding: 0 0 6px;
	border-bottom: 1px solid #999;
}

/*
div.topics dl {
	position: relative;
	margin: 0 0 12px;
	padding: 0;
	min-height: 84px;
}
* html div.topics dl {
	height: 84px;
}

div.topics dt,
div.topics dd {
	margin: 0 0 0 195px;
	padding: 0;
}

div.topics dd.thumbnail {
	position: absolute;
	top: 0.25em;
	left: 0;
	width: 168px;
	min-height: 58px;
	margin: 0;
	padding: 6px;
	background: #CCC;
}
* html div.topics dd.thumbnail {
	width: 180px;
	height: 72px;
}

div.topics dd.thumbnail img {
	border: 1px solid #FFF;
}
*/

div.topics div#more-topics {
	position: absolute;
	top: 2px;
	right: 0;
}

div.topics div {
	margin: 0 0 18px;
}

div.topics h3 {
	float: right;
	margin: 0 0 0.25em;
	padding: 0;
	width: 585px;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	font-size: 100%;
}

div.topics p {
	float: right;
	margin: 0;
	padding: 0;
	width: 585px;
}

div.topics p.thumbnail {
	float: left;
	width: 168px;
	min-height: 96px;
	margin: 0.25em 0 0;
	padding: 6px;
	background: #CCC;
}

* html div.topics p.thumbnail {
	height: 1%;
}

div.topics p.thumbnail img {
	border: 1px solid #FFF;
}

/* spring */
div.topics dl.spring dt,
div.topics dl.spring dt span,
div.topics dl.spring dt a {
	font-weight: bold;
	color: #C69;
}

div.topics dl.spring dd.thumbnail {
	background: #FCC;
}

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

	topics

------------------------------------------------------------*/
body#topics div#main ul {
	list-style: none;
	width: 780px;
	margin: 24px 0 18px;
	padding: 0;
}

body#topics div#main li {
	float: left;
	margin: 0 6px 18px 0;
	padding: 0;
	line-height: 1.2;
}

body#topics div#main li a,
body#topics div#main li span.selected {
	display: block;
	padding: 0.25em 0.5em;
	border: 1px solid #999;
}

body#topics div#main li a {
	text-decoration: none;
}

body#topics div#main li a:hover {
	background-color: #C00;
	border: 1px solid #C00;
	color: #FFF;
}

body#topics div#main li span.selected {
	background-color: #000;
	border: 1px solid #000;
	font-weight: bold;
	color: #FFF;
}

div.topics {
	clear: both;
}

div.topics a {
	font-weight: bold;
}

div.topics p.continue {
	text-align: right;
}

div.topics p.continue a {
	font-weight: normal;
}

div.topics h3 img {
	display: inline;
}

body#topics div#entries {
	clear: both;
}

body#topics div#entries div.entry {
	position: relative;
	margin: 0 0 1.5em;
	padding: 1.5em 0 0;
	overflow: visible;
}

body#topics div#entries div.entry h2 {
	margin: 0 0 1.5em;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	font-size: 100%;
}

body#topics div#entries div.entry p.entry-date {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

body#topics div#index {
	clear: both;
	text-align: right;
}

body#topics div#recent-entries {
	float: right;
	width: 180px;
	margin: 0 24px 24px 0;
}

body#topics div#recent-entries h2 {
	margin: 0;
}

body#topics div#recent-entries ul a {
	font-size: 80%;
}

/* 2 column */
body#topics div#main div.has-photo div.entry {
	margin-left: 324px;
}

body#topics div#main div.has-photo div.photo {
	position: absolute;
	left: -324px;
	top: 0.25em;
}

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

	brand list

------------------------------------------------------------*/
body#brand-list div#main div#bykelly_kelly {
	float: left;
	width: 520px;
}

body#brand-list div#main div#bykelly {
	float: left;
	width: 260px;
}

body#brand-list div#main div#kelly {
	float: right;
	width: 260px;
}

body#brand-list div#main div#a-smith {
	float: right;
	width: 260px;
}

body#brand-list div#main h2 span {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 72%;
}

body#brand-list div#main h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00;
}

body#brand-list div#main ul.bykelly,
body#brand-list div#main ul.ags {
	margin-bottom: 4em;
}

body#brand-list div#main li {
	font-size: 83%;
}

body#brand-list div#main li a {
	font-size: 100%;
}

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

	the preamble
	
------------------------------------------------------------*/
body#preamble div#main {
	position: relative;
}

body#preamble div#main h1 {
	margin-bottom: 24px;
}

body#preamble div#main p {
	line-height: 2;
	margin: 0 0 2em 420px;
}

body#preamble div#main p.image {
	float: left;
	width: 390px;
	height: 270px;
	margin: 0.5em 0 0;
}

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

	shop location
	
------------------------------------------------------------*/
body#shop-location div#shop  {
	float: left;
	width: 520px;
	margin-bottom: 30px;
}

body#shop-location div#shop_bykelly {
	float: left;
	width: 260px;
}

body#shop-location div#shop_kelly {
	float: right;
	width: 260px;
}

body#shop-location div#shop_asmith {
	float: right;
	width: 260px;
}

body#shop-location div#main p {
	margin-bottom: 20px;
}

body#shop-location div#shop ul,
body#shop-location div#shop_asmith ul {
	margin: 0 0 30px;
	list-style: none;
}

body#shop-location div#main li {
	position: relative;
	float: left;
	width: 260px;
	margin: 0;
}

body#shop-location div#shop_bykelly li.bykelly,
body#shop-location div#shop_kelly li.kelly,
body#shop-location div#shop_asmith li.a-smith {
	margin: 0 0px 0px 20px;
}

body#shop-location div#shop_bykelly dl,
body#shop-location div#shop_kelly dl,
body#shop-location div#shop_asmith dl {
	margin: 0;
}

body#shop-location div#main dt {
	margin: 0 0 6px 20px;
	padding: 13px 0;
}


body#shop-location div#shop_bykelly dd,
body#shop-location div#shop_kelly dd,
body#shop-location div#shop_asmith dd {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 80%;
}

body#shop-location div#main dd.address {
	margin: 0 0 0.5em 190px;
	padding: 0;
}

body#shop-location div#main dd.map {
	position: absolute;
	left: 0;
	top: 0;
	width: 170px;
	height: 170px;
	margin: 0;
	padding: 0;
}

body#shop-location div#shop_bykelly dd span.head,
body#shop-location div#shop_kelly dd span.head,
body#shop-location div#shop_asmith dd span.head {
	left: 0;
	top: 0;
	font-size: 100%;
}
* html body#shop-location div#main dd span.head {
	left: -5em;
	top: -0.25em;
}

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

	summary

------------------------------------------------------------*/
body#summary div#jp {
	float: left;
	width: 360px;
}

body#summary div#en {
	float: right;
	width: 360px;
}

body#summary div dl {
	margin: 0 0 2em;
}

body#summary div dt {
	margin: 0 0 0.25em;
	font-weight: normal;
}

body#summary div dt:after {
	content: ":";
}

body#summary div dd {
	margin: 0 0 1em 1em
}

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

	recruit

------------------------------------------------------------*/
body#recruit table {
	width: 100%;
	margin-top: 1em;
}

body#recruit th,
body#recruit td {
	padding: 0.5em 0.75em;
}

body#recruit th {
	background: #F0F0F0;
}

body#recruit td dl {
	margin: 0;
}

body#recruit td dt {
	margin: 0;
	font-weight: normal;
}

body#recruit td dd {
	margin: 0 0 0 2em;
}

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

	site map

------------------------------------------------------------*/
body#sitemap div#main ul {
	margin: 1em 0 1em 2em;
}

body#sitemap div#main ul ul ul {
	margin: 0.5em 0 1.5em 2em;
}

body#sitemap div#main ul li {
	margin: 0 0 1em 2em;
}