@charset "utf-8";

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

	Last Updated: May 27, 2011

	01: text
	02: layout
	03: header#gHeader
	04: footer#gFooter
	05: article.single
	06: ul#index
	07: article#each
	08: article#transactions
	09: 09: article#cart
	10: article#order
	11: article#payment (modal - colorbox)
	12: article#shipment (modal - colorbox)
	13: article#suspend
	
	00: classes

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


/* ============================================================
01: text
============================================================ */
/* whitch?
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-family: Helvetica, Arial, Verdana, Geneva, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
*/ 
body {
	color: #333;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	font-size: 11px;
	line-height: 1.6;
}
/* ---------- textLink ---------- */
a,
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #fff;
	text-decoration: none;
	background: #193953;
}


/* ============================================================
02: layout
============================================================ */
body {
	background: #F2F2F2;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
}
#gHeader {
	height: 68px;
	padding: 20px;
}
#gFooter {
	padding: 20px 10px;
}


/* ============================================================
03: header#gHeader
============================================================ */
#gHeader h1 {
	width: 237px;
	height: 68px;
	float: left;
	background: url(../images/shared/logo.png) 0 0 no-repeat;
}
#gHeader h1 a {
	display: block;
	width: 237px;
	height: 0;
	padding-top: 68px;
	overflow: hidden;
}
#gHeader h1 a:hover {
	background: none;
}
#gHeader nav {
	width: 583px;
	float: right;
}
#gHeader nav ul {
	margin-top: 30px;
	text-align: right;
}
#gHeader nav ul li {
	display: inline;
	padding-left: 30px;
	font-size: 12px;	
}
#gHeader nav ul li a,
#gHeader nav ul li a:visited {
	text-decoration: none;
}


/* ============================================================
04: footer#gFooter
============================================================ */
#gFooter nav {
	border-top: #000 1px dotted;
	font-size: 12px;
}
#gFooter nav ul {
	padding: 10px 0;
	text-align: center;
}
#gFooter nav ul li {
	display: inline;
	padding: 30px;
}
#gFooter nav ul li a,
#gFooter nav ul li a:visited {
	text-decoration: none;
}
#gFooter p.copyright {
	border-top: #000 1px solid;
	padding-top: 5px;
	text-align: right;
}


/* ============================================================
05: article.single
============================================================ */
article.single {
	width: 920px;
	padding: 10px;
	margin: 0 10px;
	background: #fff;
}


/* ============================================================
06: ul#index
============================================================ */
ul#index {
	list-style: none;
	overflow: hidden;
	_zoom: 1;
}
ul#index li {
	width: 220px;
	margin: 0 10px 20px;
	padding: 10px 0;
	float: left;
	background: #fff;
}
ul#index li.double {
	width: 460px;
}

/* rollover style for clickable element */
ul#index li.bl-hover {
	cursor: pointer;
	background: #e0e0e0;
}

/* ---------- [Shared] article#each > div ---------- */
ul#index li h2,
ul#index li p,
article#each div.primary h2,
article#each div.primary p,
article#each div.primary form,
article#each div.secondary h3,
article#each div.secondary h4,
article#each div.secondary p,
article#each div.secondary ol,
article#each div.secondary div.embed {
	padding: 0 10px;
}

ul#index li h2,
ul#index li p.artist,
article#each div.primary h2,
article#each div.primary p.artist,
article#each div.secondary h3 {
	color: #193952;
}
ul#index li h2,
article#each div.primary h2 {
	font-size: 14px;
	line-height: 1.3;
	margin-top: 5px;
}
ul#index li p.artist,
article#each div.primary p.artist,
article#each div.secondary h3 {
	font-size: 12px;
}
ul#index li h2 span,
article#each div.primary h2 span {
	font-size: 11px;
}
ul#index li p.artist,
article#each div.primary p.artist {
	font-style: oblique;
}
ul#index li p.artist,
ul#index li p.data,
ul#index li p.status,
article#each div.primary p.artist,
article#each div.primary p.data,
article#each div.primary p.status,
article#each div.primary form {
	padding-top: 10px;
}


/* ============================================================
07: article#each
============================================================ */
article#each {
	overflow: hidden;
	_zoom: 1;
}
article#each div.primary,
article#each div.secondary {
	width: 460px;
	margin: 0 10px 20px;
	padding: 10px 0;
	float: left;
	background: #fff;
}
article#each div.primary {
	_margin-left: 5px;
}
article#each div.secondary {
	float: right;
	_margin-right: 5px;
}
article#each div.secondary ol {
	margin-top: 5px;
	list-style-position: inside;
}
/* ---------- [Shared] article#each ---------- */
article#each div.comment,
article#each div.secondary div.embed {
	margin-top: 20px;
}
article#each div.comment p {
	margin-top: 1.6em;
}
/* section.shipmentAttn */
article#each div.secondary section.shipmentAttn {
	margin-top: 20px;
}
article#each div.secondary section.shipmentAttn h3 {
	color: #900;
}
article#each div.secondary section.shipmentAttn dl {
	padding: 0 10px;
	margin-bottom: 10px;
}
article#each div.secondary section.shipmentAttn dl dt {
	margin: 5px 0 3px;
	border-bottom: #ccc 1px dotted;
}



/* ============================================================
08: article#transactions
============================================================ */
article#transactions h2 {
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: #000 1px solid;
	margin-bottom: 20px;
}
article#transactions dl {
	font-size: 12px;
	margin-bottom: 40px;
	position: relative;
}
article#transactions dl dt {
	width: 13em;
	position: absolute;
	font-weight: bold;
}
article#transactions dl dd {
	padding: 0 0 1em 13em;
	margin-bottom: 1em;
	border-bottom: #f2f2f2 1px solid;
}
article#transactions h3 {
	font-size: 14px;
	margin-bottom: 5px;
}
article#transactions h4,
article#transactions p.attn {
	font-size: 12px;
	margin-top: 15px;

}
article#transactions ul {
	list-style-position: inside;
}

/* ============================================================
09: article#cart
============================================================ */
article#cart h2 {
	font-size: 16px;
	margin-bottom: 10px;
}
article#cart table {
	width: 920px;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
	line-height: 1.3;
}
article#cart table tr th,
article#cart table tr td {
	padding: 5px 10px;
	border: #ccc 1px solid;
}
/* width */
article#cart table tr th.name {
	width: 580px;
}
article#cart table tr th.price {
	width: 120px;
}
article#cart table tr th.quantity {
	width: 40px;
}
article#cart table tr th.subtotal {
	width: 120px;
}
article#cart table tr th.remove {
	width: 60px;
}
/* text-align */
article#cart table tr td.price,
article#cart table tr td.subtotal,
article#cart table tr.total td {
	text-align: right;
}
article#cart table tr td.quantity,
article#cart table tr td.remove {
	text-align: center;
}
article#cart table tr.total th {
	text-align: left;
}
/* color */
article#cart table tr.header,
article#cart table tr.total {
	background: #f2f2f2;
}
article#cart ul.supplement {
	margin-top: 20px;
	list-style: none;
}
/* ---------- nav ---------- */
article#cart nav {
	font-size: 12px;
	padding: 40px 0 30px;
}
article#cart nav ul li {
	display: inline;
	padding-right: 50px;
	font-weight: bold;
}
article#cart nav ul li.continue {
}
article#cart nav ul li.checkout {
}


/* ============================================================
10: article#order
============================================================ */
article#order p.how {
	font-size: 12px;
}
article#order p.order {
	margin: 20px 0;
}
article#order textarea {
	width: 894px;
	height: 300px;
	padding: 10px;
	border: #000 2px solid;
}


/* ============================================================
11: article#payment (modal - colorbox)
============================================================ */
article#payment,
article#shipment {
	width: 400px;
	margin: 0 auto;
	font-size: 12px;
}
article#payment h2,
article#shipment h2 {
	font-size: 16px;
	margin-bottom: 15px;
}
article#payment section.cod,
article#shipment section.how,
article#shipment section.charge {
	margin-bottom: 20px;
}
article#payment h3,
article#shipment h3 {
	font-size: 14px;
	margin-bottom: 5px;
}
article#payment p.attn,
article#shipment section.charge p.attn {
	font-size: 11px;
	margin-top: 10px;
}
article#payment dl dt,
article#shipment dl dt {
	font-weight: bold;
}
article#payment dl dd.bankAccount {
	padding: 10px 10px 8px;
	margin-bottom: 5px;
	background: #f2f2f2;
}


/* ============================================================
12: article#shipment (modal - colorbox)
============================================================ */
article#shipment {
	width: 600px;
}
article#shipment dl,
article#shipment section.charge p.attn {
	padding: 0 10px;
}
article#shipment dl dt {
	margin: 5px 0 3px;
	border-bottom: #ccc 1px dotted;
}
article#shipment section.charge h3 {
	margin-bottom: 0;
}
article#shipment section.time div.list {
	margin-top: 10px;
	padding-left: 10px;
	overflow: hidden;
	_zoom: 1;
}
article#shipment section.time div.list ul,
article#shipment section.time div.list div.okinawa {
	width: 200px;
	float: left;
}
article#shipment section.time div.list ul {
	list-style-position: inside;
}
article#shipment section.news {
	margin-top: 20px;
	font-size: 11px;
	color:  #900
}
article#shipment section.news p.link {
	color: #333;
	margin-top: 1em;
}


/* ============================================================
13: article#suspend
============================================================ */
#suspend {
	width: 500px;
	margin: 0 auto;
	padding-top: 200px;
}
#suspend h1 {
	width: 237px;
	height: 68px;
	margin: 0 auto 30px;
	background: url(../images/shared/logo.png) 0 0 no-repeat;
}
#suspend h1 a {
	display: block;
	width: 237px;
	height: 0;
	padding-top: 68px;
	overflow: hidden;
}
#suspend h1 a:hover {
	background: none;
}
#suspend p {
	text-align: center;
}

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