@charset "utf-8";
/* ===================================================================
CSS information

 style info :作品ページ関係
=================================================================== */

#gNavi {
	height: 27px;
	background: url(../img2/common/bck_gnv.gif) no-repeat top left;
}

.helpIcon {
	margin: 0 3px 0 0;
}

/*==============================================
	見出し
----------------------------------------------*/
.contents h4 {
	width: 651px;
	margin: 0 10px 10px;
	padding: 2px 0 4px 10px;
	color: #43588a;
	font-size: 120%;
	background: url(../img2/common/hd3_bck.gif) no-repeat left bottom;
}

/*==============================================
	冒頭
----------------------------------------------*/
.freeImage {
	margin: 0 4px 20px;
}

.artistDetail {
	margin: 0 10px 20px;
	position: relative;
	overflow: hidden;
}

* html .artistDetail {
	height: 1em;
	overflow: visible;
}

img.artistImage {
	width: 150px;
	height: 150px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #666;
}

.artistDetailText {
	width: 503px;
	position: relative;
	margin: 0 0 0 160px;
	padding: 11px 0 0;
	min-height:150px;
	height: auto !important;  
	height: 150px; 
}

.artistDetailText .newArrived {
	position: absolute;
	top: 0;
	left: 0;
}

.artistDetailText h3 {
	line-height: 1.20;
	font-size: 130%;
}

.artistDetailText .artistName {
	margin: 0 0 5px;
	font-weight: 700;
}

.artistDetailText .trial {
	width: 38px;
	height: 14px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img2/common/btn.gif) no-repeat 0 0;
}

.artistDetailText .trial a {
	width: 100%;
	height: 100%;
	display: block;
}

.artistDetailText .trial a:hover {
	background: url(../img2/common/btn.gif) no-repeat 0 -50px;
}

.artistDetailText .iconList {
	/*width: 92px;*/
	height: 14px;
	float: left;
	padding: 0 6px 0 3px;
}

.artistDetailText .iconList p {
	width: 23px;
	height: 14px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	background-image: url(../img2/common/icn_prd.gif);
}

.artistDetailText .iconList p.wmaIcon {
	background-position: 0 0;
}

.artistDetailText .iconList p.mp3Icon {
	background-position: -23px 0;
}

.artistDetailText .iconList p.videoIcon {
	background-position: -46px 0;
}

.artistDetailText .iconList p.kashiIcon {
	background-position: -69px 0;
}

.artistDetailText dl.contentsData {
	white-space: nowrap;
	float: left;
	/*font-size: 85%;*/
}

.artistDetailText dl.contentsData dt {
	display: inline;
}

.artistDetailText dl.contentsData dd {
	display: inline;
	padding: 0 7px 0 0;
}

.artistDetailText dl.contentsData dt.sellingAgency{
	font-size: 85%;
}
.artistDetailText dl.contentsData dd.sellingAgency{
	font-size: 85%;
}


.artistDetailText p.number {
	padding: 8px 0 1px;
	clear: both;
}

.artistDetailText p.number span {
	color: #fb8b01;
	font-size: 120%;
	font-weight: 700;
}

.artistDetailText p.addFavorite {
	white-space: nowrap;
	margin: 0 0 7px;
	padding: 0 0 0 18px;
	background: url(../img2/common/icn_crs.gif) no-repeat left center;
}

.artistDetailText p.addFavorite img {
	margin: 0 0 0 3px;
}

dl.thisArtistTag {
	padding: 7px 10px;
	border: 1px solid #d5d1c3;
	background: #f6f5f1;
}

dl.thisArtistTag dt {
	margin: 0 0 2px;
	color: #333;
	font-weight: 700;
}

dl.thisArtistTag dd {
	display: inline;
}

dl.thisArtistTag dd a {
	color: #6b5f2e;
}

dl.thisArtistTag dd a:hover {
	color: #ff9500;
}

/*==============================================
	作品紹介／ここに注目
----------------------------------------------*/
.artistText {
	margin: 0 20px 20px;
}

/*==============================================
	フリースペース
----------------------------------------------*/
#main .freeSpace p {
	margin: 0 20px 10px;
}

#main .freeSpace p.button {
	white-space: nowrap;
	padding: 0 0 0 18px;
	background: url(../img2/common/icn_crs.gif) no-repeat left center;
}

#main .freeSpace ul {
	margin: 0 20px 10px 40px;
	border-left: 3px solid #c1c7d6;
}

#main .freeSpace ul li {
	width: 607px;
	padding: 1px 0 1px 13px;
	background: url(../img2/common/icn_mrfn.gif) no-repeat 7px 9px;
}

#main .freeSpace ol {
	margin: 0 20px 10px 40px;
	border-left: 3px solid #c1c7d6;
}

#main .freeSpace ol li {
	list-style-type: decimal;
	margin: 1px 0 1px 30px;
}

/*==============================================
	購入
----------------------------------------------*/
.purchase {
	margin: 0 20px;
}

.purchase .purchaseContents {
	overflow: hidden;
	margin: 0 0 20px;
}

* html .purchase .purchaseContents {
	height: 1em;
	overflow: visible;
}

.purchase p.attention {
	margin: 0 0 7px;
}

.purchase table {
	width: 643px;
	border-bottom: 5px solid #93d5f4;;
}

.purchase table th {
	line-height: 1.1;
	color: #005989;
	text-align: center;
	background: #93d5f4;
}

.purchase table td {
	line-height: 1.1;
	vertical-align: middle;
	border-bottom: 1px solid #93d5f4;
	text-align: center;
	background: #ecf9ff;
}

.purchase table tr.even td {
	background: #fff;
}

.purchase table th .helpIcon {
	margin: 0 0 0 3px;
}

.purchase table .number {
	width: 34px;
}

.purchase table .titleAndArtist {
	width: 195px;
	line-height: 1.3;
	padding: 10px 0;
	text-align: left;
}

.purchase table .titleAndArtist a {
	font-weight: 700;
}

.purchase .batch table .titleAndArtist {
	padding-left: 34px;
}

.purchase .single table .titleAndArtist {
	width: 329px;
}

.purchase table .trial {
	width: 38px;
}

.purchase .batch table .trial {
	padding: 0 117px 0 0;
}

.purchase table .trial div {
	width: 38px;
	height: 14px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img2/common/btn.gif) no-repeat 0 0;
}

.purchase table .trial div a {
	width: 100%;
	height: 100%;
	display: block;
}

.purchase table .trial div a:hover {
	background: url(../img2/common/btn.gif) no-repeat 0 -50px;
}

.purchase table .word {
	line-height: 1.3;
	width: 45px;
	padding: 10px 0 10px 5px;
}

.purchase table .time {
	width: 60px;
	padding: 0 7px 0 0;
}

.purchase table .mp3,
.purchase table .wma {
	width: 120px;
	font-size: 110%;
}

.purchase table .mp3 {
	padding: 6px 0 4px;
}

.purchase table .wma {
	padding: 6px 5px 4px 14px;
}

.purchase table td.mp3 {
	vertical-align:bottom;
}
.purchase table td.wma {
	vertical-align:bottom;
}

.purchase table td.mp3 img,
.purchase table td.wma img,
.purchase table td.wagon img {
	vertical-align: middle;
	margin: 0 4px 0 0;
}

.purchase table .mp3 span.price,
.purchase table .wma span.price,
.purchase table .wagon span.price {
	font-weight: 700;
}

.purchase table .wagon {
	width: 120px;
	font-size: 110%;
	padding: 6px 5px 4px 0;
}

.purchase table td p.profit {
	line-height: 1.2;
	margin: 5px 0 0;
	font-size: 85%;
}

.purchase table td p.profit strong {
	padding: 0 5px 0 0;
	color: #fe0000;
	font-size: 85%;
}

.purchase table th p.putinWagonAll {
	width: 120px;
	height: 18px;
	overflow: hidden;
	margin: 1px 0 0;
	text-indent: -9999px;
	background: url(../img2/contents/prch_btn.gif) no-repeat -240px 0;
}

.purchase table td p.putinWagonLump {
	width: 120px;
	height: 30px;
	overflow: hidden;
	margin: 5px 0 0;
	text-indent: -9999px;
	background: url(../img2/contents/prch_btn.gif) no-repeat 0 0;
}

.purchase table td p.putinWagon {
	width: 120px;
	height: 20px;
	overflow: hidden;
	margin: 5px 0 0;
	text-indent: -9999px;
	background: url(../img2/contents/prch_btn.gif) no-repeat -120px 0;
}

.purchase table td p.alreadyPutinLump,
.purchase table td p.alreadyPutin {
	width: 120px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img2/contents/prch_btn.gif) no-repeat -360px 0;
}

.purchase table td p.alreadyPutinLump {
	margin: 12px 0 7px;
}

.purchase table td p.alreadyPutin {
	margin: 7px 0 2px;
}

.purchase table th p.putinWagonAll a,
.purchase table td p.putinWagonLump a,
.purchase table td p.putinWagon a {
	width: 100%;
	height: 100%;
	display: block;
}

.purchase table th p.putinWagonAll a:hover {
	background: url(../img2/contents/prch_btn.gif) no-repeat -240px -30px;
}

.purchase table td p.putinWagonLump a:hover {
	background: url(../img2/contents/prch_btn.gif) no-repeat 0 -30px;
}

.purchase table td p.putinWagon a:hover {
	background: url(../img2/contents/prch_btn.gif) no-repeat -120px -30px;
}

.purchase table td p.notSale {
	width: 120px;
	margin: 0 0 4px;
	padding: 0 0 36px;
	background: url(../img2/contents/icn_nosale.gif) no-repeat 0 bottom;
}

.purchase p.settlement {
	float: right;
	white-space: nowrap;
	margin: 5px 0 0;
	padding: 0 0 0 18px;
	background: url(../img2/common/icn_crs.gif) no-repeat left center;
}

/*==============================================
	以下の楽曲は含まれません
----------------------------------------------*/
.windowWagon {
	width: 354px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;	/* 2009.02.12 NS */
	margin: -100px 0 0 -177px;
	z-index: 2;
}

.windowWagon h2 {
	width: 341px;
	height: 24px;
	white-space: nowrap;
	padding: 8px 0 0 13px;
	color: #fff;
	background: url(../img2/contents/hlp_hd.gif) no-repeat left top;
}

.windowWagon .widowText {
	padding: 12px 0 17px;
	background: url(../img2/contents/hlp_ft.gif) no-repeat left bottom;
}

.windowWagon p {
	margin: 0 18px 10px;
}

.windowWagon table {
	width: 318px;
	margin: 0 18px 13px;
}

.windowWagon table td.number {
	text-align: center;
}

.windowWagon table td {
	vertical-align: top;
	padding: 3px 6px;
	background: #ecf9ff;
}

.windowWagon table tr.even td {
	background: #fff;
}

.windowWagon ul.buttonWagon {
	width: 278px;
	height: 28px;
	margin: 0 38px;
}

.windowWagon ul.buttonWagon li {
	width: 134px;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../img2/contents/btn.gif);
}

.windowWagon ul.buttonWagon li a {
	width: 134px;
	height: 28px;
	display: block;
}

.windowWagon ul.buttonWagon li.putinWagon {
	float: left;
	background-position: left top;
}

.windowWagon ul.buttonWagon li.stop {
	float: right;
	background-position: right top;
}

/*==============================================
	(音声ファイル形式名)とは？
----------------------------------------------*/
.windowHelp {
	width: 270px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px; 0 0 -135px;
	display: none;	/* 2009.02.12 NS */
	z-index: 2;
}

.windowHelp h2 {
	width: 242px;
	height: 25px;
	white-space: nowrap;
	padding: 7px 0 0 28px;
	color: #fff;
	background: url(../img2/contents/hlp_hd.gif) no-repeat -354px top;
}

.windowHelp .windowText {
	width: 234px;
	padding: 12px 18px 17px;
	background: url(../img2/contents/hlp_ft.gif) no-repeat -354px bottom;
}

.windowHelp h3 {
	color: #223c7d;
}

.windowHelp p.subtitle {
	color: #223c7d;
}

.windowHelp p.attention {
	font-size: 85%;
	color: #808080;
}