@import url("http://fonts.googleapis.com/css?family=Oswald");

html {background: #000 url(../images/bg.gif) top repeat-x; color: #333333;}
body {background: url(../images/bg_artist.jpg) center top no-repeat; color: #333333;  font: normal 12px/150% Osaka, Meiryo, 'MS P Gothic',  'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif; }
a {color: #282dab;}
a:hover {color: #8084e4;}

/* ARTIST IMAGES TO BE INCLUDED IN ARTIST IMAGE FOLDER */
div.up a {color:#fff; background: url("../images/up-arrow.png") no-repeat scroll 100% center transparent; height: 32px; line-height: 32px; top: -40px;}
.track-tags div span { background: url("../images/track-icons.gif") no-repeat;}
#slider2 .buttons { background-image:url("../images/slider-arrows.gif") !important; }
.play-pause, .volume {background-image: url("../images/video-controls-dark.gif");}

#logo a{ background: url(../images/logo_b.png); }

.mainImage, .smallMainImage { height: 310px; position: relative; }
h1.artistLogo { width: 400px; height: 140px; position: absolute; top: 50px; left: 55px; margin-left: 0; }
h1.artistLogo a { width: 400px; height: 140px; display: block; text-indent: -9999px; }

article .top, article .btm {height: 0;}


#wrapper {padding: 0; width: 980px;}
header {padding: 0 20px;}
footer {padding: 0 20px; background: #b2b2b2}
footer#copy-statements {padding: 10px 20px 15px; background: #000; color: #FFF; margin-top: 0;}
footer#copy-statements a {color: #FFF;}
.padd {padding: 0;}

/* FONTS */
h1 {font: normal 22px/130% 'Oswald', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333333}
h2 {font: normal 22px/130% 'Oswald', Arial, Helvetica, sans-serif; text-transform: uppercase;}

section.LeftWide h1 {padding: 5px 10px 14px; background: url(../images/h2-mid-bg-wide.gif) no-repeat; margin-bottom: 0px;}
.ProdFull h2 {color: #71367a; border-bottom: 1px solid #9f9d9d;}

/* GENERIC FONT STYLES */
.more, p.moreNews {text-align: right; font-family: Arial,Helvetica,sans-serif;font-size: 9px; margin: 2px 10px 6px; padding: 1px; text-transform: uppercase;}
.more a, p.moreNews a {background: #282dab; color: #FFF; padding: 1px 3px; }
.more a:hover, p.moreNews a:hover {background: #8084e4;}
.tagger {background: #333333; color:#FFF}


/* SOCIAL ICONS
.socialIcons ul li a {background: url(../images/social-icons.png) no-repeat; height: 30px; width: 20px; }
.socialIcons ul li a.fbJP, .socialIcons ul li a:hover.fbJP { background-position: 0px 0;} 
.socialIcons ul li a.fb, .socialIcons ul li a.fb:hover {background-position:  -25px 0;}
.socialIcons ul li a.twitterJP, .socialIcons ul li a:hover.twitterJP  { background-position: -50px 0;}
.socialIcons ul li a.twitter, .socialIcons ul li a.twitter:hover { background-position: -75px 0;}
.socialIcons ul li a.myspace, .socialIcons ul li a:hover.myspace {background-position: -100px 0;}
.socialIcons ul li a.yt, .socialIcons ul li a.yt:hover {background-position: -125px 0; width: 20px;}
.socialIcons ul li a.mixi, .socialIcons ul li a.mixi:hover {background-position: -175px 0;}
.socialIcons ul li a.itunes, .socialIcons ul li a:hover.itunes {background-position: -150px 0;}
.socialIcons ul li a.ameba, .socialIcons ul li a:hover.ameba {background-position: -200px 0;} */
.socialIcons ul li { margin: 5px 2px; }

/* sns */
.socialIcons ul{ padding: 17px 0; }
.socialIcons ul li a { background: url(../images/social-icons.png); }


/* NAV */
nav {}
nav ul li {width: 163px; height: 53px; display: block; float: left;}
nav ul li a {display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif;  font-size: 18px; line-height: 50px; text-align: center; width: 162px; height: 53px; text-transform: uppercase;}
nav ul li.end {background: none; width: 165px;}
nav ul li.end a {width: 165px;}
nav ul li a {color: #8084e4; }
nav ul li a:hover, nav ul li.default a {background-position: 0 0px; color: #FFF;}

/* LAYOUT */
.Columns {padding: 20px;}
section.LeftCol {width: 230px; margin: 0 20px 0 0;}
section.MidCol {width: 440px;  margin: 0 20px 0 0;}
section.LeftWide {width: 690px; margin: 0 20px 0 0;}
section.LeftCol article,
section.MidCol article,
section.RightCol article {background: #fff;}
.textwidget {padding: 0 13px 11px;}
section.RightCol article.label .padd div,
section.RightCol article.genre .padd div {padding: 10px;}
section.LeftWide article {background: #fff;}
section.LeftWide article #textwidget {padding: 0 10px;}

/* NEWSLIST */
ul.newsList { margin: 0 ; padding: 0 10px;}
ul.newsList li {border-bottom: 1px dotted #ccc; color: #000}
article#newsList li a {color: #000;}
article#newsList h2 {margin-bottom: 0;}
article#newsList .more {margin: 10px;}

ul.catfilter li.live {display: none}
.newsLower img {margin: 5px;}
.newsLower table, .newsLower tbody, .newsLower tr, .newsLower th, .newsLower td {vertical-align: top}

/* LEFT COL */
.LeftCol .banner {margin-bottom: 10px;}
.LeftCol h2 {background: url(../images/h2-left-bg.gif) no-repeat; color: #333333; margin-bottom: 7px; padding: 5px 10px 16px;}
.LeftCol article.QR {padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #783c85 }
.QR img.QR-Img {display: inline; margin: 0;}
section.LeftCol article.QR .QR-copy {width: 120px; float: right; font-size: 12px; color: #FFF;}
section.LeftCol article.QR .QR-copy p {margin: 0 !important;}
.LeftCol article.QR a.gallery {width: 80px; float: left; display: inline}
section.LeftCol article.sign-up {background: #000; color: #fff;}
section.LeftCol article.sign-up h2 {display: none}

/* MID COL */
.MidCol .banner {margin-bottom: 10px;}
section.MidCol article h2 {padding: 5px 10px 20px; background: #FFF url(../images/h2-mid-bg.gif) repeat-x; margin-bottom: 7px;}
.MidCol .videoItem {width: 416px; position: relative; margin: 0 0 0 11px;}
.MidCol .bar { width: 380px;}
.video-widget .volume {left: 96%;}
.MidCol .video-widget .volume {position: absolute}
ul.releases {margin: 0; padding: 0 10px;}
ul.releases li {padding: 0; border-bottom: 1px dotted #CCC;}
ul.releases .storeLink a {float: none;}
li.productBlock .albumCover,
ul.releases .productInfo {margin: 0;}
/* 20121116調整 */
.MidCol .videoContainer { width: auto; }
.MidCol .videoContainer .videoPlayer,
.MidCol .videoContainer .videoPlaylist{ padding-left: 20px; }

/* RIGHT COL */
section.RightCol h2 {background: url(../images/h2-right-bg.gif) 0 0; color: #333333; margin: 0; padding: 5px 10px 16px; }
section.RightCol article.fbLike-widget h2 {background: #FFF url(../images/h2-right-bg2.gif) 0 100% no-repeat; }
section.RightCol .videoItem {padding: 0;}
section.RightCol .video {margin: 0;}
/* 20121116調整 */
section.RightCol .videoContainer { width: auto; }
section.RightCol .videoContainer .videoPlayer{ padding-left: 10px; padding-top: 10px; }
section.RightCol .videoContainer .videoPlaylist{ padding-left: 10px; width: auto; }

/*  TWITTER */
.twitter-top {background: #cccccc url(../images/twitter-top.gif) 0 100% no-repeat; padding: 5px 5px 8px 5px; color:#7e51a5}
article.twitter .more {margin: 0; padding: 0}
article.twitter .more a {display: block; background: url(../images/twiiter-btm.gif) no-repeat; width: 230px; height: 41px; text-indent: -9000em; padding: 0; font-size: 0;}
ul.twitterlist {background-color: #fff; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; margin: 0; padding: 0 5px}
ul.twitterlist li {border-bottom: 1px dotted #eaeaea;}
.headerWidgetImage {display: block; margin: 0; padding: 0;}

/* BUTTONS */
ul.releases .storeLink a, .link-uj-store a {margin-bottom: 10px; background: url("../images/store-buttons.gif") 0 -91px no-repeat; height: 40px; width: 170px;}
ul.releases .storeLink a:hover, .link-uj-store a:hover {background-position: 0 -143px;}
.sm-button a {background: url("../images/store-buttons.gif") 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;}

/* FULL COL */
ul#newslist {margin: 0 20px 0;}
ul#newslist li {border-bottom: 1px dotted #CCC; padding: 10px 0;}
ul#newslist li .newsLeft {padding-top: 6px;}
.newsRight .newsTitle {font-size: 18px;}
ul#newslist li .newsRight {width: 538px;}

.newsitem {padding: 0;}
.newsitem .newsRight h1 {background: none; font: normal 22px/150% Osaka, Meiryo, 'MS P Gothic',  'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif; text-transform: none;}
.newsitem .newsLeft {width: 90px; padding-left: 10px;}
.newsitem .newsRight {width: 567px;}
.newsitem .newsLower {padding-left: 10px; padding-right: 10px;}
h1.newsTop {display: block;}
.social-bookmarks {padding-top: 10px;}


ul.catfilter{ padding: 10px 10px 0 10px; }
ul.catfilter li{
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #f5eeb8;
	background: #666 url(../images/cat-noarrow.gif) repeat-x 50% 100%;
	margin: 0 0 5px 0;
	border-right: 5px solid #FFF;
}
ul.catfilter li a{ color: #FFF; display: block; padding: 5px 32px 11px; }
ul.catfilter li.end a{ padding: 5px 32px 11px !important; }

ul.catfilter li.active{ background: #282dab url(../images/cat-arrow.gif) no-repeat 50% 100%; color: #FFF; }
ul.catfilter li:hover{ background: #282dab url(../images/cat-arrow.gif) no-repeat 50% 100%; color: #FFF; }

.productlist { padding: 0 10px; }

/* VIDEO */
ul.videolist li {display: block; width: 200px; float: left; margin: 15px 15px 5px; height: 210px; overflow: hidden}
ul.videolist li img {width: 200px; height: 155px; overflow: hidden; position: relative; z-index: 6}
ul.videolist li .play-overlay a {background: url("../images/play-overlay.png"); width: 200px; height: 155px; z-index: 100; position: absolute}

.video {margin: 10px auto; text-align: center;}
section.LeftWide h1.videoTitle {margin-bottom: 10px;}
.videotop h3 { padding: 0 10px; font: normal 18px/150% Osaka, Meiryo, 'MS P Gothic',  'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif; color: #71367A; text-transform: none; margin-bottom: 10px;}
.videoLower { padding: 0 10px; }
.videoLower .video-controls {width: 640px; margin: 5px auto; text-align: center;}


.videoLower .video-controls .volume {left: 97%;}
.LeftWide .videoLower .bar {width: 580px;}

/* PRODUCT PAGE STYLING */
.productPage { background-color: #fff; }
.productPage .padd {padding: 10px;}
.ProdRight {color:#444;}
.PriceBlock {width: 170px; margin-left: 20px; background: #e5e6ff; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  color:#444}
.productPage .tags span.false {background: #e5e6ff; color: #999999;}
.productPage .tags span.true {background: #282DAB; color: #FFFFFF;}
.ProdRight .releasedate {font-size: 17px; color: #282DAB}
.ProdRight .pricegroup {font-size: 14px;}
.ProdRight .pricegroup span.price {font-size: 18px;}
.ProdRight ul {font-size: 11px; }
.ProdRight ul li  {padding: 3px 0;}
.ProdRight .stock-info {font-size: 9px;}

ul.tracklistings li {border-bottom: 1px dotted #CCC}
.ProdFull h2.related-items {border: none; margin-bottom: 5px;}
#slider2 {background: #ebe5ed;}