@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Ribeye|Ribeye+Marrow);
body { background: url(../images/bg.jpg) center 60px no-repeat #12090A; color: white; font: normal 12px/150% Meiryo, "MS P Gothic", Osaka, "Hiragino Kaku Gothic Pro", Arial, Helvetica, sans-serif; }
/*////////// LINK COLOR //////////*/
a:link,
a:visited { color: #72d0f6; }
a:hover { text-decoration: underline; }
#newsList .newsTitle a { color: white; }
#newsList .newsTitle a:hover { color: #72d0f6; }
h3,
.textArea.normal .padd .textwidget p a,
.textArea.normal .padd .textwidget p a:hover,
.sign-up-form.contain .unsubscribe a { color: #72d0f6; }
.pagination ul li a.numbers { color: #fff; background: #72d0f6 none repeat scroll 0 0; }
/*////////// メインイメージ //////////*/
.mainImage,
.smallMainImage { clear: both; height: 500px; }
h1.artistLogo { top: 100px; left: 450px; width: 519px; height: 141px; text-indent: -9999px; overflow: hidden; display: none; }
.Artisttitle { width: 519px; height: 141px; }
#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; }
/* 3カラム全体 
.Columns.contain { background: #0FF;}*/
section.LeftCol,
section.MidCol,
section.RightCol,
section.LeftWide,
section.FullWidthCol { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
section.LeftCol article,
section.MidCol article,
section.RightCol article,
section.LeftWide article,
section.FullWidthCol article { overflow: hidden; padding-bottom: 10px; }
section.LeftCol article,
section.MidCol article,
section.RightCol article,
section.LeftWide article,
section.FullWidthCol article { background: black; overflow: hidden; }
/*////////// CONTENTS //////////////////////////////////////////////////*/
section.LeftCol { margin: 0 20px 0 0px; padding: 0 0 10px 0; }
section.MidCol { width: 400px; margin: 0 20px 0 0; }
/* 子ページ */
section.LeftWide { width: 690px; margin: 0 20px 0 0px; padding: 0 0 20px 0px; line-height: 180%; min-height: 300px; }
section.FullWidthCol { width: 940px;}
.Columns { padding: 0px 0 5px; margin-bottom: 10px; clear: both; width: 940px; }
article { margin-bottom: 20px; /* border: solid 1px #F00;*/ }
article .padd { padding: 0; }
/*////////// ナビ //////////////////////////////////////////////////*/
nav { position: relative; overflow: hidden; width: 938px; margin: 0 0px 18px 0; padding-left: 0px; text-transform: uppercase; background: url("../images/bg_navi.png"); }
nav li { margin: 0 0 3px 0; }
nav li a { display: block; float: left; width: 155px; height: 31px; padding-top: 10px; font: normal 18px/1 "Cabin", Arial, sans-serif; }
/*ナビ色と背景*/
.contentWrap nav li a { background: url(../images/bg_navi_bar.png) no-repeat right top; color: #fff; }
/*ナビ色と背景:last-child*/
.contentWrap nav li:last-child a { margin-right: 0; border: none; background: none; }
/*ナビホバー*/
nav li.odd a:hover,
nav li.even a:hover { color: #72d0f6; text-decoration: none; }
/*ナビ現在地*/
nav li.odd.default a,
nav li.even.default a { color: #72D0F6; }
/*////////// TITLE ////////////////////////////////////////////////////////////*/
h2,
section.LeftWide h1 { margin: -1px 0px 5px 0px; padding: 7px 0px 0px 28px; height: 25px; background: url(../images/bg_h2title.png) no-repeat left top; color: #fff; font: 600 16px/1 "Cabin", Arial, sans-serif; }
.newsArticle .newsRight h1,
.FullWidthCol .ProdFull h2 { color: black; }
h3 { margin-bottom: 8px; padding: 3px 0 0 0; font-size: 14px; }
/*////////// More ////////////////////////////////////////////////////////////*/
.more { float: right; position: relative; margin: 5px 5px 0 0; background: #72d0f6 url(../images/more.png) no-repeat 4px 7px; overflow: hidden; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.more a { padding: 0px 5px 0 10px; font-size: 10px; text-transform: uppercase; color: white; line-height: 2; }
.more a:hover { text-decoration: underline; }
.moreNews,
#newslist .more { float: right; background-color: #72d0f6; background-position: 4px 7px; line-height: 160%; }
.moreNews a,
#newslist .more a { font-size: 10px; color: white; }
.moreNews a:hover,
#newslist .more a:hover { text-decoration: underline; }
.moreNews a { padding: 0 5px; }
time { color: white; }
div.hr { clear: both; height: 15px; border-bottom: 1px dotted #333; }
div.hr hr { display: none; }
.tagger { background: #666666; color: white; padding: 2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* 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: #dddddd; color: #fff; }
.productPage .tags span.true { background: #72d0f6; color: #fff; }
.FullWidthCol .PriceBlock { background: #72d0f6; 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; }
/*////////// カテゴリー ////////////////////////////////////////*/
ul.catfilter { margin-top: 0; line-height: 29px; padding: 3px 0px 0px 10px; margin: 20px 10px 20px; text-align: center; background: #666; }
ul.catfilter li { float: left; padding: 4px 6px 0px 0; background: none; border-right: #fff 1px solid; }
ul.catfilter li a { display: block; margin: 0; padding: 0 1em; min-width: 100px; height: 29px; font-weight: bold; color: #fff; text-decoration: none; }
ul.catfilter li a:hover { color: #000; background-color: #fff; text-decoration: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
ul.catfilter li.active a { color: #fff; background-color: #000; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
/*////////// FOOTER ////////////////////////////////////////////////////////////////////*/
footer { width: 940px; }
footer a:link { color: white; }
footer a:hover { color: #72d0f6; }
/* ADDONS */
footer .addons { margin-top: 10px; padding-left: 20px; background: url(../images/bg_footer.png) repeat-x center top black; color: #fff; }
/* COPY */
footer#copy-statements { margin-top: 0; margin-bottom: 40px; color: white; }
/* PAGEUP */
div.up a { top: -20px; width: 120px; padding: 6px 0 0 25px; background: url(../images/up-arrow.png) no-repeat scroll 1px 4px transparent; color: #fff; }
div.up a:hover { color: #72d0f6; text-decoration: none; }
/*////////// LEFT COLLUMN //////////*/
/* NEWS LIST */
section.LeftCol article { position: relative; }
#newsList .padd { padding-bottom: 8px; }
ul.newsList { margin-bottom: 0; padding: 0px 14px 28px 18px; }
ul.newsList li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; }
/*////////// 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: #72d0f6; }
.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; }
.textwidget .sign-up-form.contain form .txtbox { height: 20px; }
.textwidget .sign-up-form.contain form .formbtn { padding: 1px 3px; }
/* 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; }
ul.releases .productInfo{ width: 190px; margin-left: 10px; }
.newReleases .releases li { padding-bottom: 0; }
ul.releases .storeLink a { float: none; margin: 5px 0 10px 0px; }
/* 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: 0px 15px 0; }
.video-widget h3 { margin-bottom: 0; }
.play-pause { left: 1px; }
.status { left: 26px; top: 4px; }
.video-controls .play-pause,
.volume { background-image: url(../images/video-controls.gif); }
.video-controls .indicator { background: #fff; }
.video-controls .volume { left: 94%; }
.video-controls .loaded { background: #fff; }
.video-controls .bar { width: 307px; background: inherit; border: 1px solid #fff; }
.LeftWide .video-controls .bar { width: 555px; }
/* 着うた */
.QR .QR-copy { font-size: 12px; }
.QR .padd.contain { padding: 5px 3px 3px 5px; }
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 0 3px 0; text-align: left; }
.QR-copy p .sp2 { color: white; }
/*////////// 内側のPadding //////////*/
.twitter-top,
.twitterlist,
.QR-copy p,
.label.contain .padd div,
.genre.contain .padd div,
.RightCol .QR { padding: 0 10px 0; }
.textwidget, #textwidget { padding: 10px; }/*////////// BIOGRAPHY //////////*/
.biography #textwidget { padding: 10px 20px 10px 20px; }
.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 20px; border-bottom: 1px dotted #999; }
/*////////// NEWS //////////*/
ul#newslist li .newsTitle { clear: both; width: auto; padding-top: 7px; padding-left: 0; font-size: 16px; }
ul#newslist li .newsRight { width: 525px; }
ul#newslist li .newsRight { width: 525px; }
.newsitem { padding: 15px; }
.newsitem time { font-size: 1.3em; }
/* DETAIL */
.newsArticle .newsRight h1 { color:#fff; margin-bottom: 10px; /*padding: 2px 0 12px 0;*/ height: auto; background: none; border: none; font: normal 18px/150% Meiryo, "MS P Gothic", Osaka, "Hiragino Kaku Gothic Pro", Arial, Helvetica, sans-serif #fff; }
.newsArticle .subtitle { font-size: 16px; }
.newsArticle .newsLower { margin-bottom: 20px; padding-top: 20px; padding-left: 10px; }
.newsArticle td { vertical-align: top; }
.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 //////////*/
.FullWidthCol .productPage { padding: 10px; }
.productPage .padd { padding: 10px 0px; }
.FullWidthCol .ProdMid { margin-right: 20px; width: 400px; }
.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; }
.FullWidthCol .ProdMid .catchCopy { font-weight: bold; }
.FullWidthCol .ProdMid .catchCopy,
.FullWidthCol .ProdMid h1,
.FullWidthCol .ProdFull h2 { color: #72d0f6; }.FullWidthCol .ProdRight { width: 210px; }
.FullWidthCol .ProdRight li,
.FullWidthCol .ProdMid h3 { color: white; }
.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 0px; background: none; border: none; font-family: Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif; font-size: 18px; }
ul.tracklistings li { padding: 8px 10px; border-bottom: solid 1px #cccccc; }
.ProdRight .releasedate { padding-bottom: 5px; }
.ProdRight .stock-info { padding-top: 0; }
.PriceBlock .price { font-size: 20px; }
/*////////// VIDEO//////////*/
.video { margin: 10px auto; text-align: center; }
.videoLower .video-controls { margin: 5px auto; text-align: center; width: 640px; }
.LeftWide .videoitem { padding:15px; }
.LeftWide .videoitem h1.videoTitle { margin:-16px -15px 10px; }
.LeftWide .video-controls .bar { width: 585px; }
.LeftWide .video-controls .volume { left: 97%; }
ul.videolist li { display: block; float: left; height: 220px; width: 200px; margin: 15px 15px 5px; 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}
ul.videolist li .play-overlay a:hover { text-decoration:none;}
section.RightCol .video { text-align:left; margin: 10px auto 0 10px;}

/* 20130128修正分 */
.MidCol .videoContainer{ width: 400px; }
.MidCol .banner img{ margin: 0 0 10px 0; }
.MidCol .videoContainer ul li div{ padding: 0 0 10px 0; }
ul.releases li{ padding: 10px; }
.QR .padd.contain{ padding: 10px 10px 0 10px; }
.MidCol .videoContainer .jcarousel-next-horizontal{ right: 10px; }
.MidCol .videoContainer .jcarousel-prev-horizontal{ left: 10px; }
.MidCol .jcarousel-clip-horizontal{ height: auto; }
ul.newsList{ padding: 0 15px 20px 15px; }
footer a:visited,footer a:link{ color: #72D0F6; }