nicovideo.jp.css

@charset "utf-8";
/*----------------------------------------------

 ニコニコ動画
 http://www.nicovideo.jp/

 ------------------------------------------------

 ************************************************
 initialize
 ************************************************

 ----------------------------------------------*/

/*
 Reset
 ----------------------------------------------*/

html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, table, tr, th, td, caption, tbody, tfoot, thead, article, section, aside, figure, footer, header, hgroup, menu, nav, video, canvas, address {
  margin: 0;
  padding: 0;
}
/*
 HTML,Body
 ----------------------------------------------*/

html {
  overflow-y: scroll;
}
body {
  background: #f4f4f4;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.zh-tw{
  font-family: 'Microsoft JhengHei', 'LiHei Pro', 'Arial', sans-serif;
}

/*
 Fontsize Sample
 --------------------------------------
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px 162% = 21px 239% = 31px
 93% = 12px 170% = 22px 247% = 32px
 100% = 13px  177% = 23px 254% = 33px
 108% = 14px  185% = 24px 262% = 34px
 116% = 15px  193% = 25px 270% = 35px
 124% = 16px  200% = 26px 277% = 36px
 131% = 17px  208% = 27px 285% = 37px
 139% = 18px  216% = 28px 293% = 38px
 147% = 19px  224% = 29px 300% = 39px
 154% = 20px  231% = 30px 308% = 40px
 */

/*
 Anchor
 ----------------------------------------------*/

a, a:link {
  color: #0033cc;
  text-decoration: none;
  outline: none;
}
a:visited {
  text-decoration: none;
}
a:hover, a:active {
  color: #0033cc;
  text-decoration: underline;
}
/*
 headding
 ----------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: bold;
}

h2{
  font-size: 108%;
}

/*
 List
 ----------------------------------------------*/
dl, dt, dd, ul, ol, li {
  list-style: none;
  word-break: break-all;
}

body.en-us dl,body.en-us dt,body.en-us dd,body.en-us ul,body.en-us  ol,body.en-us  li {
  list-style: none;
  word-break: normal;
}

/*
 Table
 ----------------------------------------------*/
table, tr, th, td, tbody, tfoot, thead {
  border: medium none;
  border-collapse: collapse;
  border-spacing: 0pt;
  vertical-align: middle;
}
table {
  font-size: 100%;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  word-break: break-all;
}

body.en-us caption,body.en-us th,body.en-us td {
  word-break: normal;
}

/*
 Form
 ----------------------------------------------*/

input, textarea, select, option, label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 100%;
  vertical-align: middle;
  word-break: break-all;
  outline: none;
}

body.en-us input,body.en-us textarea,body.en-us select,body.en-us option,body.en-us label {
  word-break: normal;
}

textarea {
  overflow: auto;
}
label {
  cursor: pointer;
}
input[type="submit"]::-moz-focus-inner {
  border: 0px;
}
/*
 Other
 ----------------------------------------------*/
p {
  margin: 0 0 4px 0;
  font-size: 100%;
  line-height: 1.5;
  word-break: break-all;
}

body.en-us p {
  word-break: normal;
}

img {
  border: none;
  vertical-align: middle;
}

address {
  font-style: normal;
}
em, strong {
  font-weight: bold;
  font-style: normal;
}




@charset "utf-8";

/**
 * Header
 */

/* Zero lead */

#zero_lead{
  margin: 36px 0 -36px;
  padding: 4px;
  position:relative;
  z-index:300;
  background: url(../img/zero_index/bg_lead.png) repeat-x #545454;
  color:#c00;
  font-size:93%;
  text-align:center;
  font-weight:bold;
}

.nofix #zero_lead {
  margin:0 0;
  padding: 4px;
}

#zero_lead a.lead_text{
  color:#c00;
  text-decoration: underline;
}

#zero_lead a.lead_text:hover{
  color:#f00;
  text-decoration: underline;
}

#zero_lead a.lead_btn{
  display:inline-block;
  padding:2px 8px;
  margin:0 0 0 16px;
  color:#fff;
  font-weight:bold;
  background:#888;
  border-top:1px solid #9D9D9D;
  border-right:1px solid #353036;
  border-bottom:1px solid #353036;
  border-left:1px solid #9D9D9D;
  border-radius:3px;
  font-weight: normal;
}

#zero_lead a.lead_btn:hover{
  background:#666;
}

/* Zero lead index */

#zero_lead_index{
  margin: 36px 0 -36px;
  padding: 6px 4px 4px;
  position:relative;
  z-index:300;
  background: url(../img/zero_index/bg_lead_q.png) repeat-x #DEDEDE;
  border-bottom:1px solid #d5d5d5;
  color:#c00;
  text-align:center;
  font-size:115%;
  font-weight:bold;
}

.nofix #zero_lead_index {
  margin:0 0;
  padding: 6px 4px 4px;
}

#zero_lead_index img{
  vertical-align:middle;
}

#zero_lead_index a.lead_text{
  color:#c00;
  text-decoration: underline;
}


#zero_lead_index a.lead_text:hover{
  color:#f00;
  text-decoration: underline;
}

#zero_lead_index a.lead_btn{
  display:inline-block;
  padding:2px 8px 2px;
  margin:0 0 0 16px;
  color:#fff;
  text-shadow:1px 1px 1px #0D3254;
  background: #1e5799; /* Old browsers */
  background: -moz-linear-gradient(top,  #1e5799 0%, #0999ae 0%, #0483ad 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#0999ae), color-stop(100%,#0483ad)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1e5799 0%,#0999ae 0%,#0483ad 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #1e5799 0%,#0999ae 0%,#0483ad 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1e5799 0%,#0999ae 0%,#0483ad 100%); /* W3C */
  border-top:1px solid #9D9D9D;
  border-right:1px solid #0D3254;
  border-bottom:1px solid #0D3254;
  border-left:1px solid #0EB1AF;
  border-radius:3px;
  font-weight: normal;
}

#zero_lead_index a.lead_btn:hover{
}

/* SP Btn */


#SmartBtn{
  padding:36px 0 16px;
  text-align:center;
  margin-bottom:-52px;
}


.nofix #SmartBtn{
  margin-top:0;
  margin-bottom:-16px;
  padding:0 0 16px;
  text-align:center;
}

#SmartBtn a{
  display:inline-block;
  padding:18px 54px;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000),color-stop(0.4, #000000),color-stop(0.5, #1c1c1c), to(#787878));
  color:#fff;
  margin:8px 0;
  font-weight:bold;
  font-size:50px;
  text-align:center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  text-decoration:none;
  -webkit-box-shadow: 0px 1px 4px #666;
  -webkit-border-radius: 10px;
}

/* announcement */
#announcement {
  width: 100%;
  padding-top: 36px;
  margin-bottom: -36px;
  background-color: #F1AFB4;
  position: relative;
  z-index: 10;
}
.nofix #announcement {
  padding-top: 0;
  margin-bottom: 0;
}

#announcement p {
  padding:5px 0;
  height: 24px;
  overflow: hidden;
  line-height: 24px;
  text-align: center;
}

#announcement a {
  color: #990000;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  background: transparent url(../img/base/announcement/error.png) no-repeat scroll left center;
  padding-left: 25px;
}

#announcement span {
  margin-left: 8px;
  color: #990000;
  font-size: 11px;
}

/* announcement Special */
#announcement_sp {
  width: 100%;
  padding-top: 36px;
  margin-bottom: -36px;
  background-color: #00A2CF;
  position: relative;
  z-index: 10;
}
.nofix #announcement_sp {
  padding-top: 0;
  margin-bottom: 0;
}

#announcement_sp p {
  padding:5px 0;
  height: 24px;
  overflow: hidden;
  line-height: 24px;
  text-align: center;
}

#announcement_sp a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-shadow:1px 1px 0px #000;
}

#announcement_sp span {
  margin-left: 8px;
  color: #990000;
  font-size: 11px;
}

/* header */
#header {
  margin: 0 auto 8px;
  padding-top: 43px;
  width: 976px;
}

.nofix #header {
  padding-top: 7px;
}

.msgPage #header {
  margin-bottom: 60px;
  padding-bottom: 8px;
  background: transparent url(../img/bg/bg_msg_header.gif) repeat-x scroll left bottom;
}


#header h1 {
  margin-top:10px;
  float: left;
  width: 245px;
  height: 42px;
}

#header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/zero_index/logo.png) no-repeat 0 0;
  text-indent: -9999px;
}


/* common styles */


#header .headerBanner {
  float: right;
  width: 468px;
  height: 60px;
}

#header .headerBanner img {
  width: 468px;
  height: 60px;
}

/**
 * Footer
 */

.toPageTopWrap{
  width: 100%;
  height: 31px;
  background: url(../img/base/foot/bg_footbtn.png) repeat-x center center;
}

.toPageTopWrap .inner{
  width: 976px;
  height: 31px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.toPageTopWrap .inner a{
  display: block;
  margin-top:4px;
  width: 120px;
  height: 24px;
  line-height: 24px;
  color: #666;
  font-size: 93%;
  text-align: center;
}


.toPageTopWrap .inner a.toPageTopBtn{
  margin:4px auto;
}


.toPageTopWrap .inner a.toPageTopBtn span{
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 4px 0 0;
  vertical-align: middle;
  background: url(../img/base/foot/icon_arrow_gray.png) no-repeat;
}

.toPageTopWrap .inner a.toFeedback{
  margin:4px 0 0;
  position: absolute;
  top:0;
  right:0;
}

.toPageTopWrap .inner a.toFeedback span{
  display: inline-block;
  width: 15px;
  height: 13px;
  margin: 0 4px 0 0;
  vertical-align: middle;
  background: url(../img/base/foot/icon_feedback.png) no-repeat;
}

.toPageTopWrap .inner a:hover,.toPageTopWrap .inner a:active{
  width: 118px;
  color: #666;
  background-color: #d9d9d9;
  border-left: #c3c3c3 solid 1px;
  border-right: #c3c3c3 solid 1px;
  text-decoration: none;
}

#footerWrap{
  background-color: #cacaca;
  padding: 12px 0 12px;
}

#footerWrap #footerNav{
  width: 976px;
  overflow: hidden;
  margin: 0 auto 12px;
}

#footerWrap #footerNav .outer{
  float: left;
  width: 325px;
}

#footerWrap #footerNav .outer h3{
  padding-bottom: 4px;
  margin-bottom: 6px;
  border-bottom: #999 solid 1px;
  width: 90%;
}

#footerWrap #footerNav ul{
  width: 325px;
}

#footerWrap #footerNav ul li{
  padding-left: 10px;
  margin-bottom: 4px;
  font-size: 93%;
  background: url(../img/zero_index/icon_cur.png) no-repeat left 4px;
}

#footerWrap #footerNav ul li.noListImg{
  font-size: 93%;
  background: none;
  overflow: hidden;
}

#footerWrap #footerNav ul li.noListImg ul{
  width: auto;
}

#footerWrap #footerNav ul li.noListImg ul li{
  margin-bottom: 4px;
  padding-left: 10px;
  font-size: 85%;
  background: url(../img/base/foot/icon_child.png) no-repeat left 0;
}

#footerWrap #footerNav ul li ul li:last-child{
  margin-bottom: 0;
}

#footerWrap #footerNav ul li a{
  color: #000;
}

#footerWrap #footerNav ul li a:hover{
  color: #000099;
  text-decoration: underline;
}

#footerWrap #copyright{
  clear: both;
  width: 976px;
  margin: 0 auto;
  overflow: hidden;
}

#footerWrap #copyright p{
  display: block;
  font-size: 85%;
}

#footerWrap #copyright div{
  display: inline-block;
  font-size: 85%;
}

#footerWrap #copyright p.figureWrap,
#footerWrap #copyright div.figureWrap{
  float: right;
  text-align: right;
  line-height: normal;
  vertical-align: bottom;
  width: 50%;
}

#footerWrap p img,
#footerWrap div img{
  width: 50px;
  margin-bottom: 4px;
}

#footerWrap #copyright p span,
#footerWrap #copyright div span{
  display: block;
  font-size: 85%;
}

#footerWrap #copyright .nextone{
  margin-right: 20px;
}

#footerWrap #copyright .license{
  display: block;
}

/*

#footer{
  border-top:1px solid #fff;
  background:#CACACA;
}

#footer a{
  color:#000;
}

#footer_content{
  width:976px;
  margin:0 auto;
  padding:16px 0;
}

#footer_logo{
  float:left;
  padding:8px 8px 8px 0;
  border-right:1px solid #fff;
}

#footer_logo h5{
  width:169px;
  height:103px;
  background-image:url(../img/zero_index/logo_footer.png);
  background-position:0 0;
  background-repeat:no-repeat;
  text-indent:-9999px;
}

#footer_logo p{
  margin-top: 8px;
  text-align:right;
}

#footer_links{
  overflow:hidden;
  padding:8px;
  float:left;
}

#footer_links li{
  float:left;
}

#footer_jasrac{
  float:right;
  text-align:right;
  font-size:85%;
}

#footer_jasrac img{
  width:52px;
  margin:0 0 4px;
}
*/

/**
 * Clearfix
 */

.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}

.noticeBlock{
  width: 468px;
  float: right;
  padding: 12px 0;
  background-color: #DEDEDE;
  border: #ccc solid 1px;
}

.noticeText{
  text-align: center;
  line-height: 40px;
}

#header h1#logo_ca {
  margin-top:10px;
  float: left;
  width: 245px;
  height: 42px;
}

#header h1#logo_ca a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/zero_index/logo_ca.png) no-repeat 0 0;
  text-indent: -9999px;
}

/* logo 2017 denoute */
#header h1#logo_2017denoute {
  width: auto;
  height: 65px;
  margin-top: 0;
}
#header h1#logo_2017denoute a {
  float: left;
}
#header h1#logo_2017denoute a.denoute_left{
  width: 245px;
  height: 65px;
  background: url(../img/zero_index/logo.png) no-repeat center center !important;
}
#header h1#logo_2017denoute a.denoute_right {
    width: 114px;
    height: 65px;
  background: url(../img/zero_index/logo_ext/logo_2017denoute.png) no-repeat center center !important;
  margin-left: 4px;
}
@charset "utf-8";

p{margin:0;}


/* Ad Settings */

/* sidewall ad */
.sidewallAd {
  display: none;
  position: absolute;
  top: 36px;
  height: 1024px;
  overflow: hidden;
}

.nofix .sidewallAd {
  top: 0;
}

#web_pc_sidewall_left * {
  position: absolute;
  top: 0;
  right: 0;
}

#web_pc_360,
.sideTxtAd{
  margin:8px 0;
}

.sideAd {
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #f7fcfe;
  text-align: center;
  margin: 8px auto;
}

.sideAd .thumb {
  margin: 0 auto 3px;
  float: none;
  width: 300px;
  height: 60px;
}

.sideAd .thumb img {
  width: 300px;
  height: 60px;
}

.sideAd span {
  padding-left: 20px;
  font-size: 12px;
  background: transparent url(../img/icon/icon_pr.gif) no-repeat scroll left center;
}

.sideTxtAd {
  border: 1px solid #ececec;
  overflow: hidden;
  background-color: #f7fcfe;
  font-size:93%;
}

.sideTxtAd li {
  margin-top: -1px;
  padding: 10px 5px 10px 34px;
  border-top: 1px dotted #9c9c9c;
  background: transparent url(../img/icon/icon_pr.gif) no-repeat scroll 12px center;
}

.sideAd a, .sideTxtAd a {
  color: #333 !important;
}

.footerBanner {
  margin: 0 auto;
  width: 728px;
  height: 90px;
}

.footerBanner img {
  width: 728px;
  height: 90px;
}

#web_pc_middle_east{
  margin: 8px auto;
  text-align: center;
}

/**
 * Container
 */

#contentsWrap {
  margin: 0 auto;
  padding-bottom: 30px;
  position: relative;
  width: 976px;
  text-align: left;
}

#contents {
  margin-bottom: 16px;
  width: 100%;
}

#sideNav {
  float: left;
  width: 182px;
}

#mainContents {
  float: left;
  width: 444px;
}

#sideContents {
  float: right;
  width: 350px;
}

/**
 * icon Setting
 */

.douga {background-position: 6px 4px;}
.seiga {background-position: 5px -29px;}
.live {background-position: 5px -61px;}
.ch {background-position: 5px -91px;}
.encyclopedia {background-position: 5px -124px;}
.ichiba {background-position: 5px -156px;}
.uad {background-position: 5px -188px;}
.jk {background-position: 5px -220px;}
.commons {background-position: 5px -252px;}
.community {background-position: 5px -284px;}
.sub {background-position: 5px -316px;}
.chokuhan {background-position: 5px -348px;}
.child {background-position: 5px -378px;}
.game {background-position: 5px -414px;}
.mobile {background-position: 5px -446px;}
.niconare {background-position: 5px -443px;}
.nicolun {background-position: 5px -409px;}
.news {background-position: 5px -476px;}
.app {background-position: 5px -508px;}
.gad {background-position: 5px -541px;}
.blomaga{background-position: 5px -571px;}
.n3d {background-position: 5px -602px;}
.atsumaru {background-position: 5px -634px;}

/**
 * SerachForm
 */

#searchFormWrap{
  width:976px;
  height:39px;
  padding:13px 0 0;
  margin:0 auto;
  background-position:0 0;
  background-repeat:no-repeat;
  position:relative;
}

#searchFormInner{
  width:47em;
  margin:0 auto;
}

#searchFormInner ul{
  float: left;
}


#searchFormInner li{
  float:left;
}

#searchFormInner li a{
  display:block;
  padding:2px 6px;
  margin: 1px 2px
}

#searchFormInner li a:hover{
  text-decoration:none;
}
#searchWord{
  width:327px !important;
  height:25px;
  border:1px solid #ccc;
  float:left;
  margin:0 0 0 8px;
}

#searchSubmit{
  float: left;
  width:33px;
  height:27px;
  border:none;
  background-position:0 0;
  background-repeat:no-repeat;
  cursor:pointer;
}

#searchform_container{
  position:relative;
  float: left;
}

#migiueText{
  width:300px;
  height:25px;
  line-height:25px;
  overflow:hidden;
  color:#999;
  position:absolute;
  top:0;
  right:0;
  padding:0 0 0 25px;
  background:url(../img/zero_index/bg_search_tv.png) no-repeat 0 2px;
}

/* search Link */

.sugoiSerach{
  position: absolute;
  top:18px;
  right:12px;
  padding:0 8px 0 0;
  background:url(../img/zero_index/sugoi_cur.png) no-repeat right 6px;
}

.sugoiSerachButton{
  cursor: pointer;
  color: #333;
  border: none;
  background: none;
  margin: 0;
  padding: 0;

}

.sugoiSerachButton:hover{
  text-decoration: underline;
}

/**
 * Textinfo
 */


/* text information */
#textInfo {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  overflow:hidden;
}

#textInfo li {
  float: left;
  width: 32%;
}



/**
 * userStats
 */

#userStats{
  margin:0 0 4px;
  text-align:center;
}

#userStats p{
  margin:4px 0 0;
  font-weight:bold;
}

/**
 * Side Navigation - nico nico service
 */

/* open_user_ch.tpl */
#userContent{
  width:182px;
  height:auto;
  font-size:14px;
  text-align:center;
  margin-bottom:10px;
}
#userContent div#Content{
  background:url(../img/zero_index/open_user_ch/bg.png) repeat-y;
}
#userContent div#Content div { font-weight:bold; padding:0 14px;}
#userContent div#Content div.user_name { width:170px; word-break: break-all;}
#userContent div#bottom {
  font-weight:bold;
  background:url(../img/zero_index/open_user_ch/bottom.png) bottom no-repeat;
  height:32px;
  padding-top:6px;
}
#userContent div#bottom { color:#FFF;}

#NewServiceList{
  margin:0 0 8px;
}

#NewServiceList h5{
  background-repeat:no-repeat;
  height:28px;
  line-height:28px;
  padding:0 0 0 8px;
  position:relative;
}

#menuR18{margin: 8px 0 0;}

#menuContents h5{background-position:0 -52px;}
#menuService h5{background-position:0 -80px;}
#menuDevice h5{background-position:0 -52px;}
#menuR18 h5{background-position:0 -52px;}

#menuService h5 a,
#menuDevice h5 a{
  position:absolute;
  top:0;
  right:18px;
  font-size:93%;
}


#NewServiceList li{
  background-repeat:no-repeat;
  width:182px;
  height:24px;
}
#menuContents li{
  background-position:0 -108px;
}

#menuContents li:hover{
  background-position:0 -132px;
}

#menuService li,
#menuDevice li,
#menuR18 li{
  background-position:0 -156px;
}

#menuService li:hover,
#menuDevice li:hover,
#menuR18 li:hover{
  background-position:0 -180px;
}

.service_sub li a{
  display:block;
  padding:4px 8px 4px 26px;
}

.service_main li a{
  display:block;
  padding:4px 8px 4px 28px;
}

.service_sub a:hover,
.service_main a:hover{
  text-decoration:none;
}

.service_open,
.service_close{
  text-align:right;
  padding:4px;
  font-size:93%;
}

.service_sub .tv_child_list {
  font-size: 11px;
  margin: 0 0 0 15px;
}

.service_sub .tv_child_list a {
  display: inline;
  padding: 4px 2px;
  color: #444;
}

.service_sub .tv_child_list a:hover {
  color: #444 !important;
}

.service_sub .tv_child_list a.icon_svc {
  padding: 4px 2px 4px 26px;
}

/**
 * Enjoy
 */


#enjoy_prev.on{
  background-repeat:no-repeat;
  background-position:0 -204px;
  display:block;
  height:17px;
  text-indent:-9999px;
  cursor:pointer;
}

#enjoy_prev.on:hover{
  background-position:0 -221px;
}

#enjoy_prev{
  background-repeat:no-repeat;
  background-position:0 -238px;
  display:block;
  height:17px;
  text-indent:-9999px;
}

#enjoy_next.on{
  background-repeat:no-repeat;
  background-position:0 -255px;
  display:block;
  height:17px;
  text-indent:-9999px;
  cursor:pointer;
}
#enjoy_next.on:hover{
  background-position:0 -272px;
}
#enjoy_next{
  background-repeat:no-repeat;
  background-position:0 -289px;
  display:block;
  height:17px;
  text-indent:-9999px;
}

#enjoy_container{
  overflow:hidden;
  height:260px;
  background: #FFF;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.enjoy_content li{
  text-align:center;
  padding:8px 0 0;
  width:180px;
}

li.enjoy_s img{width:164px; height:55px;}
li.enjoy_m img{width:164px; height:118px;}
li.enjoy_l img{width:164px; height:244px;}


/*    ----------     MainContainer      ----------     */


/**
 * Today
 */

#today{
  width:424px;
  margin:0 auto 8px;
  position:relative;
}

#today h2{
  height:47px;
  text-align:right;
  padding:0 10px 0 0;
  line-height:47px;
  font-family: Impact,Charcoal;
  font-size:200%;
  font-weight:normal;
  color: #333;
  background:#cccccc;
}
#today h2 span{font-size: 50%;
font-weight: normal;text-indent: 5px;display: inline-block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ" ;}

#today_calendar_open{
  display:block;
  width:15px;
  height:16px;
  background-repeat:no-repeat;
  background-position:0 0;
  text-indent:-9999px;
  display:none;
}

#today_contents_wrap{
  padding:16px 8px 3px 8px;
  width:408px;
  line-height: 150%;
}

#today_contents{
  width:210px;
  float:left;
  background-position:right 50%;
  background-repeat:repeat-y;
}

#today_live_onair{
  margin:0;
  position: relative;
}

#today_live_onair a{
  font-weight:bold;
}

.today_live_playing li{
  background-repeat: no-repeat;
  margin-top:8px;
  padding:22px 8px 0 5px;
  position:relative;
  z-index:7;
  background-image:url(../../img/zero_index/theme/default/today_onair.png);
}

.today_onair_image{
  width:192px;
  height:144px;
  position:relative;
  z-index:6;
}

.today_onair_image img{
  max-width:192px;
  max-height:144px;
  margin:-55px 0 -16px;
  margin-left: 5px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}


.timeshift_button a {
    padding: 2px 0 2px 0 !important;
}

#today_program{
  position: relative;
}

#today_program dl{
  padding:0 0 15px;
}
#today_program dt{
  display:inline-block;
  margin-top:8px;
  padding:0 8px;
  background-repeat:no-repeat;
  line-height:20px;
  vertical-align:middle;
  position:relative;
  z-index:8;
  color:#333;
  background: #e5be23;
}

#today_program dd{
  padding:2px 8px 0 5px;
}

#today_event{
position: relative;
width: 176px;
float: right;
border-left: 1px solid #ccc;
padding-left: 15px;
}

.today_event_title{
  display: none;
}

.event_image {
  display: block;
  text-align: center;
  z-index:80;
  position: relative;
}

.event_image img{
  max-height: 90px;
  max-width: 169px;
  display: block !important;
  margin: 0 auto;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#today_event li{
  margin:8px 0 0 ;

}

#today_foot{
  clear:both;
  text-align:right;
  position:relative;
}

#today_foot p{
    background-position: right bottom;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    padding-top: 4px;
}

/*  Calender  */

#today_calendar{
  position:absolute;
  top:-11.5em;
  right:5em;
  z-index:100;
  padding:4px;
  background:#fff;
  border:1px solid #666;
  font-size:93%;
  display:none;
  box-shadow:2px 2px 4px #666;
}

.calendar_table th,
.calendar_table td{
  padding:1px 2px;
  text-align:center;
}

.calendar_table th.calendar_0{color:#C00;}
.calendar_table th.calendar_6{color:#06F;}
.calendar_table th{border-bottom:1px solid #ccc;}

.calendar_table td:hover{background:#ccc;}
.calendar_table td{color:#999;}
.calendar_table td a{color:#000;}
.calendar_table td.calendar_0 a{color:#c00;}
.calendar_table td.calendar_6 a{color:#06f;}

#calendar_head{
  background: #1c1c1c;
  color:#fff;
  padding:2px;
  text-align:center;
  position:relative;
}

#calendar_prev{
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  top:6px;
  left:4px;
  text-indent:-9999px;
  background-image:url(../img/zero_index/icon_cal_cur.png);
  background-repeat:no-repeat;
  background-position:0 0;
}

#calendar_next{
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  top:6px;
  right:4px;
  text-indent:-9999px;
  background-image:url(../img/zero_index/icon_cal_cur.png);
  background-repeat:no-repeat;
  background-position:-10px 0;
}

#today_calendar_open{
  display:block;
  width:16px;
  height:18px;
  background-image:url(../img/zero_index/theme/default/icon_cal.png);
  background-repeat:no-repeat;
  background-position:0 2px;
  text-indent:-9999px;
  z-index:110;
  text-align:left;
  position:absolute;
  top:0;
  right:4em;
}

#today_calendar_close{
  display:block;
  width:16px;
  height:16px;
  background-image:url(../img/zero_index/theme/default/icon_cal.png);
  background-repeat:no-repeat;
  background-position:0 -18px;
  text-indent:-9999px;
  z-index:109;
  text-align:left;
  position:absolute;
  top:4px;
  right:4em;
}

/**
 * News Tab
 */


#newsLogo{
  height: 16px;
  margin: 8px 8px 0;
}

#newsLogo a{
  display: block;
  width: 122px;
  height: 16px;
  background:url(../img/zero_index/news_logo.png) no-repeat 0 0;
  text-indent: -9999px;
}

#News_tab{
  width:424px;
  border:1px solid #ccc;
  margin:0 0 10px;
  background:#fff;
  margin:8px auto;
  border-radius-top-left: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

#topic,
#hard,
#soft,
#rank,
#pick{
  position:relative;
  display:none;
  min-height:170px;
}

#Tabs{
  margin:10px;
}


.tabmenu{
  padding:5px 0 0;
  color:#666;
}

.tabmenu li{
  float:left;
  margin-left:1px;

}

.tabmenu li a{
  display:inline-block;
  padding:3px 10px;
  font-size:12px;
  background: #e5e5e5;
  color:#000;
}

.tabmenu li a:hover{
  background:url(../img/zero_index/highlight_bg.png) repeat-y #efefef  ;
}

.tabmenu li.active a{
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #fff;
  border-left:1px solid #ccc;
  padding:6px 10px 3px;
  font-weight:bold;
  cursor:default;
  text-decoration:none;
  margin:-4px -1px 0 -1px;
  background: #fff;

}

.tabcont{
  background:#fff;
  text-align:left;
  position: relative;
}

.tabcont li img{
  margin:0 0 0 3px;
}

.tabcont ul{
  padding:8px 0;
  margin: 0px 5px 5px 5px;
}

#topic ul,
#hard ul,
#soft ul,
#pick ul{
  width: 272px;
  float: left;
  position: relative;
  z-index: 2;
}


.tabcont li{
  margin: 5px 0 0;
}

.tab_caption{
  padding:5px 8px 10px;
  border-top:1px solid #ccc;
  color:#666;
}

.news_imgbox{
  width:110px;
  float: right;
  margin: 15px 8px 0 0;
}

.news_thumb{
  border:1px solid #ccc;
  width:110px;
  height:110px;
  background:#fff;
  overflow:hidden;
  text-align:center;
  display:table-cell;
  vertical-align:middle;
  layout-grid-line:110px;
}

.news_thumb img{
  max-width:110px;
  max-height:110px;
  vertical-align:middle;
}

.news_imgbox p{
  margin:3px 0 8px;
}

.news_link{
  margin: -8px auto 8px;
  text-align: right;
  display: inline-block;
  float: right;
  width: 394px;
}

.news_link a:before{
  content: "";
  display: inline-block;
  background: url(../img/zero_index/icon_cur.png) no-repeat 0 0.3em;
  width: 12px;
  height: 12px;
}

.tabcont ul.news_ranking {
  padding:8px;

}

.news_ranking li{
  margin:5px 135px 0 4px;
  padding:0;
  height:22px;
  background:url(../img/zero_index/rank_bg.png) repeat-x 0 50%;
}

.news_ranking a{
  background:#fff;
  padding:0 5px 0 0;
}

.news_ranking span{
  display:inline-block;
  width:13px;
  text-align:center;
  overflow:hidden;
  font-size:10px;
  color:#333;
  font-weight:bold;
  background:#fff;
  padding:0 3px 0 0;
  margin:0 0 0 -7px;
}


.news_rank1 span{
  background:url(../img/zero_index/icon_rank1.png) no-repeat #fff;
}

.news_rank2 span{
  background:url(../img/zero_index/icon_rank2.png) no-repeat #fff;
}

.news_rank3 span{
  background:url(../img/zero_index/icon_rank3.png) no-repeat #fff;
}

.news_graph{
  position:absolute;
  top:1px;
  right:8px;
  width:130px;
}

.news_graph li{
  background:none;
  padding:0;
  position:relative;
  height:22px;
}

.graph{
  display:block;
  background:#FFD5AB;
  overflow:hidden;
  text-indent:-9999px;
  width:140px;
  height:22px
}

a.news_tweet{
  position:absolute;
  top:1px;
  right:2px;
  font-size:10px;
  color:#000 !important;
  padding:0 0 0 10px;
}

#topic ul{
  margin-bottom: -14px;
}

.comment_count{
  display: inline-block;
  font-size: 11px;
  color: #444 !important;
}

.comment_count img{
  margin: 0 4px 0 3px !important;
}

/**
 * Entertainment
 */

#entertainment{
  width:424px;
  background-color: transparent;
  background-repeat:no-repeat;
  background-position:0 0;
  margin:8px auto 8px;
  position:relative;
}

#entertainment_container{
  overflow: hidden;
  width:414px;
  height:120px;
  position:relative;
}

#entertainment_container h3{
  background-repeat:no-repeat;
  width:292px;
  position:absolute;
  top: 0;
  left: 105px;
  padding:8px 0 0 16px;
  color:#fff;
}

.colorset00 h3{ height:27px;background-position:0 -112px;}
.colorset00 h3 a{color:#cc0099;}

.colorset01 h3{ height:24px;background-position:0 -147px;}
.colorset01 h3 a{color:#9d7901;}

.colorset02 h3{ height:26px;background-position:0 -179px;}
.colorset02 h3 a{color:#009095;}

.colorset03 h3{ height:27px;background-position:0 -213px;}
.colorset03 h3 a{color:#ff7500;}

.colorset04 h3{ height:24px;background-position:0 -248px;}
.colorset04 h3 a{color:#ff0000;}


#entertainment_prev,
#feature_prev{
  background-image:url(../img/zero_index/icon_slide_cur.png);
  display:block;
  width:20px;
  height:20px;
  margin:-10px 0 0;
  background-repeat:no-repeat;
  background-position:0 0;
  text-indent:-9999px;
  position:absolute;
  top:50%;
  left:-8px;
  display:none;
  cursor:default;
  z-index:5;
}

#entertainment_prev.on,
#feature_prev.on{
  display:block;
  cursor:pointer;
}

#entertainment_next,
#feature_next{
  background-image:url(../img/zero_index/icon_slide_cur.png);
  display:block;
  width:20px;
  height:20px;
  margin:-10px 0 0;
  background-repeat:no-repeat;
  background-position:-20px 0;
  text-indent:-9999px;
  position:absolute;
  top:50%;
  right:-8px;
  display:none;
  cursor:default;
}

#entertainment_next.on,
#feature_next.on{
  display:block;
  cursor:pointer;
}

.entame_image{
  width:100px;
  border:1px solid #ccc;
  float:left;
  margin:10px;
}

.entame_image img{
  width:100px;
  height:75px;
}

.entertainment_content{
  position: absolute;
  top:0;
  left:0;
}

.entertainment_content dl{
  padding:30px 0 0;
  width:284px;
  overflow:hidden;
  zoom:1;
  font-size:93%;
  line-height:1.4;
}
.entertainment_content dt {
margin-bottom: 3px;
}
.entertainment_content dd{
  text-align:right;
}

/**
 * features
 */


#feature{
   width:424px;
   margin:8px auto;
   position:relative;
   background:#fff;
}

#feature_container{
  position:relative;
  widtht:424px;
  overflow:hidden;
  margin:0 auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.feature_content {
  width:424px;
  position: absolute;
  margin-left:0;
}

.feature_article{
  padding:13px;
}

.feature_main_image{
  float:left;
  margin:0 8px 8px 0;
}

.feature_description{
  overflow:hidden;
  zoom:1;
}

.feature_article ul{
  clear:left;
  margin-right: -10px;
}

.feature_article li{
  float:left;
  width:190px;
  margin:0 10px 4px 0;
  overflow:hidden;

  font-size:93%;
}

/**
 * Pickup
 */

#pickup{
  width:422px;
  margin:8px auto;
}

#pickup ul{
  margin:0 -10px 0 0;
}

#pickup li{
  width:98px;
  float:left;
  margin:0 10px 0 0;
}

.pick_thumb{
  width:96px;
  height:72px;
  overflow:hidden;
  border:1px solid #f00;
  position:relative;
}

.pick_thumb img{
  max-width:96px;
  max-height:72px;
}

.pick_thumb span{
  display:inline-block;
  position:absolute;
  padding:2px 4px;
  bottom:0;
  right:0;
  font-size:88%;
  color:#fff;
  text-shadow:1px 1px 1px #666;
}


.comic .pick_thumb{border:1px solid #77c238 ;}
.comic span{background: #77c238 ;}
.illust .pick_thumb{border:1px solid #FF9900;}
.illust span{background: #FF9900;}


.pick_link{
  margin:8px 0;
  text-align:right;
}



/*  niconico info */

#nicoNews{
  margin:8px 0;
}

/*  recommend News  */

#recommendNews ul{
  padding:10px 12px 0 12px;
}
#recommendNews li{
  background-repeat:no-repeat;
  background-position:0 0.2em;
  margin:0 0 4px;
  padding:0 0 4px 0;
  color:#666;
  border-bottom:1px solid #ccc;
}

#recommendNews li:last-child{
  border:none;
  margin:0;
}

.rec_name{
  font-size:88%;
  font-weight:normal;
  margin:0 0 4px;
}

.rec_description{
  border-top:1px dotted #ccc;
  margin:4px 0 0;
  padding:4px 0;
  font-size:93%;
}

.reccomend_article{
}

.reccomend_article img{
  float:right;
  width:100px;
  margin:0 0 0 8px;
}

.reccomend_article_box{
  overflow:hidden;
  zoom:1;
}

/*  Real Event  */

#real_event_container{
  width:350px;
  overflow:hidden;
  border:1px solid #ccc;
  border-radius:3px;
  background: #fff;
}

#real_event_container .link_right {
    padding: 0 8px 4px;
}

#real_event_container li{
  word-break: break-all;
  word-wrap: break-word;
}


/* main contents - common styles */

.link_right{
  clear:both;
  text-align:right;
  padding:4px 0;
}

.contents_box .link_right{
  padding:4px 8px;
}

.title_index{
  background-repeat:no-repeat;
  background-position:0 -306px;
  font-weight:bold;
  height:30px;
  overflow:hidden;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.title_index h4{
  padding:5px 10px;
  float:left;
}

.twitter_link{
  float:right;
  background:url(../img/zero_index/tweet_bg.png) right 0 #2987c6 no-repeat;
  display:block;
  padding:0;
  text-indent: -999em;

/*
  height:20px;
  padding:4px 28px 4px 8px;
*/
}

.facebook_link{
  float:right;
  background:url(../img/zero_index/facebook_bg.png) right 0 #3b5998;
  display:block;
  text-indent: -999em;
}

.rss_link{
  float:right;
  background:url(../img/zero_index/rss_bg.png) right -3px #47993d no-repeat;
  display:block;
  width: 60px;
  color:#fff !important;
  font-size: 11px;
  text-indent: 8px;
  line-height: 26px;
}

.twitter_link,
.facebook_link,
.rss_link{
  margin: 3px 4px 0 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  height:24px;
}

.twitter_link,
.facebook_link{
  background-size: 100% auto;
  width: 24px;
}


.twitter_link:hover{
  background:url(../img/zero_index/tweet_bg.png) right 0 #429bd6 no-repeat;
  background-size: 100% auto;
}

.facebook_link:hover{
  background:url(../img/zero_index/facebook_bg.png) right -24px #4869ad no-repeat;
  background-size: 100% auto;
}

.rss_link:hover{
  background:url(../img/zero_index/rss_bg.png) right -3px #5cb151 no-repeat;
}

.title_light{
  background-repeat:no-repeat;
  background-position:0 -334px;
  font-weight:bold;
  height:20px;
  padding:4px 8px;
  margin:8px 0;
  overflow:hidden;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.title_uad{
  background-repeat:no-repeat;
  background-position:0 -362px;
  font-weight:bold;
  height:20px;
  padding:4px 4px;
  margin:8px 0;
  overflow:hidden;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.title_uad span{
  display:block;
  padding:0 0 0 26px;
}

.videoList .listWrap {
  width: 424px;
  margin:0 auto;
  overflow: hidden;
}

.videoList .listWrap ul{
  margin-right:-10px;
}

.videoList .listWrap ul li {
  margin-right: 10px;
  float: left;
  width: 98px;
  overflow: hidden;
  word-wrap: break-word;
}

.videoList .listWrap ul li a {
  margin-bottom: 2px;
  display: block;
}

.videoList .listWrap ul li a img {
  width: 96px;
  height: 72px;
}

.contents_box{
  border:1px solid #ccc;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin:0 auto 8px;
}

.link_list{
  padding:7px 10px 10px 10px;
}

.link_list li{
  margin:5px 0 0;
}

li.no_contents{
  padding:30px 0;
  text-align:center;
  background:none;
}

.topic_contents{
  padding:8px 8px 0;
}

.topic_image{
  float:left;
  margin: 0 8px 0 0;
}
.topic_image img{
  width:100px;
  height:75px;
}

.topic_contents{
  overflow:hidden;
  zoom:1;
}

.icon_cur{
  display:inline-block;
  padding:0 0 0 12px;
  word-break: normal;
}

.icon_cur_white{
  display:inline-block;
  background:url(../img/zero_index/theme/default/icon_cur_white.png) no-repeat 0 0.3em;
  padding:0 0 0 12px;
}

.ext_image{
  border-top:1px solid #ccc;
  margin:0 8px;
  padding:8px 0;
  text-align:center;
}

/* main contents - hot video */
#hotVideo{
  width:424px;
  margin:8px auto;
}

#hotVideo .listWrap ul li img {
  border: 1px solid #6c3;
}


/* main contents - advertised video */


#uadVideo{
  width:424px;
  margin:8px auto;
}

#uadVideo .listWrap ul li img {
  border: 1px solid #c90;
}

#uadVideo .listWrap ul li p {
  margin-bottom: 2px;
  color: #c58a19;
  text-align: center;
}

#uadVideo .listWrap ul li p span {
  margin-right: 5px;
  font-weight: bold;
}

#uadVideo .listWrap ul li.silver p {
  color: #999;
}

#uadVideo .listWrap ul li.silver img {
  border-color: #ccc;
}

#venus{
  width:350px;
  text-align:center;
  overflow:hidden;
  margin:8px 0;
}

/**
 * Earthquake Info
 */

#earthquake{
  border:1px solid #666;
  margin:8px auto;
  width:750px;
  background-color: #fff;
}

#earthquake h4{
  padding:5px 8px;
  background:#333;
  color:#fff;
}

#earthquake p{
  padding:8px;
  text-align:center;
}

/**
 * Personal Frame
 */
#personalFrame {
  margin: 0 auto 8px;
  width: 424px;
  border: 1px solid #cecece;
  -webkit-box-shadow: 0 1px 3px 0px #cecece;
  -moz-box-shadow: 0 1px 3px 0px #cecece;
  box-shadow: 0 1px 3px 0px #cecece;
  font-size: 12px;
  background: #FFF;
  position: relative;
 }

#personalFrame .personalTitle h3 {
  font-size: 12px;
  padding: 12px 0 0 72px;
  color: #343434;
  font-weight: normal;
 }

#personalFrame .personalTitle .personalNickname {
  font-size: 15px;
  font-weight: bold;
  display: inline;
 }

#personalFrame .personalTitle:before {
  content: "";
  display: block;
  position: absolute;
  height: 48px;
  width: 28px;
  background: url(../img/icon/icon_personal.png) no-repeat 0 0;
  left: 28px;
  top: -3px;
 }

#personalFrame .personalCloseButton {
  display: block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/icon/icon_personal_close.png) no-repeat;
  position: absolute;
  top: 6px;
  right: 6px;
 }

#personalFrame .personalDescription a {
  display: block;
  overflow: hidden;
  background: #f4f4f4;
  height: 30px;
  line-height: 30px;
  margin: 5px 9px 9px;
  text-align: center;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
 }

#personalFrame .personalDescription a:hover {
  text-decoration: none;
  background: #f7f7f7;
 }

#personalFrame .personalFrameHighlight {
  font-weight: bold;
  color: #ff1e00;
  text-decoration: underline;
  font-size: 14px;
 }

#personalFrame .personalDescription a:hover b {
  color: #ff0090;
  text-decoration: underline;
 }

/* for unei_osusume.tpl */
#uneiOsusume {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 2px dotted #ccc;
}

#uneiOsusume .thumb {
  border: 1px solid #023567;
  width: 96px;
  height: 72px;
  float:left;
  margin:0 8px 0 0;
}

#uneiOsusume .thumb img {
  width: 96px;
  height: 72px;
}

#uneiOsusume div {
  overflow:hidden;
  zoom:1;
}

#uneiOsusume div h3 {
  font-weight: normal;
}

#uneiOsusume div p {
  color: #666;
  font-size:93%;
}

#uneiOsusume ul.uoVideo li {
  float: left;
  width: 212px;
}

#uneiOsusume ul.uoVideo li .thumb,
#uneiOsusume ul.uoVideo li div {
  margin-right: 8px;
  _margin-right: 5px;
}

#uneiOsusume ul.uoVideo li .thumb {
  border: 1px solid #023567;
  width: 96px;
  height: 72px;
}

#uneiOsusume ul.uoVideo li .thumb img {
  width: 96px;
  height: 72px;
}

#uneiOsusume ul.uoVideo li div {
  float: right;
  width: 98px;
  font-size:93%;
}


/* for chblog_tab.tpl */
#blomaga_copy{
  padding:14px 14px 8px;
  font-weight:bold;
  font-size:20px;
}

#Blomaga_tab{
  margin:8px auto;
  width: 424px;
  border: 1px solid #CCCCCC;
  background: none repeat scroll 0 0 white;
  word-wrap:break-word;
}

#Blomaga_tab .tabs{
  padding:8px 14px 14px;
}

.blomaga_tab_menu{
  margin-bottom: 10px;
  padding:5px 0 0;
  color:#666;
}
  .blomaga_tab_menu li{
    float:left;
    margin-left:1px;

  }
  .blomaga_tab_menu li a{
    display:inline-block;
    padding:3px 10px;
    font-size:12px;
    background: #e5e5e5;
    color:#000!important;
  }
  .blomaga_tab_menu li a:hover{
    background-color:#efefef;
  }
  .blomaga_tab_menu li.active a{
    margin:-4px -1px 0 -1px;
    padding:6px 10px 3px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #fff;
    border-left:1px solid #ccc;
    background: #fff;
    text-decoration:none;
    font-weight:bold;
    cursor:default;
  }


.blomaga_tab_continner{
  display:none;
}
.blomaga_tab_continner.active{
  display:block;
}
  #Blomaga_tab .blomaga_item{
    margin:4px 0;
  }
  #Blomaga_tab .blomaga_item .articleTtl{
    font-weight:bold;
    font-size:15px;
  }
  #Blomaga_tab .blomaga_more {
    text-align:right;
  }
  .blomaga_item .blogname  {
    color:#999;
  }
  .blomaga_item .blogname a {
    font-size:11px;
    color:#333;
    text-decoration:none;
  }
  .blomaga_item .blogname a:hover {
    text-decoration:underline;
  }
  #Blomaga_tab .blomaga_item.first{
    margin-bottom: 8px;
  }
  #Blomaga_tab .blomaga_item.first .blomaga_info{
    float:left;
    width:294px;
  }
    #Blomaga_tab .blomaga_item.first.noimage .blomaga_info {
      width:100%;
    }
    .blomaga_item.first .summary {
      line-height: 1.4;
      color: #666;
      font-size: 12px;
    }
    .blomaga_item.first .blogname{
      display:block;
      margin-bottom:4px;
      text-align: right;
    }
    .blomaga_item.first .blomaga_thumb{
      position: relative;
      display: block;
      float:right;
      width:91px;
      max-height:91px;
      background-color:#FFF;
      border:1px solid #cbcbcb;
      text-align:center;
    }
    .blomaga_item.first .blomaga_thumb img{
      width:100%;
    }





/* for timezone */
#timezone_offset{
  position: relative;
  padding: 8px;
  background: #f1f1f1;
  background: -webkit-gradient(liner, left top, left bottom, from(#fff), to(#e5e5e5));
  background: -webkit-linear-gradient(top, #fff 0, #e5e5e5 100%);
  background: -moz-linear-gradient(top, #fff, #e5e5e5);
  background: -ms-linear-gradient(top, #fff, #e5e5e5);
  background: -o-linear-gradient(top, #fff, #e5e5e5);
  background: linear-gradient(to bottom, #fff, #e5e5e5);
  border: #ccc solid 1px;
  border-radius: 2px;
  margin-bottom: 8px;
  font-size: 12px;
}

#timezone_offset_ignore{
  position: absolute;
  top: 4px;
  right: 4px;
  display: block;
  width: 9px;
  height: 9px;
  text-indent: -999em;
  cursor: pointer;
  background: url(../img/index/timezone/close.png) no-repeat 0 0;
}

#timezone_offset .markNotice{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 19px;
  height: 17px;
  margin: 0 4px 2px 0;
  vertical-align: top;
  background: url(../img/index/timezone/notice.png) no-repeat 0 0;
}

#timezone_offset p{
  padding-right: 4px;
}

#timezone_offset p a{
  padding-left: 12px;
  background: url("../../img/zero_index/theme/default/icon_cur.png") no-repeat 0 4px;

}

#to_q{
  width: 424px;
  margin: 0 auto 8px;
}


/* todayBanner */
#todayBanner {
  clear: both;
  padding: 4px;
  text-align: center;
}



/* premium_strong.tpl */
div#premium_strong {
  width:424px;
  height:92px;
  margin:0 auto 10px;
  position:relative;
  overflow:hidden;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
a#close_premium_strong {
  position:absolute;
  width:20px;
  height:20px;
  top:0;
  right:0;
  z-index:1;
  cursor:pointer;
}

/*chohonzituPickup*/
#chohonzituPickup a{
  color: #000000 !important;
  text-decoration: underline !important;
}

#chohonzituPickup a:hover{text-decoration: none !important;}


/* recommendVideo */

#recommendVideo{
  width:424px;
  margin:0 auto 8px;
  position:relative;
}

#recommendVideo img{
  border:1px solid #ccc;
}
#recommendVideo span{
  font-size:11px;
}
#recommendVideo .recommendTag{
  color:#999;
}


/* novel */

#niconovel{
  margin: 16px auto;
  padding:16px 16px 8px;
  background-image: url("../../img/zero_index/novel/bg.png");
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#niconovel h3{
  width:120px;
  float:right;
  margin:32px 0 0;
}

#niconovelContainer{
  float:left;
  width:808px;

}

#niconovelBody{
  height:26em;
  overflow: hidden;
}

#niconovelBody h5{
  font-weight: normal;
  font-size: 16px;
  margin:0 0 0 16px;
}

#niconovelBody p{
  margin:16px 0 0 ;
}

#niconovelBody p a{
  color: #c00;
}

#niconovelBody p.novelLink{
  margin:16px 0 0 16px;
}

#novelFooter{
  clear: both;
  text-align: center;
  margin: 0 -16px;
}

/*  PremiumCounter  */

#premiumCountUp{
  margin: 0 auto 8px;
  width: 418px;
  height: 75px;
  position: relative;
  background-image: url("../../img/zero_index/premium_count/bg.png?20130623");
}

#premiumCountUp a{
  width: 418px;
  height: 75px;
  position: absolute;
  top:0;
  left:0;
  text-indent: -9999px;
}

#premiumCountHide{
  margin: 0 auto 8px;
  width: 418px;
  height: 75px;
  position: relative;
  background-image: url("../../img/zero_index/premium_count/hide.jpg");
}

#premiumCountHide a{
  width: 418px;
  height: 75px;
  position: absolute;
  top:0;
  left:0;
  text-indent: -9999px;
}

#premiumCount2m{
  margin: 0 auto 8px;
  width: 420px;
  height: 75px;
  position: relative;
  background-image: url("../../img/zero_index/premium_count/2million.jpg");
}

#premiumCount2m a{
  width: 420px;
  height: 75px;
  position: absolute;
  top:0;
  left:0;
  text-indent: -9999px;
}

#premiumCountBox{
  text-align: right;
  position: absolute;
  top:6px;
  left:170px;
}

#premiumCountBox span{
  display: inline-block;
  width: 32px;
  height: 63px;
  margin:0;
  float: left;
}

#premiumCountBox span.num{display: none;}
#premiumCountBox span.num0{background-image: url("../../img/zero_index/premium_count/00.gif");}
#premiumCountBox span.num1{background-image: url("../../img/zero_index/premium_count/01.gif");}
#premiumCountBox span.num2{background-image: url("../../img/zero_index/premium_count/02.gif");}
#premiumCountBox span.num3{background-image: url("../../img/zero_index/premium_count/03.gif");}
#premiumCountBox span.num4{background-image: url("../../img/zero_index/premium_count/04.gif");}
#premiumCountBox span.num5{background-image: url("../../img/zero_index/premium_count/05.gif");}
#premiumCountBox span.num6{background-image: url("../../img/zero_index/premium_count/06.gif");}
#premiumCountBox span.num7{background-image: url("../../img/zero_index/premium_count/07.gif");}
#premiumCountBox span.num8{background-image: url("../../img/zero_index/premium_count/08.gif");}
#premiumCountBox span.num9{background-image: url("../../img/zero_index/premium_count/09.gif");}

#twoMillionBanner{
  margin: 0 auto 8px;
}

/* Blomaga Topic */

#blomagaTopic{
  width: 424px;
  background:url(../img/zero_index/blomaga_bg.png) repeat-x 0 0 #fff;
  border: 1px solid #ccc;
  margin: 8px auto;
}

#blomagaTopic div{
  border:1px solid #fff;
  padding: 5px 0;
}

#blomagaTopic h3{
  margin: 4px 8px 10px;
  height: 16px;
}

#blomagaTopic h3 a{
  display: block;
  width: 74px;
  height: 20px;
  background:url(../img/zero_index/blomaga_logo.png) no-repeat 0 0;
  text-indent: -9999px;
}

#blomagaTopic ul{
  padding:0 8px 4px;
}

#blomagaTopic li{
  margin:4px 0 0 8px;
}
#indexExtLive{}
#indexExtLive h5{width:350px;height:65px;text-indent: -9999px;background:url(../img/zero_index/banner/examination_live_title.png) no-repeat 0 0;}
#indexExtLive .indexExtLiveContainer{padding: 0 7px 8px;background: #B1DFFA; border-radius: 0px;}


/* cloud */

#tag_cloud{
  margin: 0 auto 8px;
    position: relative;
    width: 424px;
}
#tag_cloud ul{padding:8px 0 8px 8px;}
#tag_cloud ul li{float: left;margin: 0 4px 0 0;height: 34px;}
#tag_cloud a{display:inline-block;line-height: 26px;padding:2px;border-radius: 4px;}
#tag_cloud a:hover{background: #EAEAEA;}
#tag_cloud .tag_small a{}
#tag_cloud .tag_medium a{font-size: 139%;}
#tag_cloud .tag_large a{font-size: 185%; font-weight: bold;}

#tenkuLive{width:416px;margin:0 auto 8px;padding:3px 4px;background: #000; border-radius: 0px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}

#tenkuLive140714{width:425px;margin:0 auto;background: #000; border-radius: 0px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        margin-bottom: 10px;}




/* today_banner textlink */

.today_textlink{
  clear: both;
  text-align: center;
  padding:36px 0 16px;
  font-size: 16px;
}
.today_textlink a{
  color: black !important;
  text-decoration: underline;
  font-weight: bold;
}

.today_textlink a:hover{
  text-decoration: none !important;
  color: black !important;
}


/* ABテスト201409 ----------------*/

#userStats .premium_ABtest{
  height: 75px;
  width: 182px;
  font-size: 110%;
}
#userStats .premium_ABtest a:hover{
  text-decoration: none;
}
#userStats .AB_A a{
  display: block;
  color:#613e00;
  font-weight: bold;
  height: 75px;
  width: 182px;
  background-image: url("../../img/zero_index/AB/to_premiumA_ja-jp.png") ;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#userStats .AB_A a:hover{
  color:#613e00;
}
#userStats .AB_B a{
  display: block;
  color:#333;
  font-weight: bold;
  height: 75px;
  width: 182px;
  background-image: url("../../img/zero_index/AB/to_premiumB_ja-jp.png") ;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#userStats .AB_B a:hover{
  color:#333;
}

/* ãƒ‹ã‚³ãƒ‹ã‚³æœ¬ç¤¾ã‹ã‚‰ã®ãŠçŸ¥ã‚‰ã›æž 201410 ----------------*/

#nico_honsha.contents_ext .contents_box {
  background: none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

#nico_honsha.contents_ext .title_index {
  background: none;
  height: auto;
  width: 352px;
}

#nico_honsha.contents_ext  h4 {
  padding: 0;
}

#nico_honsha.contents_ext .title_index .title_link {
  display: block;
  position: relative;
  width: 350px;
  height: 53px;
}

#nico_honsha.contents_ext .title_index .title_txt {
  position: absolute;
  top: 5px;
  left: 215px;
}

#nico_honsha.contents_ext .title_index:after {
  content:"";
  display: block;
  width: 350px;
  height: 35px;
  border-radius: 5px 5px 0 0;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  margin: 18px 0 0;
  text-indent: -9999px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

#nico_honsha.contents_ext .link_area {
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  background: #fff;
}

#nico_honsha .nicohonsha_blue .title_link {
  background: url("../../img/zero_index/nicohonsha/nicohonsha_header_illust_blue.png") no-repeat ;
  background-size: 100%;
}

#nico_honsha .nicohonsha_red .title_link {
  background: url("../../img/zero_index/nicohonsha/nicohonsha_header_illust_red.png") no-repeat ;
  background-size: 100%;
}

#nico_honsha .nicohonsha_orange .title_link {
  background: url("../../img/zero_index/nicohonsha/nicohonsha_header_illust_orange.png") no-repeat ;
  background-size: 100%;
}

#nico_honsha .title_index.nicohonsha_blue:after {
  background: #98e9f9;
}

#nico_honsha .title_index.nicohonsha_red:after {
  background: #f16da6;
}

#nico_honsha .title_index.nicohonsha_orange:after {
  background: #f0960a;
}



/* 総合TOP真ん中カラム改修verのスタイル  ----------------*/

/*ã‚·ãƒ³ãƒ—ãƒ«æž ãƒ‡ã‚¶ã‚¤ãƒ³*/
.simple_frame{
  background: #fff;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  width: 424px;
  margin: 8px auto;
  -webkit--webkit-border-radius: 2px;
  -moz--webkit-border-radius: 2px;
  -webkit-border-radius: 2px;
}

/*æž ã‚¿ã‚¤ãƒˆãƒ«å‘¨ã‚Š*/
.simple_frame .title_index,
.simple_frame .title_light{
  background: none;
  border-top: none;
}

.simple_frame .title_index h4,
.simple_frame .title_light{
  padding: 8px 10px 6px;
  height: 16px;
  margin: 0;
}

/*タブ*/
.simple_frame #Tabs,
.simple_frame .tabs{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/*コンテンツのテキストリンク*/
.simple_frame .contentTitle{
  line-height: 1.4;
}

/*コンテンツ4件表示*/
.simple_frame.videoList .listWrap{
  width: 392px;
}

.simple_frame.videoList .listWrap ul li{
  margin-right: 8px;
  width: 92px;
}

.simple_frame.videoList .listWrap ul li a{
  width: 90px;
  height: 52px;
  overflow: hidden;
  margin: 0 auto 4px;
}

.simple_frame.videoList .listWrap ul li a img{
  width: 92px;
  height: auto;
  margin-top: -9px;
  border: none !important;
}

/*大サムネイル4件表示*/
.simple_frame.videoListLsize .listWrap{
  width: 394px;
  margin: 0 auto;
}

.simple_frame.videoListLsize ul li{
  width: 184px;
  margin: 4px 0;
  float: left;
}

.simple_frame.videoListLsize ul li:nth-child(odd){
  margin-right: 26px;
  clear: both;
}

.simple_frame.videoListLsize .listWrap ul li a.VideoThumb{
  display: block;
  width: 184px;
  height: 104px;
  margin-bottom: 6px;
  overflow: hidden;
}

.simple_frame.videoListLsize .listWrap ul li a img{
  width: 184px;
  height: auto;
  margin-top: -17px;
  border: none !important;
}

.simple_frame.videoListLsize .listWrap ul li .videoComment{
  font-size: 12px;
}

/*シェアボタン*/
.simple_frame .twitter_link,
.simple_frame .facebook_link,
.simple_frame .rss_link{
  margin: 4px 4px 0 0;
}

/*æž å³ä¸‹ã€€å¤–éƒ¨ã¸ã®ãƒªãƒ³ã‚¯*/
.simple_frame .link_right,
.simple_frame .pick_link{
  padding: 4px 12px 8px 0;
  margin: 0 auto;
}

/*æœ¬æ—¥æž */


.today_onair_image,
.today_onair_image img{
  width: auto;
  height:135px;
  margin-left: 12px;
}

/*ãƒ‹ãƒ¥ãƒ¼ã‚¹æž */
.simple_frame#News_tab .tabcont li{
  margin-top: 3px;
}

/*ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½œå“ï¼ˆé™ç”»ï¼‰æž */
.simple_frame#pickup{
  width: 424px;
}

.simple_frame#pickup .listWrap{
  width: 392px;
  margin: 0 auto;
}

.simple_frame#pickup .listWrap li{
  width: 92px;
  margin-right: 8px;
}

.simple_frame#pickup .listWrap li:last-child{
  margin-right: 0;
}

.simple_frame#pickup .listWrap li .pick_thumb{
  width: 92px;
  height: 52px;
  margin-bottom: 6px;
  overflow: hidden;
}

.simple_frame#pickup .listWrap li .pick_thumb img{
  width: 72px;
  height: auto;
  position: absolute;
  right: 0
}

.simple_frame#pickup .listWrap li .pick_thumb span{
  left: 0;
  top: 0;
  width: 12px;
  line-height: 12px;
}

.simple_frame#pickup .listWrap .comic span{
  padding-top: 8px;
}

/*ãƒ‹ã‚³ãƒ‹åºƒå‘Šæž */
.simple_frame .title_uad{
  border-top: 2px solid #cc9900;
  color: #cc9900;
  background: none;
  height: 16px;
}

.simple_frame .title_uad span{
  padding: 2px 0 0 26px;
}

.simple_frame#uadVideo .listWrap ul li p{
  margin-bottom: 0;
}

.simple_frame#uadVideo.videoList .listWrap ul li a{
  height: auto;
}

.simple_frame#uadVideo.videoList .listWrap ul li a.VideoThumb{
  border: 1px solid #c90;
  height: 52px;
}


/*æ–°flogæž */
.simple_frame#hotVideo #reloadHotVideo{
  display: block;
  float: right;
  height: 16px;
  width: 20px;
  text-indent: -9999px;
  background: url("../../img/zero_index/reload.png") 0 top no-repeat;
  margin: -23px 8px 0 0;
}

.simple_frame#hotVideo #reloadHotVideo:hover{
  cursor: pointer;
  background-position: 0 -16px;
}

.simple_frame#hotVideo .listWrap ul li a.VideoThumb{
  border: 1px solid #6c3;
}

.simple_frame#hotVideo .contentTitle{
  display: block;
  max-height: 36px;
  overflow: hidden;
}

.simple_frame#hotVideo #uneiOsusume{
  margin-bottom: 30px;
  padding: 0 15px 10px;
}

.simple_frame.videoListLsize #uneiOsusume ul li:nth-child(odd){
  margin-right: 0 !important;
}

.simple_frame #uneiOsusume .uoVideo li{
  width: 197px;
}

.simple_frame #uneiOsusume .uoVideo li .thumb{
  width: 92px;
  height: 69px;
  overflow: hidden;
  margin-right: 4px;
}
.simple_frame #uneiOsusume .uoVideo li .thumb img{
  width: 92px;
  height: auto;
}

.simple_frame #uneiOsusume .uoVideo li div{
  float: left;
  width: 90px;
}


/*************
 * 20160721 ホラー2016 (è©è–©æž ï¼‰
 *************/

.okami_bosatsu{
  display:block;
  width:414px;
  height:127px;
  background: url(../img/zero_index/oyado/bg_oyado.png) top right no-repeat #fff;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  text-decoration:none;
  position: relative;
  margin: 10px ;
  padding: 0 0 0 10px;
}

.okami_bosatsu select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}

.okami_bosatsu .custom {
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    border-radius: 0.3em;
    border: 1px solid #999;
    box-shadow: 0 1px 0 #AAA;
    background-color: #f7f7f7;
}

.okami_bosatsu .custom > select {
  width: 192px;
  padding: 3px 10px;
  font-size: 14px;
}

.okami_bosatsu .custom:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.8em;
  display: block;
  content: "";
  background: url(../img/zero_index/oyado/bg_select.png) center no-repeat;
  pointer-events: none;
}

.okami_bosatsu .default .custom > select {
  width: auto;
}

.okami_bosatsu .overflow .custom {
  overflow: visible;
}

.okami_bosatsu .overflow .custom select {
  outline: 2px dotted rgba(255, 255, 0, 0.5);
}

.reservedBtn {
  cursor: pointer;
  margin-top: 10px;
  width: 154px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  display: block;
  letter-spacing: 0;
  border: none;
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  border-radius: 6px;
  text-decoration: none;
  padding: 8px 30px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff4311), color-stop(0.01, #ff7a57));
  background: -webkit-linear-gradient(top, #ff7a57 1%, #ff4311 88%);
  background: -moz-linear-gradient(top, #ff7a57 1%, #ff4311 88%);
  background: -o-linear-gradient(top, #ff7a57 1%, #ff4311 88%);
  background: -ms-linear-gradient(top, #ff7a57 1%, #ff4311 88%);
  background: linear-gradient(to bottom, #ff7a57 1%, #ff4311 88%);
}

#emptyRoom p{
  left: 15px;
  position:absolute;
  z-index: 999;
}

.okami_bosatsu .title{
  color: #333;
  font-weight: bold;
  font-size: 13px;
  padding-top: 8px;
  margin: 0px 0 8px;
}

.okami_bosatsu .emptyLabel{
  margin-top: 5px;
  width: 199px;
  height: 69px;
  background: url(../img/zero_index/oyado/emptyroom.png) center no-repeat;
}


.nicoch_modal {
  position:fixed; z-index:99998;/*хдЦщГиуГЧуГмуВдуГдуГ╝уВИуВКф╕К*/
  top:0; left:0;
  width:100%; height:100%;
}

.nicoch_modal .indent {
  padding-left:1em;
  text-indent:-1em
}
.nicoch_modal .nicoch_modal_overlay {
  width:100%; height:100%;
  background:#888;
  -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); opacity:0.7;
}

.nicoch_modal .nicoch_modal_window {
  position:fixed; z-index:9999;
  top:50%; left:50%;
  width:500px;
  margin:-150px 0 0 -250px;
  border:solid 1px #aaa;
  background:#fff; color:#333;
  
  -moz-border-radius:8px; border-radius:8px;
  -moz-box-shadow:0 5px 50px rgba(0,0,0,0.6); box-shadow:0 5px 50px rgba(0,0,0,0.6);
}

div.nicoch_modal .modal_close {
  position:relative; height:0;
}
  div.nicoch_modal .modal_close a {
    position:absolute; right:0; top:0;
    padding:10px;
    text-decoration:none; font-size:12px;
    color:#aaa !important;
  }
  div.nicoch_modal .modal_close a:hover {
    color:#666 !important;
    text-decoration:underline:
  }

div.nicoch_modal .modal_body {
  min-height:50px; padding:20px 30px 30px 46px;
/*  background:transparent url(/img/parts/timeshift.gif) no-repeat 18px 18px;*/
}
  div.nicoch_modal .modal_body.load_spinner {
/*    background:transparent url(/img/common/load_spinner.gif) no-repeat 18px 18px;*/
  }

div.nicoch_modal a.primary_button {
  display:inline-block; /display:inline; /zoom:1;
  border:solid 1px #888;
  padding:10px;
  background:#aaa; color:#fff !important;

  font-size:16px; font-weight:bold; text-decoration:none;
  
  -moz-border-radius:4px; border-radius:4px;
  -moz-box-shadow:0 2px 10px rgba(0,0,0,0.15), 0 0 6px rgba(255,255,255,0.8) inset;
  box-shadow:0 2px 10px rgba(0,0,0,0.15), 0 0 6px rgba(255,255,255,0.8) inset;
}
div.nicoch_modal a.primary_button:hover {
  background:#888;
}

div.nicoch_modal a.blank {
  display:inline-block; /display:inline; /zoom:1;
  padding-left:18px;
/*  background:transparent url(/img/parts/open_blank.png) no-repeat left center;*/
}
div.nicoch_modal h5.title {font-size:14px; color:#f60;}
div.nicoch_modal a.special {border-color:#d40; background:#f80;}
div.nicoch_modal a.special:hover {background:#f60;}


.timeshift_button {white-space:nowrap;}

.timeshift_button a {
  display:inline-block; /display:inline; /zoom:1; vertical-align:middle;
  padding: 2px 0 2px 17px;
/*  background: transparent url(/img/parts/timeshift.gif) no-repeat scroll left center; color:#f90;*/
  font-size:10px; font-weight:bold;
}
/*.timeshift_button.timeshift_reserved a {background-image: url(/img/parts/timeshift_reserved.gif);}*/
/*.timeshift_button.timeshift_play     a {background-image: url(/img/parts/timeshift_play.gif);}*/

.timeshift_button .timeshift_count {
  display:inline-block; /display:inline; /zoom:1;
  position:relative;
  margin-left:5px; padding:0 5px; border:solid 1px #888;
  color:inherit;
  font-size:10px; line-height:normal;
}
.timeshift_button .timeshift_count .tail {
  position:absolute; top:2px; left:-10px;
  display:block; width:0; height:0;
  border:solid 5px #888; border-color:transparent #888 transparent transparent;
}

@charset "utf-8";

/**
 * Container
 */

body{
  background:#eaeaea;
}

#main_container{
  background:#eaeaea;
}
a, a:link{ color: #006699;}
#contentsWrap a:hover{ color: #0584c3;}
/**
 * icon Setting
 */

.icon_svc{
  background-image:url(../../img/zero_index/theme/default/icon_svc.png);
  background-repeat:no-repeat;
}

.icon_svc.cho{
  background-image:url(../../img/zero_index/icon_cho3.png);
  background-repeat:no-repeat;
  background-position: 5px 5px;
  font-weight: bold;
}

/**
 * хОЯхо┐хЕ▒щАЪcssуБоцЙУуБбц╢ИуБЧ
 */


.contents_box,#News_tab,#blomagaTopic,#Blomaga_tab{ border: none;}
.tabmenu li a,.tabmenu li a:hover{
  color:#000 !important;
  }

#menuService h5 a,#menuContents h5 a,#menuDevice h5 a{
  position:absolute;
  top:4px;
  right:5px;
  font-size:93%;
  background: #fff ;
  border-radius: 3px;
  padding: 2px 10px;
  height: 15px;
  line-height: 16px;
}

.service_sub{ padding: 0 0 5px 0;}
.service_main{ padding: 0 0 5px 5px;}
.icon_month{ vertical-align: text-top;}
/** * Enjoy */

#enjoy_prev.on{
  background-repeat:no-repeat;
  background-position:0 0;
  display:block;
  height:17px;
  text-indent:-9999px;
  cursor:pointer;
}

#enjoy_prev.on:hover{
  background-position:0 -17px;
}

#enjoy_prev{
  background-repeat:no-repeat;
  background-position:0 -34px;
  display:block;
  height:17px;
  text-indent:-9999px;
}

#enjoy_next.on{
  background-repeat:no-repeat;
  background-position:0 -51px;
  display:block;
  height:17px;
  text-indent:-9999px;
  cursor:pointer;
}
#enjoy_next.on:hover{
  background-position:0 -68px;
}
#enjoy_next{
  background-repeat:no-repeat;
  background-position:0 -85px;
  display:block;
  height:17px;
  text-indent:-9999px;
}

/**
 * bg Setting
 */
.contents_box,#today,#menuContents,#menuService,#menuDevice,#menuR18,#News_tab,#blomagaTopic,#Blomaga_tab,#entertainment,#feature_container,#tag_cloud{background: #FFF;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}

#real_event_container{
  border:none;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}

#enjoy_prev.on,
#enjoy_prev,
#enjoy_next.on,
#enjoy_next{
  background-image:url(../../img/zero_index/theme/default/index_enjoy_icon.png);
}

.title_index{ background: #ccc;}

.icon_cur{
  background:url(../../img/zero_index/theme/default/icon_cur.png) no-repeat 0 0.3em;
}

#searchFormWrap{background: #bdbfc2;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
#searchSubmit{
  background-image:url(../../img/zero_index/theme/default/icon.png);
}


#menuContents h5{ background: #b94f64;}
#menuService h5{ background: #4280b4;}
#menuDevice h5{ background: #d48850;}
#menuR18 h5{ background: #a45997;}


#entertainment_container h3{

}


/**
 * Color Setting
 */

/* main contents - common styles */




.title_index,.title_index a,.title_index a:hover{
  color:#333;
}


.title_light{
  background: #fff;
  border-top:3px solid #ccc;
  color: #333;
}

.title_uad{
  background: #cc9900;
  border-top:3px solid #7a5c00;
  color: #FFF;
}


/* Search Form */
#searchFormInner li a{
  color:#333;
}

#searchFormInner li.active a{
  background:#414141;
  color: #FFF;
}

#searchFormInner li a:hover{
  background-color:#595959;
  color: #FFF;
}

#searchWord{
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}


/* Side Navigation - nico nico service */



#NewServiceList h5{
  color:#fff;
}




/*    ----------     MainContainer      ----------     */


/* Entertainment */

.entertainment_content dt{
  color:#333;
}




/**
 * Today
 */


.today_onair_image img{
margin-left: 5px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}

#today_program dt{
  color:#333;
  background: #e5be23;
}


/* Chokaigi Menu */

#NewServiceList #menuChokaigi h5{
  background-image:url(../../img/zero_index/theme/default/sidebar_chokaigi2.png);
}

/* cloud */

#tag_cloud .title_index{ background: #B94F64;}
#tag_cloud h4{ background: #B94F64; color: #fff;}
@charset "utf-8";

p{margin:0;}

/**
 * Container
 */

#contentsWrap {
  margin: 0 auto;
  padding-bottom: 30px;
  position: relative;
  width: 976px;
  text-align: left;
}

#contents {
  margin-bottom: 16px;
  width: 100%;
}

#sideNav {
  float: left;
  width: 182px;
}


#entame_global{
  float:left;
  width:784px;
}

#mainContents {
  float: left;
  width: 444px;
}

#sideContents {
  float: right;
  width: 350px;
}

/**
 * Search
 */

#searchFormWrap{
  margin:0 auto 12px;
}

/**
 * Side Navigation - nico nico service
 */


#menuService h5{background-position:0 -52px;}

#menuService .service_sub li:hover{
  background-position:0 -132px;
}


/* main contents - common styles */




.title_live{
  font-weight:bold;
  height:28px;
  overflow:hidden;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background: #a32d2d;
}

.title_live h4{
  padding:4px 8px;
  float:left;
  color:#fff;
}

/**
 * Entertainment
 */

#entertainment{
  width:784px;
  height:324px;
  margin:0 0 8px 10px;
  background:none;
}

#entertainment_container {
  overflow: hidden;
  width:784px;
  height:300px;
  position:relative;
}

#entertainment, #entertainment_container h3{
  background:none;
}

.entertainment_content{
  position: absolute;
  top:0;
  left:0;
}

.entame_image{
  width:784px;
  height:300px;
  border:none;
  margin:0;
}

.entame_image img{
  width:784px;
  height:300px;
  margin:0;
}

#entertainment_nav{
  position:absolute;
  width:784px;
  height:24px;
  text-align:center;
  bottom:0;
  left:0;
  background-image:url(../../img/zero_index/theme/default/bg_entame_nav.png);
}

#entertainment_nav li{
  display: inline-block;
  margin:4px 0 0;
}


#entertainment_prev{
  background-image:url(../img/zero_index/theme/default/icon_prev.png);
  display:block;
  width:8px;
  height:18px;
  margin:0;
  background-repeat:no-repeat;
  background-position:0 4px;
  text-indent:-9999px;
  position:static;
  display:none;
  cursor:default;
  z-index:5;
}

#entertainment_prev.on{
  display:inline-block;
  cursor:pointer;
}

#entertainment_next{
  background-image:url(../img/zero_index/theme/default/icon_next.png);
  display:block;
  width:8px;
  height:18px;
  margin:0;
  background-repeat:no-repeat;
  background-position:0 4px;
  text-indent:-9999px;
  position:static;
  display:none;
  cursor:default;
}

#entertainment_next.on,
#feature_next.on{
  display:inline-block;
  cursor:pointer;
}

.entertainment_cursor{
  width:8px;
}

.entertainment_jump.current{
  color: #f06;
  text-shadow:0 0 8px #E963B7;
}

.entertainment_jump{
  color: #fff;
}

.entertainment_jump:hover{
  color:#fff;
  text-decoration:none;
}


.entertainment_jump.current:hover{
  color: #f06;
  text-decoration:none;
  cursor:default;
  text-shadow:0 0 8px #E963B7;
}


.entertainment_content dl{
  position:absolute;
  bottom:24px;
  left:0;
  width:752px;
  padding:8px 16px;
  background-image:url(../../img/zero_index/theme/default/bg_entame.png);
  color:#fff;
}

.entertainment_content dt{
  font-size:16px;
  font-weight:bold;
}

.entertainment_content dl a{
  color:#fff;
}

.entertainment_content dd{
  text-align:left;
}

/**
 * Live
 */

#index_live{
  width:424px;
  margin:0 auto 8px;
}


.index_live_item{
  margin:0 8px 8px;
  padding:8px 0;
  border-top:1px solid #ccc;
}

.index_live_thumb{
  float:left;
  margin:0 8px 0 0;
}

.index_live_thumb img{
  width:60px;
}

.index_live_summary{
  overflow:hidden;
  zoom:1;
}

.index_live_summary h5{
  margin:4px 0;
}

.label_official{
  display:inline-block;
  font-size:10px;
  padding:2px 4px;
  color:#fff;
  background: #be1111;

}

.label_channel{
  display:inline-block;
  font-size:10px;
  padding:2px 4px;
  color:#fff;
  background: #187be9; /* Old browsers */
  background: -moz-linear-gradient(top,  #187be9 0%, #233875 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(top,  #187be9 0%,#233875 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #187be9 0%,#233875 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #187be9 0%,#233875 100%); /* W3C */
}

.label_community{
  display:inline-block;
  font-size:10px;
  padding:2px 4px;
  color:#fff;
  background: #329A95;
}

.label_onair{
  display:inline-block;
  font-size:10px;
  padding:2px 4px;
  margin:0 4px 0 0;
  color:#fff;
  background: #f16363;

}

.live_schedule{
}

.live_description{
  color:#999;
}

/**
 * Newarrival
 */


#newarrival{
  width:426px;
  margin:0 auto 8px;
}


/**
 * translated videos
 */

#translated_videos{
  width:426px;
  margin:8px auto;
}

#translated_videos ul{
  margin-top: 8px;
  margin-right: 0;
}


#translated_videos .mov_thumb{
  float: left;
  margin-right: 8px;
  border-color: #009900;
}


#translated_videos .listItem{
  float: none;
  margin: 0;
  margin-right: 0;
  margin-bottom: 8px;
  width: auto;
}

#translated_videos .listItemContent{
  overflow: hidden;
}

#translated_videos .listItemContent .itemDescription{
  margin-top: 8px;
  position: relative;
  background: #fff;
  border: #ccc solid 1px;
  border-radius: 4px;
  padding: 8px;
  color: #333;
}

#translated_videos .listItemContent .itemDescription:after{
  position: absolute;
  top: -8px;
  left: 4px;
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  background: url("../img/index_overseas/top_baloon_cur.png") no-repeat 0 0;
}

/**
 * videolist
 */

.videolist ul{
  margin:0 -14px 0 0;
}

.videolist li{
  float:left;
  width:96px;
  margin:8px 13px 8px 0;

}

#translated_videos .videolist li{
  margin-right: 13px;
}

.videolist li h5{
  font-size:12px;
  line-height:1.1;
  margin:4px 0;
  width:96px;
  word-break:break-all;
  word-wrap:break-word;
}

#translated_videos .videolist li h5{
  width: auto;
}


.newarrival_date{
  font-size:9px;
  color:#888;
}

.newarrival_date span{
  color:#CC0000;
}

.mov_thumb{
  width:94px;
  border:1px solid #ccc;
  position:relative;
}

.mov_thumb.translated{
  border: 2px solid #2b8426;
}

.mov_thumb img{
  width:94px;
}

.mov_length{
  position:absolute;
  background:rgba(0,0,0,0.8);
  color:#fff;
  font-size:10px;
  padding:2px 4px;
  bottom:0;
  right:0;
}

#translated_videos li .translateComment{
  position: relative;
  display: inline-block;
  min-width: 40px;
  margin: 4px 0 0 0;
  border: #ccc solid 1px;
  border-radius: 2px;
  color: #666;
  padding: 4px;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #fff;
}

#translated_videos li .translateComment .arrow{
  position: absolute;
  top: -8px;
  display: block;
  width: 9px;
  height: 8px;
  margin: 0 auto;
  background:url(../img/index_overseas/top_baloon_cur.png) no-repeat 0 0;
}

/**
 * videolist(sub)
 */

.sub_movcontainer{
  padding:8px 0;
}

.sub_thumb{
  float:left;
  margin:0 8px 8px 0;
}

.sub_thumb img{
  width:100px;
  border:1px solid #ccc;
}

.sub_summary{
  overflow:hidden;
  zoom:1;
}

.sub_summary h5 span{
  font-size:16px;
}

.sub_summary p{
  color:#999;
  line-height:1.1;
}

.sub_date{
  font-size:11px;
}




/**
 * features
 */


#feature{
   width:426px;
   margin:8px auto;
   position:relative;
   background:#fff;
}

.title_light{
  margin:0 0 -1px;
}

#uneiOsusume{
  border:1px solid #ccc;
  padding:8px 8px 4px;
}

.feature_chara{
  position:absolute;
  top:-8px;
  right:-8px;
}

#uneiOsusume .thumb{
  border:none;
  margin:0;
}

.oversea_feature{
  margin:0 0 8px;
}

#uneiOsusume .thumb img{
  border:none;
  margin:0;
}

/**
 * pickup
 */

#pickup_global{
  width:426px;
  margin:8px auto;
}


#pickup_global ul{
  margin-top: 8px;
  margin-right: 0;
}


#pickup_global .mov_thumb{
  float: left;
  margin-right: 8px;
/*
  border-color: #009900;
*/
}

#pickup_global .caption{
  border-color: #892D2A;
}

#pickup_global .listItem{
  float: none;
  margin: 0;
  margin-right: 0;
  margin-bottom: 8px;
  width: auto;
}

#pickup_global .itemTitle{
  width: auto;
  overflow: hidden;
}


/**
 * ranking global
 */

#ranking_global li{
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: #ccc dashed 1px;
}

/**
 * nico news
 */

#nicoNews{
  margin:0 0 8px;
}

/**
 * sns
 */

#sns_wedget{
  margin:8px auto;
  text-align: center;
}

#sns_wedget .twitter-follow-button{
  margin-bottom: 8px;
}

.sns_selector{
  border-bottom:1px solid #333;
}

.sns_selector li{
  float:left;
}

.sns_selector li a{
  display:block;
  padding:2px 6px;
  margin:0 4px 0 0;
  background:#DFDFDF;
}

.sns_selector li.active a{
  color:#fff;
  background:#333;
}

#widget_plurk .user_info,
#widget_plurk .user_info .cnr{
  height: 80px !important;
}

/**
 * label
 */


.thumb_box{
  float:left;
  margin:0 8px 0 0;
  border:1px solid #ccc;
  position:relative;
}

.translation{
  border:1px solid #090;
}

span.label_translation{
  display:inline-block;
  font-size:10px;
  color:#fff;
  font-weight:bold;
  padding:2px 4px;
  background: #24821a; /* Old browsers */
  background: -moz-linear-gradient(top,  #24821a 0%, #174c1c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24821a), color-stop(100%,#174c1c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #24821a 0%,#174c1c 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom,  #24821a 0%,#174c1c 100%); /* W3C */
}

.caption{
  border:2px solid #C30;
}

span.label_caption{
  display:inline-block;
  font-size:10px;
  color:#fff;
  font-weight:bold;
  padding:2px 4px;
  background: #c95328;

}

/* index_user_live */

#index_user_live{
  width: 426px;
  margin: 8px auto 0;
}


/* vocaloid pick up */

#vocaloid_pickup{
  margin: 8px auto 0;
  width: 426px;
}

#vocaloid_pickup h4{
  text-indent: 0;
  font-size: 13px;
  color: #fff;
  padding-left: 8px;
  height: 37px;
  line-height: 37px;
  background: url(../img/index_overseas/vocaloid/vcalo_title.png) repeat-x 0 0;
  border: #a6c8c8 solid 1px;
  border-radius: 2px;
}

#vocaloid_pickup .videolist{
  padding: 0 8px;
  border-right: #a6c8c8 solid 1px;
  border-left: #a6c8c8 solid 1px;
  border-bottom: #a6c8c8 solid 1px;
  border-radius: 2px;
  background: #e1eeee;
}
#vocaloid_pickup .videolist .listItem{
  clear: both;
  padding: 8px 0;
  border-bottom: #a6c8c8 solid 1px;
}

#vocaloid_pickup .videolist .listItem:last-child{
  border-bottom: none;
}

#vocaloid_pickup .videolist .listItem .mov_thumb{
  float: left;
  margin-right: 8px;
}



/* language setting alertbox */
#language_setting_alertbox{
  position: relative;
  padding: 8px;
  background: #dedede;
  border: #ccc solid 1px;
  color: #333;
  margin-bottom: 12px;
}

#language_setting_alertbox #language_setting_alertbox_close{
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 14px;
  height: 14px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../img/index_overseas/window_close.png") no-repeat 0 0;
  cursor: pointer;
}

#language_setting_alertbox .navLink{
  text-align: right;
}

#timezone_jp_overseas_message{
    position: relative;
    padding: 8px;
    background: #dedede;
    border: #ccc solid 1px;
    color: #333;
    margin-bottom: 12px;
}

#timezone_jp_overseas_message #timezone_jp_overseas_message_close{
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 14px;
    height: 14px;
    text-indent: -999em;
    overflow: hidden;
    background: url("../img/index_overseas/window_close.png") no-repeat 0 0;
    cursor: pointer;
}

/* trendy Tags */
#trendyTags{
  margin-bottom: 8px;
  background: #FFF;
}

#trendyTags li:first-child{
  border-top:1px solid #ccc;
}

#trendyTags li a{
  display: block;
  border:1px solid #ccc;
  border-top:1px solid #efefef;
  padding:4px 8px 4px 26px;
  overflow:hidden;
    background: url("../img/index_overseas/trendy_tags_icon.png") no-repeat 0 0;
}

#trendyTags li a:hover{
  background-color: #efefef;
}

/* SNS widget set for US */

#sns_widget{
  margin:0 auto 8px;
}

#twitterWidget{
  margin:8px auto;
  text-align:center;
}

#facebookWidget{
}

@charset "utf-8";

/*
  setCountry
*/

.setCountryOuter{
  float: left;
  margin: 0 auto 0;
  zoom: 1;
}

.setCountryOuter:after{
  content: "";
  clear: both;
  display: block;
  line-height: 0;
  visibility: hidden;
}

.setCountry{
  float: left;
  zoom: 1;
  padding: 0;
  margin: 0;
}

.setCountry:after{
  content: "";
  clear: both;
  display: block;
  line-height: 0;
  visibility: hidden;
}

.setCountry li{
  float: left;
  list-style: none;
  margin-right: 2em;
}

.setCountry li p{
  font-size: 13px;
  display: inline-block;
}

.setCountry .outer{
  position: relative;
  display: inline-block;
/*  height: 30px;
*/  margin: 0;
  width: inherit;
}

.setCountry .trigger{
  display: inline-block;
  font-size: 14px;
  background-color: #d2d2d2;
  border-top: #aeaeae solid 1px;
  border-left: #aeaeae solid 1px;
  box-shadow: inset #ccc -1px -1px 2px;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;

  height: 20px;
  zoom: 1;
  margin-bottom: 0;
}

.setCountry .trigger:after{
  content: "";
  display: block;
  clear: both;
  line-height: 0;
  height: 0;
  visibility: hidden;

}

.setCountry .trigger .currentType{
  color: #333;

  padding: 0 6px;
  border-right: #c2c2c2 solid 1px;

  display: block;
  height: 20px;
  float: left;
  line-height: 1.6;
}

#footerWrap #copyright .setCountry .trigger .currentType{
  font-size: 13px;
}

#area .trigger .currentType{
  margin-left: 4px;
  padding: 0 10px 0 20px;
  background: url(../img/base/foot/icon_langselector.png) no-repeat left center;
}

#area .trigger .currentType.JP{
  background-position: 0 -22px;
}

#area .trigger .currentType.US{
  background-position: 0 -47px;
}

#area .trigger .currentType.TW{
  background-position: 0 -71px;
}

.setCountry .trigger .arrow{
  float: left;
  display: block;
  zoom: 1;
  width: 20px;
  height: 20px;
/*  padding-right: 6px;
*/
  background: url(../img/base/foot/arrow_default.png) no-repeat 0 0;
}

.setCountry .trigger.active{
  background-color: #fff;
  border-top: #aeaeae solid 1px;
  border-left: #aeaeae solid 1px;
}

.setCountry .trigger.active .currentType{
  border-right: #c2c2c2 solid 1px;
}

.setCountry .trigger.active .arrow{
  background: url(../img/base/foot/arrow_up.png) no-repeat 0 0;
}

.setCountry .expandContainer{
  display: none;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: auto;
  padding: 8px;
  background-color: #fff;
  border: #aeaeae solid 1px;
}

.setCountry .expandContainer a{
  display: block;
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 6px;
  text-decoration: none;
  text-align: left;
  white-space: nowrap;
}

.setCountry .expandContainer a:last-child{
  margin-bottom: 0;
}

#area .expandContainer a{
  padding-left: 20px;
  background: url(../img/base/foot/icon_langselector.png) no-repeat left center;
}

#area .expandContainer .JP{
  background-position: 0 -24px;
}

#area .expandContainer .US{
  background-position: 0 -49px;
}

#area .expandContainer .TW{
  background-position: 0 -73px;
}

.copyright{
  float: right;
}

.copyright small{
  font-size: 12px;
  line-height: 26px;
}

/* override */

#footerWrap #copyright{
  overflow: visible;
  zoom: 1;
}

#footerWrap #copyright:after{
  content: "";
  display: block;
  clear: both;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

#footerWrap #footerNav{
  margin-bottom: 0;
}

#footerWrap #footerNav .setCountry .outer{
  width: inherit;
  float: none;
}

#footerWrap #footerNav .setCountry .selector p{
  margin-bottom: 0;
}

#footerWrap #copyright p{
  width: inherit;
}


@charset "utf-8";
/*----------------------------------------------

  гГЛгВ≥гГЛгВ≥еЛХзФї
  http://www.nicovideo.jp/

------------------------------------------------

************************************************
siteHeader
************************************************

----------------------------------------------*/

/*
  initialize
----------------------------------------------*/

body,#siteHeader div,#siteHeader dl,#siteHeader dt,#siteHeader dd,#siteHeader ul,#siteHeader ol,#siteHeader li,#siteHeader p,#siteHeader form{
  margin: 0;
  padding: 0;
}

#siteHeader dl,#siteHeader dt,#siteHeader dd,#siteHeader ul,#siteHeader ol,#siteHeader li{
  list-style: none;
  /*word-break: break-all;*/
}

#siteHeader input,#siteHeader textarea,#siteHeader select,#siteHeader option,#siteHeader label{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 100%;
  vertical-align: middle;
  word-break: break-all;
  outline: none;
}

#siteHeader textarea{
  overflow: auto;
}

#siteHeader label{
  cursor: pointer;
}

#siteHeader input[type="submit"]::-moz-focus-inner{
    border :0px;
}

#siteHeader p{
  margin: 0 0 4px 0;
  font-size: 100%;
  line-height: 1.5;
  word-break: break-all;
}

#siteHeader img{
  border: none;
  vertical-align: middle;
}

#siteHeader a,#siteHeader a:link{
  color: #2bc6f9;
  text-decoration: none;
  outline: none;
}

#siteHeader a:visited{
  text-decoration: none;
}

#siteHeader a:hover,#siteHeader a:active{
  color: #2bc6f9;
  text-decoration: none;
}



/*
  siteHeader Wrap
----------------------------------------------*/
#siteHeader{
  width: 100%;
  background: #272727;
  font-size: 13px;
  font-family: "гГТгГ©гВЃгГОиІТгВі Pro W3", "Hiragino Kaku Gothic Pro", "гГ°гВ§гГ™гВ™", Meiryo, Osaka, "пЉ≠пЉ≥ пЉ∞гВігВЈгГГгВѓ", "MS PGothic", sans-serif;
  z-index: 9999;
  top: 0;
  left: 0;
  position: fixed;
  text-align: left;
}

.nofix #siteHeader{
  position: relative !important;
}

#siteHeader #siteHeaderInner{
  position: relative;
  background: #272727;
  width: 984px;
  height: 36px;
  margin: 0 auto;
  zoom: 1;
}

#siteHeader #siteHeaderInner:after{
  content: ".";
  display: block;
  clear: both;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

/*
  siteHeader Common
----------------------------------------------*/
#siteHeader #siteHeaderInner ul{
  zoom: 1;
}

#siteHeader #siteHeaderInner ul:after{
  content: ".";
  display: block;
  clear: both;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

#siteHeader #siteHeaderInner ul li{
  position: relative;
  float: left;
  height: 36px;
  line-height: 36px;
}

#siteHeader #siteHeaderInner ul li:hover{
  background: #474747;
}

#siteHeader #siteHeaderInner ul li a{
  display: inline-block;
  color: #fff;
  font-size: 93%;
  border-left: none;
  margin-right: -2px;
}

#siteHeader #siteHeaderInner ul li a span{
  padding: 0 6px 0 6px;
  border-right: #666 solid 1px;
  cursor: pointer;
}

#siteHeader #siteHeaderInner ul li a:hover{
  color: #fff;
  font-size: 93%;
}

#siteHeader #siteHeaderInner ul li a:hover span{
  border-right: #272727 solid 1px;
}

#siteHeader #siteHeaderInner ul li ul{
  position: absolute;
  top: 36px;
  right: 0;
  background: #eae8eb;
  border: #272727 solid 1px;
  border-top: none;
  padding-bottom: 0;
  z-index: 9999;
}

#siteHeader #siteHeaderInner ul li ul li{
  padding: 0 0 0 0;
  height: 28px;
  line-height: 20px;
}

#siteHeader #siteHeaderInner ul li ul li:hover{
  background: #898989;
}

#siteHeader #siteHeaderInner ul li ul li a{
  display: inline-block;
  color: #353535;
}

#siteHeader #siteHeaderInner ul li ul li a:hover{
  color: #fff;
  background: #898989;
  text-decoration: none;
}

/*
  glovalNavigation
----------------------------------------------*/
#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation{
  float: left;
  padding:0;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li.siteHeaderOther a{
  border-right: none;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li.siteHeaderOther a span{
  border-right: none;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li.siteHeaderOther a{
  border-right: none;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li.siteHeaderOther span{
  border-right: none;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul{
  position: absolute;
  left: 0;
  width: 230px;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li{
  padding: 0;
  margin: 0;
  width: 115px;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li a{
  width: 100px;
  padding: 4px 8px 4px 7px;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li.menuServiceList{
  padding: 0;
  margin: 0;
  width: 230px;
  font-size:93%;
  border-top:1px dotted #ccc;
  text-align: right;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li.menuServiceList:hover{
  background-color: #898989;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li.menuServiceList a{
  width: 215px;
  margin-right: 0;
  padding: 4px 7px 4px 8px;
  text-align:right;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li.menuServiceList:hover a{
  color: #fff;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li.menuServiceList a:hover{
  color: #fff;
  background-color: transparent;
}

#siteHeader #siteHeaderInner ul li a.iconNiconico{
  text-indent: -9999px;
  width: 30px;
}

#siteHeader #siteHeaderInner ul li a.iconNiconico:after{
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  top: 11px;
  left: 28px;
  border-right: #666 solid 1px;
}

#siteHeader #siteHeaderInner ul li a.iconNiconico:hover:after{
  border-right: #272727 solid 1px;
}

#siteHeader #siteHeaderInner ul li a.iconNiconico span:after{
  content: "";
  display: block;
  width: 17px;
  height: 18px;
  position: absolute;
  top: 8px;
  left: 6px;
  background: url(icon_niconico.png) no-repeat 0 0;
}


/*
  siteHeaderMenuList
----------------------------------------------*/
#siteHeader #siteHeaderInner .siteHeaderMenuList{
  float: right;
  padding:0;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li ul{
  width: 130px;
  padding-bottom: 2px;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li ul li{
  float: none;
  line-height: normal;
}

*:first-child+html #siteHeader #siteHeaderInner .siteHeaderMenuList li ul#siteHeaderMenuContainer{
  padding-bottom: 1px;
}

*:first-child+html #siteHeader #siteHeaderInner .siteHeaderMenuList li ul#siteHeaderMenuContainer li{
  margin-left: -16px;
  padding-bottom: 1px;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li ul li a{
  width: 108px;
  padding: 6px 6px 6px 16px;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li ul li a span{
  display: block;
  float: right;
  padding: 0 26px 0 0;
}

*:first-child+html #siteHeader #siteHeaderInner .siteHeaderMenuList li ul li a span{
  margin-top: -18px;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li ul li a span.siteHeaderScroll{
  background: url(scroll_pin.gif) no-repeat right 0;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li ul li a span.siteHeaderFix{
  background: url(scroll_pin.gif) no-repeat right -18px;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li.siteHeaderHorizon a{
  margin-right: -2px;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li.siteHeaderHorizon a span{
  border-right: #666 solid 1px;
  border-left: #666 solid 1px;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li.siteHeaderHorizon a:hover{
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li.siteHeaderHorizon a:hover span{
  border-right: #272727 solid 1px;
  border-left: #474747 solid 1px;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li.siteHeaderLogin a{
  color: #3ACCC9;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li.siteHeaderLogin a:hover span{
  text-decoration: underline;
}

/*
  siteHeaderMenuList premiere
----------------------------------------------*/
#siteHeader #siteHeaderInner #premiere{
  padding: 8px 0 0;
}

#siteHeader #siteHeaderInner #premiere li.siteHeaderExpanded a{
  border-left: #383838 solid 1px;
}

#siteHeader #siteHeaderInner #premiere li.siteHeaderExpanded a:hover{
  border-left: #474747 solid 1px;
}

#siteHeader #siteHeaderInner #premiere li.siteHeaderExpanded a span{
  border-left: #666 solid 1px;
}

#siteHeader #siteHeaderInner #premiere li.siteHeaderExpanded a:hover span{
  border-left: #474747 solid 1px;
}


/*
  siteHeaderMenuList Nicopo
----------------------------------------------*/

/*гГЛгВ≥гГЭи°®з§ЇгВ≥гГ≥гГЖгГК*/
#siteHeader #siteHeaderInner ul li .siteHeaderNicopo {
  text-decoration:none !important;
  margin-left:3px;
}


#siteHeader #siteHeaderInner ul li .siteHeaderNicopo
a {
  margin:0 !important;
  padding:0 3px;
}

#siteHeader #siteHeaderInner ul li .siteHeaderNicopo
a.siteHeaderNicopoBalance {

}
#siteHeader #siteHeaderInner ul li .siteHeaderNicopo
a.siteHeaderNicopoBalance:hover{
  text-decoration:underline !important;
}

#siteHeader #siteHeaderInner ul li .siteHeaderNicopo
a.siteHeaderNicopoBalance .unit {
  text-decoration:none !important;
  font-size:10px;
  padding:0;
}


/*[пЉЛ]гГЬгВњгГ≥ **********************************************/
#siteHeader #siteHeaderInner ul li .siteHeaderNicopo
a.siteHeaderNicopoBalance {
  color:#fe6;
  text-shadow:0 0 3px #f60;
}

/*[пЉЛ]гГЬгВњгГ≥*/
#siteHeader #siteHeaderInner ul li .siteHeaderNicopo
a.siteHeaderNicopoPurchase {
  /* 36px - 18+2 -> 16/2 -> 8 */
  position: relative;
  margin:8px 0 0 !important;
  padding:0;
  width:18px; height:18px;
  background:#222 url(nicopo_add.png) no-repeat 0 0;
  vertical-align: top;
  line-height:18px;
}


/*[пЉЛ]гГЬгВњгГ≥гБЃгГДгГЉгГЂгГБгГГгГЧ*/
#siteHeader #siteHeaderInner ul li .siteHeaderNicopo
a.siteHeaderNicopoPurchase .tooltip {
  position: absolute;
  width:132px;
  top:18px;/*20px(гГЬгВњгГ≥h) - 2(гГЬгГЉгГАгГЉ)*/
  left:-146px;/*134+6+6 -2(гГЬгГЉгГАгГЉ)*/
  z-index: 999;
  display: none;
  border:solid 1px #666 !important;/*none !importantгБЂеЛЭгБ§гБЯгВБ*/
  background:#333;
  color:#fff;
  white-space:nowrap;
}
#siteHeader #siteHeaderInner ul li .siteHeaderNicopo
a.siteHeaderNicopoPurchase:hover .tooltip {
  display: block;/*hoverгБІи°®з§ЇгБЩгВЛ*/
}

/*
гГЬгВњгГ≥гБЃгГЬгГЉгГАгГЉгБѓ
nicolib-CommonNotificationHeader.cssгБЃжМЗеЃЪгБЂеЛЭгБ¶гБ™гБДгБЯгВБ
жЫігБЂеЉЈгБДжМЗеЃЪгБІimportant
*/
#siteHeader #siteHeaderInner ul li#siteHeaderNotification .siteHeaderNicopo
a.siteHeaderNicopoPurchase {
  border:solid 1px #000 !important;
}
#siteHeader #siteHeaderInner ul li#siteHeaderNotification .siteHeaderNicopo
a.siteHeaderNicopoPurchase:hover {
  border-color:#666 !important;
}

@charset "UTF-8";
/* 共通ヘッダのスタイル siteHeader.css に追加でサービス独自のスタイルを定義したいときはここに書く */

/* ニックネームのサイズ調整 */
#siteHeader #siteHeaderInner ul li #siteHeaderUserNickNameContainer {
  padding: 0 0 0 2px;
  max-width: 112px;
  max-height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  font-kerning: none; /* Chrome+Win10でニックネームが2行になる対策（Chromeのバグ？） */
}

#siteHeader #siteHeaderInner ul li .userNickNameSuffix {
  padding: 0 4px 0 0;
}


/* 一般会員のみ共通ヘッダの要素間を詰める微調整 */
#siteHeader #siteHeaderInner #siteHeaderUserIconContainer {
  padding: 0;
}
#siteHeader #siteHeaderInner #siteHeaderUserContainer .siteHeaderAva {
  padding: 0;
}
/* member */
#siteHeader #siteHeaderInner a.siteHeaderUpgrade {
  margin-right: 4px;
}
#siteHeader #siteHeaderInner a.siteHeaderUpgrade span {
  padding: 0;
}
/* points */
#siteHeader #siteHeaderInner .siteHeaderNicopo {
  margin-left: 0;
}
#siteHeader #siteHeaderInner .siteHeaderNicopo .siteHeaderNicopoBalance span {
  padding-left: 0;
}

@charset "utf-8";

/* Notification BOX (not premiere) */

#siteHeaderNotification:hover{
  background: none !important;
}

#siteHeaderNotification a:first-child{
  border-left: none;
  border-right: none;
}

#siteHeaderNotification .siteHeaderNotificationContainer{
  position: relative;
  display: inline-block;
  zoom: 1;
  border: #ff0000;
}

*:first-child+html #siteHeaderNotification .siteHeaderNotificationContainer{
  display: inline;
  zoom: 1;
}

#siteHeaderNotification a span{
  border-left: none !important;
  border-right: none !important;
}

#siteHeaderNotification a{
  border-left: none !important;
}

#siteHeaderNotification a:link{
  text-decoration: none;
}

#siteHeaderNotification a#siteHeaderUserContainer:link, #siteHeaderNotification a#siteHeaderUserContainer:visited, #siteHeaderNotification a#siteHeaderUserContainer:hover{
}

#siteHeaderNotification a#siteHeaderUserContainer span#siteHeaderUserNickNameContainer:hover{
  text-decoration: underline;
}

#siteHeaderNotification span.siteHeaderAva{
  padding-right: 4px;
}

#siteHeaderNotification span.siteHeaderAva img{
  width: 22px;
  height: 22px;
  border: #ddd solid 1px;
  margin-top: -2px;
}

#siteHeaderNotification span.siteHeaderNotifications{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 1px 4px;
  color: #fff;
  background: url(bg_notification.png) repeat-x;
  background-position: 0 0px;
  border: #fff solid 2px;
  border-radius: 50%;
  font-size: 77%;
  font-weight: bold;
  line-height: 14px;
  cursor: pointer;
  margin-left: 4px;
  margin-bottom: 1px;
  zoom: 1;
}

#siteHeaderNotification span.siteHeaderNotNotifications{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 1px 4px;
  color: #fff;
  background: url(bg_notification.png) repeat-x;
  background-position: 0 -20px;
  border: #fff solid 2px;
  border-radius: 50%;
  font-size: 77%;
  font-weight: bold;
  line-height: 14px;
  cursor: pointer;
  margin-left: 4px;
  margin-bottom: 1px;
  zoom: 1;
}

/* userInformation other */

#siteHeaderNotification .siteHeaderNotificationContainer a{
  border: none;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification{
  display: none;
  position: absolute;
  top: 30px;
  right: -100px;
  width: 200px; /* 216 */
  padding: 6px 8px 4px;
  border-radius: 4px;
  color: #fff;
  background: #434343; /* Old browsers */
  background: -moz-linear-gradient(top,  #767676 0%, #282828 20%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767676), color-stop(20%,#282828)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #767676 0%,#282828 20%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #767676 0%,#282828 20%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #767676 0%,#282828 20%); /* IE10+ */
  background: linear-gradient(top,  #767676 0%,#282828 20%); /* W3C */
/*
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#282828',GradientType=0 );
*/
  box-shadow: #444 -2px 2px 5px;
  zoom: 1;
  z-index: 9999;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification dt{
  position: relative;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification dt span{
  position: absolute;
  top: -16px;
  left: 90px;
  display: block;
  text-align: center;
  text-indent: -9999px;
  width: 16px;
  height: 12px;
  background: url(arrow.png) no-repeat center top;
  background-position: 0 0;
  background-position: 0 -12px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification dt span:not(:target){
  background-position: 0 -12px;
}


#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification dd{
  width: 200px;
  margin-bottom: 6px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification dd a{
  width: 188px;
  display: inline-block;
  background: #f4f4f4;
  border-radius: 4px;
  padding: 6px;
  line-height: 1.3;
  box-shadow: inset #cbcbcb 2px 2px 2px;
  border: none;
  color: #0033cc;
  font-size: 93%;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification dd a small{
  color: #6b6b6b;
  padding-left: 4px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification dd a:hover{
  text-decoration: none;
  background: #ffd8d8;
  color: #0033cc;
  border: none;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification dd.siteHeaderInformationOption{
  text-align: right;
  margin-top: -3px;
  margin-bottom: 0;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification dd.siteHeaderInformationOption a{
  display: inline;
  background: none;
  border-radius: 0;
  box-shadow: none;
  border: none;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithNotification dd.siteHeaderInformationOption a{
  font-size: 85%;
  color: #fff;
}

/* information option */
#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption{
  clear:both;
  display: none;
  position: absolute;
  top: 30px;
  right: -100px;
  width: 200px; /* 216 */
  padding: 6px 8px 4px;
  border-radius: 4px;
  color: #fff;
  background: #434343; /* Old browsers */
  background: -moz-linear-gradient(top,  #767676 0%, #282828 20%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767676), color-stop(20%,#282828)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #767676 0%,#282828 20%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #767676 0%,#282828 20%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #767676 0%,#282828 20%); /* IE10+ */
  background: linear-gradient(top,  #767676 0%,#282828 20%); /* W3C */
/*
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#282828',GradientType=0 );
*/

  box-shadow: #444 -2px 2px 5px;
  zoom: 1;
  z-index: 9999;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dt{
  position: relative;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4px;
  zoom: 1;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dt span{
  position: absolute;
  top: -16px;
  left: 90px;
  display: block;
  text-align: center;
  text-indent: -9999px;
  width: 16px;
  height: 12px;
  background: url(arrow.png) no-repeat center top;
  background-position: 0 0;
  background-position: 0 -12px;
  zoom: 1;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dt span:not(:target){
  background-position: 0 -12px;
}


#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd{
  margin-bottom: 6px;
  background: #f4f4f4;
  border-radius: 4px;
  padding: 4px 6px;
  line-height: 1.3;
  box-shadow: inset #cbcbcb 2px 2px 2px;
  border: none;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd p.siteHeaderSwitch{
  display: block;
  clear: both;
  font-size: 77%;
  color: #333;
  padding: 6px 0;
  border-bottom: #d6d6d6 solid 1px;
  border-top: #fff solid 1px;
  margin-bottom: 0;
  zoom: 1;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd p.siteHeaderFirstChild{
  border-top: none;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd p.siteHeaderLastChild{
  border-bottom: none;
}


#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd p.siteHeaderSwitch input{
  display: none;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd p.siteHeaderSwitch span{
  float: right;
  cursor: pointer;
  display: none;
  width: 35px;
  height: 17px;
  background: url(btn_switch.png) no-repeat;
}

*:first-child+html #siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd p.siteHeaderSwitch span{
  position: relative;
  margin-top: -17px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd p.siteHeaderSwitch .siteHeaderEnable{
  display: block;
  background-position: 0 0;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd p.siteHeaderSwitch .siteHeaderDisable{
  display: block;
  background-position: 0 -17px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd a.siteHeaderSubmitButtonEnable{
  display: block;
  width: 111px;
  height: 25px;
  font-size: 93%;
  margin: 6px auto 2px;
  color: #333;
  text-align: center;
  background: url("siteheader-optionbutton.png") no-repeat center top;
  border: 0;
  line-height: 26px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd a.siteHeaderSubmitButtonDisable{
  display: block;
  width: 111px;
  height: 25px;
  font-size: 93%;
  margin: 6px auto 2px;
  color: #999;
  text-align: center;
  background: url("siteheader-optionbutton.png") no-repeat center top;
  background-position: 0 -25px;
  border: 0;
  line-height: 26px;
  cursor: default;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd.siteHeaderInformationOption{
  margin-top: -3px;
  margin-bottom: 0;
  background: none;
  border-radius: 0;
  padding: 0;
  line-height: 1.3;
  box-shadow: none;
  overflow: hidden;
  border: none;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationOption dd.siteHeaderInformationOption a{
  display: inline-block;
  float: right;
  font-size: 85%;
  color: #fff;
  border: none;
  margin: 2px 0 0;
  padding: 0;
  border: none;
}

/* information tooltip */

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithoutNotification{
  /* display: block; */
  position: absolute;
  top: 25px;
  right: -68px;
  width: 136px; /* 150 */
  padding: 4px 6px 6px;
  color: #333;
  background: #fff;
  border: #999 solid 1px;
  z-index: 9999;
  margin-top: 3px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithoutNotification span{
  display: block;
  position: absolute;
  top: -7px;
  left: 45%;
  width: 9px;
  height: 7px;
  background: url("tooltip.png") no-repeat center top;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithoutNotification p{
  font-size: 85%;
  margin-bottom: 4px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithoutNotification p.siteHeaderInformationOption{
  display: block;
  margin: 0 auto;
  color: #fff;
  cursor: pointer;
  padding: 2px 4px;
  width: 52px;
  text-align: center;
  background: #000;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationWithoutNotification p.siteHeaderInformationOption:hover{
  background: #666;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationLoading{
  /* display: block; */
  position: absolute;
  top: 25px;
  right: -68px;
  width: 136px; /* 150 */
  padding: 4px 6px;
  color: #333;
  background: #fff;
  border: #999 solid 1px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationLoading{
  /* display: block; */
  position: absolute;
  top: 30px;
  right: -100px;
  width: 200px; /* 216 */
  padding: 6px 8px 4px;
  border-radius: 4px;
  color: #fff;
  background: #434343; /* Old browsers */
  background: -moz-linear-gradient(top,  #767676 0%, #282828 20%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767676), color-stop(20%,#282828)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #767676 0%,#282828 20%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #767676 0%,#282828 20%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #767676 0%,#282828 20%); /* IE10+ */
  background: linear-gradient(top,  #767676 0%,#282828 20%); /* W3C */
/*
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#282828',GradientType=0 );
*/
  box-shadow: #444 -2px 2px 5px;
  zoom: 1;
  z-index: 9999;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationLoading dt{
  position: relative;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationLoading dt span{
  position: absolute;
  top: -16px;
  left: 90px;
  display: block;
  text-align: center;
  text-indent: -9999px;
  width: 16px;
  height: 12px;
  background: url(arrow.png) no-repeat center top;
  background-position: 0 0;
  background-position: 0 -12px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationLoading dt span:not(:target){
  background-position: 0 -12px;
}


#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationLoading dd{
  width: 196px;
  margin-bottom: 6px;
  background: #f4f4f4;
  border-radius: 4px;
  padding: 6px 4px 4px 2px;
  line-height: 1.3;
  box-shadow: inset #cbcbcb 2px 2px 2px;
  color: #333;
  font-size: 93%
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationLoading .loadingImg{
  position: relative;
  display: block;
  float: left;
  margin-top: -2px;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  background: url(loading.gif);
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationError{
  /* display: block; */
  position: absolute;
  top: 30px;
  right: -100px;
  width: 200px; /* 216 */
  padding: 6px 8px 4px;
  border-radius: 4px;
  color: #fff;
  background: #434343; /* Old browsers */
  background: -moz-linear-gradient(top,  #767676 0%, #282828 20%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767676), color-stop(20%,#282828)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #767676 0%,#282828 20%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #767676 0%,#282828 20%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #767676 0%,#282828 20%); /* IE10+ */
  background: linear-gradient(top,  #767676 0%,#282828 20%); /* W3C */
/*
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#282828',GradientType=0 );
*/
  box-shadow: #444 -2px 2px 5px;
  zoom: 1;
  z-index: 9999;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationError dt{
  position: relative;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationError dt span{
  position: absolute;
  top: -16px;
  left: 90px;
  display: block;
  text-align: center;
  text-indent: -9999px;
  width: 16px;
  height: 12px;
  background: url(arrow.png) no-repeat center top;
  background-position: 0 0;
  background-position: 0 -12px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationError dt span:not(:target){
  background-position: 0 -12px;
}


#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationError dd{
  width: 188px;
  margin-bottom: 6px;
  background: #f4f4f4;
  border-radius: 4px;
  padding: 6px 6px 4px;
  line-height: 1.3;
  box-shadow: inset #cbcbcb 2px 2px 2px;
  color: #333;
  font-size: 93%
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationMaintenance{
  /* display: block; */
  position: absolute;
  top: 30px;
  right: -100px;
  width: 200px; /* 216 */
  padding: 6px 8px 4px;
  border-radius: 4px;
  color: #fff;
  background: #434343; /* Old browsers */
  background: -moz-linear-gradient(top,  #767676 0%, #282828 20%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767676), color-stop(20%,#282828)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #767676 0%,#282828 20%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #767676 0%,#282828 20%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #767676 0%,#282828 20%); /* IE10+ */
  background: linear-gradient(top,  #767676 0%,#282828 20%); /* W3C */
/*
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#282828',GradientType=0 );
*/
  box-shadow: #444 -2px 2px 5px;
  zoom: 1;
  z-index: 9999;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationMaintenance dt{
  position: relative;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationMaintenance dt span{
  position: absolute;
  top: -16px;
  left: 90px;
  display: block;
  text-align: center;
  text-indent: -9999px;
  width: 16px;
  height: 12px;
  background: url(arrow.png) no-repeat center top;
  background-position: 0 0;
  background-position: 0 -12px;
}

#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationMaintenance dt span:not(:target){
  background-position: 0 -12px;
}


#siteHeaderNotification .siteHeaderNotificationContainer #siteHeaderNotificationMaintenance dd{
  width: 188px;
  margin-bottom: 6px;
  background: #f4f4f4;
  border-radius: 4px;
  padding: 6px 6px 4px;
  line-height: 1.3;
  box-shadow: inset #cbcbcb 2px 2px 2px;
  color: #333;
  font-size: 93%
}

#siteHeaderNotification a.siteHeaderUpgrade small{
  display: inline-block;
  color: #6b6b6b;
  padding-left: 2px;
  padding-right: 0;
}

*:first-child+html #siteHeaderNotification a.siteHeaderUpgrade small{
  padding-left: 12px;
}

#siteHeaderNotification a.siteHeaderUpgrade span{
  color: #FF6633;
  border-left: none;
  padding-right: 6px;
  padding-left: 0;
}

#siteHeaderNotification a.siteHeaderUpgrade:hover span{
  text-decoration: underline;
}

#siteHeaderNotification a.siteHeaderUpgrade{
  display: none;
}


/* Notification BOX (premiere / notPremium) */

#siteHeaderNotification.siteHeaderPremium{
  padding-right: 6px;
}

#siteHeaderNotification.siteHeaderNotPremium a.siteHeaderUpgrade{
  display: inline-block !important;
}

#siteHeaderNotification.siteHeaderPremium a.siteHeaderUpgrade{
  display: none !important;
}

#siteHeaderNotification.siteHeaderPremium span.siteHeaderAva{
  position: relative;
  display: inline-block;
  top: -1px;
  padding: 0 !important;
  margin: -5px 4px 0 0;
  background: #edb200;
  background: -moz-linear-gradient(top, #ffee9d, #edb200);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffee9d), to(#edb200));
  filter: progid :DXImageTransform.Microsoft.gradient(startColorStr=#ffee9d,endColorStr=#edb200, GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffee9d,endColorstr=#edb200, GradientType=0)";
    line-height: 1;
}

#siteHeaderNotification.siteHeaderPremium span.siteHeaderAva img{
  width: 26px;
  height: 26px;
  margin: 2px 2px 2px 2px;
  border: none;
}