@charset "utf-8";
html {background: url(../images/bg.png) }
body {background: url(../images/bg_body.png)repeat-x; color: #000;  font: normal 12px/150% Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif; }

/*////////// LINK COLOR //////////*/
a:link, a:visited	{color: #CA004B}
a:hover 			{text-decoration:underline;}
/*WHAT'S NEW文字色*/
#newsList .newsTitle a 			{color: #000;}
#newsList .newsTitle a:hover	{color: #CA004B;}
/*メルマガリンク色*/
h3,
.textArea.normal .padd .textwidget p a,
.textArea.normal .padd .textwidget p a:hover,
.sign-up-form.contain .unsubscribe a {color:#CA004B; }
.pagination ul li a.numbers { background:#CA004B none repeat scroll 0 0 ; color: #fff;}


/*メインイメージ */
.mainImage, .smallMainImage{clear: both;
	height:287px;
	width:980px;
	margin-left:-20px;
	background:url(../images/bg_artist.jpg) left top no-repeat; 
}
h1.artistLogo {/*top: 100px; left: 160px; height: auto;*/display: none;}

/* Universalロゴ */
#logo a {background: url("../images/logo.png") no-repeat scroll 0 0 transparent;}
/* ソーシャルアイコン */
.socialIcons ul li a {background: url(../images/social-icons.png); }



/*////////// LAYOUT //////////////////////////////////////////////////*/
#wrapper { width:960px;}
header { width:940px;}
/* コンテンツ全体 */
.contentWrap {}
/* 3カラム全体 
.Columns.contain { background: #0FF;}*/

/* 一括コンテンツ */
.LeftCol, .MidCol, .RightCol, .LeftWide, .FullWidthCol{background:#fff url(../images/bg_contents_s1.png) left top no-repeat;
border:2px solid #696969;
/*	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
}
/* 左コンテンツ */
section.LeftCol { margin: 0 10px 0 0px; width:266px;}
/* 中コンテンツ */
section.MidCol {margin: 0 10px 0 0;width: 416px;}
/* 右コンテンツ */
section.RightCol {width:226px;}
/* 子ページ */
section.LeftWide 	{width: 696px; margin:0 10px 0 0px; padding: 0 0 20px 0px; line-height: 180%; min-height:300px;}
/* プロダクトページフルカラム */
section.FullWidthCol {width: 916px; padding:0 10px;}

/*ナビから下全体*/
.Columns { padding: 0px 0 5px; margin-bottom:10px; clear:both;width:940px;
/*
	border:1px solid #ccc; border-top:none;
	-webkit-border-radius:0 0 8px 8px;	-moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;
*/
}



/*////////// ナビ //////////////////////////////////////////////////*/
nav 		{position:relative; overflow:hidden;width:976px; margin:0 0px 10px -20px;line-height: 30px; text-transform: uppercase;
		  background: #fff; 
			border:2px solid #696969;
			}
nav li 		{padding: 5px 0; margin:0 0 3px 0;height:30px; font-size: 14px;}
nav li a	{display:block; float:left; width:161px; height:28px; padding-top:12px;
			font: 700 15px/1 'Arial', sans-serif; 
			}

/*ナビ色と背景*/
.contentWrap nav li a {	
			color:#696969;
			}
/*ナビ色と背景:last-child*/
.contentWrap nav li:last-child a {width:160px; border-right:none; }
/*ナビホバー*/
nav li.odd a:hover,
nav li.even a:hover {
			text-decoration:none;
			color:#CA004B;
			}
/*ナビ現在地*/
nav li.odd.default a,
nav li.even.default a {color:#696969;}


/*////////// TITLE ////////////////////////////////////////////////////////////*/
h2, section.LeftWide h1 {
	margin:18px 10px 5px 10px;
	padding:3px 0px 0px 17px; 
	height:23px;  
	background: url(../images/bg_h2title.png) 2px top no-repeat #696969;
	color:#fff; 
	font: 700 19px/1 'Arial', sans-serif;
}
/*見出しの字色が白の場合は色指定*/
.newsArticle .newsRight h1, .FullWidthCol .ProdFull h2{
	color:#000;
}


h3 {margin-bottom: 8px;	padding:3px 0 0 0;	font-size:14px; }

/*子ページ見出し個別
section.LeftWide h1 {background: url(../images/line_brush.gif) bottom left no-repeat; line-height:1.0;}
*/

/*右中左見出し個別
.LeftCol h2 	{background-position:-330px bottom;}
.MidCol h2 		{background-position:-250px bottom;}
.RightCol h2 	{background-position:-380px bottom;}
*/


/*////////// More ////////////////////////////////////////////////////////////*/
/* More ボタン*/
.more { float:right; position:relative; margin:5px 5px 0 0; overflow:hidden;
/*-webkit-border-radius:3px;	-moz-border-radius: 3px; border-radius: 3px;*/
background: #CA004B url(../images/more.png) no-repeat 0 3px;
}
.more a { font-size: 10px; text-transform: uppercase; padding:0px 5px 0 10px; color: #fff;

}
.more a:hover {text-decoration: underline;}
.tagger {background: #CA004B; color: #fff; padding: 2px 4px;
/*	-webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px;
*/}
#newslist .more {	float: right; padding:0 7px;
background: #CA004B url(../images/more.png) no-repeat 3px 5px;
}
#newslist .more a {font-size: 10px;}

time {color: #000}
div.hr {clear: both; height: 15px; border-bottom: 1px dotted #000}
div.hr hr { display: none;}


/* BUTTONS */
ul.releases .storeLink a, .link-uj-store a {background: url(../images/store-buttons.png) 0 -91px no-repeat; height: 48px; width: 185px;}
ul.releases .storeLink a:hover, .link-uj-store a:hover {background-position: 0 -143px;}
.sm-button a {background: url(../images/store-buttons.png) no-repeat; width: 87px; height: 21px; font-size: 0; text-indent: -9000em; padding: 0;}
.sm-button.link-itunes a {background-position: 0px 0px;} .sm-button.link-itunes a:hover {background-position: -87px 0px;}
.sm-button.link-amazon a {background-position: 0px -21px;} .sm-button.link-amazon a:hover {background-position: -87px -21px;}
.sm-button.link-hmv a {background-position: 0px -42px;} .sm-button.link-hmv a:hover {background-position:-87px -42px;}
.sm-button.link-tower-records a {background-position: 0px -63px;} .sm-button.link-tower-records a:hover {background-position: -87px -63px;}

/* PRODUCT PAGE */
.productPage .tags span.false 	{ background: none repeat scroll 0 0 #dddddd; color: #fff;}
.productPage .tags span.true 	{ background: none repeat scroll 0 0 #CA004B; color: #fff;}
.FullWidthCol .PriceBlock 		{ background: none repeat scroll 0 0 #666; border-radius: 5px 5px 5px 5px;}
.ProdRight {    color: #fff;}

.track-tags div span { background: url(../images/track-icons.png);}


/*////////// LAYOUT //////////*/
.contentWrap { position: relative;}
.artistLogo { top: 13px; left: 15px;}


article { margin-bottom: 20px;/* border: solid 1px #F00;*/}
article .padd { padding: 0;}


/*////////// カテゴリー ////////////////////////////////////////*/
/*カテゴリ背景バージョン1*/
ul.catfilter { margin-top: 0; line-height: 29px; padding:0px 0px 0px; margin:20px 10px 20px; text-align: center; background:#a7a7a7;}
ul.catfilter li { float: left; background:none; border-right:#ccc 1px solid;padding:0;}
ul.catfilter li a { display: block; min-width: 100px; height: 29px; color: #555; margin: 0; padding:0 1em; text-decoration: none;}
ul.catfilter li a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #CA004B;
}
ul.catfilter li {
    margin-right: 0px;
}
ul.catfilter li.active a {
	color: #fff;
	background-color: #CA004B;
}


/*カテゴリ四角バージョン
ul.catfilter { margin-top: 0; line-height: 29px; padding: 20px 0 20px;margin:0px 0px 20px; text-align: center;}
ul.catfilter li { float: left; background:none; border-right:#999 1px solid;}
ul.catfilter li a { display: block; min-width: 100px; height: 29px; color: #000; margin: 0; padding:0 1em; text-decoration: none;}
ul.catfilter li a:hover{ 
	color: #fff; 
	text-decoration: none;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	background: #333; 
	}
ul.catfilter li.active a {
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #333333;
}
*/
/* カテゴリー */
p.moreNews {float: right; padding: 0; background:#CA004B;}
p.moreNews a {font-size: 10px; color:#fff; padding: 3px 6px;}
p.moreNews a:hover {text-decoration: underline;}

/* 次へボタン */
.pagination ul li a.numbers { color: #fff;}



/*////////// FOOTER ////////////////////////////////////////////////////////////////////*/
footer {width: 940px;}
footer a:link {color: #000;}
footer a:hover {color: #0099CC;}

/* ADDONS */
footer .addons {margin-top: 10px; padding-left: 20px; background:#686868; color: #fff;}

/* COPY */
footer#copy-statements {margin-top: 0; margin-bottom: 40px; color: #000;}

/* ページアップ */
div.up a 		{top:-20px; width:120px; padding: 6px 0 0 25px;  background: url(../images/up-arrow.png) no-repeat scroll 13px 12px transparent; color: #333;}
div.up a:hover	{ text-decoration:underline;}



/*////////// LEFT COLLUMN //////////*/

/* NEWS LIST */
section.LeftCol article { position: relative;}
#newsList .padd { padding-bottom: 8px;}
ul.newsList {margin-bottom: 0; padding: 5px 14px 28px 18px ;}
ul.newsList li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}


/*////////// MIDDLE COLLUMN //////////*/
.MidCol { padding-left: 5px;}
.MidCol article { padding-bottom: 6px; /*background: url(../images/bg_middle_bottom.gif) no-repeat scroll left bottom transparent;*/}

/* MAIL MAGAZINE */
.textwidget .mail { margin-bottom: 0; padding: 10px 30px 10px 30px ;line-height: 1.6; 
/*background: url(../images/bg_middle_top.gif) no-repeat scroll left top transparent; */
}
.textwidget .section { overflow: hidden;}
.mail strong {font-weight: bold; font-size: 18px; color: #fffcd1;}
.mail .big img {margin-right: 10px;}
.mail .bnr_mail {margin-bottom: 5px;}
.mail hr{margin: 1em 0 1em; height: 1px; border: #b3b192 1px solid;}

article.sign-up .sign-up-form p {width: 400px;}
article.sign-up .sign-up-form input.txtbox {width: 300px; margin-right:10px;}


/* INFORMATION */
.textwidget .info { margin-bottom: 0; padding: 10px 30px 0 30px ;line-height: 1.6; overflow: hidden;}

/* NEW RELEASE */
/*.newReleases .padd { margin-bottom: 0; padding: 10px 30px 23px 25px ;}*/
.textwidget .newReleases { margin-bottom: 0; padding: 10px 30px 23px 25px ; }
.newReleases h2 { position: relative;}
.newReleases .releases { padding: 0 13px;}
.newReleases .releases .productInfo {
	width: 175px;
	margin-left: 10px;
}
.newReleases .releases li { padding-bottom: 0;}
.newReleases .more {}


/* FACEBOOK */
article.fbLike-widget { margin-top: 10px; padding-bottom: 0; background: none;}


/*////////// RIGHT COLLUMN //////////*/
/*////////// YOUTUBE //////////////////////////////////////////////////*/
/* YOUTUBE */
.video-widget { padding-bottom: 6px; }
.video-widget .videoItem { margin-bottom: 0; padding: 10px 15px 0; }
.video-widget h3 { margin-bottom: 0;}


/* プレイヤー再生、停止 */
.video-controls .play-pause, .volume {background-image:url(../images/video-controls.gif);}
/* 再生ヘッド */
.video-controls .indicator	{background: #CA004B;}
/* ローディングバー */
.video-controls .loaded 	{background: #ccc;}
/* 枠、背景 */
.video-controls .bar 		{background: inherit; border: 1px solid #CA004B;}

/* 着うた */
.QR .QR-copy {	font-size: 12px;}
.QR .padd.contain {	padding:3px; border:1px solid #ccc;}
article.sign-up img.QR-Img {margin-left: 10px;}
/* LINKS */
.padd.links ul 		{margin-top:-8px;}
.padd.links ul li	{padding:0 0 0 1em;	margin:0 10px 3px;text-align: left; background:#CA004B; color:#fff;}
.padd.links ul li a	{color:#fff;}



/*////////// 内側のPadding //////////*/
.twitter-top,.twitterlist,.QR-copy p,
.label.contain .padd div,
.genre.contain .padd div,
.RightCol .QR{	padding:0 10px 0;}
.textwidget {	padding: 10px;}




/*////////// 子ページ //////////////////////////////////////////////////*/


/*////////// BIOGRAPHY //////////*/
.biography #textwidget {padding: 10px;}
.biography h2 { margin-top: 30px; padding: 0 0 8px;}
.biography .txt img { margin: 5px 15px 5px 0;}
.biography .voice h2 { margin-right: 8px; font: bold 14px/140% Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;}





/*////////// LIST //////////*/
ul#newslist li, .productlist .productBlock {
	margin:0 10px 20px;
	padding: 0 10px 20px 0px;
	border-bottom: 1px dotted #999;
}

/*////////// NEWS //////////*/

ul#newslist li .newsTitle {clear:both; width: auto; padding-top: 7px; padding-left:0; font-size: 14px;}

/* DETAIL */
.newsArticle .newsRight h1 {margin-bottom: 10px; padding: 2px 0 12px 0; height:auto; background: none; background-color: none; font: normal 18px/150% Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;}
.newsArticle .subtitle {font-size: 16px;}
.newsArticle .newsLower {margin-bottom: 20px; padding-top: 20px;}

/* VOICE IN THE DARK */
.voice .NewsBlock { overflow: hidden; margin-bottom: 5px;}
.voice .NewsBlock img { margin-right: 8px; border: solid 1px #333; }


/*////////// DISCOGRAPHY //////////*/
ul.productlist .productInfo { width: 285px; padding-left: 10px;}
ul.productlist .shopLinks { padding-top: 5px;}


/*////////// PRODUCT //////////*/
.productPage .padd {
	padding: 20px 0px 10px;
}

.FullWidthCol .ProdMid {
	margin-right: 15px;
	width: 400px;
}
.FullWidthCol .ProdRight {width: 210px;}
.FullWidthCol .ProdRight li{ color:#000;}
.FullWidthCol .ProdMid h1 {margin:0; padding: 2px 0 0; background-color: none; font-size: 18px;}
.FullWidthCol .ProdMid h3 { margin-top: 8px; padding-left: 0; font: normal 14px/140% Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif; background: none;}

.track-tags div span {background: url("../images/track-icons.png") repeat scroll 0 0 transparent;}

.ProdDetail ul li { padding-left:2px; line-height: 140%;}

.FullWidthCol .PriceBlock {padding: 13px 12px 10px; border-radius: 5px 5px 5px 5px;}
.FullWidthCol .ProdFull h2 { margin-bottom: 10px; padding: 0 0 10px 4px; font-size: 18px;}

ul.tracklistings li { border-bottom: solid 1px #cccccc;}

.ProdRight .releasedate { padding-bottom: 5px;}
.ProdRight .stock-info { padding-top: 0;}

.PriceBlock .price { font-size: 20px;}
ul.releases .storeLink a {
	margin: 5px 0 10px 0px;
	float:none;
	}
.textwidget .sign-up-form.contain form .txtbox {
	height: 20px;
}
.textwidget .sign-up-form.contain form .formbtn {
	padding: 1px 3px;
}
.newReleases .releases li {
	border:1px solid #999;
	padding:10px 0 0 10px;
	margin:10px -2px 10px 0;
}
.QR img.QR-Img {
    float: right;
    margin-left: 0px;
}
