@charset "UTF-8"; /* CSS Document */ /* * ニコニコ動画特設ページ用CSS * 2010.06.22 Tue　更新 * 　ソース内のフォントサイズ変更属性を全て削除。 * 　common.cssとフォントサイズが競合してしまうため。 * * 　-参考- * 　font-size:100% ≒ font-size:16px (シアター・TVのデフォルトは12px) * */ /* 基礎*/ body {text-align:left; margin:0; padding:0;} /* #main {width:780px;} */ /* タイトル*/ #title {margin-right:10px;margin-left:10px; margin-top:15px;} #read {margin-top:15px; margin-bottom:25px;} /*TOP*/ #top {margin-top:10px;margin-bottom:25px;margin-right:10px;margin-left:10px; text-align:right;} #top1 {margin-top:10px;margin-bottom:25px;margin-right:20px;margin-left:10px; text-align:right;} #top2 {margin-top:10px;margin-bottom:25px;margin-right:20px;margin-left:10px; text-align:right;} #top3 {margin-top:10px;margin-bottom:25px;margin-right:20px;margin-left:10px; text-align:right;} /* まじめに密着*/ #middle {margin-right:10px;margin-left:10px;background-image:url(../../images/niconico/title2.gif);background-repeat: no-repeat; height:267px;} /*#middle table { margin-top:107px; margin-left:28px;}*/ #middle td {/*line-height:15pt;*/vertical-align:middle;} .middletxt {line-height:18px;} #middle2 {margin-right:10px;margin-left:10px;} #middle2 table { background-color:#fffdbf;} #middle2 td {padding-left:25px;padding-right:25px;line-height: 12pt;vertical-align:middle;height:40px;} #middle3 {margin-right:10px;margin-left:10px;} #middle3 table { background-color:#de0000;} .bk01 { background-image:url(../../images/niconico/m_bk.gif);} #title01 { font-weight:bold; font-size:130%;} #p01 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center;} #tx01 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px;text-align:left;line-height: 15pt;} #btn01 { margin-bottom:10px;} .bk02 { background-image:url(../../images/niconico/m_bk.gif);} #title02 { font-weight:bold; font-size:130%;} #p02 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center;} #tx02 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px;text-align:left;line-height: 15pt;} #btn02 { margin-bottom:10px;} .bk03 { background-image:url(../../images/niconico/m_bk.gif);} #title03 { font-weight:bold; font-size:130%;} #p03 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center;} #tx03 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px;text-align:left;line-height: 15pt;} #btn03 { margin-bottom:10px;} /* まじめに追っかけ*/ #middle4 {margin-right:10px;margin-left:10px;background-image:url(../../images/niconico/title3.gif);background-repeat: no-repeat;height:280px;} /*#middle4 table { margin-top:107px; margin-left:28px;}*/ #middle4 td {/*padding-left:15px;padding-right:15px;line-height: 17pt;*/vertical-align:middle;} .middle4txt {line-height:15pt;} #middle5 {margin-right:10px;margin-left:10px;} #middle5 table { background-color:#de0000;} .bk04 { background-image:url(../../images/niconico/m_bk.gif);} #p04 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center;} #title04 { font-size:130%; font-weight:bold;} #tx04 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px;text-align:left;line-height: 15pt;} #btn04 { margin-bottom:10px;} .bk05 { background-image:url(../../images/niconico/m_bk.gif);} #p05 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center;} #title05 { font-size:130%; font-weight:bold;} #tx05 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px;text-align:left;line-height: 15pt;} #btn05 { margin-bottom:10px;} .bk06 { background-image:url(../../images/niconico/m_bk.gif);} #p06 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center;} #title06 { font-size:130%; font-weight:bold;} #tx06 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px;text-align:left;line-height: 15pt;} #btn06 { margin-bottom:10px;} /* D.S add 2010.03.09 */ /* 秘蔵映像 */ /*#middle6 { margin-right:10px; margin-left:10px; background-image:url(../../images/niconico/title3.gif); background-repeat:no-repeat; height:280px; }*/ #middle6 table { margin-right:10px; margin-left:10px; background-color:#0102CC; } #bk07 { background-image:url(../../images/niconico/m_bk002.gif); } #p07 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center; } #tx07 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px; text-align:left; line-height:15pt; } #bk08 { background-image:url(../../images/niconico/m_bk002.gif); } #p08 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center; } #tx08 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px; text-align:left; line-height:15pt; } #bk09 { background-image:url(../../images/niconico/m_bk002.gif); } #p09 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center; } #tx09 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px; text-align:left; line-height:15pt; } #bk10 { background-image:url(../../images/niconico/m_bk002.gif); } #p10 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center; } #tx10 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px; text-align:left; line-height:15pt; } #bk11 { background-image:url(../../images/niconico/m_bk002.gif); } #p11 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center; } #tx11 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px; text-align:left; line-height:15pt; } #bk12 { background-image:url(../../images/niconico/m_bk002.gif); } #p12 { margin-left:26px; margin-right:26px; margin-top:10px; text-align:center; } #tx12 { margin-left:26px; margin-right:26px; margin-top:10px; margin-bottom:15px; text-align:left; line-height:15pt; } /* D.S add end */ /* ニコニコリンク*/ /* #nikoniko {margin-left:10px; margin-bottom:35px; margin-top:10px;} */ /* Y.I add 2009.12.17 */ #niconico {margin-left:10px; margin-right:10px; margin-bottom:10px; margin-top:10px;} /* Y.I add 2009.12.17 */ .linklist2 li{ list-style:inside; list-style-image:url(images/check.gif); } /* Y.I add 2009.12.17 */ #menutabs2 { display:block; width:100%; background: url(images/menu/nav-bg.gif) repeat-x; height:25px; } #menutabs2 li { display:inline; float:left;} #menutabs2 a {float:left;padding:5px;padding-left:0.5em;padding-right:0.5em;line-height:15px;border-right:1px dotted} #menutabs2 a { background: url(images/menu/nav-bg.gif) repeat-x; font-weight: bold; color:#4A4A11; outline: none; } #menutabs2 a.selected { background: url(images/menu/nav-bg_on.gif) repeat-x; font-weight: bold; color:#4A4A11; outline: none; } #menutabs2 a:hover { background: url(images/menu/nav-bg_active.gif) repeat-x; font-weight: bold; color:#4A4A11; outline: none; text-decoration:none; } /* ニコニコミュージカル特設ページ用CSS Added 2010.09.27 By D.Satoh*/ /* 便利クラス */ hr { margin:0px; padding:0px; background-color:#FFF100; } div.clearfix {} div.clearfix:after { content:"."; clear:both; height:0px; display:block; visibility:hidden; } html{ font-size:95%;} /* メインカラム包含クラス：メインカラムでfloatを使用したときの対策用 */ div.mod_wrapper { width:760px; float:left; margin-bottom:10px;} /*コンテンツ*/ #contents{ width:760px; background-color:#FFF100;} /* タイトル部分 */ #mod_title {width:760px;height:261px;background-image: url(/images/niconico/musical/title.jpg);background-repeat: no-repeat;} /* What's new、ミュージカル日記部分 */ div.mod_news {width:760px;margin-top:15px;padding-bottom:10px;} /* What's new 部分 */ /*div.mod_news-topics {width:346px;height:269px;float:left;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left:26px;}*/ div.mod_news-topics {width:346px;height:295px;float:left;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left:26px;} div.mod_news-topics-header {width:346px; height:30px;} div.mod_news-topics-body {width:346px; height:225px;background-image: url(/images/niconico/musical/w02.gif);background-repeat:repeat-y; padding-top:20px;} div.mod_news-topics-body-scrollArea { width:333px; height:225px; overflow-y:scroll} div.mod_news-topics-body-news { width:315px;} div.mod_news-topics-body-news-date { width:65px;padding:0px 0px 0px 20px; float:left; font-size:75%; } div.mod_news-topics-body-news-caption { width:215px;float:right;font-size:85%; margin-right:15px;} #newsTopicsFooter {width:346px;height:20px;background-image: url(/images/niconico/musical/w03.gif);background-repeat:no-repeat;} #mod_newsLine{ height:1px;background-image: url(/images/niconico/musical/wline.gif);background-repeat: no-repeat; margin-top:5px; margin-bottom:5px; margin-left:13px;} /* ミュージカル日記部分 */ div.mod_news-diary {width:346px;float:left;padding-top: 0px;padding-bottom: 0px;padding-left:16px;} div.mod_news-diary-header { width:346px; height:61px; } div.mod_news-diary-body {width:346px; background-image:url(/images/niconico/musical/d02.gif);background-repeat:repeat-y; padding-top:7px;} div.mod_news-diary-body-mediabox {width:346px; } div.mod_news-diary-body-mediabox-movie { width:150px;float:left; margin-left:15px;} div.mod_news-diary-body-mediabox-movie div {width:150px;height:30px;margin-top:5px;background:url(/images/niconico/musical/diary_bt02_on.png) no-repeat;} div.mod_news-diary-body-mediabox-movie div a{display:block;width:150px;height:30px;background:url(/images/niconico/musical/diary_bt02_off.png) no-repeat;} div.mod_news-diary-body-mediabox-movie div a:hover {background:none;} div.mod_news-diary-body-mediabox-caption { width:150px;float:right; font-size:80%;margin-right:15px;} div.mod_news-diary-body-mediabox-caption div {width:130px;height:70px;background:url(/images/niconico/musical/diary_bt01_on.png) no-repeat;} div.mod_news-diary-body-mediabox-caption div a{display:block;width:130px;height:70px;background:url(/images/niconico/musical/diary_bt01_off.png) no-repeat;} div.mod_news-diary-body-mediabox-caption div a:hover {background:none;} div.mod_news-diarys-footer {width:346px;height:20px; margin:0; padding:0;background-image: url(/images/niconico/musical/d03.gif);background-repeat: no-repeat;} /*　番組紹介部分　*/ #nikoProgram{width:760px; background-color:#FFF100; padding-bottom:20px;} #nikoProgramTitle{width:708px;margin-left:26px;} #nikoProgramRead{width:708px;margin-left:26px;background-image: url(/images/niconico/musical/pro_read.gif);background-repeat: repeat-y;} #nikoProgramReadBox{width:658px; margin-left:25px; padding-top:15px; padding-bottom:15px;} #ProgramKei01{height:10px;background-image: url(/images/niconico/musical/pro_kei01.gif);background-repeat: no-repeat;} #ProgramKei02{background-image: url(/images/niconico/musical/pro_kei02.gif);background-repeat: repeat-y;} #ProgramKei03{height:11px;background-image: url(/images/niconico/musical/pro_kei03.gif);background-repeat: no-repeat;} #nikoProgramWarning{width:708px;margin-left:26px;background-image: url(/images/niconico/musical/pro_read.gif);background-repeat: repeat-y;} #nikoProgramWarningBox{width:658px; margin-left:25px; padding-top:15px; padding-bottom:15px;} #nikoProgramWarningYokoku{width:658px; margin-left:25px; padding-top:15px;} #nikoProgramWarningYokoku div{width:608px;margin-left:15px;margin-right:15px;padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;background-color:#EDBB1C;} #nikoProgramfoot{ height:15px;background-image: url(/images/niconico/musical/pro_foot.gif);background-repeat: no-repeat;} #nikofootMargin{height:20px;} /* 紹介A */ #nikoProA{ width:615px; margin-left:40px;} #nikoProA-title{position:relative;width:615px;height:20px;padding-top:10px;} /* 終了したため変更 * #nikoProA-mediaBox{position:relative;width:615px;padding-bottom:5px;} * #nikoProA-mediaBox-image{width:233px;height:190px;float:left;margin-top:10px;} * #nikoProA-mediaBox-caption{width:367px;float:right;margin-top:10px;}*/ #nikoProA-mediaBox{width:585px;margin-top:10px;padding-right:15px;padding-bottom:10px;padding-left:15px;} #nikoProA-mediaBox img{width:585px;height:50px;margin-top:5px;padding-bottom:5px;} #nikoProA-wrapProfileBox{width:575px;padding-right:20px;padding-bottom:10px;padding-left:20px;background-color:#EEEEEE;} #nikoProA-profileBoxTitle{line-height:2em;font-weight:bold;font-size:120%;} #nikoProA-profileBox{position:relative;width:575px;padding-bottom:10px;} #nikoProA-profileBox-image{width:100px;float:left;} #nikoProA-profileBox-image p{font-size:80%;text-align:right;margin:0px;padding:0px;} #nikoProA-profileBox-caption{width:465px;float:right;} #nikoProA-profileBox-caption p{line-height:1.2em;margin:0px;padding-bottom:1em;} #nikoProA-imageBoxTitle{line-height:2em;font-weight:bold;font-size:120%;} #nikoProA-imageBox{width:615px;padding-bottom:10px;} /* 紹介B */ #nikoProB{ width:615px; margin-left:40px; height:150px;} #nikoProB-title{position:relative;width:615px;height:20px;padding-top:10px;} #nikoProB-mediaBox{position:relative;width:615px;} #nikoProB-mediaBox-image{width:233px;height:96px;float:left;margin-top:10px;} #nikoProB-mediaBox-caption{width:367px;float:right; margin-top:10px;} #nikoProB-profileBox{position:relative;width:615px;padding-bottom:10px;} #nikoProB-profileBox-image{width:120px;float:left;} #nikoProB-profileBox-caption{width:485px;float:right;} /* 紹介C */ #nikoProC{ width:615px; margin-left:40px; height:150px;} #nikoProC-title{position:relative;width:615px;height:20px;padding-top:10px;} #nikoProC-mediaBox{position:relative;width:615px;} #nikoProC-mediaBox-image{width:233px;height:96px;float:left;margin-top:10px;} #nikoProC-mediaBox-caption{width:367px;float:right; margin-top:10px;} #nikoProC-profileBox{position:relative;width:615px;padding-bottom:10px;} #nikoProC-profileBox-image{width:120px;float:left;} #nikoProC-profileBox-caption{width:485px;float:right;} /* 紹介D*/ #nikoProD{ width:615px; margin-left:40px; height:150px;} #nikoProD-title{position:relative;width:615px;height:20px;padding-top:10px;} #nikoProD-mediaBox{position:relative;width:615px;} #nikoProD-mediaBox-image{width:233px;height:96px;float:left;margin-top:10px;} #nikoProD-mediaBox-caption{width:367px;float:right; margin-top:10px;} #nikoProD-profileBox{position:relative;width:615px;padding-bottom:10px;} #nikoProD-profileBox-image{width:120px;float:left;} #nikoProD-profileBox-caption{width:485px;float:right;} /* シアターネットTV紹介 */ #piraniaProBackground{width:708px;margin-left:26px;;background-color:#FFFFFF;} /* ニコミュ紹介 */ #musicalPromotion{width:760px;margin-bottom:10px;padding-top:20px;padding-bottom:20px;float:left;background-color:#66CCFF;} #musicalProTitle{width:708px;height:135px;margin-left:26px;} #musicalProBackground{width:706px;margin-left:26px;border-right:solid 1px #5599FF;border-left:solid 1px #5599FF;border-bottom:solid 1px #5599FF;background-color:#FFFFFF;} .musicalProSubtitleImage{width:658px;margin-left:25px;padding-bottom:15px;} .musicalProReadBox{width:638px;margin-left:25px;padding-left:10px;padding-right:10px;padding-bottom:15px;} .musicalProReadBox p {margin:0px;padding-bottom:10px;} .musicalProReadBox .mediaBox {width:638px;padding-bottom:10px;} .musicalProReadBox .mediaBox .leftColumn{width:478px;float:left;} .musicalProReadBox .mediaBox .rightColumn{width:150px;float:right;} .musicalProReadBox .attentionBox {width:598px;padding-right:20px;padding-left:20px;padding-bottom:10px;} .musicalProReadBox .attentionBox .image {width:598px;padding-bottom:10px;} .musicalProReadBox .attentionBox .text {width:578px;padding-right:10px;padding-left:10px;} .musicalProReadBox .attentionBox .text p {margin:0px;padding:0px;} .musicalProReadBox .attentionBox.information3 {background-color:#FFF100;padding:20px;} .musicalProReadBox .attentionBox.information3 .text p {color:#CC3333;font-weight:bold;font-size:120%;line-height:1.2em;}