@charset "utf-8";
@import url("http://fonts.googleapis.com/css?family=Cabin:600");

/* 全体背景 */
html{
	background: #fff;
}

/* センター背景／アーティスト画像 */
body{
	background: url(../images/bg_artist.jpg) no-repeat center top;
	font: normal 12px/150% Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
}

/* 社名ロゴ */
div#logo a{
	background-image:url(../images/logo.png);
}

a{
	color: #000;
}

/* アーティストロゴまわり */
.mainImage {
	clear: both;
	position:relative;
	height:350px;
}

div.contentWrap{
	padding-top:0;
}

h1.artistLogo{
	position:absolute;
	bottom: 16px;
	left: 570px;
	top:-50px;
}

/* ページの先頭に戻る */
div.up a{
	background: url(../images/up-arrow_rainbow.png) no-repeat scroll right top transparent;
	margin-right: 20px;
	padding: 0 32px 0 0;
	/* top: -20px; */
	color:#000;
	text-align: right;
}

/* ソーシャルアイコン */
.socialIcons ul li a {background: url(../images/social-icons_rainbow.png); }


/* 左ナビ  */
nav {
	margin-top: 20px;
	line-height: 30px;
	text-align: right;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 43px;
}
nav li {
	padding: 2px 0;
	margin-top: 5px;
	margin-bottom: 0;
	font-family: 'Cabin', Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
}

nav li a {
	color:#fff;
	background: #000;
	padding: 12px 15px;
}

nav li a:hover, nav li.default a {
	color:#fff; background: url(../images/bg_artistnav_on.gif) top right repeat;
}


/* センターカラム */
.Col-A-Mid {
	background:#fff;
	color: none;
}

.Col-A-Mid h2{
	margin: -10px 0 3px -10px;
	padding: 8px 10px 6px 10px;
	width:225px;
	background: url(../images/bg_h2title_mid.png) left top no-repeat;
	background-color: none;
	color: #000;
	font: 18px/20px 'Cabin',sans-serif;
	font-weight: 600;
}

.Col-A-Mid{
	color: #000;
}

.Col-A-Mid a{
	color: #000;
}

.Col-A-Mid a:hover{
	color: #000;
	text-decoration:underline;
}

ul.newsList{
	margin:0 -10px;
}

ul.newsList li:first-child{
	border-top:none;
}

ul.newsList li{
	padding: 5px 10px;
	border-top:1px solid #ccc;
}

ul.link li:first-child{
	border-top:none;
}

ul.link li{
	background: url(../images/bullet_links.png) 4px 10px no-repeat #fff;
	border-top:1px solid #fff;
	padding:5px 0 5px 18px;
}

ul.link li a{
	font-weight:bold;
}

h2.QR-Title{
	display:block;
}

/* 右カラム */
.Col-A-Right{
	background:#fff;
}

.Col-A-Right a, .Col-A-Full a {
	color: #2F8D95;
}

.Col-A-Right a:hover, .Col-A-Full a:hover {
	color: #2F8D95;
	text-decoration: underline;
}

.Col-A-Right h2{
	margin-bottom: 15px;
	padding: 8px 10px 6px 10px;
	font-size: 20px;
	background: url(../images/bg_h2title_right.gif) left top repeat;
	color: #fff;
	font: 20px/26px 'Cabin',sans-serif;
	font-weight: 600;
}

div.textwidget{
	padding:0 10px;
}

div.textwidget h3:first-child{
	padding-top:0;
	border-top:none;
}

div.textwidget h3{
	margin: 15px -10px 0;
	padding: 15px 10px 0;
	border-top:1px solid #ccc;
	color: #78135D;
	font-size: 14px;
}

.newReleases h3{
	color: #78135D;
}

/* 下層右カラム（2カラム） */
.Col-A-Full {
	background: #fff;
}

/* メールマガジン */
article.sign-up div h2 {
	display:block;
}

article.sign-up .textwidget{
	background:url(../images/bg_mail.jpg) 0 0 repeat-x;
	padding:0;
}

article.sign-up .textwidget > a{
	display:block;
	border-bottom:1px solid #fff;
}

article.sign-up .sign-up-form{
	padding:0 10px 0 20px;
}

article.sign-up .sign-up-form p{
	padding-right:0;
	width:180px;
}

article.sign-up .unsubscribe{
	padding:0;
}

article.sign-up .unsubscribe a{
	color:#000;
}

article.sign-up .QRSection{
	margin-top:10px;
}

article.sign-up div.QR-copy{
	padding-left:20px;
	width:360px;
}




article.sign-up .QR-Img{
	float:right;
}

/* ニュースナビ */
ul.catfilter {
	background-color: #eee;
	border-top:1px solid #2F8D95;
}

ul.catfilter li {
	display: inline;
	float: none;
	line-height: 30px;
	margin-right: 6px;
	padding: 1px 6px 3px;
}

ul.catfilter li a {
	color: #2F8D95;
	text-decoration: none;
}

ul.catfilter li a:hover, ul.catfilter li.active {
	background-color: #2F8D95;
	-webkit-border-radius: 11px; /* Safari, Chrome用 */
	-moz-border-radius: 11px; /* Firefox用 */
	border-radius: 11px; /* CSS3 */
	color: #000;
	padding: 2px 10px;
	text-decoration: none;
}

ul.catfilter li.active a {color: #000;}

/* 「more」ボタン */
.more a {
	background-color: #2F8D95;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	padding: 2px 10px;
	-webkit-border-radius: 8px; /* Safari, Chrome用 */
	-moz-border-radius: 8px; /* Firefox用 */
	border-radius: 8px; /* CSS3 */
}

.more a:hover{
	color: #fff;
	text-decoration: underline;
}

/* ニュースタグ */
.tagger {
	background: #2F8D95;
	color: #fff;
	padding: 2px 10px;
	-webkit-border-radius: 8px; /* Safari, Chrome用 */
	-moz-border-radius: 8px; /* Firefox用 */
	border-radius: 8px; /* CSS3 */
}

/* ニュース */
ul#newslist li {
	padding: 10px;
	background: url(../images/line_separate.png) repeat-x scroll left bottom transparent;
}

time {color: #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: #2F8D95;
	font-weight:bold;
}

ul#newslist li .newsTitle a:hover {
	color: #2F8D95;
	text-decoration: underline;
	font-weight:bold;
}

/* ページネーション */
.pagination {
	padding:0;
	background: none;
	border: medium none;
}

.pagination a {
	text-decoration: none;
}

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

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

/* ニュース詳細 */
.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-bottom: 10px;
	padding: 0 10px 12px 0;
	background: none;
	background-color: none;
	color: #2F8D95;
	font-size: 18px;
	text-transform : none;
	background: url(../images/line_separate.png) repeat-x scroll left bottom transparent;
}
.newsArticle .subtitle {font-size: 16px;}
.newsArticle .newsLower {margin-bottom: 20px; padding-top: 0;}

/* Biography */
.bodyCopy h3:first-child{
	margin-top:0;
}

.bodyCopy h3{
	font-size:115%;
	margin-top:1em;
}

.bodyCopy div+p{
	padding:0 10px;
}

.bodyCopy p img{
	padding-right:15px;
	padding-bottom:15px;
}





/* BUTTONS */
ul.releases .storeLink a, .link-uj-store a {background: url(../images/store-buttons.gif) 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_rainbow.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;}

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


/*////////// MIDDLE COLLUMN //////////*/

.Col-A-Mid article {margin-top: -1px; padding-bottom: 0; /*padding: 0;*/}

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

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

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


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

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

/* MAIL MAGAZINE */
.mail {line-height: 160%;}
.mail img {margin-right: 10px;}
.mail strong {font-weight: bold; font-size: 16px; color: #cc3333;}
.mail .big img {margin-bottom: 10px;}

/* VIDEO */
.play-pause, .volume {background-image: url("../images/video-controls-dark.gif");}
.indicator {background: none repeat scroll 0 0 #cc3333;}

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

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


/*////////// FULL COLLUMN //////////*/

.Col-A-Full {width: 730px; padding: 10px 10px 10px 10px; line-height: 180%; min-height:300px;}
.Col-A-Full h1 {margin-bottom: 15px; padding: 8px 10px 8px 10px; background: url(../images/bg_h2title_right.gif) scroll left top transparent; background-color: none; color: #fff; font-size: 22px; text-transform : uppercase; font: 22px/28px 'Cabin',sans-serif; font-weight: 600;}


/*////////// FOOTER //////////*/

footer a {color: #333;}
footer a:hover {color: #666;}

/* ADDONS */
footer .addons {
background-color: rgba(250,250,250,0.6);
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
color: #333;}

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



/*////////// DISCOGRAPHY //////////*/

/*
.productlist .title a { color: #cc3333;}
.productlist .title a:hover { color: #dc796f;}
*/
.productlist .productBlock {margin-bottom: 10px; padding-bottom: 20px; background: url(../images/line_separate.png) repeat-x scroll left bottom transparent;}
ul.productlist .productInfo { width: 345px; padding-left: 10px;}
ul.productlist .shopLinks { padding-top: 5px;}



/*////////// PRODUCT //////////*/

.Col-A-Full .ProdMid {
margin-right: 0;
width: 420px;
}
.Col-A-Full .ProdRight {
width: 422px;
}
.Col-A-Full .ProdMid h1 {margin:0;padding: 2px 0 0; background: none; background-color: none; color: #2F8D95;}
.Col-A-Full .ProdMid h3 {margin:3px 0 10px;}

.productPage .catchCopy {
color: #2F8D95;
padding-left: 15px;
}
.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 #cccccc;
color: #FFFFFF;
}
.productPage .tags span.true {
background: none repeat scroll 0 0 #2F8D95;
color: #FFFFFF;
}

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

.Col-A-Full .PriceBlock {
padding: 13px 12px 10px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E3E1DD;
border-radius: 5px 5px 5px 5px;
}

.ProdFull h2 {
color: #2F8D95;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

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

.ProdRight .releasedate {
padding-bottom: 5px;
color: #2F8D95;
font-weight:bold;
}
.ProdRight .stock-info {
padding-top: 0;
}



P.QR-copy{
	margin:0 !important;
	padding:0!important;
	display:inline!important;
	float:left!important;
	width:350px!important;
	}
	
div.QR{
	margin-bottom:20px;

}