/* CSS Document */
@charset "utf-8";

/* web-font
------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700);

/* common
------------------------------------------------------------*/
body {
	background: url(../images/bg.jpg) repeat-x top #EDEDED;
	color: #000;
	font-family: Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
	min-width: 940px;
}

/* link color
------------------------------------------------------------*/
a:link,a:visited{ color: #F60; text-decoration: underline; }
a:hover{ text-decoration: none; }
/* footer-link */
footer#copy-statements ul li a{ color: #000; }

/* wrap
------------------------------------------------------------*/
#wrapper{ margin: 0 auto; padding: 0; width: 940px; }
.contentWrap .Columns,
footer{ width: 940px; margin: 0 auto; padding: 0; }
.contentWrap{ padding-bottom: 50px; }

/* header
------------------------------------------------------------*/
header{ background: #333; padding: 15px 20px; }
header .headerWrap{ width: auto; }
.headerRight{ width: 480px; }
.socialIcons ul{ padding: 0; }
.socialIcons ul li a{ background: url("../images/social-icons.png"); }
/* universal logo */
#logo{ height: auto; }
#logo a{
	width: 402px;
	height: 32px;
	background: url("../images/logo.png") 0 0 no-repeat;
}

/* main visual
------------------------------------------------------------*/
.mainImage,
.smallMainImage{ background: none; height: auto; }
.mainImage h1.artistLogo,
.smallMainImage h1.artistLogo{
	width: 940px;
	height: 300px;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
}
.mainImage h1.artistLogo a,
.smallMainImage h1.artistLogo a{ display: none; }

.mainImage h1.artistLogo,
.smallMainImage h1.artistLogo{
	background: url("../images/bg_artist_150828.png") center no-repeat;
}

/* navi
------------------------------------------------------------*/
.contentWrap nav{
	font-family: 'Roboto Condensed', Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
.contentWrap nav ul{
	background: #2FB5DB;
}
.contentWrap nav li{ padding: 0 40px; }
.contentWrap nav li a{ padding: 10px; display: inline-block; color: #FFF; text-decoration: none; }
.contentWrap nav li a:hover,
.contentWrap nav li.default a{ color: #FF3; text-decoration: none; }

/* footer
------------------------------------------------------------*/
/* pageTop */
div.up{ text-align: right; }
div.up a{
	color: #000;
	display: inline-block;
	height: auto;
	position: static;
	top: auto; right: auto;
	width: auto;
	background: url("../images/up-arrow.png") right center no-repeat;
	padding: 3px 30px 3px 0;
}

/* column
------------------------------------------------------------*/
.Columns article {
	background: #FFF;
	border: solid 1px #CCC;
	/*box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.05);*/ /* 影の有無 */
}
.Columns article .padd{
	background: url("../images/column_ttl.gif") top center repeat-x;
}
.Columns section.FullWidthCol article .padd{ background: none; }

/* column-title */
.Columns .LeftWide .padd h1,
.Columns .LeftCol .padd h2,
.Columns .MidCol .padd h2,
.Columns .RightCol .padd h2{
	display: block;
	font-family: 'Roboto Condensed', Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0 0 9px 0;
	margin: 0 0 10px 0;
	font-size: 16px;
	text-transform: uppercase;
}
.Columns article.genre h2,
.Columns article.label h2{ margin: 0; }

/* product botton
------------------------------------------------------------*/
.link-uj-store a,
ul.releases .storeLink a {
	background: url("../images/store-buttons.png") 0 -42px no-repeat;
	width: 185px;
	height: 48px;
}
.link-uj-store a:hover,
ul.releases .storeLink a:hover {
	background-position: -185px -42px;
}
.digital .sm-button.link-itunes a{
	background: url("../images/store-buttons.png") 0 -90px no-repeat;
	width: 185px;
	height: 48px;
	padding: 0;
}
.digital .sm-button.link-itunes a:hover{
	background-position: -185px -90px;
}
.sm-button a {
	background: url("../images/store-buttons.png") no-repeat;
	width: 87px;
	height: 21px;
	text-indent: -9999px;
	padding: 0;
}
.sm-button.link-itunes a{ background-position: 0 0; }
.sm-button.link-itunes a:hover{ background-position: 0 -21px; }
.sm-button.link-amazon a{ background-position: -87px 0; }
.sm-button.link-amazon a:hover{ background-position: -87px -21px; }
.sm-button.link-hmv a{ background-position: -174px 0; }
.sm-button.link-hmv a:hover{ background-position: -174px -21px; }
.sm-button.link-tower-records a{ background-position: -261px 0; }
.sm-button.link-tower-records a:hover{ background-position: -261px -21px; }

/* Track Listings */
.track-tags div span{ background: url("../images/track-icons.png"); }

/* widget
------------------------------------------------------------*/
/* News List Widget  */
.Columns ul.newsList{ margin: 0; padding: 10px 0 0 0; }
.Columns ul.newsList li {
	border-bottom: 1px dotted #CCC;
	padding: 0 0 10px 5px;
	margin: 0 0 10px 0;
}

/* Product Widget */
.Columns ul.releases{ margin: 0; }
.Columns ul.releases li.productBlock{ padding: 0 0 10px 0; }
.Columns ul.releases li.productBlock h4.catchcopy{ padding: 0 0 10px 0; }
.Columns ul.releases li .productInfo{ margin: 0; padding: 5px 0 0 0; }
.Columns ul.releases li .albumCover{ margin: 0; padding: 0; }
.Columns ul.releases li .productInfo .title{ padding: 0 0 5px 0; }
.Columns ul.releases .storeLink a { float: left; }

/* Banner Widget */
.banner{ margin: 0 0 10px 0; }

/* Links Widget */
.Columns .links ul li{
	border-bottom: dotted 1px #CCC;
	margin: 0 0 7px 0;
	padding: 0 5px 7px 5px;
	text-align: left;
}
.Columns .links ul li a{
	background: url("../images/link_arrow.gif") left 0.5em no-repeat;
	padding: 0 0 0 10px;
}

/* Insta Widget */
.Columns .InstaCopy{ margin: 0; padding: 10px 0; }
.Columns #InstaGallery{ margin: 0; padding: 0 0 10px 0; }
.Columns #InstaGallery ul{ padding: 0; }
#InstaGallery li a:hover img{ opacity: 0.7; }

/* Twitter Widget */
.Columns ul.twitterlist{ padding: 10px 0 0 0 !important; }
.Columns ul.twitterlist li{ border-bottom: dotted 1px #CCC; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.Columns ul.twitterlist li .twit-date{ padding: 3px 0 0 0; }

/* Text Widget */
.Columns .textwidget{ padding: 10px 0 5px 0 !important; }
.Columns .textwidget p{ padding: 0 0 10px 0; margin: 0; }

/* ProductTextStore Widget */
.Columns .ProductTextWidget #textwidget,
.Columns .ProductTextStoreLinkWidget #textwidget{ padding: 10px 0 0 0; }
.Columns .ProductTextWidget #textwidget p,
.Columns .ProductTextStoreLinkWidget #textwidget p{ margin: 0; }

/* WideSmallProductText Widget  */
.Columns .WideSmallProductTextWidget #textwidget{ padding: 10px 10px 0 10px; }
.Columns .WideSmallProductTextWidget #textwidget p{ margin: 0; }
.Columns .WideSmallProductTextWidget .productInfo .format{ padding-top: 5px; }

/* SignUpForm Widget */
article.sign-up .sign-up-form p{
	width: auto;
	float: none;
}
article.sign-up .sign-up-form form{
	margin: 0 0 3px 0;
}
article.sign-up .sign-up-form form input.txtbox{
	padding: 3px;
	border: solid 1px #999;
	border-radius: 3px;
	margin: 0 5px 0 0;
}
article.sign-up .sign-up-form form input.formbtn{
	border: solid 1px #000;
	padding: 3px 10px;
	border-radius: 5px;
	background: #333;
	color: #FFF;
}
article.sign-up .unsubscribe{
	text-align: left;
	font-size: 11px;
}

/* 2nd category tab
------------------------------------------------------------*/
ul.catfilter{
	padding: 5px;
	margin: 20px 0 30px 0;
	text-align:center;
	font-size: 16px;
}
ul.catfilter li {
	border-right: dotted 1px #CCC;
	padding: 0 10px 0 0; margin: 0 10px 0 0;
	float: none;
	font-family: 'Roboto Condensed', Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
}
ul.catfilter li a{
	background: #DDD;
	color: #AAA;
	border-radius: 3px;
	text-decoration: none;
}
ul.catfilter li a:hover,
ul.catfilter li.active a{
	background: #2FB5DB;
	color: #FFF;
	border-radius: 3px;
}

/* discography
------------------------------------------------------------*/
ul.productlist .productInfo{ margin-right: 5px; }
ul.productlist li.productBlock{ padding: 0 10px; margin: 0 0 20px 0; }
ul.productlist li.productBlock .title{ padding: 0 0 5px 0; }

/* news
------------------------------------------------------------*/
ul#newslist li{ border-bottom: dotted 1px #CCC; }
ul#newslist li .newsLeft{ padding: 0; }
ul#newslist li .newsRight{ padding: 0 0 0 12px; }
ul#newslist li .newsRight .more a{ margin: 0; }
ul#newslist li .newsTitle{ font-size: 14px; padding: 0 0 2px 0; }
ul#newslist li .newsSubtitle{ padding: 0 0 5px 0; }
ul#newslist li time{ font-weight: bold; font-size: 13px; padding: 0 0 3px 0; }
.newsitem{ padding: 0; }
.newsitem .newsLeft{ padding: 20px 0 0 20px; }
.newsitem .newsLeft time{ padding: 0 0 5px 0; margin: 0; }
.newsitem .newsRight{ padding: 20px 0 5px 15px; }
.Columns .LeftWide .padd .newsitem .newsRight h1{
	background: none;
	font-family: Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
	border: none;
	padding: 0; margin: 0;
	text-transform: none;
	color: #000;
}
.newsitem .newsLower{ padding: 10px 20px; }
p.moreNews{ padding: 0 20px 20px 20px; margin: 0; text-align: right; }
p.moreNews a{ margin: 0; }
.newsitem ul, .newsitem  ol{ margin: 4px 20px; }
.newsitem ul li{ list-style: disc outside; padding-left: 2px; }
.newsitem ol li{ list-style: decimal outside; padding-left: 2px; }

/* product
------------------------------------------------------------*/
.Columns .FullWidthCol .padd{ padding: 15px 10px; }
.ProdRight{ color: #000; }
.ProdMid{ margin-right: 15px; }
.ProdFull{ margin: 0; }
.PriceBlock{ border-radius: 3px; background: #2FB5DB; color: #FFF; }
.productPage h1 {
	border: none;
	font-size: 20px;
	font-weight: bold;
	font-family: Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif;
	padding: 0 0 8px 0;
}
.productPage h3.titletwo,
.productPage h3.artist-name{ padding: 0 0 10px 0; }
.productPage .catchCopy{ font-size: 16px; color: #C00; }
.ProdRight .releasedate{ padding-bottom: 2px; }
.ProdRight .pricegroup{ padding: 5px 0 0 0; margin: 0; }
.ProdRight .stock-info{ padding: 5px 0 0 0; margin: 0; }
.ProdRight .price{ font-size: 16px; }
/* TorF */
.productPage .tags{ margin: 0; padding: 0 0 10px 0; }
.productPage .tags span.true{ background: #2FB5DB; color: #FFF; }
.productPage .tags span.false{ background: #CCC; color: #EEE; }
/* Track Icon */
ul.tracklistings li{ border-bottom: dotted 1px #CCC; }
.track-tags div span{ background: url("../images/track-icons.png"); }

/* video
------------------------------------------------------------*/
ul.videolist li{
	margin: 5px 12px;
}
a.videoListTitle{
	display: inline-block;
	padding-top: 5px;
	line-height: 1.2;
}
.videoitem .videoLower{ padding: 0 0 10px 0; }
.videoitem .video{
	width: 640px;
	margin: 0 auto;
}
ul.videolist li .play-overlay a{
	text-decoration: none;
	text-indent: -9999px;
}

/* etc
------------------------------------------------------------*/
/* more */
.Columns div.more,
.Columns div.moreNews{ padding-top: 0 !important; text-align: right !important; }
.more a, p.moreNews a {
	font-size: 10px;
	background: url("../images/more_arrow.gif") left center no-repeat #999;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1px 4px 1px 10px;
	margin: 0;
}
.more a:hover,
p.moreNews a:hover{ background-color: #CCC; }
/* product-category */
.tagger {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	background: #A3BE43;
	border-radius: 3px;
	padding: 1px 3px;
	display: inline-block;
	margin: 0 0 3px 0;
}
/* pagination */
.pagination ul li a.numbers{ text-decoration: none; }
/* sns-btn */
.social-bookmarks{ margin-top: 10px; }
/* Video Control */
.play-pause, .volume{ background-image: url("../../../TemplateB/video-controls-dark.gif"); }
ul.videolist li .play-overlay a{ background: url("../images/play-overlay.png") center no-repeat; }
/* Slider Buttons */
#slider2 .buttons{
	width: 36px !important;
	background-image: url("../images/slider-arrows.png") !important;
}
/* Secret Page */
.SecretTitle{
	color: #000;
	border-bottom: solid 2px #999;
	padding: 0 0 7px 0;
	margin: 0 0 20px 0;
}

/* common-style
------------------------------------------------------------*/
.b{ font-weight: bold; }
.i{ font-style: italic; }
.f-red{ color: #F00; }
.f-gray{ color: #999; }
.f-wine{ color: #C00; }
.f-sky{ color: #0099FF; }
.f-white{ color: #FFF; }
.none{ display: none; }
.ta-l{ text-align: left; }
.ta-c{ text-align: center; }
.ta-r{ text-align: right; }
.fl-l{ float: left; }
.fl-r{ float: right; }

/* clearfix
------------------------------------------------------------*/
.Columns article .top,
.Columns article .btm{
	display:block;
	clear:both;
	margin:0px; padding:0px;
	height:0px;
	font-size:0.01em;
}
.clear {
	display:block;
	clear:both;
	margin:0px; padding:0px;
	height:0px;
	font-size:0.01em;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \
* html .clearfix { height: 1%; }*/
.clearfix { display: block; }
/* End hides from IE-mac \*/