@charset "UTF-8";

/* ===================================================================
CSS information

 file name  :base.css
 style info :reset, tuktuk override, main section css
=================================================================== */

@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,700italic,800italic,400,300,600,700,800");

/* tuktuk override
-----------------------------------------------------*/
.row .row{margin:0 -10px 0 -10px!important;width:auto;display:inline-block}
[class^="column_"],[class*=" column_"]{margin:0 10px 0 10px!important;float:left;display:inline}
.column_1{width:60px !important}
.column_2{width:140px !important}
.column_3{width:220px !important}
.column_4{width:300px !important}
.column_5{width:380px !important}
.column_6{width:460px !important}
.column_7{width:540px !important}
.column_8{width:620px !important}
.column_9{width:700px !important}
.column_10{width:780px !important}
.column_11{width:860px !important}
.column_12{width:940px !important}
.offset_1{margin-left:80px !important}
.offset_2{margin-left:160px !important}
.offset_3{margin-left:240px !important}
.offset_4{margin-left:320px !important}
.offset_5{margin-left:400px !important}
.offset_6{margin-left:480px !important}
.offset_7{margin-left:560px !important}
.offset_8{margin-left:640px !important}
.offset_9{margin-left:720px !important}
.offset_10{margin-left:800px !important}
.offset_11{margin-left:880px !important}

.margin-none{margin:0 !important}
body #wrapper ol{margin:0 0 0 0; list-style:decimal;}
body #wrapper ol li{padding:0}
body #wrapper ul ul, body #wrapper ol ul, body #wrapper ul ol, body #wrapper ol ol{margin:0;}
body #wrapper ul ul li, body #wrapper ol ul li, body #wrapper, ul ol li, body #wrapper ol ol li{margin:0 0 0 0}

a:hover.secondary.color.default {
  background: #19c8c8 !important;
  color: #fff !important;
}
h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
h5 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
p {
  font-size: 1em;
}
.shortbutton {
  letter-spacing:4px;
  padding: 0 .6em 0 1em !important;
}
table {
  border-spacing: 0;
}
/* font Awesome override
-----------------------------------------------------*/
a [class^="icon-"],
a [class*=" icon-"] {
  margin-right: 4px !important;
}

/* base css
-----------------------------------------------------*/
body #wrapper {
  font-family: 'Open Sans', Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";
}
body ul li, body ol li {
  list-style: none;
}
.clearfix {
  overflow: hidden;
  zoom: 1;
}
.clearfix:after {
  clear: both;
}
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  line-height: 0;
}
body #wrapper .linkColor a {
  color: #19c8c8 !important;
}
body #wrapper .linkColor a:hover {
  color: #321432 !important;
}

body #wrapper .linkColor .linkColorBreak a {
  color: #fff !important;
  font-weight: bold !important;
}
body #wrapper .linkColor .linkColorBreak2 a {
  color: #333 !important;
  font-weight: bold !important;
}
body #wrapper .linkColor .linkColorBreak a:hover {
  color: #fff !important;
}
body #wrapper .linkColor .linkColorBreak2 a:hover {
  color: #333 !important;
}

body #wrapper .mt0 {margin-top: 0 !important;}
body #wrapper .mt5 {margin-top: 5px;}
body #wrapper .mt10 {margin-top: 10px;}
body #wrapper .mt15 {margin-top: 15px;}
body #wrapper .mt20 {margin-top: 20px;}
body #wrapper .mt25 {margin-top: 25px;}
body #wrapper .mt30 {margin-top: 30px;}

body #wrapper .mr0 {margin-right: 0 !important;}
body #wrapper .mr5 {margin-right: 5px;}
body #wrapper .mr10 {margin-right: 10px;}
body #wrapper .mr15 {margin-right: 15px;}
body #wrapper .mr20 {margin-right: 20px;}
body #wrapper .mr25 {margin-right: 25px;}
body #wrapper .mr30 {margin-right: 30px;}

body #wrapper .mb0 {margin-bottom: !important;}
body #wrapper .mb5 {margin-bottom: 5px;}
body #wrapper .mb10 {margin-bottom: 10px;}
body #wrapper .mb15 {margin-bottom: 15px;}
body #wrapper .mb20 {margin-bottom: 20px;}
body #wrapper .mb25 {margin-bottom: 25px;}
body #wrapper .mb30 {margin-bottom: 30px;}

body #wrapper .ml0 {margin-left: 0 !important;}
body #wrapper .ml5 {margin-left: 5px;}
body #wrapper .ml10 {margin-left: 10px;}
body #wrapper .ml15 {margin-left: 15px;}
body #wrapper .ml20 {margin-left: 20px;}
body #wrapper .ml25 {margin-left: 25px;}
body #wrapper .ml30 {margin-left: 30px;}

.fs9 {font-size: 9px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs24 {font-size: 24px;}
.fs26 {font-size: 26px;}
.fs28 {font-size: 28px;}

.bg01 {background-color: #321432;}
.bg02 {background-color: #5a465a;}
.bg03 {background-color: #dddddd;}
.bg04 {background-color: #f9f9f9;}
.bg05 {background-color: #19c8c8;}

a:hover img {
  opacity:0.9;
  filter:alpha(opacity=90);
  -ms-filter:"alpha(opacity=90)";
}
.opacityNone a:hover img {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100)";
}
body #wrapper .ttlH2 {
  font-weight: bold;
  font-size: 28px;
  margin: 0 0 15px 0;
}
body #wrapper .ttlH2 span {
  font-weight: bold i;
  font-size: 14px;
  margin: 0 0 0 10px;
}
body #wrapper .ttlH3 {
  font-weight: bold;
  font-size: 24px;
  margin: 0 0 10px 0;
}
body #wrapper .ttlH3Now {
  font-weight: bold;
  font-size: 24px;
  margin: 20px 0 0 0;
}
.commonTtl {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0 !important;
}
body #wrapper .ttlH3 span, .ttlH3Now span {
  font-weight: bold;
  font-size: 12px;
  margin: 0 0 0 6px;
}
.width120 {
  width: 120px;
}
.width220 {
  width: 220px;
}
.width300 {
  width: 300px;
}
.width193 {
  width: 193px;
  margin-right: 16px;
}
.width193R {
  width: 193px;
  margin-right: 0;
}
.last {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}
.borderB {
  border-bottom: 1px solid #eee;
  padding: 0 0 15px 0;
  margin: 0 0 25px 0;
}
.date {
  font-size: 11px;
  font-weight: normal;
  color: #333;
}
.toUpper {
  text-transform: uppercase;
}
body #wrapper h1 {
  font-weight: bold;
}
body #wrapper h2,
body #wrapper h3,
body #wrapper h4,
body #wrapper h5 {
  color: #321432;
  font-family: 'Open Sans', Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";
}
.headerFixed {
  position: fixed;
  z-index: 100;
  top: 0;
}
.mtv-pagination {
  margin: 20px auto ;
  text-align: center;
  font-size: 14px !important;
}
.mtv-pagination span.mtv-pagination-btn {
  background: none repeat scroll 0 0 #ddd;
  color: #fff;
  padding: 2px 8px;
}
.mtv-pagination span {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #ddd;
  padding: 2px 8px;
  color: #fff !important;
}
.mtv-pagination a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #19c8c8;
  padding: 2px 8px;
  color: #fff !important;
}
.mtv-pagination a:hover {
  background: #ddd;
}
.mtv-pagination a i {
  margin-right: 0;
}
.round  {
  background-color: #5a465a;
  font-size: 10px;
  color: #fff;
  padding: 2px 6px;
  margin-right: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  letter-spacing: 1px;
}

/* notice
-----------------------------------------------------*/

#noticeNaviArea {
  background: #eee;
}
#noticeNaviArea .caption {
  font-weight: bold;
  margin-right: 10px;
}

#noticeArea {
  background: #f9f9f9;
  margin-bottom: 15px !important;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#noticeArea .caption {
  font-weight: bold;
  margin-right: 10px;
}
#noticeArea .noticeText {
  border-top: 1px dashed #ddd;
  padding-top: 10px;
  margin-top: 10px;
}

/* ad containers
-----------------------------------------------------*/
.adPushDown {
       display: none;
}

/* header
-----------------------------------------------------*/


/* nav
-----------------------------------------------------*/
#mtvHeader #globalnav {
  height: 80px;
  border-bottom: 5px solid #5a465a;
}
#mtvHeader nav {
  padding: 10px 0;
  font-weight: bold;
  font-family: 'Open Sans', Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";
}
#mtvHeader nav .navlist {
  float: left;
  margin: 5px 13px 0 0;
  padding: 0 13px 18px 0 !important;
  /*border-right: 2px solid #5a465a;*/
  font-size: 22px;
}
#mtvHeader nav .navlist span,
#mtvHeader nav .navlistR span {
  font-size: 11px;
}
#mtvHeader nav .navlistR {
  float: left;
  margin: 5px 0 0 0;
  padding: 0 13px 18px 0 !important;
  font-size: 22px;
}
#mtvHeader nav input {
  width: 75%;
  height: 24px;
  margin: 0 4px 0 0;
  padding: 0 6px;
}
#mtvHeader nav #navWatch {
  margin: 0 0 4px 0;
}
#mtvHeader .subNav {
  padding: 10px 0 0 0;
}
#mtvHeader .snsIcon img {
  padding: 0 3px 0 0;
}

/* dropmenu */
#dropmenu{
  margin: 0 auto 300px;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  z-index: 9999;
}
#dropmenu li a{
  display: block;
  line-height: 1;
}
#dropmenu li ul{
  position: absolute;
  top: 60px;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200px;
  height: 0;
  -moz-transition: .1s;
  -webkit-transition: .1s;
  -o-transition: .1s;
  -ms-transition: .1s;
  transition: .1s;
}
#dropmenu li ul li a{
  padding: 12px 15px;
  background: #5a465a;
  font-size: 11px;
}
#dropmenu li:hover > a{
color: #19c8c8;
}
#dropmenu > li:hover > a{
  border-radius: 4px 4px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 34px;
  border-top: 1px solid #7a6e7a;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 4px 4px;
}

/* marquee top
-----------------------------------------------------*/
#marquee {
  position: relative;
}
#marquee #slider {
  width: 940px;
  height: 423px;
  margin-bottom: 1px;
}
#marquee #slider img {
  display: block;
  z-index: 1;
}
#marquee #slider li {
  position: relative;
}
#marquee #slider li img {
  z-index: 1;
}
#marquee #slider li .marqueePromoText {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 470px;
  height: auto;
  background: rgba(25, 200, 200, .9);
  padding: 5px 10px;
}
#marquee #slider li .marqueePromoText h3 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0px;
}
#marquee #slider li .marqueePromoText p {
  margin: 0 auto;
  color: #fff;
}
#marqueeIndex {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  right: 10px;
  width: 440px;
}
#marqueeIndex li {
  float: left;
  border: 2px solid #fff;
  margin-left: 4px;
}
#marqueeIndex li img {
  float: left;
}
#marqueeIndex li.selected {
  border: 2px solid rgba(25, 200, 200, .9);
}

/* footer
-----------------------------------------------------*/
#mtvFooter {
  font-size: 11px;
}
#mtvFooter ul {
  margin-top: 8px;
}
#mtvFooter ul li {
  margin-bottom: 5px;
}
.footerBox {
  border-bottom: 1px solid #5a465a;
}

/* container
-----------------------------------------------------*/
#container {
  background: #fff;
  padding: 10px 0 30px 0;
  line-height: 1.5;
}

/* left
-----------------------------------------------------*/


/* right
-----------------------------------------------------*/
.boxRight {
  line-height: 0;
  margin-bottom: 10px;
}

/* Recommend slider right
-----------------------------------------------------*/
.recommendSliderBox {
  margin-bottom: 10px;
}
.recommendSliderBox div.slide {
  position: relative;
  height: 169px;
}
.recommendSliderBox div.slide div {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  display: none;
  position: absolute;
  bottom: 0;
}
.recommendSliderBox div.slide h4 {
  font-size: 12px !important;
  padding: 5px 10px 0 10px;
  color: #fff !important;
  text-transform: none !important;
}

/* col style
-----------------------------------------------------*/
.more {
  position: relative;
}
.moreBtn {
  position: absolute;
  top: 10px;
  right: 0;
}
.moreBtn2 {
  position: absolute;
  top: 0px;
  right: 0;
}
.secBorderB {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.mtv2-1colL {
  width: 407px;
  float: left;
  margin: 0 20px 10px 0;
}
.mtv2-1colR {
  width: 193px;
  float: left;
  margin: 0 0 10px 0;
}
.mtv1-2colL {
  width: 193px;
  float: left;
  margin: 0 20px 10px 0;
}
.mtv1-2colR {
  width: 407px;
  float: left;
  margin: 0 0 10px 0;
}
/*.mtvColBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}*/
.mtv3col {
  width: 193px;
  margin: 0 20px 20px 0;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.mtv3colR {
  width: 193px;
  margin: 0 0 20px 0;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.mtvlist li {
  border-bottom: 1px dashed #ddd;
  padding: 0 0 15px 0 !important;
  margin: 0 0 15px 0 !important;
  line-height: 1.4;
  list-style: none;
  overflow: hidden;
}
.mtvlist li img {
  float: left;
  margin-right: 10px;
}
.mtvlist .mtvlistR {
  float: left;
  width: 190px;
  font-weight: bold;
}
.mtvlist p {
  margin-bottom: 2px;
}
.mtvlistLarge li {
  border-bottom: 1px dashed #ddd;
  padding: 0 0 20px 0 !important;
  margin: 0 0 20px 0 !important;
  line-height: 1.4;
  overflow: hidden;
}
.mtvlistLarge img {
  float: left;
  margin-right: 20px;
  overflow: hidden;
}
.mtvlistLarge .mtvlistR {
  float: left;
  width: 407px;
}
.mtvlistMid li {
  border-bottom: 1px dashed #ddd;
  padding: 0 0 15px 0 !important;
  margin: 0 0 15px 0 !important;
  line-height: 1.4;
  overflow: hidden;
}
.mtvlistMid img {
  float: left;
  margin-right: 20px;
  overflow: hidden;
}
.mtvlistMid .mtvlistR {
  float: left;
  width: 500px;
}

/* now onair
-----------------------------------------------------*/
#nowOnairTop {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #f9f9f9;
  padding: 10px 0;
  margin-bottom: 20px !important;
  line-height: 1;
}
.nowOnair {
  border-bottom: 1px dashed #ddd;
  padding: 0 0 15px 0;
}
.nowPlay {
  padding: 10px 0 0 0;
}

/* chart style
-----------------------------------------------------*/
.chart li {
  border-bottom: 1px dashed #ddd;
  padding: 0 0 6px 0 !important;
  margin: 0 0 10px 0;
  font-size: 12px;
}
.chartRank {
  display: inline-block;
  float: left;
  background: #321432;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 0;
  width: 32px;
  height: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  margin: 4px 3px 0 0;
}
.chartMove {
  display: inline-block;
  float: left;
  background: #5a465a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 0;
  width: 32px;
  height: 25px;
  text-align: center;
  font-size: 11px;
  color: #fff;
  margin: 4px 10px 0 0;
}
.chartSongContainer {
  float: left;
  width: 330px;
}
.chartArtist a:hover {
  color: #321432 !important;
}

.programChart {
  margin: 20px 0;
}
.programChart .chartSong {
  width: 260px;
  float: left;
  margin: 3px 15px 0 0;
}
 .chartArtist {
  width: 260px;
  float: left;
  margin: 3px 0 0 0;
}
.programChart .chartRank {
  margin-top: 0;
}
.programChart .chartMove {
  margin: 0 15px 0 0;
}

/* program list
-----------------------------------------------------*/
.onairDate {
  font-size: 11px;
  font-weight: normal;
  margin-top: 10px;
}
.onairDate .first {
  background-color:#5a465a;
  font-size: 10px;
  color: #fff;
  padding: 2px 4px;
  margin-right: 5px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  letter-spacing: 1px;
}
a:hover .onairDate {
  color: #333;
}

.onairCopy  {
  font-size: 11px;
  font-weight: normal;
  margin: 5px 0 10px 0;
}

/* program
-----------------------------------------------------*/
.programSecBox {
  margin: 10px 0 30px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.program-onair-box {
  margin: 0;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.program-onair-box .first-broadcast {
  margin: 0 0 0 0 !important;
  width: 309px;
  float: left;
}
.program-onair-box .first-broadcast dt {
  background: #321432;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
}
.program-onair-box .first-broadcast dd {
  padding: 10px;
}
.program-onair-box .repeat-broadcast {
  margin: 0 0 0 2px !important;
  width: 309px;
  float: left;
}
.program-onair-box .repeat-broadcast dt {
  background: #5a465a;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
}
.program-onair-box .repeat-broadcast dd {
  padding: 0 10px;
}
.program-onair-box .repeat-broadcast dd.first {
  padding: 10px 10px 0 10px;
}
.program-onair-box .repeat-broadcast dd.last {
  padding: 0 10px 10px 10px;
}
.program-onair-box .repeat-broadcast dd.one {
  padding: 10px;
}


/* event
-----------------------------------------------------*/

.eventTtl {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px 0 !important;
}
.eventTxt {
  font-size: 11px;
  margin-bottom: 15px;
}
.eventDate {
  margin-bottom: 5px;
}
a .eventDate {
  color: #333;
}
.eventDate span {
  background-color:#5a465a;
  font-size: 10px;
  color: #fff;
  padding: 2px 6px;
  margin-right: 10px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  letter-spacing: 1px;
  min-width: 70px;
  display: inline-block;
  text-align: center;
}
.eventDate2 {
  margin-left: 80px;
}


/* news & blog
-----------------------------------------------------*/
.newsDate {
  font-size: 11px;
  margin-bottom: 2px;
  color: #333;
}
.newsTtl {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0 !important;
}
.newsTxt {
  font-size: 11px;
}
.blogTtl {
  font-size: 12px;
  font-weight: bold;
}
.newsMainBox {
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 1.6;
}
body #wrapper .newsMainBox a {
  color: #19c8c8 !important;
}
body #wrapper .newsMainBox a:hover {
  color: #321432 !important;
}
.newsMainBox .photo {
  float: left;
  overflow: hidden;
  margin: 0 20px 10px 0;
  font-size: 10px;
  width: 280px;
}
.newsMainBox .newsCredit {
  font-size: 11px;
  margin-top: 15px;
}

/* playlist
-----------------------------------------------------*/
#plBox {
}
.plLast {
  margin-right: 0px;
  border-right: none;
}

.plDate,
.plTtl {
    /float: left;
  padding: 10px 15px;
}
#plHeader {
  width: 620px;
  display: table;
}
#plHeader .plDate,
#plHeader .plTtl,
#plHeader .plArtist {
  display: table-cell;
    /float: left;
  font-weight: bold;
  background: #5a465a;
  color: #fff;
  padding: 10px;
}
#plHeader .plDate {
  width: 162px;
  border-right: 2px solid #fff;
}
#plHeader .plTtl {
  width: 238px;
  border-right: 2px solid #fff;
}
#plHeader .plArtist {
  width: 220px;
}


.plBox {
  display: table;
  margin-bottom: 2px;
}
.plBox .plDate2 {
  display: table-cell;
    /float: left;
  width: 163px;
  padding: 10px;
  background: #eee;
  border-right: 2px solid #fff;
  vertical-align: top;
}
.plBox .plDate2 span {
  font-weight: bold;
  display: block;
}
.plBox .plDate2 .plTime {
  font-weight: bold;
  margin-bottom: 5px;
}
.plDateBox {
  display: table-cell;
  width: 458px;
  background: #f8f8f8;
  line-height: 1.4;
}
.plDateBox .song {
  display: inline-block;
  width: 237px;
  padding: 7px !important;
  border-right: 2px;
  vertical-align: top;
}
.plDateBox .artist {
  display: inline-block;
  width: 220px;
  padding: 7px !important;
  vertical-align: top;
}
.plDateBox ul {
  overflow: hidden;
}
.bgCell {
  background: #fff;
}
.bgCell2 {
  background: #f8f8f8;
}
.blankPl {
  margin-top: 100px;
  border-top: 1px dashed #ddd;
  padding-top: 15px !important;
}
.plDateBox .atoKyokuText {
  font-weight: bold;
  margin-left: 7px !important;
  color: #321432;
  margin-bottom: 10px !important;
}
.plDateBox .atoKyokuText span {
  font-weight: normal;
  font-size: 11px;
  margin-left: 10px;
}
#playlist-no-data {
  color: #5a465a !important;
  font-weight: bold !important;
  font-size: 14px !important;
  margin-bottom: 20px !important;
}

/* timetable
-----------------------------------------------------*/
#timetable {
  list-style: none;
}

#ttHeader {
  width: 940px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #fff;
}
#ttHeader .ttHeaderL {
  background: #321432;
  width: 100px;
  height: 76px;
  padding: 30px 10px;
  float: left;
}
#ttHeader .ttHeaderR {
  float: left;
  width: 840px;
}
#ttHeader .ttHeaderR .ttDayList li {
  float: left;
  width: 118px;
  margin-left: 2px;
}
#ttHeader .ttHeaderR .ttDate {
  background: #321432;
  padding: 10px;
  height: 37px;
}
#ttHeader .ttHeaderR .ttDay {
  background: #5a465a;
  padding: 10px;
  margin: 2px 0 0 0;
  height: 37px;
}
#ttHeader .ttHeaderR .active div {
  background: #19c8c8;
}
.ttLast {
  margin-right: 0px;
  border-right: none;
}
#ttMain table {
  margin-top: 2px;
}
#ttMain table tr th {
  width: 98px;
  padding:7px;
  background: #eee;
  border-bottom: 2px solid #fff;
}
#ttMain table tr td {
  width: 117px;
  background: #f6f6f6;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 7px;
}
#ttMain table tr td .button {
  font-size: 10px !important;
  line-height: 1.8;
  margin: 7px 0 5px 14px;
  font-weight: normal !important;
}
#ttMain table tr .empty {
  padding: 0;
  line-height: 1;
  display: none;
}

/* video
-----------------------------------------------------*/
.videoBox {
  margin: 20px 0 0 0;
}
.videoDate {
  font-size: 12px;
  font-weight: normal;
  color: #333;
  padding-top: 5px;
}
.videoBox .thumb,
.mtv3col .thumb,
.mtv3colR .thumb,
.mtvlistLarge .thumb,
.mtvlistMid .thumb {
  position: relative;
}
.videoBox .thumb .iconPlay,
.mtv3col .thumb .iconPlay,
.mtv3colR .thumb .iconPlay,
.mtvlistLarge .thumb .iconPlay,
.mtvlistMid .thumb .iconPlay {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -37px 0 0 -35px;
  height: 71px;
  width: 71px;
}
.videoSecBox {
  position: relative;
  margin: 10px 0 30px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.videoSecBox h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.videoSecBox a [class^="icon-"], a [class*=" icon-"] {
  margin-right: 0px !important;
}
.videoSecBox .videoArtist {
  display: block;
}
.videoSecBox .videoSongs {
  font-size: 11px;
  font-weight: normal;
  display: block;
}
.videoSecBox.itemList{
  white-space: nowrap;
  overflow: hidden;
}
.videoSecBox.itemList div{
  white-space: normal;
}
.playlist-count {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  padding: 2px 4px;
  line-height: 16px;
  background: url('/static/img/video/number-bgtile.png') repeat scroll 0 0 transparent;
  left: 0px;
  top: 0px;
}
.vidContainer4_3{
  height: 465px;
  width: 620px;
  background-color: #333;
}

.vidContainer16_9{
  height: 349px;
  width: 620px;
  background-color: #333;
}
.videoPlayer {
  margin-bottom: 10px;
}

/* press release
-----------------------------------------------------*/
.pressList li {
  border-bottom: 1px dashed #ddd;
  padding: 0 0 15px 0 !important;
  margin: 0 0 15px 0;
  line-height: 1.5;
  overflow: hidden;
}
.pressList .pressListL {
  float: left;
  width: 100px;
  margin-right: 30px;
  padding-left: 10px;
}
.pressList .pressListR {
  float: left;
  width: 490px;
}
.pressList .pressListR i {
  font-size: 20px;
  vertical-align: middle;
  text-indent: -24px;
  color: #19c8c8;
}

/* present release
-----------------------------------------------------*/
.presentlabel-f {
  font-size: 11px;
  color: #19c8c8;
  margin-bottom: 3px;
}
.presentlabel-f i {
  margin-right: 4px;
  font-size: 14px;
}

/* hotline
-----------------------------------------------------*/

#hotline h4 {
  background: #5a465a;
  padding: 3px 10px;
  color: #fff !important;
  font-size: 14px;
}
#hotlineBox ul {
  padding: 0 0 15px 0 !important;
  margin-bottom: 15px;
  border-bottom: 1px dashed #ddd;
}
#hotlineBox ul li {
  text-indent: -22px;
  padding-left: 22px !important;
  margin: 0 0 3px 10px;
}
#hotlineBox .faqList a {
  font-weight: bold;
  color: #333 !important;
}
#hotlineBox .faqList a:hover {
  color: #666 !important;
}
#hotlineBox .question {
  font-weight: bold;
}
#hotlineBox .question span {
  font-size: 18px;
  font-weight: bold;
  color: #19c8c8;
  margin: 0 10px 0 0;
  font-weight: bold;
}
#hotlineBox .answer span {
  font-size: 18px;
  font-weight: bold;
  color: #5a465a;
  margin: 0 10px 0 0 ;
}
.submissionError {
  color:red;
  font-weight:normal;
  margin-top: 8px;
}
.submissionError2 {
  color:blue;
  font-weight:normal;
  margin-top: 8px;
}
.sectionCommonErrorTop {
  color: red;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
  display: inline-block;
}
.sectionCommonErrorBottom {
  color: red;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  display: inline-block;
}
#hotline form dl {
  width: 620px;
  padding: 15px 10px 10px;
  border-bottom: 1px dashed #ddd;
  vertical-align: middle;
  height: auto;
  overflow: hidden;
}
#hotline form dl dt {
  float: left;
  width: 150px;
  font-size: 14px;
}
#hotline form dl dd {
  float: left;
  width: 440px;
  margin-left: 10px;
  margin-left: 2px;
}
#hotline .caution {
  color: #c00;
}
#hotline .caution2 {
  color: #0066cc;
}
#hotline form dl dd label {
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 3px 3px;
}
#hotline form .notes {
  margin-bottom: 15px;
  font-size: 11px;
  list-style-type: square !important;
}
#hotline #user_info_table {
  display: none;
}

/* livewire
-----------------------------------------------------*/

#livewire .mtvlistLarge li {
  border: none !important;
}
#livewire .mtvlistLarge .mtvlist {
  float: left;
  overflow: hidden;
  width: 210px;
}
#livewire .mtvlistLarge .mtvlist img {
  margin-bottom: 10px;
}
#livewire .livewireMainTtl {
  position: relative;
  background: #f3f3f3;
  padding: 10px;
  margin-bottom: 20px;
}
#livewire .livewireMainTtl h3 {
  width: 485px;
  color: #321432;
  font-size: 16px;
  margin-bottom: 0;
}
#livewire .liveTypeSponsoring {
  position: absolute;
  top: 11px;
  right: 11px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  background-color: #321432;
  padding: 2px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#livewire .liveTypeBackup {
  position: absolute;
  top: 13px;
  right: 12px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  background-color: #5a465a;
  padding: 2px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#livewire .livewiretTxt {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #ddd;
}
/* search
-----------------------------------------------------*/
#search .searchList li {
  font-weight: normal;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #ddd;
  font-size: 11px;
}
#search .searchList2 li {
  font-weight: normal;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
}
#search .searchMainTtl {
  position: relative;
  background: #5a465a;
  padding: 5px 10px;
  margin-bottom: 20px;
}
#search .searchList2 .searchTtl {
  margin-bottom: 5px 10px;
  font-size: 12px;
  font-weight: bold;
}

#search .searchMainTtl h3 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
}
#search .searchCategory {
  background-color: #5a465a;
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  padding: 2px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  min-width: 70px;
  display: inline-block;
  text-align: center;
  margin-bottom: 5px;
}
#search .searchListL {
  float: left;
  width: 100px;
  margin-right: 20px;
}
#search .searchListR {
  float: left;
  width: 500px;
}
/* recommend
-----------------------------------------------------*/
.recMainbox {
  min-height: 90px;
  background-color: #5a465a;
  position: relative;
}
.recMainbox  dl {
  padding: 10px;
  width: 500px;
}
.recMainbox .recMainTtl {
  line-height: 1.3;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 3px;
}
.recMainbox .recMainSongs {
  font-size: 12px;
  color: #fff !important;
  font-weight: bold;
}
.recMainbox .recMainLabel {
  font-size: 11px;
  color: #fff !important;
}
.recMainbox .recMainMonth {
  position: absolute;
  top: 18px;
  right: 10px;
  font-size: 50px;
  color: #fff !important;
  font-weight: bold;
  line-height: 1;
}

.recBackboxR {
  height: 109px;
  background-color: #5a465a;
  position: relative;
}
.recBackboxR dl {
  padding: 10px;
  width: 330px;
}
.recBackboxR .recBackTtl {
  line-height: 1.2;
  font-weight: bold;
  font-size: 20px;
}
.recBackboxR .recBackSongs {
  font-size: 12px;
  color: #fff !important;
  font-weight: bold;
}
.recBackboxR .recBackLabel {
  font-size: 11px;
  color: #fff !important;
}
.recBackboxR .recBackMonth {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 44px;
  color: #fff !important;
  font-weight: bold;
  line-height: 1;
}
.recMainbox .recMainTtl a,
.recBackboxR .recBackTtl a {
  color: #fff !important;
}
.recMainbox .recMainTtl a:hover,
.recBackboxR .recBackTtl a:hover {
  color: #19c8c8 !important;
}

.recTitle {
  padding: 0 1.4em !important;
}
#main #recommend .recTitle {
  padding: 0 0.9em !important;
}

/* watch
-----------------------------------------------------*/
#watch .watchMainTtl {
  background: #5a465a;
  padding: 5px 10px;
  margin-bottom: 20px;
}
#watch .watchMainTtl h3 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
}
.watchPrice {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.watchLabel {
  background-color: #5a465a;
  font-size: 11px;
  color: #fff;
  padding: 2px 4px;
  margin-right: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  letter-spacing: 1px;
  min-width: 70px;
  text-align: center;
  display: inline-block;
  font-weight: normal;
}
#watch table {
  margin-bottom: 40px;
}
#watch table a {
  color: #19c8c8 !important;
}
#watch table a:hover {
  color: #333 !important;
}
#watch table tr th {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#watch table tr td {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 8px 10px;
}
#watch .watchTableTtl {
  background: #ddd;
}


/* =========================================================
 SNS links
========================================================= */
.sns_link_bar {
  margin: 10px 0 15px 0;
  clear: both;
  overflow: hidden;
}

.sns_link_bar ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.sns_link_bar li {
  margin: 0px 4px 8px 12px;
  padding: 0px;
  display: block;
  float: right;
}

.mtvbloglist {
	display: inline-block;
}