@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Fondamento);
body { 
background: #FFF url(../images/bg.gif) repeat-x center 0px; color: #666666; font: normal 12px/150% Meiryo, "MS P Gothic", Osaka, "Hiragino Kaku Gothic Pro", Arial, Helvetica, sans-serif; }
#wrapper {
	background: #FFF url(../images/top.jpg) no-repeat 0 0;
}

/*////////// LINK COLOR //////////*/
a:link, a:visited { color: #b4a155; }

a:hover { text-decoration: underline; }

#newsList .newsTitle a { color: #666666; text-decoration: none; }
#newsList .newsTitle a:hover { color: #b4a155; }

h3, .textArea.normal .padd .textwidget p a, .textArea.normal .padd .textwidget p a:hover, .sign-up-form.contain .unsubscribe a { color: #b4a155; }

.pagination ul li a.numbers { color: #fff; background: #b4a155 none repeat scroll 0 0; }

/*////////// Main //////////*/
.mainImage, .smallMainImage { clear: both; height: 440px; width: 970px; margin-left: 0px; margin-left: -5px; }

h1.artistLogo { display: none; }

#logo a { background: url("../images/logo.png") no-repeat scroll 0 0 transparent; }

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

/* ソーシャルアイコン */
.socialIcons { margin: -50px 0 15px; position: relative; }

.socialIcons ul li a { background: url("../images/social-icons.png"); }

/*#wrapper {background: url(../images/bg_tee.png) no-repeat center top;}*/
/*////////// LAYOUT //////////////////////////////////////////////////*/
 /*
.Col-A-Mid,　.Col-A-Right,　.Col-A-Full {
			padding-bottom: 20px;background: $conBg;
			border:1px solid #ccc;
			@include radius-con;
			}
*/
.Col-A-Mid article, .Col-A-Right article, .Col-A-Full { padding-bottom: 20px; background: url(../images/bg_con.png); border: 1px solid #b4924d; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.Col-A-Mid { width: 245px; margin-right: 5px; }

.Col-A-Right { width: 495px; }

.Col-A-Full { width: 728px; padding: 10px 10px 10px 10px; line-height: 180%; min-height: 300px; }

/*////////// ナビ //////////////////////////////////////////////////*/
nav { margin-top: 20px; font-size: 16px; line-height: 33px; text-align: right; }

nav li { padding: 2px 0; margin-bottom: 3px; margin-top: 5px; font-family: "Fondamento", cursive; font-weight: normal; font-size: 16px; }

nav li a { padding: 5px 10px 5px 20px; border-right: none; background:#FFF; text-decoration: none; color:#4b2965;}

nav li a:link { text-decoration: none; color: #4b2965;
border:1px solid #CCC;
border-right:none;
}

/*ナビホバー*/
nav li.odd a:hover, nav li.even a:hover { color: #fff; background: url(../images/bg_navi_ov.png) #b4a155; text-decoration: none; }

/*ナビ現在地*/
nav li.odd.default a, nav li.even.default a { color: #fff; background: url(../images/bg_navi_ov.png) #b4a155; text-decoration: none; }

/*////////// TITLE ////////////////////////////////////////////////////////////*/
h2, section.LeftWide h1, .Col-A-Full h1 { 
margin: -12px -11px 10px; padding: 10px 0px 7px 10px;color: #fff; 
background:#b4924d; 
border-bottom:2px solid #4b2965;
font-family: "Fondamento", cursive; font-weight: normal; font-size: 18px; clear: both; }

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

/*////////// FULL COLLUMN //////////*/
.Col-A-Full h1 { margin: -21px -21px 10px; padding: 5px 0px 7px 15px; position: relative; overflow: hidden; }

/* 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.png); }

/* PAGEUP */
div.up a { background: url(../images/up-arrow.png) no-repeat scroll 1px 4px transparent; color: #333; }
div.up a:link { color: #333; }
div.up a:hover { text-decoration: underline; }

/*////////// カテゴリー ////////////////////////////////////////*/
ul.catfilter { margin-top: 0; line-height: 29px; padding: 0px 0px 0px 0px; margin: 20px 20px 20px 0px; text-align: center; background: none; border-bottom: #4b2965 1px solid; }

ul.catfilter li { float: left; background: none; padding: 0px 0px 0px 0; margin: 0 0px 0 0; }

ul.catfilter li a { display: block; min-width: 80px; height: 29px; color: #000; margin: 0 0.5em 0 0; padding: 0 1em; text-decoration: none; border: #fff 1px solid; border-bottom: none; }

ul.catfilter li a:hover { color: #fff; background-color: #4b2965; text-decoration: none; border-bottom: none; }

ul.catfilter li.active a { color: #fff; background-color: #4b2965; border-bottom: none; }

/*////////// MIDDLE COLLUMN //////////*/
.Col-A-Mid article { padding-bottom: 0; /*padding: 0;*/ }

.Col-A-Mid .tagger { background-color: #666; color: #fff; }

/* NEWS LIST */
ul.newsList li { background: url(../images/bg_newslist.png) repeat-x scroll left bottom transparent; border-bottom: #aaa 1px dotted; }

/* CHAKUUTA */
.Col-A-Mid .banner { padding:20px 0 0px 0px; }

.Col-A-Mid .banner img { margin-top: -10px; }

/* LINKS */
.links ul { margin-top: 15px; }

/*////////// RIGHT COLLUMN //////////*/
article h3 { margin-top: 15px; color: #b4a155; font-size: 14px; }

.tagger { background: black; color: white; padding: 1px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* MAIL MAGAZINE */
.mail { line-height: 160%; }

.mail img { margin-right: 10px; }

.mail strong { font-weight: bold; font-size: 16px; color: #b4a155; }

.mail .big img { margin-bottom: 10px; }

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

.video-controls .play-pause, .volume { background-image: url(../images/video-controls.gif); }

.video-controls .indicator { background: #b4a155; }

.video-controls .loaded { background: black; }

.video-controls .bar { width: 135px; background: inherit; border: 1px solid #b4a155; }

/* INFROMATION */
article .info { padding: 0 10px; }
article .info p { margin-bottom: 3px; padding-bottom: 20px; background: url(../images/line_brush.png) repeat-x scroll left bottom transparent; }

/* NEW RELEASE */
.newReleases li { padding-bottom: 20px; background: url(../images/line_brush.png) repeat-x scroll left bottom transparent; }

/*////////// FOOTER //////////*/
footer a:link { color: black; }

footer a:hover { color: #b4a155; }

/* ADDONS */
footer .addons { color: #000; }

ul.addons { padding: 15px 20px 15px; }

/* ADDONS */
footer#copy-statements .copywrite { color: black; }

s footer#copy-statements { margin-top: 0; margin-bottom: 40px; color: black; }

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

/*////////// More ////////////////////////////////////////////////////////////*/
.more { float: right; position: relative; overflow: hidden; margin: 5px 5px 0 0; background: #b4a155 url(../images/more.png) no-repeat 4px 7px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.more a { padding: 0px 5px 0 10px; font-size: 10px; text-decoration: none; color: white; }
.more a:hover { text-decoration: underline; color: #fff; }

.moreNews, #newslist .more { float: right; background-color: #b4a155; background-position: 4px 6px; line-height: 1.4; }

.moreNews a:link { text-decoration: nonse; }

.moreNews a:hover, #newslist .more a:hover { text-decoration: underline; }

.moreNews a { padding: 0 5px; }

time { color: #666666; }

div.hr { clear: both; height: 15px; border-bottom: 1px dotted #333; }

div.hr hr { display: none; }

.tagger { /*background: $link;*/ color: white; padding: 2px 5px; }

article { clear: both; }

/*////////// BIOGRAPHY //////////*/
.bio p img { margin: 0 0 10px 10px; }

/*////////// NEWS //////////*/
/* LIST */
ul#newslist li { padding-bottom: 10px; background: url(../images/line_brush.png) repeat-x scroll left bottom transparent; border-bottom: 1px dotted #666; }

ul#newslist li time { display: inline; }

ul#newslist li .newsLeft { clear: both; width: auto; }

ul#newslist li .newsRight { clear: both; width: auto; padding-left: 0; }

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

ul#newslist li .newsTitle a { color: #b4a155; }

ul#newslist li .newsTitle a:hover { color: #b4a155; text-decoration: underline; }

/* DETAIL */
.newsArticle .newsLeft { clear: both; width: auto; }

.newsArticle .newsRight { clear: both; width: 710px; padding-left: 0; }

.newsArticle .newsLeft time, .newsArticle .newsLeft .category { display: inline; }

.newsArticle .newsRight h1 { margin-top: 0; height: auto; background: none; background-color: none; color: #b4a155; font-size: 18px; overflow: visible; }

.newsArticle .subtitle { font-size: 16px; }

.newsArticle .newsLower { margin-bottom: 20px; padding-top: 0; }

/*////////// DISCOGRAPHY //////////*/
.productlist .title a { color: #b4a155; }

.productlist .title a:hover { color: #dc796f; }

.productlist .productBlock { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px dotted #666; }

ul.productlist .productInfo { width: 325px; padding-left: 10px; }

ul.productlist .shopLinks { padding-top: 5px; }

/* PAGENATION */
.pagination { padding: 0; background: none; border: medium none; }

.pagination a { text-decoration: none; }

.pagination ul li a.newer, .pagination ul li a.older { color: #b4a155; }

.pagination ul li a.newer:hover, .pagination ul li a.older:hover { text-decoration: underline; color: #dc796f; }

/*////////// PRODUCT //////////*/
.Col-A-Full .ProdMid { margin-right: 0; width: 415px; }

.Col-A-Full .ProdRight { width: 422px; }

.Col-A-Full .ProdMid h1 { margin: 0; padding: 2px 0 5px; background: none; background-color: none; color: #b4a155; }

.Col-A-Full .ProdMid h3 { margin: 3px 0 10px; }

.productPage .catchCopy { color: #b4a155; font-weight: bold; padding: 0; }

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

.productPage .tags span.false { background: #dddddd; color: #fff; }

.productPage .tags span.true { background: #b4a155; color: #000; }

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

.Col-A-Full .PriceBlock { padding: 13px 12px 10px; background: none repeat scroll 0 0 #b4a155; border-radius: 5px 5px 5px 5px; color: #fff; }

.ProdFull h2 { color: #b4a155; background: url(../images/line_brush.png) repeat-x scroll left bottom transparent; font-family: sans-serif; padding: 10px 0 5px; }

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

.ProdRight .releasedate { padding-bottom: 5px; }

.ProdRight .stock-info { padding-top: 0; }

.contentWrap { padding: 0px 20px 5px 20px; }

.btm { clear: both; }

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

.sign-up-form.contain form .formbtn { padding: 1px 7px; }

article.QR { margin: 20px 10px 10px; border: 1px solid #333; }

.Col-A-Right .bar { width: 385px; }

table.prof td { vertical-align: top; padding: 20px; }

.padd .textwidget .sign-up-form.contain form { margin-bottom: 10px; }

.textwidget .sign-up-form.contain form .txtbox { width: 400px; }

.sign-up-form form { width: auto; }

.QRSection.contain { padding-top: 20px; }

.Col-A-Right .QR-copy { float: left; width: 360px; margin-right: 10px; }

.Col-A-Mid.contain .topCol .top { clear: both; }

.btm { clear: both; }

.sign-up .padd h2 { display: block; }

ul.releases li { border-bottom: 1px dotted #AAAAAA; }

ul.releases .productInfo { width: 313px; }