@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);

body { background: url(../images/bg.jpg) top center repeat-x #000; 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: #cc0000; }
a:hover { text-decoration: underline; }

/* main visual
------------------------------------------------------------*/
.mainImage{
	width: 940px; height: 500px; clear: both;
	background: url(../images/bg_artist.jpg) 0 0 no-repeat;
}
.smallMainImage {
	width: 940px; height: 500px; clear: both;
	background: url(../images/bg_artist.jpg) 0 0 no-repeat;
}
h1.artistLogo{ display: none; }
#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: 940px; }
header { width: 940px; height: 65px; }

/*////////// CONTENTS //////////////////////////////////////////////////*/
.Columns{ padding-bottom: 40px; }
.Columns article { background: #FFF; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2); }
.Columns article .padd{ background: url(../images/bg_h2title.png) left top repeat-x; border-left:1px solid #fff; border-right:1px solid #fff; }
.Columns section.FullWidthCol article .padd{ background: none; }

/* column-title */
.Columns .LeftWide .padd h1,
.Columns .LeftCol .padd h2,
.Columns .MidCol .padd h2,
.Columns .RightCol .padd h2{
	display: block;
	font-family: 'Oswald', Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0 0 9px 0;
	margin: 0 0 10px 0;
	font-size: 16px;
	text-transform: uppercase;
}
.Columns article.genre h2,
.Columns article.label h2{ margin: 0; }

/* navi
------------------------------------------------------------*/
.contentWrap nav { 
	width: 940px;
	margin: 0px 0px 18px 0;
	text-transform: uppercase;
	background: url("../images/bg_navi.jpg") no-repeat left top;
	border: solid 1px #555;
}
.contentWrap nav li a { display: block; float: left; width: 134px; height: 32px; padding-top: 12px; color:#FFF; font: normal 18px/1 "Oswald", sans-serif; }
.contentWrap nav li:last-child a{ width: 136px; }
.contentWrap nav li.odd a:hover,
.contentWrap nav li.even a:hover,
.contentWrap nav li.odd.default a,
.contentWrap nav li.even.default a{
	color: #000;
	text-decoration: none;
	background:#FFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #d4d4d4));
	background: -webkit-linear-gradient(#d4d4d4, #fff);
	background: -moz-linear-gradient(#d4d4d4, #fff);
	background: -o-linear-gradient(#d4d4d4, #fff);
	background: -ms-linear-gradient(#d4d4d4, #fff);
	background: linear-gradient(#d4d4d4, #fff);
}

/* footer
------------------------------------------------------------*/
footer{ margin-top: 0; }

/* pageTop */
div.up{ text-align: right; }
div.up a{
	display: inline-block;
	height: auto;
	position: static;
	top: auto; right: auto;
	width: auto;
	background: url("../images/up-arrow.png") right center no-repeat;
	padding: 3px 30px 3px 0;
}

/* widget
------------------------------------------------------------*/
/* News List Widget  */
.Columns ul.newsList{ margin: 0; padding: 10px 0 0 0; }
.Columns ul.newsList li {
	border-bottom: 1px dotted #CCC;
	padding: 0 0 10px 5px;
	margin: 0 0 10px 0;
}

/* Product Widget */
.Columns ul.releases{ margin: 0; }
.Columns ul.releases li.productBlock{ padding: 0 0 10px 0; }
.Columns ul.releases li.productBlock h4.catchcopy{ padding: 0 0 10px 0; }
.Columns ul.releases li .productInfo{ margin: 0; padding: 5px 0 0 0; }
.Columns ul.releases li .albumCover{ margin: 0; padding: 0; }
.Columns ul.releases li .productInfo .title{ padding: 0 0 5px 0; }
.Columns ul.releases .storeLink a { float: left; }

/* Banner Widget */
.Columns .RightCol .banner img{ max-width: 230px; }
.banner{ margin: 0 0 10px 0; }

/* Links Widget */
.Columns .links ul li{
	border-bottom: dotted 1px #CCC;
	margin: 0 0 7px 0;
	padding: 0 5px 7px 5px;
	text-align: left;
}
.Columns .links ul li a{
	background: url("../images/link_arrow.gif") left 0.5em no-repeat;
	padding: 0 0 0 10px;
}

/* Insta Widget */
.Columns .InstaCopy{ margin: 0; padding: 10px 0; }
.Columns #InstaGallery{ margin: 0; padding: 0 0 10px 0; }
.Columns #InstaGallery ul{ padding: 0; }
section.MidCol #InstaGallery li a:hover img{ opacity: 0.7; }

/* Twitter Widget */
.Columns ul.twitterlist{ padding: 10px 0 0 0 !important; }
.Columns ul.twitterlist li{ border-bottom: dotted 1px #CCC; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.Columns ul.twitterlist li .twit-date{ padding: 3px 0 0 0; }

/* Text Widget */
.Columns .textwidget{ padding: 10px 0 5px 0 !important; }
.Columns .textwidget p{ padding: 0 0 10px 0; margin: 0; }

/* ProductTextStore Widget */
.Columns .ProductTextWidget #textwidget,
.Columns .ProductTextStoreLinkWidget #textwidget{ padding: 10px 0 0 0; }
.Columns .ProductTextWidget #textwidget p,
.Columns .ProductTextStoreLinkWidget #textwidget p{ margin: 0; }

/* WideSmallProductText Widget  */
.Columns .WideSmallProductTextWidget #textwidget{ padding: 10px 10px 0 10px; }
.Columns .WideSmallProductTextWidget #textwidget p{ margin: 0; }
.Columns .WideSmallProductTextWidget .productInfo .format{ padding-top: 5px; }

/* SignUpForm Widget */
article.sign-up .sign-up-form p{
	width: auto;
	float: none;
}
article.sign-up .sign-up-form form{
	margin: 0 0 3px 0;
}
article.sign-up .sign-up-form form input.txtbox{
	padding: 3px;
	border: solid 1px #999;
	border-radius: 3px;
	margin: 0 5px 0 0;
}
article.sign-up .sign-up-form form input.formbtn{
	border: solid 1px #000;
	padding: 3px 10px;
	border-radius: 5px;
	background: #333;
	color: #FFF;
}
article.sign-up .unsubscribe{
	text-align: left;
	font-size: 11px;
}

.QR .QR-copy{ width: 100px; }


/* 2nd category tab
------------------------------------------------------------*/
ul.catfilter{
	padding: 5px;
	margin: 20px 0 30px 0;
	text-align:center;
	font-size: 16px;
}
ul.catfilter li {
	border-right: dotted 1px #CCC;
	padding: 0 10px 0 0; margin: 0 10px 0 0;
	float: none;
	font-family: 'Oswald', Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
}
ul.catfilter li a{
	background: #CCC;
	color: #555;
	border-radius: 3px;
	text-decoration: none;
}
ul.catfilter li a:hover,
ul.catfilter li.active a{
	background: #333;
	color: #FFF;
	border-radius: 3px;
}

/* discography
------------------------------------------------------------*/
ul.productlist .productInfo{ margin-right: 5px; }
ul.productlist li.productBlock{ padding: 0 10px; margin: 0 0 20px 0; }
ul.productlist li.productBlock .title{ padding: 0 0 5px 0; }


/* news
------------------------------------------------------------*/
ul#newslist li{ border-bottom: dotted 1px #CCC; }
ul#newslist li .newsLeft{ padding: 0; }
ul#newslist li .newsRight{ padding: 0 0 0 12px; }
ul#newslist li .newsRight .more a{ margin: 0; }
ul#newslist li .newsTitle{ font-size: 18px; padding: 0 0 2px 0; }
ul#newslist li .newsSubtitle{ padding: 0 0 5px 0; }
ul#newslist li time{ font-weight: bold; font-size: 14px; padding: 0 0 3px 0; }
.newsitem{ padding: 0; }
.newsitem .newsLeft{ padding: 20px 0 0 20px; }
.newsitem .newsLeft time{ padding: 0 0 5px 0; margin: 0; }
.newsitem .newsRight{ padding: 20px 0 5px 15px; }
.Columns .LeftWide .padd .newsitem .newsRight h1{
	background: none;
	font-family: Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
	border: none;
	padding: 0; margin: 0;
	text-transform: none;
	color: #000;
}
.newsitem .newsLower{ padding: 10px 20px; }
p.moreNews{ padding: 0 20px 20px 20px; margin: 0; text-align: right; }
p.moreNews a{ margin: 0; }
.newsitem ul, .newsitem  ol{ margin: 4px 20px; }
.newsitem ul li{ list-style: disc outside; padding-left: 2px; }
.newsitem ol li{ list-style: decimal outside; padding-left: 2px; }

/* product
------------------------------------------------------------*/
.Columns .FullWidthCol .padd{ padding: 15px 10px; }
.ProdRight{ color: #000; }
.ProdMid{ margin-right: 15px; }
.ProdFull{ margin: 0; }
.PriceBlock{ border-radius: 3px; background: #CCC; }
.productPage h1 {
	border: none;
	font-size: 20px;
	font-weight: bold;
	font-family: Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
	padding: 0 0 8px 0;
}
.productPage h3.titletwo,
.productPage h3.artist-name{ padding: 0 0 10px 0; }
.ProdRight .releasedate{ padding-bottom: 2px; }
.ProdRight .pricegroup{ padding: 5px 0 0 0; margin: 0; }
.ProdRight .stock-info{ padding: 5px 0 0 0; margin: 0; }
.productPage .tags{ margin: 0; padding: 0 0 10px 0; }
/* TorF */
.productPage .tags span.true{ background: #333; color: #FFF; }
.productPage .tags span.false{ background: #999; color: #CCC; }
/* Track Icon */
ul.tracklistings li{ border-bottom: dotted 1px #CCC; }
.track-tags div span{ background: url("../images/track-icons.png"); }

/* etc
------------------------------------------------------------*/
/* more */
.Columns div.more,
.Columns div.moreNews{ padding-top: 0 !important; text-align: right !important; }
.more a, p.moreNews a {
	font-size: 10px;
	background: url("../images/more_arrow.gif") left center no-repeat #666;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1px 4px 1px 10px;
	margin: 0;
}
.more a:hover,
p.moreNews a:hover{ background-color: #999; }

/* 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-category */
.tagger {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	background: #000;
	border-radius: 3px;
	padding: 1px 3px;
	display: inline-block;
	margin: 0 0 3px 0;
}

/* sns-btn */
.social-bookmarks{ margin-top: 10px; }

/* Video Control */
.play-pause, .volume{ background-image: url("../../../TemplateB/video-controls-dark.gif"); }
ul.videolist li .play-overlay a{ background: url("../images/play-overlay.png") center no-repeat; }

/* Slider Buttons */
#slider2 .buttons{
	width: 36px !important;
	background-image: url("../images/slider-arrows.png") !important;
}

/* Secret Page */
.SecretTitle{
	color: #FFF;
	font-family: Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0 0 7px 0;
	margin: 0 0 20px 0;
}