/* Processed by the CDN CSS rewriter in 0ms. Key:  */
@import url("http://fonts.googleapis.com/css?family=Amatic+SC:400,700");
body {background: #FFF; color: #333;  font: normal 12px/150% Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif; }
a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #DD8484}
.mainImage {clear: both;}
.mainImage { background-image: url(../images/yasuta_nao_main-home-image.jpg)}
h1.artistLogo {/*top: 100px; left: 160px; height: auto;*/display: none;}
div.up a {background: url(../images/up-arrow.png) no-repeat scroll 0 0 transparent; padding: 0px 0 0 30px; top: -15px; /*color:#222;*/}
#logo a { background: url("../images/logo.png") no-repeat scroll 0 0 transparent; }
.socialIcons ul li a {background: url(../images/social-icons.png); }

/* LAYOUT */
/*.contentWrap {background: #959595}*/
/*nav {background: #CCC;}
.Col-A-Mid {background: #CCC;}
.Col-A-Right {background: #CCC;}
.Col-A-Full {background: #CCC}
#banner-wrapper .footerWrap {background: #CCC;}*/

/* NAV  */
nav {font-size: 18px; line-height: 30px; text-align: right; text-transform: uppercase;}
nav li {padding: 5px 0; margin-bottom: 3px;}
nav li a {/*background: #666; padding: 5px; color:#fff;*/}
/*nav li.even a {background: #666}
nav li.odd a {background: #999}*/
/*nav li.odd a:hover, nav li.odd.default a {color:#ffeaca;color:#fff;}
nav li.even a:hover, nav li.even.default a {color:#ffeaca;color:#fff;}*/


/* FONTS*/
.more a {background: #C88C8C; font-size: 10px; text-transform: uppercase; color: #000; padding: 2px}
.more a:hover {text-decoration: underline;}
.tagger {background: #87A35C; color: #FFF; padding: 2px 4px;}
time {color: #333}
div.hr {clear: both; height: 15px; border-bottom: 1px dotted #ae9a78}
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: #B3B3B3; color: #FFFFFF;}
.productPage .tags span.true {background: none repeat scroll 0 0 #dd7686; color: #FFFFFF;}
.track-tags div span { background: url(../images/track-icons.gif);}


/*////////// LAYOUT //////////*/
.contentWrap { position: relative;}
.mainImage { height: 480px;}
.smallMainImage { height: 300px;}
.artistLogo { top: 13px; left: 15px;}
.Columns { margin-top: 23px;}
article { margin-bottom: 20px;/* border: solid 1px #F00;*/}
article .padd { padding: 0;}

/* ARTIST NAVI */
.contentWrap nav { margin-top: -40px; position:relative;}
nav li { font-family: 'Amatic SC', cursive; font-weight: 400; font-size: 37px; margin-left: 24px; padding-left: 32px; background: url(../images/bg_navi.png) 0 11px no-repeat;}
nav li a {color:#666;}
nav :first-child { margin-left: 0; padding-left: 0; background: none;}
nav li.odd a:hover, nav li.even a:hover {color:#999;}
nav li.odd.default a, nav li.even.default a {color:#333}

/* PAGE UP */
div.up a {background: url(../images/up-arrow.png) no-repeat scroll right top transparent; margin-right: 16px; padding: 0 32px 0 0; height: 20px; top: -20px; color:#333; text-align: right;}

/* CATGORY FILTER */
ul.catfilter { margin-top: 0; line-height: 29px; padding: 20px 0 20px; text-align: center; background: url(../images/bg_catfilter_top.gif) no-repeat scroll left bottom transparent;}
ul.catfilter li { float: left; background:none;}
ul.catfilter li a { display: block; width: 100px; height: 29px; color: #999; margin: 0; padding: 0; text-decoration: none;}
ul.catfilter li a:hover{ width: 100px; height: 29px; background: url(../images/bg_filter_active.gif) no-repeat scroll left bottom transparent; color: #000; text-decoration: none;}
ul.catfilter li.active a { background: url(../images/bg_filter_active.gif) no-repeat scroll left bottom transparent; color: #FFF;}

/* PAGENATION */
.pagination ul li a.numbers { background: none repeat scroll 0 0 #333; color: #FFF;}

/* CATGORY FILTER */
p.moreNews {background: url(../images/bg_btn_left.gif) no-repeat scroll left top transparent; float: right; padding: 0;}
p.moreNews a {background: url(../images/bg_btn_right.gif) no-repeat scroll right top transparent; color: #333; font-size: 10px; padding: 4px 12px 4px 25px;}
p.moreNews a:hover {color: #fff; text-decoration: underline;}


/*////////// TITLE //////////*/
h2,h3 { margin-bottom: 8px; font-family: 'Amatic SC', cursive; font-weight: 400; font-size: 32px; color:#333; line-height:1.0; padding-left: 16px; background: url(../images/bg_title.jpg) top left no-repeat; /*border: solid 1px #F00;*/}


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

/* NEWS LIST */
section.LeftCol article { position: relative;}
#newsList { padding: 0; background: none; }
#newsList .padd { padding-bottom: 8px; background: url(../images/bg_newslist_bottom.gif) no-repeat scroll left bottom transparent;}
ul.newsList {margin-bottom: 0; padding: 10px 14px 28px 18px ; background: url(../images/bg_newslist_top.gif) no-repeat scroll left top transparent;}
ul.newsList li { border-bottom: solid 1px #E6E6E6;}
#newsList .more { position: absolute; bottom: 13px; right:20px;}

/* MAIL MAGAZINE */
.textwidget .mail { margin-bottom: 0; padding: 10px 20px ;
background-image: url(../images/bg_newslist_bottom.gif), url(../images/bg_newslist_top.gif);
background-repeat: no-repeat, no-repeat;
background-position: left bottom, left top;
ine-height: 1.6;}
.textwidget .section { overflow: hidden;}
.mail strong {font-weight: bold; font-size: 18px; color: #999;}
.mail .big img {margin-right: 10px;}
.mail .bnr_mail {margin-bottom: 5px;}
.mail hr{margin: 1em 0 1em; height: 1px; border: #b3b192 1px solid;}

/* MAIL MAGAZINE2 */
article.sign-up { margin-bottom: 30px; padding: 10px 20px ;
background-image: url(../images/bg_newslist_bottom.gif), url(../images/bg_newslist_top.gif);
background-repeat: no-repeat, no-repeat;
background-position: left bottom, left top;
line-height: 1.6;}

/* NEW LETTER */
.LeftCol article .padd { padding-bottom: 8px; background: url(../images/bg_newslist_bottom.gif) no-repeat scroll left bottom transparent;}
.LeftCol article .textwidget {margin-bottom: 0; padding: 15px 14px 36px 18px ; background: url(../images/bg_newslist_top.gif) no-repeat scroll left top transparent;}
/*
.LeftCol article { margin-bottom: 30px; padding: 10px 20px ;
background-image: url(../images/bg_newslist_bottom.gif), url(../images/bg_newslist_top.gif);
background-repeat: no-repeat, no-repeat;
background-position: left bottom, left top;
line-height: 1.6;
}*/





/* YOUTUBE */
/.LeftCol article.video-widget { padding-bottom: 6px; background: url(../images/bg_newslist_bottom.gif) no-repeat scroll left bottom transparent; }

.LeftCol article.video-widget .videoItem { margin-bottom: 0; padding: 10px 15px; background: url(../images/bg_newslist_top.gif) no-repeat scroll left top transparent; }
.LeftCol article.video-widget h3 { margin-bottom: 0;}






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

/* INFORMATION */
/* .textwidget .info { margin-bottom: 0; padding: 10px 30px 0 30px ; background: url(../images/bg_middle_top.gif) no-repeat scroll left top transparent; line-height: 1.6; overflow: hidden;}*/

/* NEW RELEASE */
article.newReleases { position: relative; margin-bottom: 30px; padding: 0 30px 30px 25px;
background-image: url(../images/bg_middle_bottom.gif), url(../images/bg_middle_top.gif);
background-repeat: no-repeat, no-repeat;
background-position: left bottom, 0 40px;}
article.newReleases h2 { margin-left: -25px; position: relative;}
article.newReleases .releases { padding: 0 8px; border: #E6E6E6 1px solid;}
article.newReleases .releases .productInfo { width: 175px;}
article.newReleases .releases li { padding-bottom: 0;}
article.newReleases .more { position: absolute; bottom: 13px; right: 30px;}

li.productBlock .albumCover {width: 170px;}


/* PICK UP */
article.textwidget { margin-bottom: 0; padding: 10px 30px 23px 25px; background: url(../images/bg_middle_top.gif) no-repeat scroll left top transparent;}
.newReleases h2 { margin-left: -25px; position: relative;}
.pickUp .releases { padding: 0 13px; border: #343434 1px solid;}
.pickUp .releases .productInfo { width: 175px;}
.pickUp .releases li { padding-bottom: 0;}

/* FACEBOOK */
article.fbLike-widget .video { margin: -3px 10px -9px 10px;}
article.fbLike-widget .videoItem { padding: 10px 0px 5px 0px; background: url(../images/bg_right_top.gif) no-repeat scroll left top transparent;}
article.fbLike-widget .padd { padding: 10px 0px 1px 0px; background: url(../images/bg_right_bottom.gif) no-repeat scroll left bottom transparent;}

/*////////// RIGHT COLLUMN //////////*/

/* YOUTUBE */
/* article.video-widget { padding-bottom: 6px; background: url(../images/bg_right_bottom.gif) no-repeat scroll left bottom transparent; } */

article.video-widget .videoItem { margin-bottom: 0; padding: 10px 15px; background: url(../images/bg_right_top.gif) no-repeat scroll left top transparent; }
article.video-widget h3 { margin-bottom: 0;}








/* NEW LETTER */
.RightCol .padd { padding-bottom: 8px; background: url(../images/bg_right_bottom.gif) no-repeat scroll left bottom transparent;}

.RightCol article .textwidget {margin-bottom: 0; padding: 15px 14px 36px 18px ; background: url(../images/bg_right_top.gif) no-repeat scroll left top transparent;}

.RightCol .links { background-image: none; }
.RightCol .genre .padd { background: none; }
.RightCol .label .padd { background-image: none; }





/*////////// FULL COLLUMN //////////*/
section.LeftWide {width: 680px; margin-right: 30px; padding: 0 0 20px; line-height: 180%; min-height:300px;}
section.LeftWide h1 {margin-bottom: 15px; padding: 0 0 0 16px; background: url(../images/bg_title.jpg) 0 5px no-repeat transparent; background-color: none; color: #333; text-transform : uppercase; font-family: 'Amatic SC', cursive; font-weight: 400; font-size: 38px; line-height: 1.0;}


/*////////// FOOTER //////////*/
footer a {color: #aaa;}
footer a:hover {color: #999;}

/* ADDONS */
footer .addons {margin-top: 10px; padding-left: 20px; border: solid 1px #333; color: #aaa;}

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


/*////////// BIOGRAPHY //////////*/
.biography h2 { margin-top: 30px; padding: 0 0 8px; background: url("../images/bg_title_h2.gif") no-repeat scroll left bottom transparent;}
.biography .txt img { margin: 5px 15px 5px 0;}
.biography .voice h2 { margin-right: 8px; font: bold 18px/140% Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;}


/*////////// NEWS //////////*/
.news-list ul.catfilter { padding-left: 120px;}

/* LIST */
ul#newslist li { padding-bottom: 25px; border-bottom: solid 1px #E6E6E6;}
ul#newslist li .newsTitle {clear:both; width: auto; padding-top: 7px; padding-left:0; font-size: 14px;}
#newslist .more { background: url(../images/bg_btn_left.gif) no-repeat scroll left top transparent; float: right; padding: 0;}
#newslist .more a { background: url(../images/bg_btn_right.gif) no-repeat scroll right top transparent; color: #333; font-size: 10px; padding: 4px 12px 4px 25px;}

/* DETAIL */
.newsArticle .newsRight h1 {margin-bottom: 10px; padding: 2px 0 12px 0; background: none; background-color: none; font: normal 18px/150% Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif; text-transform: none; }
.newsArticle .subtitle {font-size: 16px;}
.newsArticle .newsLower {margin-bottom: 20px; padding-top: 20px;}
.newsArticle p a:link {color: #333;}
.newsArticle p a:hover {color: #999; text-decoration:underline;}


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


/*////////// DISCOGRAPHY //////////*/
.discography ul.catfilter { margin-bottom: 20px; padding-left: 250px;}
.productlist .productBlock {margin-bottom: 20px; padding: 0 10px 20px; border-bottom: solid 1px #E6E6E6;}
ul.productlist .productInfo { width: 285px; padding-left: 10px;}
ul.productlist .shopLinks { padding-top: 5px;}


/*////////// PRODUCT //////////*/
.FullWidthCol .ProdMid { margin-right: 20px; width: 400px;}
.FullWidthCol .ProdRight {width: 210px; color:#FFF;}
.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.gif") repeat scroll 0 0 transparent;}
.productPage .tags span.false { background: none repeat scroll 0 0 #333333; color: #666666;}
.productPage .tags span.true { background: none repeat scroll 0 0 #b48f49; color: #000000;}

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

.FullWidthCol .PriceBlock {padding: 13px 12px 10px; background: none repeat scroll 0 0 #999; border-radius: 5px 5px 5px 5px;}

.FullWidthCol .ProdFull h2 { margin-bottom: 10px; padding: 0 0 10px 4px; font-size: 18px; background: url("../images/bg_title_h2.gif") no-repeat scroll left bottom transparent;}

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

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

.PriceBlock .price { font-size: 20px;}

.digital .sm-button.link-itunes a {
    background-position: 0 -196px;
    padding: 15px 0;
    width: 185px;
}
.digital .sm-button.link-itunes a:hover {
    background-position: 0 -248px;
    width: 185px;
}