@charset "Shift_JIS";
/* CSS Document */

html, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,figure ,section{
background: transparent; border: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; outline: 0; vertical-align: baseline; list-style:none; text-decoration:none;
}

body{
  border:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  outline:0;
  vertical-align: baseline;
  font-size:100%;
  font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,monospace,sans-serif;
  line-height:1;
  width:100%;
  margin:0;
  background-color:#e4e4e4;
  color:#111;
  padding-bottom:50px;
  position:relative;
  font-size:14px;
  min-width:1152px;
  min-height:100vh;
}
@font-face {
  font-family: 'Park-Icon';
  src:url('/gaia_htdocs/css/acting/fonts/Park-Icon.eot?abvxnvwy7');
  src:url('/gaia_htdocs/css/acting/fonts/Park-Icon.eot?abvxnvwy7') format('embedded-opentype'),
    url('/gaia_htdocs/css/acting/fonts/Park-Icon.woff?abvxnvwy7') format('woff'),
    url('/gaia_htdocs/css/acting/fonts/Park-Icon.ttf?abvxnvwy7') format('truetype'),
    url('/gaia_htdocs/css/acting/fonts/Park-Icon.svg?abvxnvwy7#Park-Icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.clearfix{
  zoom:0;
}
.clearfix:after{
  clear:both;
  content: " ";
  display:block;
}
a:link {
  color: #142F86;
  text-decoration: none;
}
a:hover{
  color: #0d89c5;
  text-decoration: underline;
}
a:hover *{
  text-decoration: underline;
}
/* -- header -- */
h1,h2,h3,h4,h5{
  font-size:1em;
}
.global-head {
    position: relative;
    z-index: 500;
}
#header{
  background-color:#0f218b;
  height:45px;
  position:relative;
  width:100%;
  z-index:5;
}

#logo{
  display:block;
  float:left;
  height:24px;  
  line-height:15px;
  margin-left:10px;
  width:160px;
}
#header h2{
  color:#ffffff;
  display:block;
  float:left;  
  font-size:0.85em;
  font-weight:normal;
  line-height:15px;
  margin-left:3px;
  width:auto;
}
#header h2{
  margin-top:8px;
  margin-left:10px;
}
#header-Box h1 {
  display: table;
  float: left;
  height: 45px;
}
#header-Box h1 a{
  display:table-cell;
  height:45px;
  vertical-align: middle;
}
#header-Box {
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  line-height: 15px;
  padding: 0;
  position:relative;
}
#Keywords{
  float:left;
}

#hmenu {
  position: relative;
  float:right;
}
#hmenu ul{
  float:left;
}
#hmenu #totwitter{  background-position: -90px 0;}
#hmenu #tofacebook{  background-position: -135px 0;}
#signmenu li,#snsbt li{
  float:left;
}
#hmenu li a,#conditionalBt {
  background: url(/gaia_htdocs/image/park/stbparts/headerMenuIcon.png) no-repeat;
  display: block;
  height: 45px;
  width: 45px;
  text-indent:100%;
  overflow:hidden;
  white-space: nowrap;
}
#hmenu #snsbt li a{
  display:none;
}
#hmenu li a:hover{
  background-color:rgba(255, 255, 255, .2);
}
#hmenu a img{
  display: none;
  
}
/*ConditionalHead*/
#conditionalhead {
  padding-top:1px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 44px;
  z-index: 7000;
}
#conditionalBt {
  background-position: -45px 0;
  color: #fff;
  cursor:pointer;
  position: absolute;
  right: 46px;
  top: 0;
  display:none;
  z-index: 9000;
}
.conditionalWrap{
  background:#fff;
  border:solid 1px #142F86;
  border-top: none;
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.3);
  box-shadow:1px 1px 5px rgba(0,0,0,.3);
  display:none;  
  margin-top:-2px;
  overflow:hidden;
  width:120px;
}
.conditionalWrap .noFlick_li {
  border-bottom: 1px solid #142F86;
}
.conditionalWrap .noFlick_li:nth-last-child(1) {
  border-bottom: none;
}
.conditionalWrap a:link,
.conditionalWrap a{
  color:#142F86;
  display:block;
  height:38px;
  line-height:38px;
  padding: 0 5px;
}
.conditionalWrap a:hover{
  background:rgba(230,245,255,1);
  text-decoration:none;
}
.conditionalWrap img{
  display: none;
}
#UserName:before {
  background:url(/gaia_htdocs/image/park/stbparts/hukidashi.png) no-repeat;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  right: 80px;
  top: -11px;
  width: 16px;
  z-index: 10;
}
#UserName {
  color:#f00;
  background-color: #fff;
  border: 1px solid #222;
  border-radius: 20px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  display:none;
  font-size:.9em; 
  margin-top: 10px;
  padding: 10px;
  position: relative;
}

/*SerchSelect*/
#Search{
  position:absolute;
  top:8px;
  right:100px;
  width:271px;
  z-index:60;
}
#Keywords {
  color:#142F86;
  background-color:#fff;
  border: none;
  border-top: 3px solid #ADB7D5;
  border-bottom: 3px solid #ADB7D5;
  box-sizing:content-box;  
  height:20px;  
  width:129px;
}
#SearchSelectList{
  float:left;
}
#SelectList{
  height:0;
  margin-top:-1px;
  overflow:hidden;
}
#SearchSelect{
  display:none;
}
#SearchSelectWord {
  background-color: #fff;
  border-top: 3px solid #ADB7D5;
  border-bottom: 3px solid #ADB7D5;
  border-left: 3px solid #ADB7D5;
  box-sizing:content-box;
  color:#142F86;
  cursor:pointer;
  float: left;
  font-size:.8em;
  height:22px;
  padding:0px 3px;
  line-height:22px;
  width:80px;
}
#SearchSelectBt{
  background-color: #fff;
  border-top: 3px solid #ADB7D5;
  border-bottom: 3px solid #ADB7D5;
  box-sizing:content-box;
  color:#142F86;
  cursor:pointer;
  float: left;
  font-size:.7em;
  height:22px;
  line-height:22px;
  text-align:center;  
  width:20px;
}
#SearchSelectList > ul {
  clear: both;
  width: 100px;
}
#SelectList > li{
  background-color: #fff;
  border:solid 1px #142F86;
  border-top:none;
  padding:0;
}
#SelectList a{
  color:#142F86;
  display:block;
  height:25px;
  line-height:25px;
  text-indent:5px;
}
#SelectList a:hover{
  background:rgba(230,245,255,1);
  text-decoration:none;
}
#SearchBtn {
  background-color:rgba(255,255,255,.3);
  background-image: none;
  border-top: 3px solid #ADB7D5;
  border-bottom: 3px solid #ADB7D5;
  border-left: none;
  border-right: 3px solid #ADB7D5;
  box-sizing:content-box;
  color:#fff;
  cursor:pointer;
  font-size:0.85em;
  height: 22px;
  overflow: hidden;
  padding:0 3px;
  text-indent:0;
  white-space: nowrap;
  width: 22px;
} 
#SearchSelectWord.hover,
#SearchSelectBt.hover,
#Keywords.hover{
  background-color:rgba(230,245,255,1);
}
#SearchBtn.hover{
  background-color:#95bbee;
}
#FontSizeChange.hover #FontSizeSelectWord{
  background:#ddfbff;
}

#head-parkMenu a{
  overflow: hidden;
  position:relative;
}
#head-parkMenu a:hover{
  overflow: visible;
  visibility: visible;
}
#head-parkMenu a:hover::after{
  -webkit-animation:anime 1s ease-out 0s 1 normal;
  animation:anime 1s ease-out 0s 1 normal;
}
@keyframes anime {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}
@-webkit-keyframes anime {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}
#head-parkMenu a::after{
  background: #333;
  border-radius: 5px;
  color: #FFFFFF;
  content: "";
  cursor: none;
  display: block;
  font-size: 11px;
  left: 0;
  line-height: 12px;
  padding: 5px;
  position: absolute;
  text-align: left;
  top: 73px;
  visibility: inherit;
  width: 110px;
  z-index: 500010;
}
#head-parkMenu ul li a[href*="jsp/top.jsp"]:after{   content: "最新音楽ニュースや話題のニュースが盛りだくさん！！！";}
#head-parkMenu ul li a[href*="mypage"]:after{   content: "登録情報の更新やパスワードの再発行ができるよ☆";}
#head-parkMenu ul li a[href*="melody"]:after{   content: "最新ドラマ主題歌からメール用着信音などなど超・充実！！";}
#head-parkMenu ul li a[href*="song"]:after{   content: "最新シングルからアルバム収録曲まで充実！話題の新曲をチェック！！";}
#head-parkMenu ul li a[href*="full"]:after{   content: "着うたフル/シングル、うた文字、音楽ダウンロード☆";}
#head-parkMenu ul li a[href*="kashi"]:after{   content: "最新曲からなつメロまで歌詞取り放題！！洋楽も充実☆";}
#head-parkMenu ul li a[href*="call"]:after{   content: "ガラケー、スマホ、iPhone対応のメロディーコールはこちら！！";}
#head-parkMenu ul li a[href*="tv"]:after{   content: "出先で映画を楽しもう！！充実の動画はコチラ☆スポーツ、アニメ、グラビアなどなど☆";}
#head-parkMenu ul li a[href*="kisekae"]:after{   content: "AndroidのHOMEをきせかえて気分もリフレッシュ！";}
#head-parkMenu ul li a[href*="app/index"]:after{   content: "5万点以上の着メロライブラリを無制限とり放題!!";}
#head-parkMenu ul li a[href*="hireso/index"]:after{   content: "クラシック、アニメ、サントラ…名盤を高音質で楽しもう!";}

.sec h2.subhead{
  background-color:#fff;
  padding:10px 0;
}
.sec .informationText > h2.subhead{
  border-bottom:#555 1px solid;
  margin:10px;
  padding:0;
}
.sec .titlehead {
  background-color: #fff;
  font-size: 1.2em;
  padding: 10px 0;
}
.next:before{
  content:"≫";
  color: #aaa;
  padding-right:5px;
  font-size:1.3em;
}
.next{
  text-align:right;
  margin-top:5px;
  font-size:.85em;
}
.searchNav ul {
  margin: 0 auto;
  min-height: 25px;
  padding:8px 0;
  width: 100%;
}
.searchNav ul li.navi {
  float: left;
  margin-right: 10px;
  padding:5px;
  width:auto;
}
#alert {
  background-color:#fff;
  font-size: 0.85em;
  margin:0 10px 10px;
  padding: 10px;
}
.searchNav li a {
  border: 1px solid #cccccc;
  border-radius: 3px;
  /*color: #333333;*/
  padding: 0 5px;
}


/*.gp_musicnews #musicNews*/ 

.searchNav ul:after {
  clear:both;
  content:" ";
  display:block;  
}
.serch_form_wrap{
  padding: 10px 10px 10px;
  width:100%;
}
.serch_form_wrap .form_box{
  float:left;
  width:20%;
}
.serch_form_wrap .range{
  float:left;
  width:15%;
}
.serch_form_wrap:after{
  clear:both;
  content:"";
  display:block;  
}
#search_select {
  font-size: 9pt;
  margin: 10px auto;
  width: 90%;
}
.form {
  background-color: #fff;
  border:solid 3px #adb7d5;
  box-sizing: content-box;
  color: #142f86;
  float: left;
  height: 20px;
}


/*FontSizeChange*/
#FontSizeChange {
  height: 45px;
  position:absolute;
  right:380px;
  top:0;  
  width: 55px;
}
#FontSizeSelectWord {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  color: #142f86;
  cursor:pointer;
  font-size: 15px;
  font-weight: bold;
  height: 23px;
  line-height: 23px;
  margin: 0 auto 7px;
  text-align: center;
  width: 23px;
}
#FontSizeSelectList {
  background: rgba(220, 240, 255, 0.95);
  border-bottom: 1px solid #142f86;
  border-left: 1px solid #142f86;
  border-radius: 0 0 3px 3px;
  border-right: 1px solid #142f86;
  -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);
  display: block;
  height:0;
  margin-top:-1px;
  overflow: hidden;  
}
#FontSizeSelectList > li {
  border-bottom: 1px solid #142f86;
  display: block;
}
#FontSizeSelectList > li:nth-last-child(1) {
  border-bottom: none;
}
#FontSizeSelectList > li > a {
  display: block;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
#FontSizeSelectList > li > a:hover {
  background: rgba(255, 255, 255, 0.8);
  color:#142f86;
  text-decoration:none;  
}
.BtCaption {
  color: #fff;
  display: block;
  font-size: 9px;
  line-height: 9px;
  -webkit-transform: scale(0.9);
  margin: 3px 0;
  text-align:center;
}

/*ナビゲーション*/
#head-parkMenu{
  background-color:#fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
}

#head-parkMenu > ul {
  display: block;
  margin: 0 auto;
  max-width: 1152px;
  overflow: visible;
  padding: 0px;
  position: relative;
  width: 100%;
}

#head-parkMenu > ul > li {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1.2em;
  height:70px;
  list-style-type: none;
  margin-bottom: 1px;
  overflow: visible;
  padding-right: 1px;
  position: relative;
  text-align: center;
  width: 9%;
}

#head-parkMenu > ul > li > a {
  border-left: 1px solid #e2e9ff;
  color:#142F86;
  display: block;
  font-size: 0.7em;
  height: 60px;
  margin-top: 5px;
  width: 100%;
}

#head-parkMenu > ul > li > a:before {
  background-image: url(/gaia_htdocs/image/park/stbparts/ico_nav_6-02.png);
  background-repeat: no-repeat;
  background-position: 0px -14px;
  content:" ";
  display:block;  
  height:45px;
  margin: 0 auto 5px;
  width:70px;
}

#head-parkMenu a:hover { text-decoration: none;}

#head-parkMenu a[href*="top"]:before { background-position: 0px -14px;}
#head-parkMenu a[href*="mypage"]:before { background-position: -70px -14px;}
#head-parkMenu a[href*="melody"]:before { background-position: -140px -14px;}
#head-parkMenu a[href*="song"]:before { background-position: -210px -14px;}
#head-parkMenu a[href*="full"]:before { background-position: -280px -14px;}
#head-parkMenu a[href*="kashi"]:before { background-position: -350px -14px;}
#head-parkMenu a[href*="call"]:before { background-position: -420px -14px;}
#head-parkMenu a[href*="tv"]:before { background-position: -490px -14px;}
#head-parkMenu a[href*="kisekae"]:before { background-position: -560px -14px;}
#head-parkMenu a[href*="app"]:before { background-position: -630px -14px;}
#head-parkMenu a[href*="hireso"]:before { background-position: -700px -14px;}

#head-parkMenu a[href*="top"]:hover:before { background-position: 0px -84px;}
#head-parkMenu a[href*="mypage"]:hover:before { background-position: -70px -84px;}
#head-parkMenu a[href*="melody"]:hover:before { background-position: -140px -84px;}
#head-parkMenu a[href*="song"]:hover:before { background-position: -210px -84px;}
#head-parkMenu a[href*="full"]:hover:before { background-position: -280px -84px;}
#head-parkMenu a[href*="kashi"]:hover:before { background-position: -350px -84px;}
#head-parkMenu a[href*="call"]:hover:before { background-position: -420px -84px;}
#head-parkMenu a[href*="tv"]:hover:before { background-position: -490px -84px;}
#head-parkMenu a[href*="kisekae"]:hover:before { background-position: -560px -84px;}
#head-parkMenu a[href*="app"]:hover:before { background-position: -630px -84px;}
#head-parkMenu a[href*="hireso"]:hover:before { background-position: -700px -84px;}
#head-parkMenu li:nth-last-child(1){
  border-right: 1px solid #e2e9ff;
}

/* -- Layout -- */
#WrapContainer,#wrapper{
  background-color: #ffffff;
  border-radius: 10px;
  clear: both;
  margin: 15px auto;
  padding-bottom:15px;
  width: 1152px;
}
#WrapContainer:after,#wrapper:after{
  clear:both;
  content: "";
  display: block;
}
#main{
  background-color:#e4e4e4;
  float:left;
  margin-left:16px;
  width:800px;
}
#subContents{  
  float:left;
  width:330px;
}
.sec > :not(.parkTitle){
  margin:10px;
}

/*--  見出し  --*/
.parkTitle{
  background-color:#ffffff;
  background-image:url(/gaia_htdocs/image/park/stbparts/secIcon4.png);
  background-repeat:no-repeat;
  background-position: 0 -250px;
  font-size: 1.2em;
  font-weight: bold;
  line-height:55px;
  padding:0 0 0 40px;
}
#Art-Album .parkTitle{
  background-image:none;
  font-size: 1.4em;
  font-weight: bold;
  line-height:1.5em;
  padding:20px 0;
}
#Art-Album .parkTitle:before{
  background-image:url(/gaia_htdocs/image/park/stbparts/secIcon4.png);
  background-repeat:no-repeat;
  background-position: 0 -260px;
  content:"";
  display:block;
  float:left;
  height:40px;
  width:35px;
}

#NewRelease .parkTitle,
#pv-NewRelease .parkTitle,
#Ranking .parkTitle,
#pv-Ranking .parkTitle{
  margin:0;
}
.parkTitle.note  { background-position: 0 0;}
.parkTitle.rank,.parkTitle.crown  { background-position: 0 -50px;}
.parkTitle.onpu-w,.parkTitle.disc  { background-position: 0 -100px;}
.parkTitle.onpu  { background-position: 0 -150px;}
.parkTitle.tv { background-position: 0 -200px;}
.parkTitle.star { background-position: 0 -250px;}
.parkTitle.flash { background-position: 0 -300px;}
.parkTitle.scope { background-position: 0 -350px;}
.parkTitle.mobile  { background-position: 0 -400px;}
.parkTitle.card { background-position: 0 -450px;}
.parkTitle.yen { background-position: 0 -500px;}
.parkTitle.gojuuon { background-position: 0 -550px;}
.parkTitle.mobile-wave  { background-position: 0 -400px;}
.parkTitle .days {
  color: #999;
  font-size: 0.7em;
  margin-left: 10px;
}
.content-container{
  margin:0 10px;
  padding:10px;
}  
/*Parts*/
.contentSection {
  /*padding:8px 13px;
  width:100%*/
}
.contentSection a,
.news-left a,
.contentsTitle a,
.m-c_title a{
  color:#222;
}
.contentSection a:hover,
.news-left a:hover,
.contentsTitle a:hover,
.m-c_title a:hover{
  background:rgba(255,255,255,.1);
  color:#0d89c5;
}
.icon li img{
  display:block;
  width:auto;
}
.onload {
  display: none;
}
/*
.contentSection a,
.hkw-li,
.m-c_lk,
.prg_week_day h2,
.prg_other h2,
.news-left .NewsText {
  color:#111;
}
*/

.contentSection h2 {
  color: #444;
  font-weight:normal;
  font-size: 0.8em;
}
.SearchHit {
  background-color: #4e4e4e;
  color: #fff;
  padding: 5px;
}
/*tab-menu*/
.tab_container > .tab_content{ display:none;}
.tab_container > .tab_content:nth-child(1){ display: block;}
.tabs >li > a{ position:relative;}
.tabs >li > a:hover{ position:relative;}

.tabs >li.active > a::after {
  border-bottom: 5px solid #fff;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin: 0 0 0 -5px;
  position: absolute;
  width: 0;
}
.tieup,.comment{
  color:#aaa;
  font-size:0.8em;
  overflow:hidden;
  text-overflow:ellipsis;
}

/*ユーザーメニュー*/
#userNavi{
  clear: both;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
#userNavi ul{
  margin:20px auto 10px;
  padding:10px;
  table-layout:fixed;
  text-align: center;
  width:1152px;
}
#userNavi ul li {
  border-left: 1px solid #cfcfcf;
  display: inline;
  list-style-type: none;
}
#userNavi ul li a {
  padding: 0 20px;
  margin: 0;
}
[class*=icon_s_] a::before{
  background-image: url(/gaia_htdocs/image/common/ico/ico-foot_b.png);
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 3px;
  opacity: 0.2;
  width: 12px;
}
.icon_s_pen a:before  { background-position: -12px 0;}
.icon_s_note a:before  { background-position: -24px 0;}
.icon_s_mail a:before  { background-position: -36px 0;}
.icon_s_men a:before  { background-position: -48px 0;}
.icon_s_mobile a:before  { background-position: -60px 0;}
.icon_s_icolist a:before  { background-position: -72px 0;}
.icon_s_book a:before  { background-position: -84px 0;}
.icon_s_scale a:before  { background-position: -96px 0;}
.icon_s_copy a:before  { background-position: -108px 0;}
.icon_s_lock a:before  { background-position: -120px 0;}


#userNavi ul li:nth-last-child(1),
#parkUserMenu ul li:nth-last-child(1) {
  border-right: 1px solid #cfcfcf;
}


/*フッター*/
#footer,#footerBox{
  bottom:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color:#000000;
  color:#ffffff;
  clear:both;
  left:0;
  padding:10px;
  position:absolute;
  text-align:center;  
  width:100%;
}
#footer .copy a{
  color:#ffffff;  
}

/*melody.html*/
#TopBanner .informationTextTopStb {
  background-color: #fff;
  clear: both;
  line-height:1.5em;
  padding: 10px 10px 0 10px;
  text-align:center;  
}
.featurebanner {
  display:none;
}
.sec .contentSection {
  margin-bottom:3px;
}
.sec .contentSection .subhead{
  font-weight:bold;
  margin-bottom:10px;
  padding:10px 10px 0 10px;
}

.sec .contentSection .contentArticle{
  background-color:#fff;
  margin:0px;
  padding:0;
  width:100%;
  display:table;
}
.sec .content{
  display:table-cell;
  line-height:1.5em;
  padding:10px;
  min-height:86px;
  width:88%;
  vertical-align:middle;
}
.sec .jacketPict{
  float:left;
  padding:1px 1px 1px 0;
  text-align:right;
  /*width:11%;*/
  width:12%;
}
.sec .jacketPict img{
  vertical-align:bottom;
  height:85px;
  width:85px;
}

.sec .jacketPict img[src*="/corner/arrange/"]{
  width:72px;
  height:72px;
}

.sec .content h2{
  font-weight: normal;
  padding:3px 0;
}
.sec h1{
  font-size:1em;
  font-weight:bold;
  line-height:1.2em;
}
.ranking_stay,
.ranking_up,
.ranking_down,
.ranking_new{
  padding:5px 0 0 0;
  font-weight:bold;
  text-indent:20px;
  background-position: 5px 3px;
  line-height:1.2em;
}
.ranking_new {
  background: url(/gaia_htdocs/image/park/stbparts/r-new.png)  0% 30% no-repeat;
}

.ranking_stay {
  background: url(/gaia_htdocs/image/park/stbparts/r-keep.png) 10% 20% no-repeat;
}
.ranking_up {
  background: url(/gaia_htdocs/image/park/stbparts/r-up.png) 10% 20% no-repeat;
}
.ranking_down {
  background: url(/gaia_htdocs/image/park/stbparts/r-down.png) 10% 20% no-repeat;
}

.sec .ranking_new,
.Ranking .ranking_new{  
  background: url(/gaia_htdocs/image/park/stbparts/r-new.png) 3px 50% no-repeat;
}
.sec .ranking_stay,  
.Ranking .ranking_stay{
  background: url(/gaia_htdocs/image/park/stbparts/r-keep.png) 3px 50% no-repeat;
}
.sec .ranking_up,
.Ranking .ranking_up{
  background: url(/gaia_htdocs/image/park/stbparts/r-up.png) 3px 50% no-repeat;
}
.sec .ranking_down,
.Ranking .ranking_down{
  background: url(/gaia_htdocs/image/park/stbparts/r-down.png) 3px 50% no-repeat;
}
.ranking_before{
  color:#999999;
  font-size:.8em;
  font-weight:normal;
  line-height:1.5em;
  text-indent:5px;
}
.ranking_new:after {
  content: "/初登場";
  color:#999;
  font-size: 0.8em;
  font-weight: normal;
  line-height:1.5em;
  text-indent:5px;
}

#Ranking .contentSection .contentArticle .jacketPict,
#pv-Ranking .contentSection .contentArticle .jacketPict{
  width:12.4%;
}
#Ranking .contentSection .contentArticle .jacketPict img,
#pv-Ranking .contentSection .contentArticle .jacketPict img{
  height:84px;
  width:84px;
}
#Ranking .contentSection .contentArticle .content,
#pv-Ranking .contentSection .contentArticle .content{
  width:87.6%;
}


#Ranking .contentSection .contentArticle .jacketPict span{
  height:85px;
  width:85px;
}

.sec .no-pht .jacketPict,
#Ranking .no-pht .contentSection .contentArticle .jacketPict,
#pv-Ranking .no-pht .contentSection .contentArticle .jacketPict{
  display:none;
}

.sec .no-pht .content,
#Ranking .no-pht .contentSection .contentArticle .content,
#pv-Ranking .no-pht .contentSection .contentArticle .content{
  width:100%;
}



.contentSection:after{
  clear:both;
  content: "";
  display:block;
}
.sec .special_list{
  background-color:#fff;
  padding:10px;
}
.topi-li{
  border:#fff solid 3px;  
  float:left;
  width:50%;
}
.topi-li img{
  vertical-align:bottom;
  width:100%;
}
.contentSection .icon{
  width:100%;
  margin-top:3px;
  padding-left:15px;
}

/*右カラム*/
.contentSection a:hover *{
  text-decoration:none;
}
.contentSection a:hover h1{
  text-decoration: underline;
}
#recArea {
  margin-top: 5px;
  padding: 10px;
}
.scSection{
  background-color:#ffffff;
  margin-bottom:10px;
  padding:10px;  
}
.scSection .parkTitle{
  background-image:none;
  border-bottom:#111 2px solid;
  font-size:.85em;
  font-weight:normal;
  height:auto;
  line-height: 1em;
  padding:0;
  margin-bottom:10px;  
}
.scSection .parkTitle:after {
  clear: both;
  content: " ";
  display: block;
}
.scSection .parkTitle span {
  background-color: #111;
  border-radius: 3px 3px 0 0;
  color: #ffffff;
  display: block;
  float: left;
  padding: 5px 10px 3px;
}
.scSection .contentSection h2{
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}


/*.scSection .con-Box{
  padding:5px;
}*/  
.hkw-li{
  display:block;
  width: 100%;
}
.hkw{
  display:block;
  float:left;
  font-weight:bold;
  margin-right:20px;  
}
.hkw-li:after {
  clear:both;
  content:" ";
  display:block;
}
.hkw-lnk:hover dt{
  text-decoration: underline;
}
.score{
  height:14px;
  margin-left:4px;
  padding: 1px 0 0;
  width:18px;
}



.tabs{
  display:table;
  table-layout:fixed;
  text-align:center;
  width:100%;
}
.tabs li{
  display:table-cell;
  vertical-align:middle;
  width:50%;  
}
#num5 .tabs li{
  display:table-cell;
  vertical-align:middle;
  width:33%;  
}
.tabBox.tab-n3 .tabs li{
  width:33.33%;
}
.tabBox.tab-n4 .tabs li{
  width:25%;
}

.tabs li a,
.tabs li a:link{
  background-color:#CFD2DB;
  color:#333;  
  display: block;
  font-size: 12px;
  padding: 7px 0;
  text-decoration: none;
}
.tabs li a,
.tabs li a:link{
  padding: 7px 0;
  border-right: 1px solid #eee;
  }
.scSection .tabs li a,
.scSection .tabs li a:link{
  padding: 8px 0;
  font-size:10px;
}
.tabs li:nth-last-child(1) a,
.tabs li:nth-last-child(1) a:link{
  border-right: none;
}

.tabs li:nth-child(1) > a{
  -webkit-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
.tabs li:nth-last-child(1) > a{
  -webkit-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
.tabs li.active a{
  background-color:#A7A8AD;
}
.tabs li a:hover{
  background-color:#c2c5d6;
}

.tab_container{
  box-shadow:0 3px 10px rgba(0, 0, 0, 0.1);
  /*padding:0 5px;*/
}

.mix-contents {
  margin: 15px;
}
.mix-contents .tab_content {
  padding:10px;
  background: #fff;
}
.mix-contents .tab_content .sec {
  background: #eee;
}
.mix-contents .Ranking .jacketPict{
  width:12%;
}
.mix-contents .Ranking .content{
  width:88%;
}
.mix-contents > .tabs > li > a {
  color: #555;
  font-size: 1.1em;
  font-weight: bold;
}
.mix-contents > .tabs > li.active > a::after{
  display:none;
}
.mix-contents > .tabs > li.active > a,
.mix-contents > .tabs > li.active > a:link{
  color:#fff;
}
.mix-contents > .tab_container > .tab_content{
  background:#aaa;
}

.mix-contents .tab_content .tabs > li > a {
  background: #555 ;
  color: #ccc;
  padding: 7px 0;
}
.mix-contents .tab_content .tabs > li > a:hover {
  background:#333;
}
.mix-contents .tab_content .tabs > .active > a {
  background: #000 none repeat scroll 0 0;
  color: #fff;
}

.scSection .subhead{
  border-bottom: 1px solid #555;
  font-size: 1em;
  color:#555;
  font-weight:bold;
  margin:0 10px 10px 10px;
  padding-top:5px;
}
.scSection .con-Box{
  padding-bottom:5px;
}
.scSection .con-Box .next{
  margin:0 5px;
}
.scSection .contentSection{  
  line-height:1.2em;
  /*padding:5px 0;*/
  width:100%;
}
.scSection .contentSection a{
  display:block;
  padding:5px 0;
}
.scSection .contentArticle .content{
  float:left;
  /*padding:10px 10px 0 10px;*/
  padding:0 10px;
  width:75%;
}
.scSection .jacketPict{
  float:left;
  /*padding:10px 10px 0 0;*/
  padding:0 10px;
  width:25%;
}
.scSection .jacketPict img{
  vertical-align:bottom;
  width:100%;
}
#NewRelease_sub .jacketPict span{
  height:58px;
  width:58px;
}
#M-Ranking_sub .jacketPict span{
  height:41px;
  width:41px;
}
.scSection .icon:after{
  clear:both;
  content:" ";
  display:block;
}
.scSection .icon li{
  float:left;
}
#subContents .contentSection .contentArticle{
  margin:0;
  padding:0;
}
#subContents .searchResultList {
  line-height: 1.2em;
  padding: 0 10px;
}
.contentSection .contentArticle:after{
  clear:both;
  content:" ";
  display:block;
}

.scSection .contentSection .ranking{
  margin-left:2.5em;
  padding-left:10px;
  text-indent:-2.5em;
}
.contentSection .rank {
    display: inline-block;
    font-size: 0.85em;
    text-indent: 0;
    width: 35px;
}
.scSection .tab_container > .tab_content { padding-top:5px;}


/*ランキング*/

.SC-Ranking{
  width:100%;
}
/*.SC-Ranking*/ 
.SC-Ranking .ranking_up,
.SC-Ranking .ranking_down,
.SC-Ranking .ranking_stay,
.SC-Ranking .ranking_new,
#RtRankList-3 .rank {
  background-position:5px 3px;
  border: none;
  float:left;
  font-size:.85em;
  height:62px;
  width: 20%;
}
.SC-Ranking .ranking_new {
    background-position: 2px 4px;
}
.SC-Ranking .contentSection{
  float:left;
  min-height:62px;
  padding: 0 0 0 5px;
  vertical-align: bottom;
  width: 80%;
}
.SC-Ranking .contentSection:after{
  clear: both;
  content: " ";
  display: block;
}
.SC-Ranking:after{
  clear:both;
  content:" ";
  display:block;
}
.SC-Ranking .ranking_before,
.SC-Ranking .ranking_new:after{
  display:block;
}
#RtRankList-0,#RtRankList-1,#RtRankList-2,#RtRankList-3{
  height:380px\9;
  min-height:380px;
}

#RtRankList-0 img,#RtRankList-1 img,#RtRankList-2 img,#RtRankList-3 img,#RtRankList-0 .ThumbImg span ,#RtRankList-1 .ThumbImg span,#RtRankList-2 .ThumbImg span,#RtRankList-3 .ThumbImg span{
    height: 35px;
    width: 35px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin:1px;
}

#RtRankList-0 .ContentList-li,#RtRankList-1 .ContentList-li,#RtRankList-2 .ContentList-li,#RtRankList-3 .ContentList-li{
  display:table;
  width:100%;
}
#RtRankList-0 .rank,#RtRankList-1 .rank,#RtRankList-2 .rank,#RtRankList-3 .rank{
  background:none;
  display:table-cell;
  vertical-align:middle;
  float:none;
  height: 37px;
}
#RtRankList-0 a,#RtRankList-1 a,#RtRankList-2 a,#RtRankList-3 a{
  display:table-cell;
  vertical-align:middle;
  float:none;
  width:80%;
  color:#111;
}
#RtRankList-0 .ranking_before,#RtRankList-1 .ranking_before,#RtRankList-2 .ranking_before,#RtRankList-3 .ranking_before{
  display:none;
}

#RtRankList-1 .ContentInfo,#RtRankList-2 .ContentInfo{
  height: auto;
  padding:0;
}
#RtRankList-0 .ContentInfo,#RtRankList-3 .ContentInfo{
  height:37px;
}
#RtRankList-0 .ContentInfo::after,#RtRankList-1 .ContentInfo::after,#RtRankList-2 .ContentInfo::after,#RtRankList-3 .ContentInfo::after{
  font-size:12px;
}
#RtRankList-0 .ThumbImg,#RtRankList-1 .ThumbImg,#RtRankList-2 .ThumbImg,#RtRankList-3 .ThumbImg{
  width:65px;
}

#RtRankList-0 .ContentInfo dt,#RtRankList-1 .ContentInfo dt,#RtRankList-2 .ContentInfo dt,#RtRankList-3 .ContentInfo dt{
  font-weight:normal;
  font-size:.9em;
}
#RtRankList-0 .ContentList-li:nth-last-child(1),#RtRankList-1 .ContentList-li:nth-last-child(1),#RtRankList-2 .ContentList-li:nth-last-child(1),#RtRankList-3 .ContentList-li:nth-last-child(1){
  border-bottom: dotted 1px;
}
/*song-flexslider*/

#MainView_Area li {
  background-color: #fff;
  float: left;
  margin: 5px;
  padding: 5px;
}
.recArea {
    padding: 0 10px;
}
.recArea a:hover{
  opacity:.7;
}
.recArea img{
  width:100%;
}

/*ContentFlow*/

.ContentFlow{  
  background-color:#333;
  padding:20px 0;
}
.ContentFlow .globalCaption a{
  position:relative;
}
.ContentFlow .globalCaption a:before {
  content: " ";
  display: block;
  height: 300px;
  left: 50%;
  margin-left: -100px;
  position: absolute;
  top: -300px;
  width: 200px;
}
.access_list{
  background-color:#fff;
  border-collapse: collapse;
  margin: 0 auto;
  /*padding:10px;*/
  width: 100%;
}
.item img{
  width: auto !important;
}


/*タグランキング追加*/
.tab4.SC-Ranking ul li{
  line-height: 1.2;
  padding: 5px 0;
  width: 100%;
}
.tab4.SC-Ranking ul li:after{
  clear: both;
  content: " ";
  display: block;
}
.tab4.SC-Ranking ul li a{
  display: block;
  color: #222;
}
.tab4.SC-Ranking ul li a:hover{
  color: #0d89c5;
}
.SC-Ranking ul li .rank{
  float: left;
  max-height:30px;
  text-decoration: none;
  width: 25%;
}
.SC-Ranking ul li .rank:hover{
  text-decoration: none;
}
.SC-Ranking ul li .rank .ranking_up,
.SC-Ranking ul li .rank .ranking_down,
.SC-Ranking ul li .rank .ranking_stay,
.SC-Ranking ul li .rank .ranking_new{
  float: none;
  padding-left: 20px;
  text-decoration: none;
  width:100%;
}
.SC-Ranking ul li .rank .ranking_before,
.SC-Ranking ul li .ranking_new:after{
  text-decoration: none;
}
.SC-Ranking ul li .rank .ranking_before{
  font-size: 0.65em;
}
.SC-Ranking ul li .ContentInfo{
    float: left;
    width: 75%;
}


/*お支払い方法*/

.paymentList{
  background-color:#fff;
  text-align:center;
}
.paymentList li{
  display:inline-block;
  margin:0 20px;
  vertical-align:middle;
}

/*アクセス方法*/

.access_list{
  background-color:#fff;
  border-collapse: collapse;
  -webkit-border-radius:10px;
  /*border-radius:10px;*/
  margin: 0 auto;
  /*padding:10px;*/
  width: 100%;
}
.access_list dt{
  border-collapse:collapse;
}
.do{
  color: #d1002e;
  font-size:1em;
  font-weight:bold;
  margin: 2px 0;
}
.ez{
  color:#ff4602;
  font-size:1em;
  font-weight:bold;
  margin:2px 0;
}
.so {
  color: #555555;
  font-size:1em;
  font-weight: bold;
  margin: 2px 0;
}
.accessContainer {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 20px 10px 10px;
  padding: 5px;
  position: relative;
}
.accessContainer:after {
  /*background: url(/gaia_htdocs/image/park/stbparts/access_arrow_blue.png) no-repeat 50% 50%;*/
  content: " ⇒";
  color:#aaa;
  display: block;
  float: left;
  height: 84px;
  position: absolute;
  /*right: -22px;
  top: 0;*/
  right:-25px;
  top:50%;
  width: 20px;
}
/*.accessContainer:nth-child(3):after {
  background: url(/gaia_htdocs/image/park/stbparts/access_arrow_blue.png) no-repeat 50% 25%;
  color:#aaa;
  content: "⇒";
  display: block;
  float: left;
  height: 84px;
  position: absolute;
  right: -20px;
  top: 0;
  width: 20px;
}*/
.accessContainer h4 {
  font-size:1em;
  line-height: 12px;
  text-indent: 10px;
}
.accessContainer.docomo  { border: solid 1px #D1002E;}
.accessContainer.au  { border: solid 1px #FF4602;}
.accessContainer.softbank  { border: solid 1px #333;}

.ACBox {
  background-color: #fff;
  border-radius: 22px;
  margin: 5px 0;
  overflow: hidden;
  padding: 4px 10px;
  position: relative;
  width: auto;
}
.ACBox h5 {
  color: #818181;
  font-size: 0.8em;
  width: 15%;
}
.ACBox h5, .ACBox span {
  display: block;
  float: left;
}
.ACBox span {
  font-size: 0.85em;
  margin: 0 10px;
  padding: 1px 3px;
  position: relative;
  text-align: center;
}

.ACBox span:after {
  /*background: transparent url(/gaia_htdocs/image/park/stbparts/access_arrow.png) no-repeat scroll 50% 50% / 12px auto;*/
  content: "⇒";
  color:#aaa;
  display: block;
  font-weight:bold;
  float: left;
  height: 15px;
  position: absolute;
  /*right: -15px;
  top: -1px;*/
  right: -18px;
  top: 1px;
  width: 15px;
}
.ACBox .imenu {
  background:#D1002E;
  -webkit-border-radius:15px;
  border-radius:15px;
  color: #fff;
  padding:1px 6px;
}
.ACBox .auone {
  background:#FF5D02;
  -webkit-border-radius:15px;
  border-radius:15px;
  color: #fff;
  padding:1px 6px;
}
.ACBox .yahoo {
  background:#333;
  -webkit-border-radius:15px;
  border-radius:15px;
  color: #fff;
  padding:1px 6px;
}
.destination {
  text-align: center;
  vertical-align:middle;
}
.access_list .destination img{
  vertical-align:middle;
  width:150px;
}
#couse .con-Box{
  background-color:#ffffff;
  line-height:1.2em;
  /*padding:5px;*/
  padding:10px;
}
#couse h5 {
  font-size: 1em;
  font-weight: bold;
  margin: 2px 0;
  background:#eee;
  padding:2px;
}
#couse ul,
#couse p{
  font-size:0.85em;
  margin-top:4px;
}
#couse p {
  color: #aaa;
}
#couse > .con-Box > div {
  margin-bottom: 20px;
}
#couse small{
  color:#f66;
}
/*50音別アーティスト一覧*/

/*#artList{
  background-color:#fff;
  margin:10px;
}*/
#artList .bellow{
  margin:0
}
#artList .bellow:after{
  clear:both;
  content:" ";
  display:block;
}
/*#userMenu50{
  background-color:transparent;
  background-image:none;
  font-size:1em;
  height:auto;
  line-height:1em;
  padding:10px 0 0 10px;
}*/
/*#searchChar {
  float:left;
  margin-right:20px;
  width: 35%;
  
}
#searchChar td a {
  background-color: #fff;
  border-color: #d6d4d4;
  border-style: solid;
  border-width: 2px 4px;
  color: #999;
  display: block;
  padding: 9px 5px;
}*/

#searchChar {
    clear: both;
    display: block;
    /*height: 150px;*/
    margin: 10px auto;
    /*max-width: 360px;*/
    position: relative;
    text-align: center;
    width: 100%;
}
#searchChar::before {
    content: "";
    display: block;
    padding-top: 37%;
}
#searchChar tr {
    clear: both;
    display: block;
    margin: 0 1%;
    position: absolute;
    width: 48%;
}
#searchChar td {
    display: block;
    float: left;
    margin: 2px 1%;
    position: relative;
    width: 18%;
}
#searchChar td::before {
    content: "";
    display: block;
    padding-top: 80%;
}
#searchChar a {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    line-height: 26px;
    height:100%;
    padding: 0;
    position:absolute;
    top:0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

#searchChar a::before {
    content: "";
    display: inline-block;
    padding-top: 82%;
    vertical-align: middle;
    width: 1px;
}
#searchChar a:hover {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
}
#searchChar tr:nth-child(1) {
    left: 0;
    top: 0;
    margin-left:1%;
}
#searchChar tr:nth-child(2) {
    left: 0;
    top: 20%;
}
#searchChar tr:nth-child(3) {
    left: 0;
    top: 40%;
}
#searchChar tr:nth-child(4) {
    left: 0;
    top: 60%;
}
#searchChar tr:nth-child(5) {
    left: 0;
    top: 80%;
}
#searchChar tr:nth-child(6) {
    left: 50%;
    top: 0;
}
#searchChar tr:nth-child(7) {
    left: 50%;
    top: 20%;
}
#searchChar tr:nth-child(8) {
    left: 50%;
    top: 40%;
}
#searchChar tr:nth-child(9) {
    left: 50%;
    top: 60%;
}
#searchChar tr:nth-child(10) {
    left: 50%;
    top: 80%;
}
.sec strong{
  background-color: #fff;
  display: block;
  margin:0 10px 10px 10px;
  padding: 10px;
}

/*ユーザーメニュー*/

.sponly {
  display: none;
}
#meroUserMenu nav ul{
  background-color:#fff;
  display:table;
  margin:20px auto 10px;
  padding:10px;
  table-layout:fixed;
  text-align: center;
  width: 1152px;
}
#meroUserMenu nav ul li{
  display:table-cell;
}
#meroUserMenu nav ul li:nth-child(1) {
  border-style: none;
}
#meroUserMenu nav ul li:last-child{
  border-right:0;
}

/*マイページ*/

#forGigaID .con-Box {
  margin: 10px;
}
#forGigaID .contentsText {
  background-color: #fff;
  padding: 10px;
}
#parkHistory p {
  background-color:#fff;
  padding: 5px 0;
  text-align: center;
}
.btnParkHistory a{
  background-color: #aaa;
  background-image: -webkit-linear-gradient(top, #aaa, #999);
  background-image: linear-gradient(to bottom, #aaa, #999);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffaaaaaa,EndColorStr=#ff999999);
  border-radius: 4px;
  color: #fff;
  display: block;
  font-weight:bold;
  height: 30px;
  line-height: 30px;
  line-height: 30px;
  -webkit-transition: none;
  margin: 5px auto;
  transition: none;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  width: 85%;
}
.btnParkHistory a:hover{
  background:#999999;
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffaaaaaa,EndColorStr=#ffb2afaf);
  opacity:0.7;
  text-decoration:none;
}
/*
#parkHistory .sec .contentSection .myListContent .searchResultList h2.artistList{
  color:#142f86;
  font-size:1em;
}
#parkHistory .sec .contentSection .myListContent .searchResultList h2.artistList:hover{
  color:#0d89c5;
}

#parkHistory .sec .contentSection .myListContent{
  width:89%;
}
#parkHistory .sec .contentSection .myList-Bt{
  width:11%;
}
#parkHistory .sec .contentSection .content{
  width:87.6%;
}
#parkHistory .sec .contentSection .jacketPict{
  width:12.4%;;
}
#parkHistory .sec .contentSection .jacketPict img{
  height:84px;
  width:84px;
}
#parkHistory .sec .contentSection .myList-Bt a{
  font-size:1em;
  height:25px;
  line-height:25px;
}
#parkHistory .sec .contentSection .myList-Bt a.DelBt-Art{
  margin:6px 0;
}
#parkHistory .sec .contentSection .myList-Bt a.DelBt-Song{
  margin:31.5px 0;
}
*/
/*検索結果ページ*/

.searchResultList {
  line-height: 1.2em;
}
.myListContent .searchResultList .artistList {
  padding:10px;
}
.searchSong span{
  font-weight:normal;
}
.artistList, .songList {
  font-size: 1em;
  line-height: 1.2em;
}

/*PVランキングページ*/

#pv-Ranking .contentArticle {
  float: left;
  width: 85%;
}
.CategorySearch{
  background-color:#fff;
  padding:10px;
}

/*アプリページ*/

#giga-ring-tone{
  background-color:#fff;
  margin:10px;
  padding:10px;
}
.app-imgBox-wrapper {
  background-color: #eee;
  margin: 20px 0;
  overflow-x: scroll;
  padding: 10px;
}
.app-imgBox {
  width: 1000px;
}
.app-img {
  margin: 5px;
}
.app-title {
  font-size: 25px;
  margin-left: 30px;
  padding: 70px 0 10px;
}
.app-logo {
  float: left;
  margin-right: 20px;
}
.app-text {
  clear: both;
  display: block;
  font-size: 13px;
  padding-top: 10px;
}
.app-author {
  color: #999;
}
.icon{
  width:100%;
}
.icon li{
  float:left;
  margin-right:2px;
}
.icon:after{
  clear:both;
  content:" ";
  display:block;  
}
.addition {
  color: #999;
  font-size: 0.75em;
  line-height: 15px;
  margin-left: 2px;
}


.complete article,
.complete .errorResult,
.complete .informationText,
.complete .subhead{
  background-color: #fff;
  padding: 10px;
}
.complete article span{
  line-height:1.5em;
}


/*みんなの声投票後*/

#main .errorResult{
  background-color: #fff;
  margin:0 auto;
  padding: 50px;
  text-align: center;
  width:800px;
}

.complete > article.tag-contents{
  padding:10px 50px;
  width:800px;
}

/*エラー時*/
.errorResult{
  background-color: #fff;
  margin:15px auto;
  padding: 50px;
  text-align: center;
  width: 1152px
}
.errorResult h1 {
  border: 2px solid #d5d2d2;
  display: block;
  font-size:1.2em;
  padding: 50px 0;
  text-align: center;
}

.informationText p{
  text-align:center;
}
.buttonMainText .registButton{
  text-align:center;
}
.buttonMainText .registButton:before {
  content: url("/gaia_htdocs/image/park/stbparts/arrow_bk.png");
  margin-right: 5px;
}


/*ニュースページ*/

#newsHead h1.songList{
  padding:10px;
}
#newsHead h1.songList .mmdd{
  font-size:0.9em;
  font-weight:normal;
}
li.contentSection{
  background-color:#fff;
}

/*ドラマ　アニメ　歌番組ページ*/

.corner > .subhead{
  background:#fff;
  margin:10px 10px 0 10px;
  padding:10px;
}
.corner > .contentsTitle,
.corner > .tvList{
  background:#fff;
  margin:0 10px;
}
.corner > .contentsTitle h2{
  padding:10px;
}
.corner > .tvList > .contentsList{
  line-height:1.3em;
  padding:0 10px 10px 10px;
}
.corner .meloRank{
  font-weight:bold;
  padding:10px 0 0 10px;
}
.corner h3{
  margin-bottom:3px;
}
.return{
  display:none;
}

#art_news_contents .NewsList{
  background:#fff;
}
.artNewsOption .right:after {
  clear: both;
  content: " ";
  display: block;
}
.artNewsOption .right a {
  clear: both;
  color: #fff;
  display: block;
  float: left;
  opacity: 0.9;
  padding: 5px 20px;
  margin:5px 0;
}
.artNewsOption .right a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color:#00a2ff;
  border-radius: 20px;
  opacity: 1;
  text-decoration:none;
}

#art_news_contents .NewsList h3.subhead{
  margin:10px;
  padding:10px 0 0 0;
}
#art_news_contents .NewsList .contentSection .songList{
  padding:10px;
}
#pertinent_art aside{
  margin:0;
}
#pertinent_art h3.subhead{
  margin-bottom:10px;
}
.enquete #body .formItems{
  background-color:#fff;
  line-height:1.3em;
  padding:10px;
}
  
#main #hkw-list{
  margin:10px;
}

/*ユーザ認証*/

#resistContentsBox > article{
  background-color:#fff;
  margin:10px;
  padding:10px;
}

.nonIDBox .nonIdResist{
  font-size:0.85em;
  font-weight:bold;
  text-align:center;
  padding-top:10px;
}
.kantanBox a{
  display:block;
  margin:auto;
  width:80%;
}
.kantanSettlement{
  padding-top:10px;
}



/*フォーム*/
.formItems #formItems3{
  line-height:2em;
  margin-bottom:20px;
}
.formItems #formItems3 .answer_2 input{
  border: 2px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  height:40px;
  padding: 5px;
  width: 100%;
}
.formItems .submitBtn{
  background-color: #555;
  border:2px;
  border-radius: 5px;
  color: #fff;
  display: block;
  line-height: 50px;
  margin: 0 auto;
  text-align: center;
  width: 360px;
}

/*TOPへボタン*/
#page-top-Bt {
  background-image:url(/gaia_htdocs/image/park/stbparts/page-top-bt.png);
  background-repeat: no-repeat;
  background-position:50% 50%;
  background-color: rgba(0, 0, 80, .5);
  -webkit-border-radius: 50px;
  border-radius: 50px;
  bottom: 20px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 20, 0.5);
  box-shadow: 1px 1px 5px rgba(0, 0, 20, 0.5);
  cursor: pointer;
  display: none;
  height: 60px;
  padding-top:3px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 60px;
  z-index: 99999;
  -webkit-transition:bottom 1s 0s ease-out,background-color 1s 0s ease-out;
  transition:bottom 1s 0s ease-out,background-color 1s 0s ease-out;
}
#page-top-Bt:hover {
  bottom:30px;
  background-color:rgba(33,133,160,.5);
}

#p-e_contents{
  padding-top:15px;
  background:#fff;
}

#p-e_contents .subhead{
  font-size:1.5em;
  line-height:2em;
}

#p-e_contents table{
  width:95%;
  margin:20px auto 100px;
}

#p-e_contents th {
  background: #eee none repeat scroll 0 0;
  font-size: 1.2em;
  line-height: 1.5em;
}


#p-e_contents td {
  line-height: 1.5em;
  padding: 10px 0;
}
.album-list > li {
  box-sizing: border-box;
  display: inline-block;
  float: left;
  height:210px;
  width: 20%;
}
.album-list li a {
  display: block;
  margin: 10px 10px 0 10px;
}
.album-list::after {
  clear: both;
  content: "";
  display: block;
}
.album-list {
  display: block;
}

.album-list .ThumbImg > img {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  display: block;
  width: 100%;
}

.album-list .ContentInfo::after {
  color: #ccc;
  font-size: 12px;
  right: 2px;
}
.album-list .ContentInfo {
  font-size:.85em;
  margin-top: 10px;
  padding: 5px 15px 5px 5px;
}
.ContentList .ThumbImg > span,
.dummy_img {
  background: url(/gaia_htdocs/image/common/noimage/noImage.png) no-repeat;
  background-position:50% 50%;
  background-size:100% auto;
  display: block;
  height: 86px;
  width: 86px;
}
#NewsListIndex .tabs li a,
#NewsListIndex .tabs li a:link{
  padding:7px 0;
}

#art-page-menu .tabs li a,
.mix-contents .tabs li a{
  padding:15px 0;
}
.ContentList li{
  background:#fff;
  display:block;
  position:relative;
}
.ContentList li + li{
  border-top:dotted 1px #333;
}
.ContentList li::after {
  color: #ddd;
  content: "f";
  display: block;
  font-family: Park-Icon;
  font-size: 18px;
  left: auto;
  margin-top: -8px;
  position: absolute;
  right: 5px;
  top: 50%;
}
.ContentList li a{
  display:block;
  position:relative;
}
.ContentList li a:after {
  clear: both;
  content: "";
  display: block;
}
.ContentList .ThumbImg {
  float:right;
  /*float: left;
  margin-right: 5px;*/
  /*padding: 5px;*/
  width: 86px;
}
.ContentList .ThumbImg img {
  vertical-align:bottom;
  width: 100%;
}
.ContentList .ContentInfo {
  display: block;
  padding: 5px;
}

.ContentInfo dt{
  font-weight:bold;
  margin-bottom:5px;
}
.ContentInfo dd{
  color:#777;
  font-size:.8em;
}

.sec .parkTitle.subhead{
  padding:0 0 0 40px;  
}

.searchForm form[action^="/jsp/artist/pia_search_result.jsp"] {
  padding: 10px;
  line-height: 1.3em;
  background: rgba(0, 0, 0, 0.5) ;
  color: #fff;
  margin-top:5px;
}
.searchForm form[action^="/jsp/artist/pia_search_result.jsp"] input[type="text"] {
  width:200px;
}
.searchForm form[action^="/jsp/artist/pia_search_result.jsp"] label[for="periodRadio"]:after{
  color: #ccc;
  content: "(例) 20150801";
  font-size: 0.9em;
  margin-left: 10px;
}
.pia_credit {
  margin-top: 15px;
}
.ticketBuy .status{
  color:#f00;
}

#performance h1{
  padding:50px 0;
  text-align:center;
}
.tag-list{
  padding:10px;
}
.tag-list li{
  display:inline;
  float:left;
}
.tag-list .tag_name_link{
  background: #eee none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  color: #0e84b2 !important;
  float: left;
  margin: 5px !important;
  padding: 3px 7px;
  text-decoration: none !important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.songPageContent > .ART-Ranking > .bellow > p{
  background-color:#e4e4e4;
  /*margin: 10px 0;*/
}

.songPageContent > .ART-Ranking > .bellow> .contentSection{
  padding:0 10px;
}
img[src*="/mark/melody_SP"],
img[src*="/mark/singlefull_SP"],
img[src*="/mark/albumSingle_SP"],
img[src*="/mark/call_SP"],
img[src*="/mark/effect_SP"],
img[src*="/mark/full_SP"],
img[src*="/mark/K_call_SP"],
img[src*="/mark/karaoke_SP"],
img[src*="/mark/machichara_SP"],
img[src*="/mark/machiuke_SP"],
img[src*="/mark/movie_SP"],
img[src*="/mark/pv_SP"],
img[src*="/mark/song_SP"],
img[src*="/mark/voice_SP"],
img[src*="/mark/words_SP"],
img[src*="/mark/highreso_SP"],
img[src*="/mark/album_highreso_SP"]{
  height:16px;
  background:#fff;
}

.myListContent .jacketPict{
  width:30%;
}
.PopUpWindow {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
	z-index: 9999999;
}

.PopUpWindow > div {
    background: #fff;
    bottom: auto;
    box-sizing: border-box;
    left: 10px;
    right:10px;
    padding: 20px 20px 10px;
    position: absolute;
    top: 10%;
    overflow:auto;
}
div[class|="PopUpBody"] h2 {
    font-size: 1em;
    margin-bottom: 10px;
}
div[class|="PopUpBody"] h1 {
    font-size: 1em;
    margin-bottom: 20px;
}
.point-before {
    background: #efefef;
    font-size: 0.8em;
    padding: 3px;
}

.point-current {
    background: #ddeeff;
    font-size: 0.8em;
    line-height: 1.5em;
    margin-top: 5px;
    padding: 3px;
}

.point-current > b {
    color: #1199cc;
    display: inline-block;
    font-size: 1.5em;
    line-height: 1.5em;
    vertical-align:middle;
}


.PopUp-BtBox {
    margin-top: 10px;
    text-align: center;
}
.PopUp-BtBox > div {
    background: #333 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 1%;
    text-align: center;
    width: 30%;
    cursor:pointer;
}
.PopUpWindow > div {
    left: 50%;
    margin-left: -250px;
    width: 500px;
}
.PopUp-BtBox > div {
    width: 23%;
    cursor:pointer;
}

div[class|="PopUpBody"] h2 {
    font-size: 1.1em;
}
div[class|="PopUpBody"] h1 {
    font-size: 1.2em;
}
.PopUpWindow > div {
    left: 50%;
    margin-left: -250px;
    width: 500px;
}
.PopUp-BtBox > div {
    width: 23%;
    cursor:pointer;
}

div[class|="PopUpBody"] h2 {
    font-size: 1.1em;
}
div[class|="PopUpBody"] h1 {
    font-size: 1.2em;
}

/*ポイントバック*/
.OperationBt {
    background: #2299cc;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    color: #fff !important;
    display: block;
    padding:5px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    width: 338px;
}

.OperationBt:hover{
  text-decoration:none;
  opacity:.8;
}
.announce {
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px;
    text-align: center;
}
.announce .note {
    color: #f00;
    display: block;
}
.DL-detail > .DL,
aside[id^="point-backBt"] {
    background: rgba(255, 255, 255, 0.8);
    border: 2px solid #eee;
    box-sizing: border-box;
    margin: 10px;
    padding: 15px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
特集*/
.topi-ul {
    padding-top: 4px;
    text-align: center;
}
.topi-ul .topi-li {
    width: 33.33%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-height: 50px;
    border:none;
}
.topi-ul a.tag_index_link {
    display: block;
    position: relative;
    height: 150px;
    overflow: hidden;
}
.topi-ul img.tag_img_thumb {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    margin-top: -20px;
    left:0;
    }
.topi-ul span.special_title {
    background: rgba(0,0,0,.4);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-weight:bold;
    left: 0;
    overflow: hidden;
    padding:65px 10px 10px;
    position: absolute;
    top: 0;
    text-align: center;
    text-indent: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
    z-index: 2;
}
.topi-ul a.tag_index_link:hover{
  text-decoration:none;
  opacity:.8;
}


/*************************/
/*ranking*/

.ranking_info {
  background-color: #333;
  clear: both;
  padding-top: 2px;
}
.ranking_before {
  font-size: 80%;
}
.ContentList.ranking-list li{
  border-bottom:none;
}
.ranking-list .rank{
  background:#ccc;
}
.ranking-list .rank:after{
  clear:both;
  content:"";
  display:block;
}
.ranking-list .rank span {
  float:left;
}
.ranking-list .rank .ranking_before{
  /*line-height:22px;*/
  float:left;
  display:block;
}
.ContentList.ranking-list li::after{
  content:"";
}
.ContentList.ranking-list .ContentInfo::after {
  color: #ddd;
  content: "f";
  display: block;
  font-family: Park-Icon;
  font-size: 18px;
  left: auto;
  margin-top: -8px;
  position: absolute;
  right: 5px;
  top: 50%;
}
.ContentList.ranking-list .ContentInfo {
  display: block;
  padding: 10px 5px;
  position:relative;
}

#Tag-Song .ContentList li::after{
  content:"";
}
.ranking-list .rank .ranking_new,
.ranking-list .rank .ranking_up,
.ranking-list .rank .ranking_stay,
.ranking-list .rank .ranking_down{
  padding:0;
  width:auto;
}

#conditionalBt {
    display: block;
}
input::-webkit-input-placeholder {
    color:#aaa;
    font-size:1em;
}
input::-moz-placeholder {
    color:#aaa;
    font-size:1em;
}
input:-moz-placeholder {
    color:#aaa;
    font-size:1em;
}
input:-ms-input-placeholder {
    color:#aaa;
    font-size:1em;
}
.serch_form_wrap .form_box.keyword{
    width:80%;
}
.serch_form_wrap .form_box.form_submit{
    width:20%;
}
.form_box.keyword #keywords{
    border:#adb7d5 solid 3px;
    text-indent:3px;
    width:100%;
}
.serch_form_wrap .form_box.form_submit .searchBtn{
    background-image:none;
    color:#fff;
    text-indent:0;
    width:80%;
}

#ggs .systemp .serch_form_wrap .range{
    width:109px;
}
#ggs .systemp .serch_form_wrap .keyword{
    width:331px;
}
#ggs .systemp .serch_form_wrap .form_submit{
    width:60px;
}

#ggs .systemp .serch_form_wrap .form_box.keyword #keywords {
    width: 100%;
}
/*about.css*/
.secContent {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  padding: 20px;
}
.contentsText .pColor {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 20px;
}
.btnSize1.btnWideUse > a {
  background: #555 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  display: block;
  line-height: 50px;
  margin: 0 auto;
  text-align: center;
  width: 360px;
}

#parkUserMenu, #meroUserMenu, #userNavi {
  clear: both;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}

#parkUserMenu ul, #meroUserMenu ul/*, #userNavi ul*/ {
  text-align: center;
  list-style-type: none;
}

#parkUserMenu ul li, #meroUserMenu ul li, #userNavi ul li {
  border-left: 1px solid #cfcfcf;
  display: inline;
  list-style-type: none;
}

#parkUserMenu ul li a, #meroUserMenu ul li a, #userNavi ul li a {
  padding: 0 20px;
  margin: 0;
}
#parkUserMenu ul li:nth-last-child(1), #meroUserMenu ul li:nth-last-child(1), #userNavi ul li:nth-last-child(1) {
  border-right: 1px solid #cfcfcf;
}

.sec> .titlehead,
.sec> .contentTitle{
  margin:0;
}

/*contentPage.css*/


.center {
  text-align: center;
}






/*search_form*/
#keywords {
  background:#fff;
  box-sizing:content-box;
  border: none;
  color:#142F86;
  float:left;
  height:20px;
  border-top: 3px solid #ADB7D5;
  border-bottom: 3px solid #ADB7D5;
}
#onloadSearchSelectList{
  float:left;
  position:relative;
}
#onloadSelectList{
  height:0;
  margin-top:-1px;
  overflow:hidden;
}
#search_range_list{
  display:none;
}
.serch_form_wrap {
  padding: 10px 10px 40px;
}
#onloadSearchSelectWord {
  background: #fff;
  border-top: 3px solid #ADB7D5;
  border-bottom: 3px solid #ADB7D5;
  border-left: 3px solid #ADB7D5;
  box-sizing:content-box;
  color:#142F86;
  cursor:pointer;
  float: left;
  font-size:.8em;
  height:22px;
  padding:0px 3px;
  line-height:22px;
  width:80px;
}
#onloadSearchSelectBt{
  background: #fff;
  border-top: 3px solid #ADB7D5;
  border-bottom: 3px solid #ADB7D5;
  box-sizing:content-box;
  color:#142F86;
  cursor:pointer;
  float: left;
  width:20px;
  height:22px;
  text-align:center;
  font-size:.7em;
  line-height:22px;
}

#onloadSearchSelectList > ul {
  clear: both;
  width: 100px;
  position:absolute;
  left:0;
  top:29px;
}

#onloadSelectList > li{
  background: #fff;
  padding:0;
  border:solid 1px #142F86;
  border-top:none;
}
#onloadSelectList > li > a{
  color:#142F86;
  display:block;
  height:25px;
  line-height:25px;
  text-indent:5px;
}
#onloadSelectList > li > a:hover{
  background:rgba(230,245,255,1);
  text-decoration:none;
}
.searchBtn {
  background:url(/gaia_htdocs/image/park/stbparts/lupe.png) no-repeat scroll 50% 50% #5B6EAB ;
  border-top: 3px solid #ADB7D5;
  border-bottom: 3px solid #ADB7D5;
  border-left: none;
  border-right: 3px solid #ADB7D5;
  box-sizing:content-box;
  cursor:pointer;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  width: 22px;
  padding:0 3px;
}

#onloadSearchSelectWord.hover,
#onloadSearchSelectBt.hover,
#keywords.hover{
  background-color:rgba(230,245,255,1);
}

.searchBtn.hover{ background-color:#95bbee;}


.serch_form_wrap .range {
  float: left;
  width: auto;
}

.serch_form_wrap .form_box {
  float: left;
  width: auto;
}

.jacketPict > span{
  background:url(/gaia_htdocs/image/common/noimage/noImage.png) no-repeat;
  background-size:100%;
  display:block;
  width:86px;
  height:86px;
  margin: 0 auto;
}
.scSection .jacketPict > span{
  width:73px;
  height:73px;
}
.SC-Ranking .jacketPict > span{
  width:57px;
  height:57px;
}

h1.songList::before,
.SongName::before {
  background: url(/gaia_htdocs/image/common/ico/ico-song1.png) no-repeat 0 0;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 3px;
  opacity: 0.7;
  width: 12px;
  text-indent:0;
}

.NewsList h1.songList::before{
   background-image: url(/gaia_htdocs/image/common/ico/ico-news.png);
   opacity:.13;
}
.movieList h1.songList::before{
   background-image: url(/gaia_htdocs/image/common/ico/ico-movie6.png);
}
.artistList::before,
.ArtName::before {
  background: url(/gaia_htdocs/image/common/ico/ico-art.png) no-repeat 0 0;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 3px;
  opacity: 0.15;
  width: 12px;
}
h1.artistList::before {
  background: url(/gaia_htdocs/image/common/ico/ico-art.png) no-repeat 0 0;
  opacity:.7;
}

#meroUserMenu nav ul,#parkUserMenu ul/*,#userNavi ul*/ {
  background:rgba(0,0,0,0);
}

#RealTimeRanking{
  display: none\9;
  visibility:hidden\9;
}
#RealTimeRanking .ArtName{
	overflow: hidden;
	text-overflow: ellipsis;
}
.DL-Bt {
    margin: 10px auto;
    width: 338px;
}




#service_infomation {
  background: #fff;
  margin: 20px auto;
  width: 1150px;
}
#service_infomation .close_Default{
  border: solid 1px;
  padding:10px;
}
#service_infomation .informationTextTop .center{
  text-align:left;
  padding:10px;
}
#service_infomation .informationTextTop h4 .center{
  text-decoration:underline;
  cursor:pointer;
}
h1.packList::before,
dt.PackName::before,
.topi-album.PackName::before {
    background: rgba(0, 0, 0, 0) url(/gaia_htdocs/image/common/ico/ico-album.png) no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 3px;
    opacity: 0.7;
    text-indent: 0;
    width: 12px;
}

.softbank-payment-note{
display: block;
padding: 5px;
font-size: .7em;
line-height: 1.2em;
}