/* 2014/6 PFU Applications */

/* Override pc_style.css */

/*************************************************************************************
 BackGround Image
*************************************************************************************/
#wrapper.bgTop {background: transparent;background-color: #ffffff;}
#wrapper.bgTopRanking {background: transparent;}
/*************************************************************************************
 Common
*************************************************************************************/
body {background-color: #ffffff;}
.textIndent {color: #000;}
.keyColor {color: #00f;}

/*************************************************************************************
 header Area
*************************************************************************************/
#loginSetting ul a {color: #fff;}
.main_pagerItem{background: #fff; border-radius: 3px; width: 20px; height: 20px; border: 1px solid #9c9c9c; line-height: 22px; color: #9c9c9c; font-size: 11px;}
.main_pagerItem_on{background:#9c9c9c;color:#fff}
.main_pagerItem:hover {background-color: #efefef;}
.main_pagerItem_on:hover {background-color: #9c9c9c;}
/*************************************************************************************
 MainStage Area
*************************************************************************************/
#mainStage section h1 {border-width: 0 0 1px 7px;border-color: #696969;border-style: solid;background-color: #eee;background: #eee;}
#mainStage section.top_adBox {border: none;background-color: transparent !important;/*margin-top: 30px;*/width: 729px !important;padding: 5px 3px 0 5px;}
#mainStageWide h1 {border-width: 0 0 1px 7px;border-color: #696969;border-style: solid;background-color: #eee;background: #eee;color: #000;}
/*#mainStage section h1 div, #mainStageWide h1 div {color: #fff;}*/
#mainStageWide h1.new_h1 {background: #eee;}
/*************************************************************************************
 MainStage MainVisual
*************************************************************************************/
#screenWrapper {background-color: transparent;border: 1px solid #c0c0c0;}
#screenThumbWrapper {border: 1px solid #c0c0c0;background-color: transparent;}

/*************************************************************************************
 MainStage Common Thumbnails
*************************************************************************************/
.top_info {background: transparent;background-color: #ffffff;}
.top_artist {color: #000;}
.top_musicTitle {color: #000;}
/*************************************************************************************
 Substage
*************************************************************************************/
#btnWindows {background: transparent;font-size: 14px;text-decoration: none;text-align: center;line-height: 38px;color: #fff;background-color: #00bfff;}
#btnAndroid {background: transparent;font-size: 14px;text-decoration: none;text-align: center;line-height: 38px;color: #fff;background-color: #00e000;}
#btnApple {background: transparent;font-size: 14px;text-decoration: none;text-align: center;line-height: 38px;color: #fff;background-color: #ff005f;}
#btnStore {background: transparent;font-size: 14px;text-decoration: none;text-align: center;line-height: 38px;color: #fff;background-color: #0099CC;}
.subMenus {background-color: transparent;border: 0px solid #444;}
.subMenu {color: #333333;background: #eee;}
#subStage h1 {border-width: 0 0 1px 7px;border-color: #696969;border-style: solid;background-color: #eee;background: #eee;color: #000;}
/*** SubStage Ranking ***/
.rankingMenu {width: 53px;border: 1px solid #c0c0c0;}
.rankingMenuLong {border: 1px solid #c0c0c0;}
.top_ranking {background-color: #ffffff;border: 1px solid #c0c0c0;}
.rankingMenus a {background: transparent;background-color: #d0d0d0;}
.rankingMenuSelected a {background-color: #ffffff;background: transparent;}
.rankingWrap {background: transparent;background-color: #d0d0d0;}
.rankingWrapText {background-color: #d0d0d0;}
.rankingRankArt {color: #000;}
.rankingAside div {color: #000;}
.rankingAside .new {background-color: #fff;color: #00f;}
.rankingCart{background:url(../img/substage.png) no-repeat -144px -83px}
.rankingCart:hover{background:url(../img/substage.png) no-repeat -108px -83px}
.rankingBtnPlay{background:url(../img/btn_listen.png) no-repeat 0 -20px;}
.rankingBtnPlay:hover{background:url(../img/btn_listen.png) no-repeat 0 0;}
.rankingBtn10{background:url(../img/substage.png) no-repeat -365px -83px}
.rankingBtn10:hover{background:url(../img/substage.png) no-repeat -180px -83px}
.ranking_genreNavi {background: #eee;border: 1px solid #c0c0c0;color: #000;}
.ranking_termNavi {background: #eee;border: 1px solid #c0c0c0;color: #000;}
.ranking_genreTitle {border-right: 1px solid #c0c0c0;}
.ranking_termTitle {border-right: 1px solid #c0c0c0;}
.ranking_genreBtn{border: 1px solid #c0c0c0;background:url(../img/ranking/btn_bg_on.png) no-repeat;color:#000;}
.ranking_genreBtn:hover,.ranking_genreBtnOn{background:url(../img/ranking/btn_bg.png) no-repeat;color:#fff;}
.ranking_termBtn{border: 1px solid #c0c0c0;background:url(../img/ranking/btn_bg_on.png) no-repeat;color:#000}
.ranking_termBtn:hover,.ranking_termBtnOn{background:url(../img/ranking/btn_bg.png) no-repeat;color:#fff;}
.ranking_item {border: 1px solid #c0c0c0;background-color: #d0d0d0;}
.ranking_rank {border: 1px solid #c0c0c0;background: #eee;color: #000;}
.ranking_data {width: 316px;background: #eee;}
.ranking_title {border: 1px solid #c0c0c0;width: 298px;background: #eee;}
/*** SubStage Twitter ***/
#top_twitter ul li {color: #000;border-bottom: 1px solid #c0c0c0;}
#top_twitter ul li .user .name {color: #000;}
#top_twitter ul li p {color: #000;}
#top_twitter ul li p a {color: #00f;}
/*#top_twitter ul li .control .reply {background: url(../img/substage_1024.png) no-repeat -596px -106px;}
#top_twitter ul li .control .retweet {background: url(../img/substage_1024.png) no-repeat -610px -106px;}
#top_twitter ul li .control .favorite {background: url(../img/substage_1024.png) no-repeat -628px -106px;}*/
/*************************************************************************************
 footer
*************************************************************************************/
/*** PanNavi ***/
.pannaviStart{background-color:#fff}
.pannaviItem{background-color:#fff}
.pannaviEnd{background:url(../img/footer_white.png) 0 -19px}
.pannaviJoint{background:url(../img/footer_white.png) 0 0}
ul.pannavi li{color:#000}
/*** footer Area ***/
.copyright{background-color:#c0c0c0/*#252525*/}
/*************************************************************************************
 *  MainStageWide
 *  *************************************************************************************/
#mainStageWide section.wide_adBox {border: 1px solid #c0c0c0;}
.h2WideText {border-width: 0 0 1px 7px;border-color: #696969;border-style: solid;background-color: #eee;background: #eee;color: #000;}
.h2WideText div {background-color: #eee}
#mainStageWide h1.ranking_h1 {border-width: 0 0 1px 7px;border-color: #696969;border-style: solid;background-color: #eee;background: #eee}
/*************************************************************************************
 *  New Release
 *  *************************************************************************************/
.new_naviBtn a {color: #fff;}
.new_naviBtnL a {color: #fff;}
.new_naviBtnOn a {color: #000;}
.new_naviBtnLOn a {color: #000;}
.new_list {border: 1px solid #c0c0c0;}
.new_listData {background: #eee;border: 1px solid #c0c0c0;}
.new_btn_type {color: #fff;}
.new_btn_price {color: #fff;}
/*************************************************************************************
 top genre rssArea2
**************************************************************************************/
#mainStage #rssArea2 .rssArea2disp {color: #000;}
#mainStage section {color: #000;}

/* Override pc_droppy.css */
#naviMenu ul a {color: #fff;}
/*[???C?????j???[]****************************************************************************/

/* New */
a {color: #333333;}



/*pc_package.css*/
.package_mainStage section h2 {border-width: 0 0 1px 7px;border-color: #696969;border-style: solid;background-color: #eee;background: #eee;color: #000;}
.package_artist a {color: #00f;}
.package_banner_text a {background: #01182e;border: 1px solid #c0c0c0;width: 389px;color: #ffffff;} /* 2015.6.25 */
table.package_table {background-color: #ffffff;color: #000;}
.package_table th {background-color: #ffffff;}
.package_tableArea {border: 1px solid #aaa;}
tr.package_tr2 {background-color: #ffffff; }
.package_btnPlay{background:url("../img/package/pc_btn_play.png") no-repeat 0 -27px}
.package_btnPlay:hover{background-position:0 0}
.package_noteInner {color: #000; background-color: #ffffff;}
.package_suggestItem {background-color: #ffffff;}
.package_suggestArtist {color: #000;}
.package_suggestTitle {color: #000;}
.package_adBox section {width: 767px;}
.package_subH2 {border-width: 0 0 1px 7px;border-color: #696969;border-style: solid;background-color: #eee;background: #eee;color: #000;}
.package_description {border: 1px solid #c0c0c0;background-color: transparent;}
.package_descInner {border: 0px solid #c0c0c0;color: #000;}
.package_keyColor {color: tomato;}
.package_relative {border: 1px solid #c0c0c0;}
.package_relativeWrap {background: #ffffff url(../img/package/icon_arrow.png) no-repeat 14px 13px;}

/*pc_artist.css*/
#subStage section h1.artist_subStageH1 {background: #eee;}
.artist_rankimg{border: 1px solid #c0c0c0;background-color: #ffffff;}
.artist_rankingWrap {background: #d0d0d0;}
.artist_rankingBtnPlay {background: url(../artist/img/btn_play.png) no-repeat 0 -20px;}
.artist_rankingBtnPlay:hover {background-position: 0 0;}
.artist_naviLeftBtn {color: #000;background: url(../artist/img/menu_btn_bg2.png) no-repeat 0 -21px;}
.artist_naviLeftBtnOn, .artist_naviLeftBtn:hover {color: #fff;background: url(../artist/img/menu_btn_bg2.png) no-repeat 0 0;}
.artist_naviRightArea div {color: #000;}
#artist_sortNavi a {color: #fff;}
/*#artist_sortNavi ul a {background: url(../artist/img/btn_sort_bg2_over.png) no-repeat;#000;}*/
/*#artist_sortNavi ul a:hover {background: url(../artist/img/btn_sort_bg2.png) no-repeat;color: #fff;}*/
.artist_listItem {background-color: transparent;border: 1px solid #c0c0c0;}
.artist_listData {background: url(../img/item_bg.png) repeat-x;border: 1px solid #c0c0c0;}
.artist_btnCategory {color: #fff;}
.artist_btnCategory.music {color: #fff;}
.artist_btnCart {color: #fff;}
.artist_table th {border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.artist_table td {border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
table.artist_table {background-color: #ffffff;border: 1px solid #aaa;}
.artist_Cell1 div {background-color: #ffffff;color: #000;border-right: 1px solid #aaa;}
.artist_Cell2 div {background-color: #ffffff;color: #000;border-right: 1px solid #aaa;border-left: 1px solid #aaa;}
.artist_Cell3 div {background-color: #ffffff;color: #000;border-left: 1px solid #aaa;}
td.artist_Cell1 .artist_btnPlay {background: url(../artist/img/pc_btn_play.png) no-repeat 0 -20px;}
td.artist_Cell1 .artist_btnPlay:hover {background-position: 0 0;}
td.artist_Cell2 .linkArea .iconAudio {background: #ffffff url(../../img/package/pc_icon_music.png) no-repeat 6px 3px;color: #00f;}
td.artist_Cell2 .linkArea .iconVideo {background: #ffffff url(../../img/package/pc_icon_video.png) no-repeat 6px 3px;color: #00f;}
td.artist_Cell3 .music {background: #ffffff url(../img/bar_music.png) no-repeat 10px 5px;}
td.artist_Cell3 .video {background: #ffffff url(../img/bar_video.png) no-repeat 10px 5px;}

/*pc_search.css*/
table.search_table {border: 1px solid #aaa;}
.search_naviBtn {border: 1px solid #aaa;}
.search_naviBtn a {background: #ffa07a;}
.search_naviBtnOn a {/* background: url(../search/img/bg_btn_title.png) no-repeat; */background: #ff6347;color: #fff;}
/* .search_artist {border: 1px solid #aaa;} */
.search_artist {border: 1px solid #fff;} /* 2015.4.9 */
.search_artist a {background: #eee;color: #00f;}
.search_album {/* border: 1px solid #aaa; */}
.search_albumData {background: #eee;}
.search_musicCell1 div{background-color:#f0f0f0;color:#000;border-right: 1px solid #aaa;}
.search_musicCell2 div{background-color:#f0f0f0;border-right: 1px solid #aaa;border-left: 1px solid #aaa;}
.search_musicCell2 a{color:#00f;}
.search_musicCell3 div{background-color:#f0f0f0;color:#000;border-right: 1px solid #aaa;border-left: 1px solid #aaa;}
.search_musicCell4 div{background-color:#f0f0f0;color:#000;border-left: 1px solid #aaa;}
.search_table th {color: #000;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.search_table td {border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.search_table .music{background:#f0f0f0 url(../img/bar_music.png) no-repeat 10px 5px;}
.search_table .video{background:#f0f0f0 url(../img/bar_video.png) no-repeat 10px 5px;}
.search_table .hires{background:#f0f0f0 url(../img/bar_hires.png) no-repeat 10px 5px;}
.search_keywordCell0 div{background-color:#f0f0f0;}
.search_keywordCell1 div{background-color:#f0f0f0;border-right: 1px solid #aaa;border-left: 1px solid #aaa;}
.search_keywordCell1 a{color:#00f;}
.search_keywordCell2 div{background-color:#f0f0f0;color:#000;border-right: 1px solid #aaa;border-left: 1px solid #aaa;}
.search_keywordCell3 div{background-color:#f0f0f0;color:#000;border-right: 1px solid #aaa;border-left: 1px solid #aaa;}
.search_rankingRank {color: #000;border-right: 0px solid #090909;background: #eee;}
.search_rankingArtist {background: #eee;}
.search_rankingWrap {border: 1px solid #aaa;}
#subStage section h2.search_subH2 {color: #000;}
aside.search_rankingAside {color: #000;}
.search_display {color: #000;}
.search_display a {color: #000;}
.search_display a.selectedColor {color: #00f;}
.search_artistDetail {border: 1px solid #aaa;}
.search_artistDetail a {background: #eee;background-color: #f0f0f0;color: #00f;}
#search_sortNavi a.search_sortBtn{background:url(../search/img/sort_bg_on.png) no-repeat;}
#search_sortNavi a.search_sortBtn:hover{background:url(../search/img/sort_bg.png) no-repeat;color:#fff;}
.search_sortBtnLank{background:url(../search/img/sort_bg_right_on.png) no-repeat;}
.search_sortBtnLank:hover{background:url(../search/img/sort_bg_right.png) no-repeat;color:#fff;}
.search_sortBtnAsce{background:url(../search/img/sort_bg_up_on.png) no-repeat;}
.search_sortBtnAsce:hover{background:url(../search/img/sort_bg_up.png) no-repeat;color:#fff;}
.search_sortBtnDesc{background:url(../search/img/sort_bg_down_on.png) no-repeat;}
.search_sortBtnDesc:hover{background:url(../search/img/sort_bg_down.png) no-repeat;color:#fff;}

/*pc_help.css*/
/*#subStage h1.help_subMenusH1 {border: 1px solid #c0c0c0;}
#subStage h1.help_subMenusH1_now {border: 1px solid #c0c0c0;}*/
.subMenu2 {border: 1px solid #c0c0c0;}
.help_subMenus {background-color: #fff;border: 1px solid #c0c0c0;}
.faq_info h2 {background-color: #ffffff;color: #000;border: 1px solid #c0c0c0;}
.faq_info h2 div {border: 1px solid #c0c0c0;}
#help_info .faq h2 div {border: 1px solid #c0c0c0;}
#help_info .faq h2 {background-color: #ffffff;color: #000;border: 1px solid #c0c0c0;}

/**************************************************************************************
20150309
***************************************************************************************/
#subStage .rankingNameNamae {font-weight:bold; background-color: #fff;background: #fff;color: #000;margin-bottom:2px;width:100%;position:relative; text-align:center;font-size:12px;line-height:28px;}

td.artist_Cell1 .artist_btnStop {background: url(/pc/img/pause2_btn.gif) no-repeat !important;}
td.artist_Cell1 .artist_videoBtnPlay {background: url(/pc/img/package/btn_try_video.png) no-repeat 0 -20px;}
td.artist_Cell1 .artist_videoBtnPlay:hover {background-position: 0 0;}
td.artist_Cell1 .artist_videoBtnStop {background: url(/pc/img/pause2_btn.gif) no-repeat !important;}

.artist_videoRankingBtnPlay {background: url(/pc/img/package/btn_try_video.png) no-repeat 0 -20px;}
.artist_videoRankingBtnPlay:hover {background-position: 0 0;}
.artist_videoRankingBtnStop {background: url(/pc/img/pause2_btn.gif) !important;}

/*20150616 デザイン変更*/
#subStage h1 {
  border: none;
  border-bottom: 3px solid #01182e;
  background-color: transparent;
  width: 100%;
  color: #01182e;
}
#subStage h1 div {
  font-size: 13px;
  line-height: 2em;
  font-weight: normal;
  padding: 5px 0 0 30px;
  background: url(../search/img/clown.png) no-repeat 5px 4px;
}
#subStage .rankingNameNamae {
  background-color: #01182e;
  color: #eee;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 30px;
  margin-bottom: -10px;
}
.rankingNameNamae.hires_ranking {background: url(../img/index_hires.png) no-repeat 0 -103px !important; }
#subStage section h1.artist_subStageH1 {background:none;}
.subMenu{font-size: 13px;}
.top_ranking {padding: 2px; border: none;}
.rankingWrapText {background-color: transparent; border-bottom: 1px solid #c0c0c0; }
div#subStage {width: 230px; }
#subStage section,#btnRegist,.top_ranking,.rankingWrapText,.rankingWrap,.subMenu,.bannerItem {width: 100% !important;}
#subStage section{margin: 15px 0;}
#subStage h1{width: 230px;}
.subMenus {width: 100% !important; }
.bannerItem img{width: 222px;height: 43px;}
.rankingRank,.rankingTrend {width: 25px; }
.rankingCover{left: 27px;}
.btn_rankingMore {margin: 5px 0 0; }
.rankingText {width: 190px; background-color: transparent; border: none; }
#top_twitter h1 a {width: 100%; }
#top_twitter ul li p {width: 205px; margin: auto; }
.h2WideText { width: 100%; border: none; background-color: #01182e; color: #eee;}
.h2WideText div {background-color: transparent;font-weight: normal; }
#mainStageWide h1.ranking_h1 {border: none; background-color: #01182e; color: #fff; font-weight: normal; line-height: 30px; }
img.subIcon{float: right;margin: 7px;max-width:22px;}
/* 2015.7.28 */
.rankingPage_Hires_mark{position: absolute; top: 111px; left: 8px;}
.ranking_dataArea{width: 316px;}
/* 2015.10.23 */ /* ranking page */
.ranking_data{width: 318px !important; height: 105px !important;}
.ranking_title{width: 304px !important; border: none; padding: 5px 5px 0 9px;font-weight: normal;}
.ranking_artist{padding: 5px 0 7px 10px; font-size: 12px; font-weight: bold;}
.ranking_date{/* color: #808080; */}
/* 2015.10.23 */ /* top page */
.top_artist{height: 11px;line-height: 11px;font-size: 11px;color: #01182e;}
.rankingTitle{font-weight: bold;color: #333333;}
.rankingName{color: #333333;font-size: 11px}
/* 2015.10.30 */ /* top page hires mark */
.top_Hires_mark {margin: -7px 0; position: absolute; right: 0; }
.top_Hires_mark img{width: 21px;height: 12px;}
.top_musicTitle{height: 21px;line-height: 21px;font-size: 12px;font-weight: normal;color: #333333;*white-space: normal;/* ie7 */}
.top_artist{height: 14px;line-height: 14px;font-size: 12px;color: #333333;font-weight: bold;}
/* ranking */
.rankingTitle{font-weight: normal;}
.rankingName{font-size: 12px;font-weight: bold;padding: 2px 0 0 50px;}
.ranking_Hires_mark img{width: 21px;margin-left: 1px;width:18px;}
/* artistPage sns */
.artist_mainStageWide{position: relative;}
.artist_sns_tw{display: block;width: 78px;height: 20px;position: absolute;top: 7px;left: 780px;color: #fff;}
.artist_sns_fb{display: block;width: 188px;height: 20px;position: absolute;top: 4px;left: 860px;color: #fff;}
/*20160127 headerレイアウト変更*/
.subMenu{background: none;}
.subMenu img {width: 20px !important; height: auto; vertical-align: middle; display: inline !important;margin:0 10px 0 13px !important; }
.utilization{width: 228px;}
.utilization a {font-size: 13px;line-height: 40px;height:40px;border:1px solid #ccc;font-weight: bold;padding-left: 0;margin-bottom: -1px;}
.utilization img {width: 90%;height: auto; margin: 10px auto; display: block; }
.subStage_Hires img {width: 25px; height: auto; display: inline-block; margin: 0 10px;vertical-align: middle; }
img.faq_buy {width: 98%; margin: 10px auto; display: block; }
.utilization a:hover,img.faq_buy:hover {background-color: #fbfbfb;}
.subStage_Hires {width: 100%; display: inline-block; }
.subMenus {background-color: #e3e3e3; font-weight: bold; }
.subMenus a:hover {background-color: #fbfbfb; }