/* 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_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_title {border: 1px solid #c0c0c0;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;}*/ #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;} /************************************************************************************* 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;}*/ #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_mark img{float: left;} img.rankingPage_Hires_mark {margin-right: 5px; } img.rankingPage_Explicit_mark {width: 13px; } /*.ranking_dataArea{width: 316px;}*/ /* 2015.10.23 */ /* ranking page */ .ranking_date{/* color: #808080; */} /* 2015.10.23 */ /* top page */ .rankingTitle{font-weight: bold;color: #333333;} .rankingName{color: #333333;font-size: 11px} /* ranking */ .rankingTitle{font-weight: normal;} .rankingName{font-size: 12px;font-weight: bold;padding: 2px 0 0 50px;} .rankingNameExplicit {width: 95px;} .ranking_Explicit_mark{width: 12px;position: absolute;top: 33px;right: 45px;} .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: 740px;color: #fff;} .artist_sns_fb{display: block;width: 188px;height: 20px;position: absolute;top: 4px;left: 820px;color: #fff;} /** お気に入り */ .artist_bookmark {border-radius: 20px; display: block;cursor: pointer;margin: 0 auto 15px;text-align: center;} .artist_bookmark span {font-size: 14px;display: inline-block; line-height: 33px;} .artist_bookmark img {height: 18px; padding-left: 10px;} .bookmark_off {border: 1px solid #7d7d7d;} .bookmark_off span { color: #7d7d7d; } .bookmark_on {border: 1px solid #dd544a;} .bookmark_on span { color: #dd544a; } .bookmark_on:hover, .bookmark_off:hover{opacity: 0.5;} .bookmark_connecting {opacity: 0.5; cursor: auto;} .bookmark_iconOnly {border: none !important;cursor: pointer;text-align: center;} /*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; } /** お気に入りダイアログ */ #bookmarkOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; font-size: 14px;background-color: #00000036;} #bookmarkOverlay .confirmContainer { position: fixed; width: 400px; height: 300px} #bookmarkOverlay .confirmContainer .confirmHeader { height: 30px; color: #FFF; line-height: 30px} #bookmarkOverlay .confirmContainer .confirmContents { min-height: 220px; background-color: #FFF; color: #000} #bookmarkOverlay .confirmContainer .confirmYes, #bookmarkOverlay .confirmContainer .confirmNo {display: inline-block;width: 34%;height: 30px;line-height: 30px;text-align: center;margin: 5%;padding: 5px 10px;border-radius: 6px 6px 6px 6px;color: #fff;} #bookmarkOverlay .confirmContainer .confirmYes{background-color: #067d78; border: 1px solid #067d78;} #bookmarkOverlay .confirmContainer .confirmNo{background-color: #979797; border: 1px solid #979797;} #bookmarkOverlay .confirmContainer .confirmYes:hover, #bookmarkOverlay .confirmContainer .confirmNo:hover{opacity: 0.7;} #bookmarkOverlay .confirmContainer .line3 { clear: both} #bookmarkOverlay .confirmHeader { background-color: #eee; border-top: 1px solid #696969; border-right: 1px solid #696969; border-left: 1px solid #696969; border-radius: 6px 6px 0 0} #bookmarkOverlay p.headerText { font-size: 14px; font-weight: 700; text-align: center; color: #000; line-height: 30px} #bookmarkOverlay .confirmContents { border-radius: 0 0 6px 6px; border: 1px solid #696969} #bookmarkOverlay p.line1 { margin: 20px 10px} #bookmarkOverlay p.line2 { margin: 20px 10px} #bookmarkOverlay p.line3 { margin: 20px 10px} #bookmarkOverlay a.confirmYes, #bookmarkOverlay a.confirmNo { color: #fff}