@charset "UTF-8";
/* ＵＴＦー８ */

/* ++++++++++++++++++++ common ++++++++++++++++++++ */

body, div, p, ul, ol, dl, table, address, h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	font-family: Times, "ヒラギノ明朝 Pro W3", "細明朝体", "ＭＳ Ｐ明朝", serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 140%;
	letter-spacing: 0.1em;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 14px;
}

img {
	border: none;
}

p {
	display: block;
}

ul li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

a:link {
	color: #ffffff;
}

a:hover {
	color: #ffeedd;
}

a:active {
	color: #ffeedd;
}

a:visited {
	color: #aa9999;
}

/* class */

.nobr {
    white-space : nowrap;
}

.smaller {
    font-size : smaller;
}

.price .taxIncluded:after {
	content: " tax in";
}

.price .taxNotIncluded:after {
	content: " ex tax";
}

/* ++++++++++++++++++++ base ++++++++++++++++++++ */

body {
	background-color: silver;
	color: white;
}

#main {
	margin: 20px auto auto;
	background-image: url(../images/mainbg.jpg);
	background-repeat: no-repeat;
	background-color: #110a00;
	width: 930px;
	height: 500px;
	padding: 0px;
}

#header {
	margin: 0px;
	width: 100%;
	height: 90px;
	position: relative;
}

#content {
	margin: 0px;
	width: 100%;
	height: 380px;
	position: relative;
}

#listcontent {
	margin: 0px;
	width: 100%;
	height: 380px;
	position: relative;
}

#footer {
	margin: 0px;
	width: 100%;
	height: 30px;
	position: relative;
}

#header .cimsg {
	color: white;
	font-family: serif;
	font-size: 12px;
	position: absolute;
	left: 76px;
	top: 39px;
	width:375px;
	text-align: left;
	letter-spacing: 0;
}

#header .cimsg em {
	font-style: italic;
	font-weight: bold;
	font-family: sans-serif;
}

#header .ciimg {
	position: absolute;
	left: 20px;
	top: 21px;
}

#footer .copyright {
	text-transform: uppercase;
	margin: 0px 15px;
	float: right;
}

/* ++++++++++++++++++++ #header ++++++++++++++++++++ */

#header ul {
	position: absolute;
	left: 20px;
}

#header ul li {
	display: block;
	float: left;
	padding: 0px 4px;
}

#header ul.primaryMenu {
	top: 66px;
	left: 80px;
}

#header ul.primaryMenu li {
	font-size: 12px;
	padding: 0px 10px;
	color: #dddddd;
	border-left: 1px solid #dddddd;
}

#header ul.primaryMenu li.menuItemLeft {
	padding: 0px 1px 0px 10px;
}

#header ul.primaryMenu li.menuItemRight {
	padding: 0px 12px 0px 1px;
	border-left: none;
}

#header ul.primaryMenu span.currentMenuItem {
	color: #ffffff;
}

#header ul.primaryMenu a:link {
	color: #aa9999;
}

#header ul.primaryMenu a:hover {
	color: #ffeedd;
}

#header ul.primaryMenu a:active {
	color: #ffeedd;
}

#header ul.primaryMenu a:visited {
	color: #aa9999;
}


#header ul.secondaryMenu {
	top: 36px;
	left: 790px;
}

#header ul.secondaryMenu li {
	width: 52px;
}

#header ul.secondaryMenu li span {
	display: none;
}

#header ul.secondaryMenu li img {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	height: 48px;
	width: 48px;
	margin-right:2px;
	float: left;
}

#header ul.secondaryMenu3 {
	top: 48px;
	left: 790px;
}

#header ul.secondaryMenu3 li {
	width: 36px;
}

#header ul.secondaryMenu3 li img {
	height: 34px;
	width: 34px;
}

#header ul.secondaryMenu4 {
	top: 58px;
	left: 780px;
}

#header ul.secondaryMenu4 li {
	width: 28px;
}

#header ul.secondaryMenu4 li img {
	height: 26px;
	width: 26px;
}

/* ++++++++++++++++++++ #content ++++++++++++++++++++ */

/* ++++++++++ top page ++++++++++ */

#content .jacketScroll {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

#content .jacketScroll li {
	position: absolute;
	width: 245px;
}

#content .jacketScroll li .catno {
	display: none;
	width: 100%;
	text-align: right;
}

#content .messages {
	position: absolute;
	left: 0px;
	top: 285px;
	width: 870px;
	height: 100px;
	overflow: auto;
	padding: 0px 20px;
}

#content .messages p {
	margin-left: 6px;
	font-family: sans-serif;
	font-size: 11px;
	letter-spacing: 0.2em;
}

#content .messages table {
	margin-left: 6px;
	font-family: sans-serif;
	font-size: 11px;
	letter-spacing: 0.2em;
}

#content .messages a {
	color: #ffffff;
}

#content .messages .messageTitle {
	color: #ff00ff;
	font-size: 13px;
	padding-right: 10px;
}

#content .messages .albumTitle {
	font-weight: bold;
}

#content .messages .albumArtist {
	padding-left: 5px;
}

/* ++++++++++ release ++++++++++ */

/* block layout */

#content .jacketMain {
	position: absolute;
	left: 30px;
	top: 20px;
	width: 245px;
}

#content .dataMain {
	position: absolute;
	left: 295px;
	top: 20px;
	width: 220px;
}

#content .detailMain {
	position: absolute;
	left: 520px;
	top: 20px;
	width: 410px;
}

/* ++++++++++ list ++++++++++ */

/* block layout */

#listcontent .jacketMain {
	position: absolute;
	left: 30px;
	top: 70px;
	width: 245px;
	z-index:10;
}

#listcontent .jacketMain img {
	z-index:10;
}

#listcontent .dataMain {
	position: absolute;
	left: 295px;
	top: 52px;
	width: 220px;
	z-index:30;
}

#listcontent .detailMain {
	position: absolute;
	left: 520px;
	top: 70px;
	width: 410px;
}

/* jacket */

.jacketMain .jacketImg {
}

.jacketMain .catno {
	line-height: 100%;
	width: 100%;
	text-align: right;
}

.jacketMain .price {
	width: 100%;
	text-align: right;
	font-size: 13px;
}

.jacketMain .price .taxIncluded,
.jacketMain .price .taxNotIncluded  {
	display: block;
	font-size: 11px;
	line-height: 80%;
}

/* title, artist, personnel, etc.. */

.dataMain .release .date {
	font-size: 18px;
}

.dataMain .albumTitle {
	margin-top: 15px;
	font-size: 17px;
	font-weight: bold;
	line-height: 110%;
}

.dataMain .albumArtist {
	margin-top: 3px;
	font-size: 14px;
	line-height: 110%;
}

.dataMain .personnel {
	margin-top: 10px;
	font-weight: bold;
	font-size: 14px;
	height: 124px;
}

.dataMain .personnel li {
	font-size: 13px;
	line-height: 120%;
}

.dataMain .personnel li span.part {
	margin-left: 10px;
	font-size: 11px;
	font-weight: normal;	
}

.dataMain .personnel li span.part:before {
	content: " - ";
}

.dataMain .personnel li span.part:after {
}

.dataMain .personnel li span.info {
	font-size: 12px;
	font-weight: normal;	
}

.dataMain .recording {
	margin-top: 10px;
	margin-bottom: 10px;
}

.dataMain .compiledDiscs {
	font-size: 14px;
	font-weight: normal;	
}

/* tracks, infos */

.detailMain ol.tracks {
	font-size: 11px;
	color: #ffeeee;
	margin-left: 24px;
	margin-bottom: 4px;
	letter-spacing: 0.1em;
	line-height: 150%;
}

.detailMain ol.tracks li {
	margin-bottom: 0px;
}

.detailMain ul.tracks {
	font-size: 9px;
	color: #ffeeee;
	margin-left: 0px;
	margin-bottom: 4px;
	letter-spacing: 0.1em;
	line-height: 180%;
	float: left;
}

.detailMain ul.tracks li {
	margin-bottom: 0px;
}

.detailMain ul.tracks li span.trackNumber{
	padding-left: 8px;
	padding-right: 3px;
}

.detailMain ul.tracks li span.trackNumber10{
	padding-left: 1px;
	padding-right: 3px;
}

/*
.detailMain ol.tracks li a {
	color: #ffffff;
}

.detailMain ol.tracks li a:hover {
	color: #ddffff;
}
*/

.detailMain .downloadrealplayer {
	/*visibility: hidden;
	display: none;*/
	margin-left: 24px;
}

.detailMain .moreinfos {
	/*margin-top: 10px;*/
	position: absolute;
	top: 230px;
	left: 0px;
	width: 380px;
	height: 120px;
	overflow: auto;
}

.detailMain .moreinfos14 {
	top: 245px;
	height: 105px;
}

.detailMain .moreinfos15 {
	top: 260px;
	height: 90px;
}

.detailMain .moreinfos16 {
	top: 275px;
	height: 75px;
}

.detailMain .moreinfos div {
	width: 350px;
}

.detailMain .moreinfos p.sj {
	width: 22em;
	height: 56px;
	background-image: url(/v2/images/sj_56px.png);
	background-repeat: no-repeat;
	background-position: right;
}

.detailMain .moreinfos p.sjjd {
	width: 16em;
	height: 56px;
	background-image: url(/v2/images/sjd_48px.png);
	background-repeat: no-repeat;
	background-position: right;
}


/* ++++++++++ search ++++++++++ */

#content .searchTextForm {
	position: absolute;
	top: 16px;
	left: 30px;
	width: 900px;
	height: 30px;
}

#content #searchText {
	width: 400px;
}

#content .searchResult {
	position: absolute;
	top: 50px;
	left: 30px;
	width: 870px;
	height: 320px;
	overflow: auto;
}

#content .searchResult ul li {
	padding: 4px;
	height: 40px;
}

#content .searchResult ul li a:visited {
	color: #ffffff;
}

#content .searchResult ul li p {
	padding-top: 14px;
}

#content .searchResult ul li span {
	padding-left: 5px;
	padding-right: 5px;
}

#content .searchResult ul li img {
	width: 40px;
	height: 40px;
	border: 1px solid #777777;
	margin-right: 3px;
	float: left;
}