@charset "utf-8";
/* Banner */
/*#spMiddleAD {height: 250px!important;}
#spMiddleAD iframe{height: 250px!important;}*/

/* 検索用CSS */
@import url('./search.css');

/* BBJ-SP用CSS */
body{ font-size:small; background-color:#000; margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; }
h1,h2,h3,h4{ font-size:medium; line-height:1.3; }
h5,h6{ font-size:small; line-height:1.2; }
div,p{ margin:0; padding:0; line-height:1.5; color:#484848; word-wrap: break-word; }
ul,ol,li,dt,dl,dd{ margin:0; text-indent:0; padding:0; list-style:none; word-wrap: break-word; }
a{ text-decoration:none; color:#484848; vertical-align:middle; }
img{ vertical-align:top; }
select{ border:1px solid #888; -webkit-border-radius: 5px; border-radius: 5px; }
input[type="submit"]{
width: 100%; font-size:small; margin: 0; padding: 5px 0; color:#484848; text-align:center;
background: #f9f9f9;
background: -moz-linear-gradient(top,  #f9f9f9 0%, #d3d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d3d3d3));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#d3d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d3d3d3',GradientType=0 );
border:1px solid #888; -webkit-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);
}
.clearfix {width:100%;}
.clearfix:after{ content: ""; display: block; clear: both; }
table,tr,th,td	{ margin:0; padding:0; }

/* 共通ヘッダー */
#spHeader header{ padding:5px; }
#spHeader header h1{ width:40%; float:left; margin:0; padding:0; }/* BBJlogo */
/* ArtistSearch */
#spHeader header hgroup form{ width:60%; float:right; }
#searchsubmit{ width:30px; height:30px; float:right; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}/* send */
#searchtext{ width:80%; height:28px; margin:0; padding:0; float:right; -webkit-border-radius: 3px 0px 0px 3px; /* text */
border-radius: 3px 0px 0px 3px; border:1px solid #a9a9a9; -webkit-box-shadow: inset 0px 2px 3px 0px rgba(150, 150, 150, 0.2);
box-shadow: inset 0px 2px 3px 0px rgba(150, 150, 150, 0.2); }
.tipped {color: #BBB;}
/* ChartSelect */
#spHeader header select{ width:100%; color:#5f5f5f; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #a9a9a9;
margin:5px 0; padding:0; height:30px; clear:both; font-size:small; }

/* GlobalMenu */
#spHeader nav{ clear:both; }
#spHeader nav ul{
background: #f1f1f1;
background: -moz-linear-gradient(top,  #f1f1f1 0%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top,  #f1f1f1 0%,#d1d1d1 100%);
background: -o-linear-gradient(top,  #f1f1f1 0%,#d1d1d1 100%);
background: -ms-linear-gradient(top,  #f1f1f1 0%,#d1d1d1 100%);
background: linear-gradient(to bottom,  #f1f1f1 0%,#d1d1d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d1d1d1',GradientType=0 );
-webkit-border-radius: 5px; border-radius: 5px; border:1px solid #a9a9a9; }
#spHeader nav li{ font-family:none; font-size:small; float:left; width:25%; text-align:center; }
#spHeader nav li:nth-child(1){ width:25%; }
#spHeader nav li:nth-child(2){ width:30%; }
#spHeader nav li:nth-child(3){ width:15%; }
#spHeader nav li:nth-child(4){ width:30%; }
#spHeader nav li a{ color:#5f5f5f;text-shadow: 0px 1px 0px #f0f0f0; filter: dropshadow(color=#f0f0f0, offx=0, offy=1);
padding:10px 0; display:block; border-right:1px solid #9e9e9e;-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3); }
#spHeader nav li:last-child  a{ border-right:none; }
/* spBanner */
.spBanner{ padding:10px 0; margin:0 auto; width:100%; text-align:center; }
.spBanner div{ margin:0 auto; }
#spHeaderAD{ height:auto!important; }

/* メインコンテンツ */
/*#spMain{ padding:0 5px; }*/
#spMain h2{
font-size:medium; font-weight:bold; color:#fff; padding:5px 5px 5px 12px; 
text-shadow: 0px -1px 0px #000; filter: dropshadow(color=#000, offx=0, offy=-1);
background: #444;
}
/* GlobalTOP-ContentsBox */
#spShoppingContent,#spSearchResult,#spArtistInfo,#spTaginfo,#spDailyNewsContent,#spDailyNews,#spSpecial,
#spHotShotDiscs,#spImages,#spSpecialList,#spChartContent,#spHotShotDiscsContent
{ border:1px solid #9d9d9d; -webkit-border-radius: 5px; border-radius: 5px; margin:5px 5px 10px; background-color:#fff;}
#spECitems div:nth-child(odd), #spSearchResult li:nth-child(odd),
#spChartContent div:nth-child(odd),#spDailyNews a:nth-child(odd),#spSpecial a:nth-child(odd),#spHotShotDiscs div:nth-child(odd), #spSpecialList div:nth-child(odd){ background-color:#eee; display:block; }

#spECitems div, #spShoppingContent div, #spChartContent div,#spDailyNews div,#spSpecial div,#spHotShotDiscs div,#spImages div,#spSpecialList div{ padding:10px 5px; }
/* DailyNews＆Charts */
#spDailyNewsContent h2,#spDailyNews h2,#spChartContent h2{/* h2RED */
background: url(/common/sp/img/img_colorbar_red.png) repeat-y , -moz-linear-gradient(top,  #444 0%, #222222 100%);
background: url(/common/sp/img/img_colorbar_red.png) repeat-y ,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222222));
background: url(/common/sp/img/img_colorbar_red.png) repeat-y ,-webkit-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_red.png) repeat-y ,-o-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_red.png) repeat-y ,-ms-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_red.png) repeat-y ,linear-gradient(to bottom,  #444 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#222222',GradientType=0 );
}
#spDailyNews a.btn_rss {background-color: transparent;display: inline;margin-left: 5px;}
#spDailyNews a.btn_rss img{margin-top: 1px;}
#spDailyNews a.btn_am{background-color: transparent;display: inline;}
#spDailyNews div{ text-align:center; }
#spDailyNews div h3{ margin-bottom:5px; text-align:left; color:#484848; }
#spDailyNews div img{ float:left; margin-right:5px; max-height:80px; max-width:80px; border:1px solid #bbb; }
#spDailyNews div p{ overflow:hidden; color:#484848; text-align:left; }
#spDailyNews div:after{ content: ""; display: block; clear: both; }/* clearfix */
#spDailyNews .PickupNews img{ max-height:200px; max-width:100%; float:none; margin:0 auto 5px; }
/* Day and category */
.subInfo{ display:block; font-size:x-small; color:#e08e36; text-align:right; padding-top:5px; } 
.subInfo img{ vertical-align:text-top; border:none; margin-right:3px; float:none; height:10px; }
.subInfo time{ color:#A0A0A4; padding-left:5px; }
#spDailyNews .subInfo img{ border:none; float:none; }
#spDailyNews .subInfo{ text-align:right; color:#e08e36; }
/* Content */
#spDailyNewsContent{ position:relative; }
#spDailyNewsContent time.only{ display:block; position:absolute; right:10px; top:4px; color:#fff; font-size:small; }
#spDailyNewsContent h3{ color:#484848; padding:5px; }
#spDailyNewsContent h4 a{ color:#888; font-size:small; padding:0 5px 5px; font-weight:normal; }
#spDailyNewsMainIMG{ background:#f1f1f1 url(/common/sp/img/img_background_nav.png) repeat; text-align:center; margin:5px;
border:1px solid #ccc; }
#spDailyNewsMainIMG img{ max-width:100%; }
#spDailyNewsMainIMG a{ color:#345099; text-decoration:underline; }
#spDailyNewsMainIMG p:last-child{ border-top:1px solid #ccc; padding:5px 0; color:#345099; }
#spDailyNewsText{ padding:10px; }
#spDailyNewsText p{ padding:10px 0; }
/* ContentImages */
#spDailyNewsImages { padding:5px 5px 0; }
#spDailyNewsImages p{ text-align:center; color:#808080; padding-bottom:5px; }
#spDailyNewsImages p img{ max-width:100%; }
#spDailyNewsImages .ImageNumber{ color:#A0A0A4; }
#spDailyNewsImagesList ul{ padding:10px 5px; margin:0; text-align:center; }
#spDailyNewsImagesList li{ display:inline-block; padding-bottom:5px; }
#spDailyNewsImagesList li img{ max-width:80px; max-height:80px; }
#spDailyNewsContent #spDailyNewsImages #spPager{ border:none; padding:0; margin:0 0 5px; }

/* ChartContent */
#spChartContent h3{ font-weight:bold; color:#484848; padding:5px; }
#spChartContent h4{ font-size:small; font-weight:normal; color:#808080; padding:0 5px 5px; border-bottom:1px dotted #484848; margin: 0 0 10px; }
#spChartContent nav form select{ height:30px !important; }
#spChartContent nav form #year{  } 
#spChartContent nav form input{ width:17%; height:30px !important; }
#spChartsSelect{ clear:both; }
#spChartsSelect select{  width:100%; color:#5f5f5f; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #a9a9a9;
margin:5px 0; padding:0; height:30px; clear:both; font-size:small; }
/* chartTable */
#spChartContent div:after{ content: ""; display: block; clear: both; }/* clearfix */
#spChartContent p{ float:left; margin-right:10px; }
#spChartContent p img{ border:1px solid #ccc; width:100px; }
#spChartContent dl{ overflow:hidden; line-height:1.4; }
#spChartContent dt{ color:#808080; display:inline-block; font-size:small; font-weight:bold; padding:3px 5px; text-align:center; line-height:1; border:1px solid #ccc; background-color:#fff; margin-bottom:3px; }
#spChartContent dd img { margin-top:-4px; }
#spChartContent dd:nth-child(2),#spChartContent dd:nth-child(3),#spChartContent dd:nth-child(4){
display:inline-block; color:#939393; }
#spChartContent dd:nth-child(5) a,#spChartContent dd:nth-child(5){ display:inline-block; width:100%; font-size:medium; font-weight:bold; color:#484848; }
#spChartContent dd:nth-child(6) a,#spChartContent dd:nth-child(6){ display:inline-block; width:100%; font-size:small; color:#888; }
#spChartContent dd:nth-child(7){ text-align:right; }
#spChartContent nav:last-child{ border-top:1px solid #ccc; }
.btn_buy{ display:inline-block; padding:5px 15px; color:#fff; 
-webkit-border-radius: 30px;
border-radius: 30px; border:1px solid #4d85b0;
text-shadow: 0px -1px 0px #4f92c5;
filter: dropshadow(color=#4f92c5, offx=0, offy=-1);
background: rgb(45,140,226);
background: -moz-linear-gradient(top,  rgba(45,140,226,1) 0%, rgba(121,179,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,140,226,1)), color-stop(100%,rgba(121,179,229,1)));
background: -webkit-linear-gradient(top,  rgba(45,140,226,1) 0%,rgba(121,179,229,1) 100%);
background: -o-linear-gradient(top,  rgba(45,140,226,1) 0%,rgba(121,179,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(45,140,226,1) 0%,rgba(121,179,229,1) 100%);
background: linear-gradient(to bottom,  rgba(45,140,226,1) 0%,rgba(121,179,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8ce2', endColorstr='#79b3e5',GradientType=0 );
-webkit-box-shadow: inset 0px 1px 1px 1px rgba(23, 96, 145, 0.5);
box-shadow: inset 0px 1px 1px 1px rgba(23, 96, 145, 0.5);
}
.btn_buy_reco {
color: #f50071;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 2px solid #f50071;
display: block;
width: 94%;
padding: 5px 0;
text-align: center;
font-size: medium; font-weight:bold;
background:url(/common/sp/img/btn_reco.png) center no-repeat;
background-size:contain;
text-indent:-9999px;
overflow:hidden;
margin: 10px auto;
}
/* rank */
#spChartContent .rank1{ color:#fff; background-color:#ff0096; border:1px solid #ff0096; }
#spChartContent .rank2{ color:#fff; background-color:#252525; border:1px solid #252525; }
#spChartContent .rank3{ color:#fff; background-color:#808080; border:1px solid #808080; }

/* Special */
#spSearchResult h2, #spArtistInfo h2, #spSpecial h2,#spSpecialList h2{ /* h2Yellow */
background: url(/common/sp/img/img_colorbar_yw.png) repeat-y , -moz-linear-gradient(top,  #444 0%, #222222 100%);
background: url(/common/sp/img/img_colorbar_yw.png) repeat-y ,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222222));
background: url(/common/sp/img/img_colorbar_yw.png) repeat-y ,-webkit-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_yw.png) repeat-y ,-o-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_yw.png) repeat-y ,-ms-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_yw.png) repeat-y ,linear-gradient(to bottom,  #444 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#222222',GradientType=0 );
}
#spSpecial div img{ width:100%; border:1px solid #ccc; margin-bottom:5px; }
#spSpecial div h3{ color:#484848; margin-bottom:5px; }
#spSpecial div p{ color:#484848; }
/* Special List */
/* SelectUI hs_Discs&Special List */
#spChartContent nav,#spHotShotDiscs nav,#spSpecialList nav{ background:#f2f2f2 url(/common/sp/img/img_background_nav.png) repeat; border-bottom:1px solid #ccc; }
#spHotShotDiscs nav ul,#spSpecialList nav ul{ text-align:center; padding:10px 5px; }
#spHotShotDiscs nav li,#spSpecialList nav li{ display:inline-block ; color:#b89e43; font-size:medium; }
#spHotShotDiscs nav li:after,#spSpecialList nav li:after{ content:" | "; color:#888; }
#spHotShotDiscs nav li:last-child:after, #spSpecialList nav li:last-child:after{ content:""; }
#spHotShotDiscs nav li a,#spSpecialList nav li a{ color:#484848; vertical-align: baseline; }
#spSpecialList h3{ overflow:hidden; color:#484848; }
#spSpecialList .thumbnail{ float:left; min-width:134px; border:1px solid #ccc; text-align:center; background:#ccc; margin:0 10px 0 0; padding:0; }
#spSpecialList .thumbnail img{ padding:0; margin:0; vertical-align:top;}
#spSpecialList div:after{ content: ""; display: block; clear: both; }/* clearfix */

/* hs_Discs */
#spTaginfo h2, #spHotShotDiscsContent h2,#spHotShotDiscs h2{ /* h2Bule */
background: url(/common/sp/img/img_colorbar_bl.png) repeat-y , -moz-linear-gradient(top,  #444 0%, #222222 100%);
background: url(/common/sp/img/img_colorbar_bl.png) repeat-y ,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222222));
background: url(/common/sp/img/img_colorbar_bl.png) repeat-y ,-webkit-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_bl.png) repeat-y ,-o-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_bl.png) repeat-y ,-ms-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_bl.png) repeat-y ,linear-gradient(to bottom,  #444 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#222222',GradientType=0 );
}
#spHotShotDiscs div img{ float:left; max-width:80px; max-height:80px; margin-right:5px; border:1px solid #ccc; }
#spHotShotDiscs div:after{ content: ""; display: block; clear: both; }/* clearfix */
#spHotShotDiscs div p{ overflow:hidden; color:#484848; }
#spHotShotDiscs div p strong{ font-size:medium; display:block; }
#spHotShotDiscs .overseas{ border-right:5px solid #99b0d1; }
#spHotShotDiscs .subInfo{ color:#e08e36; padding-right:5px; }
#spHotShotDiscs .overseas .subInfo{ color:#e08e36; padding-right:0; }
#spChartContent nav form,#spHotShotDiscs nav form{ padding:5px; text-align:center; }
#spHotShotDiscs nav form select,#spHotShotDiscs nav form input{	width: 30%; margin: 0 2px; height:30px !important; }
/* Content */
#spHotShotDiscsContent h3{ color:#484848; }
#spHotShotDiscsContent h4{ color:#252525; width:100%; border-top:2px solid #252525; border-bottom:2px solid #252525; 
text-align: center; padding: 5px 0; margin-bottom:1em; }
#spHotShotDiscsContent hgroup{ margin-bottom:1em; }
#spHotShotDiscsContent hgroup > p{ float:left; padding:5px 5px 0; }
#spHotShotDiscsContent hgroup > p img{ border:1px solid #ccc; max-width:100px; }
#spHotShotDiscsContent hgroup div{ overflow:hidden; padding:5px; }
#spHotShotDiscsContent hgroup div p, #spHotShotDiscsContent hgroup div p a{ color:#7d7d7d; }
#spShoppingContent .btn_buy img,#spHotShotDiscsContent .btn_buy img{ height:20px; margin-right:5px; }
#spShoppingContent .btn_buy ,#spHotShotDiscsContent .btn_buy{ clear:both; display:block; width:95%; padding:5px 0; text-align:center; font-size:medium; margin:10px auto; }
#spHotShotDiscsContent .mainText{ padding:10px; }
#spHotShotDiscsContent .mainText p{ padding:0 0 1.5em; color:#484848; }
.c_release{ font-size:small; color:#888; }
/* spShoppingContent */
#spShoppingContent h4{ font-size:small; color:#888; font-weight:normal; margin-bottom:5px; }
#spShoppingContent hgroup { margin-bottom:1em; }
#spShoppingContent hgroup:after{ content: ""; display: block; clear: both; }
#spShoppingContent hgroup p{ float:left; width:40%; }
#spShoppingContent hgroup p img{ width:100%; max-width:300px; border:1px solid #ccc;  }
#spShoppingContent hgroup ul { width:57%; float:right; overflow:hidden; font-size:x-small; color:#888; }
#spShoppingContent hgroup ul li:first-child{ font-size:medium; color:#ff3000; font-weight:bold; }
#spShoppingContent hgroup ul li span{ font-size:small; }
#spShoppingContent .CartIn { background-color:#feffdd; border-bottom:1px solid #dbdcb0; border-top:1px solid #dbdcb0; padding:5px 5px 0; clear:both; }
.CartIn dl{ text-align:center; }
.CartIn dt,.CartIn dd{ display:inline-block; }
.CartIn dl dd{ color:#ff3000;}
.CartIn dl dd:first-child{ padding-right:5px; }
.itemText p{ padding:5px; }
#spShoppingContent #tracklist{ padding:0; margin:0 0 15px; }
#tracklist h5{ border-bottom:2px solid #484848; border-top:2px solid #484848; padding:5px; }
#tracklist h6{ padding:5px; }
#tracklist table{ width:100%; }	
#tracklist tr:nth-child(odd){ background-color:#eee; }
#tracklist td{ padding:10px 5px; }
#tracklist td:first-child{ width:85%;}
#tracklist td:last-child{ width:15%; text-align:center;}
#tracklist td a{ color:#345099; width:100%; }
#spMain .ShoppingButton li img{ height:20px; }
#spMain .ShoppingButton li:first-child{ width:30%; }
#spMain .ShoppingButton li:last-child{ width:70%; }
#cd_caption{ maring:0; padding:0 0 10px!important; }
#cd_caption p{ float: none!important; width: auto!important; color: red; margin: 0; padding: 5px; border: 1px solid red; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#cd_caption a{ color: #0087d4; text-decoration: underline; vertical-align: baseline; }
#jk_caption{ color:#d47800; }
/* spECitems */
#spECitems{ margin-top:10px; background-color: #fff; }
#spECitems h3{ background:#f1f1f1 url(/common/sp/img/img_background_nav.png) repeat; padding:5px; color:#888; font-weight:normal; font-size:small; margin:0; }
#spECitems div:after{ content: ""; display: block; clear: both; }/* cf */
#spECitems div{ background:url(/common/sp/img/ico_arrow04.png) 98% 50% no-repeat; }
#spECitems p{ float:left; margin-right:10px; }
#spECitems p img{ border:1px solid #ccc; height:60px; }
#spECitems ul{ overflow:hidden; }
#spECitems li{ color:#747474; font-size:x-small; }
#spECitems li:first-child{ font-size:small; color:#484848; }
#spECitems li:last-child{ color:#ff3000; font-weight:bold; }
#spECitems .SNScommentText { border: none; margin: 0; }
/* hotimages */
#spShoppingContent h2, #spImages h2{ /* h2Green */
background: url(/common/sp/img/img_colorbar_gr.png) repeat-y , -moz-linear-gradient(top,  #444 0%, #222222 100%);
background: url(/common/sp/img/img_colorbar_gr.png) repeat-y ,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222222));
background: url(/common/sp/img/img_colorbar_gr.png) repeat-y ,-webkit-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_gr.png) repeat-y ,-o-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_gr.png) repeat-y ,-ms-linear-gradient(top,  #444 0%,#222222 100%);
background: url(/common/sp/img/img_colorbar_gr.png) repeat-y ,linear-gradient(to bottom,  #444 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#222222',GradientType=0 );
}
#hotimages-list{ margin:0 auto; }
#spImages ul{ padding: 5px; text-align:center; }
#spImages li{ display:inline; }
#spImages li img{ width:auto; height:60px; margin: 3px; }
/* 共通フッター */
#spFooter footer{ background:url(/common/sp/img/img_background_footer.png) repeat; }
/* FooterMenu */
#spFooter dt a{ padding:10px 5px; display:block; color:#ffffff; font-weight:bold; text-shadow: 0px -1px 0px #000000;
filter: dropshadow(color=#000000, offx=0, offy=-1); }
#spFooter dd a{ padding:10px 5px; display:block; color:#363535; }
#spFooter dt{
border-top:1px solid #444;
background: url(/common/sp/img/ico_arrow02.png) 95% 50% no-repeat , -moz-linear-gradient(top,  #313131 0%, #222222 100%);
background: url(/common/sp/img/ico_arrow02.png) 95% 50% no-repeat ,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#222222));
background: url(/common/sp/img/ico_arrow02.png) 95% 50% no-repeat ,-webkit-linear-gradient(top,  #313131 0%,#222222 100%);
background: url(/common/sp/img/ico_arrow02.png) 95% 50% no-repeat ,-o-linear-gradient(top,  #313131 0%,#222222 100%);
background: url(/common/sp/img/ico_arrow02.png) 95% 50% no-repeat ,-ms-linear-gradient(top,  #313131 0%,#222222 100%);
background: url(/common/sp/img/ico_arrow02.png) 95% 50% no-repeat ,linear-gradient(to bottom,  #313131 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#222222',GradientType=0 );
}
#spFooter .chartbtn{
background: url(/common/sp/img/ico_arrow03.png) 95% 50% no-repeat , -moz-linear-gradient(top,  #313131 0%, #222222 100%);
background: url(/common/sp/img/ico_arrow03.png) 95% 50% no-repeat ,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#222222));
background: url(/common/sp/img/ico_arrow03.png) 95% 50% no-repeat ,-webkit-linear-gradient(top,  #313131 0%,#222222 100%);
background: url(/common/sp/img/ico_arrow03.png) 95% 50% no-repeat ,-o-linear-gradient(top,  #313131 0%,#222222 100%);
background: url(/common/sp/img/ico_arrow03.png) 95% 50% no-repeat ,-ms-linear-gradient(top,  #313131 0%,#222222 100%);
background: url(/common/sp/img/ico_arrow03.png) 95% 50% no-repeat ,linear-gradient(to bottom,  #313131 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#222222',GradientType=0 );
}
#spFooter dd{ margin:0; padding:0; width:100%; background-color:#aaa; }
#spFooter dd:nth-child(odd){ background-color:#c9c9c9; }
#spFooter dl{ clear:both; }
#spFooter img{ margin:0 5px; vertical-align:baseline; }
#spFooter ul{ text-align:center; padding:5px 0; }
#spFooter li{ display:inline-block; color:#888; }
#spFooter li:first-child:after{ content:" | "; }
#spFooter a{ color:#fff; }
#spFooter p{ text-align:center; color:#ccc; font-size:x-small; padding:0 5px 5px; }
#spFooter #elmark{ text-align:left; padding:0 5px 5px; color:#A0A0A4; font-size:x-small; }
#spFooter #elmark img{ float:left; margin-left:0; }
#spFooter #js_chart_menu_company dd { padding:10px 5px; }

/* ButtonStyle */
.btn_pagetop{
color:#fff; display:block; padding:5px 10px;  margin:0 5px 10px; float:right; background-color:#333;}
.btn_moreContent{ border-top:#fff; 
display:block; width:100%; text-align:center; font-size:medium; color:#484848; padding:10px 0; background-color:#ffb401; }
.btn_moreContent img{ vertical-align:text-top; margin-right:5px; width:15px; height:15px; }

/* ShoppingButton */
#ShoppingButton { padding-bottom:15px; margin:0 5px 8px; border-bottom:1px solid #ccc; }
#ShoppingButton:after{ content: ""; display: block; clear: both; }/* cf */
#ShoppingButton a img{ height:15px; margin-right:5px; vertical-align:bottom; }
#ShoppingButton a { display:block; padding: 10px 0; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#ShoppingButton .btn_cart{ width:38%; float:left; color:#484848; }
#ShoppingButton .btn_wishlist{ width:60%; float:right; color:#484848; }

/* spPager */
#spPager p{ text-align:center; color:#ccc; font-size:small; padding-bottom:10px; }
#ShoppingButton a, #spPager ul{
background: #f9f9f9;
background: -moz-linear-gradient(top,  #f9f9f9 0%, #d3d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d3d3d3));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#d3d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d3d3d3',GradientType=0 );
border-top:1px solid #868686; border-bottom:1px solid #868686;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1); color:#888;
}
#spPager li{ width:32.9%; border-right:1px solid #868686; margin-right:-3px; text-align:center; display:inline-block; }
#spPager li:last-child{ border:none; }
#spPager a{ padding:10px 0; display:block; font-size:small; color:#484848; font-weight:bold;
text-shadow: 0px 1px 1px #fff; filter: dropshadow(color=#fff, offx=0, offy=1);}
#spPager li.pageNone{ padding:10px 0; color:#888;
background: #f9f9f9;
background: -moz-linear-gradient(top,  #d3d3d3 0%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d3d3d3));
background: -webkit-linear-gradient(top,  #d3d3d3 0%,#f9f9f9 100%);
background: -o-linear-gradient(top,  #d3d3d3 0%,#f9f9f9 100%);
background: -ms-linear-gradient(top,  #d3d3d3 0%,#f9f9f9 100%);
background: linear-gradient(to bottom,  #d3d3d3 0%,#f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#f9f9f9',GradientType=0 );
 }
/* Content */
#spHotShotDiscsContent #spPager,#spDailyNewsContent #spPager{ padding:10px 0; }

/* subLinks and tagLink SubArtist */
.subLinks{ padding:5px; margin-top:1em; }
.subLinks h5{ background:url(/common/sp/img/img_background_nav.png) repeat; padding:10px; font-weight:normal; color:#808080; margin-bottom:5px; }
.subLinks h5 a{ display:block; text-align:center; color:#3a5090; text-decoration:underline; }
.subLinks ol{ margin-bottom:15px; }
.subLinks ol li a{ color:#345099; text-decoration:underline; }
.subLinks ol li{ border-bottom: 1px dotted #ccc; padding:5px ; }
.subLinks ol li:last-child{ border-bottom: none; }
.subLinks ol li a{ display:block; }
.spSubartist{ margin-bottom:5px; }
.spTag{ margin-bottom:15px;}
.spTag li,.spSubartist li{ display:inline-block; margin-right:10px; }
.spTag li:last-child,.spSubartist li:last-child{ margin-right:0; }
.spTag li img{ width:10px; vertical-align:baseline; margin-right:2px; }

/* SNSComment */
#SNScomment{ margin: 15px 5px 5px; background-color:#fbfbfb; border:1px solid #cbcbcb; position:relative; }
#SNScomment #SNScommentHeader{
background-color:#f6f6f6; border-bottom:1px solid #888; padding:3px; }
#SNScomment #SNScommentHeader h6{ color:#939393; font-weight:normal; padding:5px; }
.SNScounter{ position:absolute; right:0; top:0; padding:5px; color:#dd882d; }
.SNScounter img{ width:12px; vertical-align:baseline; margin-right:5px; }
#SNScomment #SNScommentHeader li{ width:33%; float:left; }
.btn_SNSsend{ 
padding:10px 0; display:block; margin:2px; font-size:small; text-align:center;
background: #484848; font-weight:bold;
text-shadow: 0px 1px 0px #fff;
filter: dropshadow(color=#fff, offx=0, offy=1);
background: -moz-linear-gradient(top,  #f9f9f9 0%, #d3d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d3d3d3));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#d3d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d3d3d3',GradientType=0 );
border:1px solid #868686; -webkit-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);
}
.SNScommentText{ padding:5px 10px; border-bottom:1px solid #ccc; margin: 0 0 5px; }
.SNScommentText p{ color:#484848; }
.SNScommentText strong{ color:#247eb1; padding-right:10px; }
#SNScommentBody .btn_moreContent{ background-color:#f1f1f1; color:#a1a1a1; }
#SNScommentBody .btn_moreContent img{ height:15px; filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
.c_twitter{ color:#1b82d2; display:block; }
.c_mixi{ color:#ff7800; display:block; }
.c_facebook{ color:#38498a; display:block; }
.c_google{ color:#cd2e2e; display:block; }

/* Taginfo and Artistinfo */
#spArtistInfo .ArtistContent h3, .TagContent h3{ border-bottom:2px solid #414141; border-top:2px solid #414141; padding:5px; font-size:medium; margin:10px 0 0; }
.ArtistContent div, .TagContent div { padding:5px 0; }
.ArtistContent div:nth-child(odd), .TagContent div:nth-child(odd){ background-color:#eee; }
.ArtistContent div p,.TagContent div p{ padding:5px; }
.ArtistContent time,.TagContent time{ display:block; text-align:right; font-size:x-small; color:#A0A0A4; padding:0 5px 5px 0; }
.ThumbnailOn p:first-child{ float:left; }
.ThumbnailOn div:after{ content: ""; display: block; clear: both; }/* clearfix */
.ThumbnailOn p img{ border:1px solid #ccc; }
.ArtistContent div p strong, .TagContent p strong{ display:block; color:#484848; }
.ThumbnailOn p{ overflow:hidden; }
.btn_moreinfo{
padding:10px; display:block; margin:5px 5px 15px; font-size:medium; text-align:center;
background: #484848; font-weight:bold;
text-shadow: 0px 1px 0px #fff;
filter: dropshadow(color=#fff, offx=0, offy=1);
background: -moz-linear-gradient(top,  #f9f9f9 0%, #d3d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d3d3d3));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#d3d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d3d3d3',GradientType=0 );
border:1px solid #868686; -webkit-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);
}
#spTaginfo .subLinks .spTag li{ width:50%; float:left; margin-right:0; }
#spTaginfo .subLinks .spTag li a{ display:block; padding:3px 0; }
#spTaginfo .subLinks .spTag:after{ content: ""; display: block; clear: both; }/* clearfix */
#spArtistInfo  .ArtistPhoto { padding:5px; }
#spArtistInfo  .ArtistPhoto p{ text-align:center; }
#spArtistInfo  .ArtistPhoto img{ max-width:100%; border:1px solid #ccc; }
#spArtistInfo h3{ color:#242424; padding:5px; margin-bottom:5px; border-bottom:1px dotted #888; }
.ArtistContent div p span{ display:block; color:#888; }
#spTaginfo .icon_rss{ margin-left: 5px; margin-top: 1px; }

/* Search */
#spSearchResult hgroup { border-bottom:1px dotted #888; margin-bottom:5px; padding-bottom:10px; }
#spSearchResult hgroup h3 span{ font-size:small; color:#808080; font-weight:normal; }
#spSearchResult hgroup p{ color:#808080; font-size:small; }
#spSearchResult ul li a{ display:block; padding:10px 5px; }

/* yahooAD */
#spYahooAD{ background-color:#2d2d2d; border-bottom:1px solid #414141; border-top:1px solid #414141; text-align:left; margin:20px 0 ; }
#spYahooAD a{ display:block; padding:10px 5px; }
#spYahooAD12,#spYahooAD18{ border-bottom:1px solid #868686; }
#spYahooAD .title{ font-size:small; color:#fff; font-weight:bold; text-decoration:underline; margin-right:10px; }
#spYahooAD .host{ color:#a1ccca; }
#spYahooAD .descr,#spYahooAD .titlehost{ text-align:left; padding:0; }
/* yahooAD */
#ydn_wrap{ clear:both; background-color:#2d2d2d; border-bottom:1px solid #414141; border-top:1px solid #414141; text-align:left; margin:20px 0 ; }
#ydn_wrap div a{ display:block; padding:10px 5px; }
#ydn_wrap div{ border-bottom:1px solid #868686; }
#ydn_wrap .title{ font-size:small; color:#fff; font-weight:bold; text-decoration:underline; margin-right:10px; }
#ydn_wrap .host{ color:#a1ccca; }
#ydn_wrap .descr,#ydn_wrap .titlehost{ text-align:left; padding:0; }
#ydn_wrap .copy{text-align:right;}

#spChartContent .btn_chartinsight img{
margin:7px 0 0;
}



/*--チャートページポイント表示--*/
#spChartContent .scoreTable {
	display:inline-block;
	text-align: right;
    border-collapse: collapse;
    border-spacing: 0;
	margin:5px 0 3px;
}
#spChartContent dd .scoreTable img {
    margin-top: 0;
	display: block;
	width: 84px;
}
#spChartContent dd .scoreTable td {
	padding: 0 6px;
}
#spChartContent .scoreTable.sales {
	border: 2px solid #17b442;
}
#spChartContent .scoreTable.sales td {
	background-color: #e6ffed;
}
#spChartContent .scoreTable.point {
	border: 2px solid #f49e00;
}
#spChartContent .scoreTable.point td {
	background-color: #ffebc5;
}