@charset "Shift_JIS";

/* -------------------- start of Style Sheet -------------------- */

/* Cascading Style Sheet for メモリアルアーカイブ トップページ */

#main h2  {
	position: absolute;
	top: -9000px;
	left:  -9000px;
	text-indent: -9000px;
}

/* ########## 更新履歴 ########## */
#modified {
	overflow: hidden;
	position: relative;
	top: 5px;
	left: 0;
	width: 930px;
	margin: 0 auto 5px auto;
	padding: 0;
	text-align: left;
	border: 1px solid #ffffff;
	background: #000000;
}
html[xmlns] #modified {
	background: url(../img/basic/back_transparent_black_80.png);
}

#modified h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}

#modified ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0 0 0.5em 0;
	font-size: 82%;
	line-height: 1.2;
}
html[xmlns] #modified ul {
	padding: 0;
	line-height: 1.0;
}

#modified ul li {
	margin: 0;
	padding: 0.8em 10px 0.3em 10px;
	color: #ffffff;
	white-space: nowrap;
}
html[xmlns] #modified ul li {
	padding: 0.8em 10px;
}

#modified a {
	color: #ffffff !important;
}

#modified ul li strong {
	color: #ffff00 !important;
}
#modified ul li strong * {
	color: #ffff00 !important;
}

/* ########## 最新作 ########## */
#new-release {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
#new-release h3 {
	position: absolute;
	top: -9000px;
	left:  -9000px;
	text-indent: -9000px;
}
#new-release p {
	margin: 0;
	padding: 0;
}

/* ########## 商品一覧 ########## */
#products {
	position: relative;
	top: 20px;
	left: 0;
	margin: 0 0 20px 0;
	padding: 0;
}

#products h3 {
	position: absolute;
	top: -9000px;
	left:  -9000px;
	text-indent: -9000px;
}

#products p.note {
	clear: both;
	margin: 0 20px;
	padding: 0;
	color: #333333;
	font-size: 82%;
	text-align: right;
}
#products p.catch {
	clear: both;
	margin: 0.5em 20px;
	padding: 0;
	color: #336699;
	font-size: 100%;
	text-align: center;
}
#products p.section {
	clear: both;
	width: 950px;
	margin: 0.5em 0;
	padding: 0.2em 10px 0 10px;
	text-align: center;
	color: #f9f9f9;
	letter-spacing: 0.2em;
	border: 1px solid #cccccc;
	background: #444444 url(../img/basic/back_stripe_black.gif);
}
#products dl {
	overflow: hidden;
	float: left;
	width: 465px;
	margin: 0 4px 10px 4px;
	padding: 0;
	border: 1px solid #999999;
}
html[xmlns] #products dl {
	background: url(../img/basic/back_transparent_white_80.png);
}
#products dl dt {
	width: 465px;
	margin: 0 0 10px 0;
	padding: 0.3em 0 0.3em 10px;
	color: #ffffff;
	white-space: nowrap;
	background: #4697c1;
}
html[xmln] #products dl dt {
	width: 455px;
}

#products dl dt a {
	color: #ffffff !important;
	text-decoration: none;
}

#products dl dd {
	margin: 0;
	padding: 0;
	font-size: 82%;
	white-space: nowrap;
}
#products dl dd.jacket {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	z-index: 620;
	width: 180px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#products dl dd.jacket img {
	border: 1px solid #cccccc;
}
#products dl dd.basic-info {
	height: 160px;
	padding-left: 190px;
	line-height: 1.6;
}
html[xmlns] #products dl dd.basic-info {
	height: auto;
	min-height: 160px;
}
#products dl dd.basic-info ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#products dl dd.basic-info ol {
	margin: 0 0 10px 20px;
	padding: 0;
}
#products dl dd.basic-info ol li,
#products dl dd.basic-info ul li {
	margin: 0;
	padding: 0;
}
#products dl dd.basic-info p {
	margin: 0;
	padding: 0;
	color: #cc0000;
	font-size: 110%;
	letter-spacing: 0.2em
}
#products dl dd.basic-info p.preview {
	margin: 0 0 10px 0;
	width: 260px;
	padding: 0;
	text-align: center;
	background: #f0f0f0;
}
#products dl dd.basic-info p.preview a {
	display: block;
	margin: 0;
	padding: 0.2em 0;
	color: #ff6600;
	font-size: 94%;
	text-decoration: none;
}

#products dl dd.info {
	overflow: hidden;
	clear: right;
	position: relative;
	top: 5px;
	width: 450px;
	margin: 0 7px 12px 7px;
	padding: 0.3em 0 0.3em 10px;
	color: #336699;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe_white.gif);
}
html[xmlns] #products dl dd.info {
	width: 440px;
}

/* ########## 旧譜（中） ########## */
#products dl.sub-release {
	overflow: hidden;
	float: left;
	width: 227px;
	margin: 0 4px 10px 4px;
	padding: 0;
	border: 1px solid #999999;
}
html[xmlns] #products dl.sub-release {
	background: url(../img/basic/back_transparent_white_80.png);
}
#products dl.sub-release dt {
	width: 227px;
	margin: 0 0 10px 0;
	padding: 0.3em 0 0.3em 10px;
	color: #ffffff;
	white-space: nowrap;
	background: #4697c1;
	font-size: 82%;
}
html[xmln] #products dl.sub-release dt {
	width: 217px;
}
#products dl.sub-release dd {
	margin: 0;
	padding: 0;
	font-size: 71%;
	white-space: nowrap;
}
#products dl.sub-release dd.jacket {
	position: relative;
	top: 0;
	left: 0;
	z-index: 620;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
#products dl.sub-release dd.jacket img {
	border: 1px solid #cccccc;
}
#products dl.sub-release dd.basic-info {
	height: 92px;
	line-height: 1.6;
}
html[xmlns] #products dl.sub-release dd.basic-info {
	height: auto;
	min-height: 92px;
}
#products dl.sub-release dd.basic-info ul {
	list-style-type: none;
	clear: both;
	margin: 0;
	padding: 10px 20px;
}
#products dl.sub-release dd.basic-info ul li {
	margin: 0;
	padding: 0;
}
#products dl.sub-release dd.basic-info p {
	margin: 0;
	padding: 0;
	color: #cc0000;
	font-size: 110%;
	letter-spacing: 0.2em
}
#products dl.sub-release dd.basic-info p.preview {
	margin: 0 0 10px 20px;
	width: 190px;
	padding: 0;
	text-align: center;
	background: #f0f0f0;
}
#products dl.sub-release dd.basic-info p.preview a {
	display: block;
	margin: 0;
	padding: 0.2em 0;
	color: #ff6600;
	font-size: 94%;
	text-decoration: none;
}


#products dl.sub-release dd.info {
	overflow: hidden;
	clear: right;
	position: relative;
	top: 5px;
	width: 213px;
	margin: 0 7px 12px 7px;
	padding: 0.3em 0 0.3em 10px;
	color: #336699;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe_white.gif);
}
html[xmlns] #products dl.sub-release dd.info {
	width: 203px;
}

/* ########## 旧譜（小） ########## */
#products dl.old-release {
	overflow: hidden;
	float: left;
	width: 227px;
	margin: 0 4px 10px 4px;
	padding: 0;
	border: 1px solid #999999;
}
html[xmlns] #products dl.old-release {
	background: url(../img/basic/back_transparent_white_80.png);
}
#products dl.old-release dt {
	width: 227px;
	margin: 0 0 10px 0;
	padding: 0.3em 0 0.3em 10px;
	color: #ffffff;
	white-space: nowrap;
	background: #4697c1;
	font-size: 82%;
}
html[xmln] #products dl.old-release dt {
	width: 217px;
}
#products dl.old-release dd {
	margin: 0;
	padding: 0;
	font-size: 71%;
	white-space: nowrap;
}
#products dl.old-release dd.jacket {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	z-index: 620;
	width: 90px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#products dl.old-release dd.jacket img {
	border: 1px solid #cccccc;
}
#products dl.old-release dd.basic-info {
	height: 92px;
	line-height: 1.6;
}
html[xmlns] #products dl.old-release dd.basic-info {
	height: auto;
	min-height: 92px;
}
#products dl.old-release dd.basic-info ul {
	list-style-type: none;
	float: right;
	margin: 0;
	padding: 5px 10px 5px 0;
}
#products dl.old-release dd.basic-info ul li {
	margin: 0;
	padding: 0;
}

#products dl.old-release dd.info {
	overflow: hidden;
	clear: right;
	position: relative;
	top: 5px;
	width: 213px;
	margin: 0 7px 12px 7px;
	padding: 0.3em 0 0.3em 10px;
	color: #336699;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe_white.gif);
}
html[xmlns] #products dl.old-release dd.info {
	width: 203px;
}


/* ########## その他の商品 ########## */
#other {
	position: relative;
	top: 20px;
	left: 0;
	margin: 0 0 40px 0;
	padding: 0.8em 0;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe_white.gif)
}

#other h3 {
	clear: both;
	margin: 0.5em 20px;
	padding: 0.2em 10px 0 10px;
	color: #999933;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6;
	background: url(../img/basic/back_dot_white.gif) 0 100% no-repeat;
}

#other p {
	margin: 0.5em 50px;
	padding: 0;
	color: #333333;
	font-size: 82%;
}
#other p.link {
	margin: 1em 40px;
	padding: 0.2em 10px;
	border: 1px solid #eeeeee;
	text-align: right;
	background: url(../img/basic/back_link_white.gif) repeat-x 0 50%;
}
#other p.link a {
	text-decoration: none;
}
#other p.link a:hover {
	text-decoration: underline;
}

/* ################################## */
/* ### ポップアップサイトイメージ ### */
/* ################################## */
#big-image {
	position: absolute;
	top: -9000px;
	left: -9000px;
	z-index: 65536;
	margin: 0;
	padding: 20px 25px;
	text-align: center;
	border: 1px solid #ffffff;
	background: #000000 url(../img/basic/back_stripe_black.gif);
}
html[xmlns] #big-image {
	width: auto;
	background: url(../img/basic/back_transparent_black_80.png);
}
#big-image span {
	display: block;
	width: 100%;
	margin: 12px 0 -8px 0;
	padding: 0;
	color: #ffffff;
	font-size: 71%;
	text-align: left;
	line-height: 1.2;
}
#big-image img {
	margin: 0;
	padding: 0;
	border: 1px solid #ffffff;
}