@charset "utf-8";

p, li, dt, dd, th, td, form, pre, address, blockquote, non {
	font-size:12px;
	line-height:150%;
	}

h1,h2,h3,h4,h5,h6 {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-weight: bold;
	text-align: left;
	border: 0px;
	margin: 0;
	padding 0;
	}

h1 { font-size: 34px; line-height: 42px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 14px; line-height: 20px; }
h4 { font-size: 12px; line-height: 18px; }

/* over write ---------------------------------------------*/
.content {
	position: relative;
	overflow: visible;
	}
/* shere */
.shareButton {position:absolute;top:10px;right:0;*top:20px;}
.shareButton li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
/*--------------------------------------------- over write */

.inblock {
	position: relative;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	overflow: hidden;
	vertical-align: top;
	background-position: 0 0;
	}
.ghost {
	display: none;
	}

.art-lead {
	padding-bottom: 8px;
	text-align: left;
	}

.gist {
	text-align: left;
	}

a.btn { outline: none; }
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active {
	text-decoration: none;
	}
a.btn > * { cursor:pointer; } /* for IE */
a.disenable, a.disenable > * { cursor:default; }

.disenable {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
	}
a.disenable:hover {	color:#333; }

a span.title {
	vertical-align: middle;
	white-space: normal;
	font-weight: bold;
	line-height: 110%;
	}
a span.bullet {
	vertical-align: middle;
	padding-top: 0.2em;
	padding-right: 0.4em;
	font-size: 68%;
	}

.tRight	{text-align: right;}
.tCenter{text-align: center;}
.tLeft	{text-align: left;}
.top4   { padding-top: 4px; }
.top8   { padding-top: 8px; }
.top12  { padding-top:12px; }
.top16  { padding-top:16px; }
.btm8   { padding-bottom: 8px; }
.btm16  { padding-bottom:16px; }
.btm24  { padding-bottom:24px; }


/* ============================================================
	chapter
   ============================================================ */

/* page header ------------------------------------------------ */

#page-header {
	position: relative;
	width: 880px; /* ie */
	margin-top: 20px;
	}


/* page body -------------------------------------------------- */

#page-body {
	position: relative;
	width: 880px; /* ie */
	margin-bottom: 20px;
	}
div.btn, a.btn {
	position: relative;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	}

/* page footer ------------------------------------------------ */

#page-footer {
	position: relative;
	width: 880px; /* ie */
	}


/* ============================================================
	store ( detail & cart )
   ============================================================ */

#store {
	display:none;
	position: relative;
	margin-top: 20px;
	padding-top: 29px;
	min-height: 104px;
	border-top: 1px solid #e6e6e6;
	}
#store.itemin {
	display: block;
	}

#detail {
	position: relative;
	/*border-bottom: 2px solid white;*/
	}
#detail th, #detail td {
	line-height: 100%;
	padding: 2px 0;
	/*border-top: 2px solid white;*/
	}
#detail th {
	width: 4em;
	text-align: left;
	}

#detail .title { width: 310px; padding-left: 4px;}
.win #detail .title { letter-spacing: 1px; }
#detail .size {
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	}
#detail .size {
	height: 22px;
	}
#detail .store {
	position: relative;
	width: 200px;
	}

#detail .price em {
	padding-left: 0.2em;
	padding-right: 0.1em;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	}
.win #detail .price em {
	font-size: 16px;
	}
#detail .instore {
	font-size: 10px;
	}
.win #detail .instore {
	font-size: 11px;
	padding-left: 4px;
	}
#detail tr.notSelected {
	display: none;
	}
#detail .notSelected .price,
#detail .notCarried .price {
	display: none;
	}
#detail .notCarried .instore {
	padding: 3px 6px 2px 0px;
	background-color: white;
	border: 0px solid #ccc;
	}


/* ===========================================================
	cart
   ============================================================ */

#cart {
	display: block;
	position: absolute;
	top: 29px;
	right:0;
	width: 225px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	}

#cart div {
	position: relative;
	/*padding: 6px 8px;*/
	height: 70px;
	margin-bottom: 16px;
	}

#cart div p {
	position: relative;
	margin: 0;
	padding: 6px 6px 2px 10px;
	text-align: right;
	border: 1px solid #e6e6e6;
	}
#cart div p span {
	float: left;
	padding-top: 1px;
	color: #444444;
	}
#cart div p span#ccp {
	display: none;
	float: none;
	padding-right: 1em;
	}
#cart strong {
	font-weight: normal;
	}
#cart em {
	padding-top: 2px;
	padding-left: 0.2em;
	padding-right: 0.1em;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	}
#cart .discount #ccp {
	display: inline;
	}
#cart .discount strong {
	color: #79001f;
	}
.win #cart em {
	font-size: 18px;
	}

#cart a.btn {
	display: block;
	position: relative;
	float: right;
	margin: 10px 0;
	padding: 6px 26px 5px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	border: 0px solid black;
	border-radius: 2px;
	background-color: #ccc;
	cursor: default;
	}
#cart .ready a.btn { cursor:pointer; background-color: #333; }
#cart .ready a.btn:hover { background-color: #79001f; }

#cart p.cap {
	text-align: left;
	font-size: 11px;
	line-height: 15px;
	background-color: white;
	text-indent: -1.4em;
	margin-left: 1.4em;
	margin-top: 0;
	}
.win #cart p.cap {
	margin-top: 2px;
	}