/*画像後読み*/ span.imgInfo { display:none; } /*右クリック禁止*/ span.guard260x195,span.guard200x150,span.guard160x120,span.guard125x94,span.guard120x90,span.guard100x75,span.guard80x60{background-image:url(https://s.yimg.jp/images/gyao/common/images/blank.gif); cursor:pointer; position:absolute; display:block;} span.guard260x195 {width:260px;height:195px;} span.guard200x150 {width:200px;height:150px;} span.guard160x120 {width:160px;height:120px;} span.guard125x94 {width:125px;height:94px;} span.guard120x90 {width:120px;height:90px;} span.guard100x75 {width:100px;height:75px;} span.guard80x60 {width:80px;height:60px;} /*オンラインシアター-----------------------------------------------------------------*/ /*common-------------*/ h3{ font-weight:bold;} h4{ font-weight:bold;} #contents-body{width:950px; margin:0 auto; padding-bottom:12px;background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/bg_bottom_wrapper.jpg) no-repeat bottom right;} .yj100per-2 #contents-body #main-wrapper{margin-left:0;width:950px;} #contents-body #main-wrapper #main{margin-left:0;} .yj100per-2 #contents-body #main {margin-left: 0px !important;} #main_cnt_wrapper{background:#010438;} #main_cnt_wrapper a{ color:#3466b9;} /*main---------------*/ /*titleCommon*/ .mainTitle01{ background-position:0 top; width:616px; color:#fff; padding:5px 9px 5px 15px;line-height:20px; background-color:#5f3d01;} .mainTitle01 p{ line-height:20px;} .mainTitle02{width:601px; color:#fff; padding:5px 9px 5px 30px;line-height:20px; background-color:#4d0101;} .mainTitle02 p{ line-height:20px;} .subTitle01{ background-position:-1280px top; background-color:#5f3d01;} .subTitle02{ background-position:-1580px top; background-color:#4d0101;} .subTitle03{ background-position:-1880px top; background-color:#013c4b;} #sub h2{ width:268px; padding:5px 16px; color:#fff; font-weight:bold; line-height:20px;} #main h3{ margin-right:10px; line-height:20px;} /*moduleBoxCommon*/ .mainModule01{ background-position:0 bottom;} .mainModule02{ background-position:-640px bottom;} .mainModule03{ background-position:-1280px bottom;} .subModule01{ background-position:-2820px bottom;} .subModule02{ background-position:-2520px bottom;} .subModule03{ background-position:-2220px bottom;} .subModule04{ background-position:-1920px bottom;} .mainModuleIn01,.subModuleIn01{ padding-left:3px;} .mainModuleIn02,.subModuleIn04{ background-color:#6d0d0d; border-left:1px solid #080808;border-right:1px solid #080808;} .mainModuleIn03,.subModuleIn02{ background:#fff;} .subModuleIn03{padding-left:3px;} /*iconCommon*/ .newIcon{ background:url(https://s.yimg.jp/images/gyao/common/images/icon_new.gif) no-repeat 0 6px; width:27px; height:18px; text-indent:-9999px; display:inline-block;} /*main----------------------------------------------------------------------*/ /*topHead*/ #topHead{ padding:11px 0 0 0;background: url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/bg_top_wraper.jpg) no-repeat center 0;} #topHead .catchCopy{ color:#fff;} .notice_txt p{margin: 120px;color: #fff;font-size: 22px;line-height: 1.5;text-align: center;} .notice_txt p a{text-decoration: underline;color: #fff !important;} /*recommendVideo*/ #recommendVideo h4,#planLineup h4{ padding:3px 13px;} #recommendVideo .imgLList{ padding:9px 18px 9px 14px; margin:0 auto;} #recommendVideo .imgLList li{ width:186px; padding-left:10px; float:left; margin-right:5px; _margin-right:3px; text-align:center;} #recommendVideo .imgLList .thumbnailL{ width:160px; height:120px; padding:1px 3px 2px 1px; text-align:center; margin:0 auto;} #recommendVideo .imgLList .videoTitle{ width:160px; margin:0 auto;} /*genreSearch*/ #genreSearch a{ color:#017bb8;} #genreSearch .mainTitle02{ padding:0 9px 0 15px; height:30px; line-height:30px;} #genreSearch .mainTitle02 p{ line-height:30px;} #genreSearch h3{background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/icon.png) no-repeat;background-position:-4px -149px; padding-left:32px; line-height:30px;margin-left:7px;} #genreSearch .mainModuleIn02{ padding:10px 15px 10px 15px;} #genreSearch .genreList li{ float:left; width:188px; margin-right:22px; margin-bottom:5px;} #genreSearch .genreList li .f13p{ color:#fff;} #genreSearch .genreList .listRight{ margin-right:0;} /*newLineup*/ #newLineup .mainModuleIn03{ padding:20px 16px 0 13px;} .imgSList{ padding-bottom:20px;} .imgSList li{ width:102px; margin:0 6px 0 14px; _margin:0 9px 20px 7px; float:left; text-align:center;} .imgSList .thumbnailS{ width:100px; height:75px; border:1px solid #c0bfb8; text-align:center; background:#07071f;} /*endVideo*/ #endVideo .mainModuleIn03{ padding:18px 16px 8px 13px;} #endVideo .endVideoList{ width:286px;} #endVideo .endVideoList li{ background-position:4px -156px; padding-left:22px; color:#4e4e4e; margin-bottom:8px;} /*planLineup*/ #planLineup .mainModuleIn03{ padding-bottom:10px;} #planLineup h4{ color:#080808;} #planLineup .imgSList{ padding:10px 16px 5px 10px;} #planLineup .imgSList .thumbnailS{ border-color:#c0bfb8;} #planLineup .imgSList .videoTitle{ color:#4e4e4e;} #planLineup .planNotes{ margin-right:7px;} #planLineup .planDay{ margin-right:44px;} #planLineup .guard100x75{ cursor:default;} /*sub----------------------------------------------------------------------*/ #sub{ padding-top:155px; width:300px; _overflow:hidden;} /*buyBox*/ #buyBox .buyBoxTitle{ height:115px;} #buyBox{padding-bottom:0;} #buyBox h2{ text-indent:-9999px; width:268px; height:21px;} #buyBox .buyPageBtn{ width:225px; height:79px; margin:0 auto;} #buyBox .buyPageBtn a{ background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/btn_buyPage.png) no-repeat; display:block; text-indent:-9999px; width:225px; height:79px; overflow:hidden;} #buyBox .buyPageBtn a{ background-position:0 0;} #buyBox .buyPageBtn a:hover{ background-position:-229px 0;} #buyBox .buyBoxEx{ background-position:-300px bottom; padding:9px 14px 35px 14px;} #buyBox .preCan,#buyBox .preCan h3,#buyBox .preCan .preList{background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/bg_premium.png) no-repeat;} #buyBox .preCan{ background-position:0 0; width:271px; margin:0 auto 5px auto;} #buyBox .preCan h3{ text-indent:-9999px; width:271px; height:48px; overflow:hidden; background-position:-543px 0;} #buyBox .preCan .period{ color:#7d1f01; text-align:center;} #buyBox .preCan .preList{ background-position:-272px bottom; padding-bottom:14px; } #buyBox .preCan .preList li{ width:175px; margin:0 auto; background-position:0 -639px; padding-left:16px; padding-bottom:6px;} #buyBox .preCan .preList a{ color:#480302;} #buyBox .preCan .preList a:hover{ color:#a80c0e;} #buyBox .preCan .preList a:visited{ color:#920766;} #buyBox .onlineHelp h3{ font-weight:bold; color:#fff;} #buyBox .onlineHelp .helpList a{ color:#f3e5ab;} #buyBox .onlineHelp .helpList a:hover{ color:#fac610;} #buyBox .onlineHelp .helpList a:visited{ color:#c390b2;} #buyBox .onlineHelp .helpList li{ padding-bottom:6px; background-position:0 -795px; padding-left:11px;} #buyBox .onlineHelp .floatR a{ color:#d4f3ab;} #buyBox .onlineHelp .floatR a:hover{ color:#aeeb5f;} #buyBox .onlineHelp .floatR a:visited{ color:#c390b2;} /*payperView*/ .bbred{ border-bottom:1px solid #dbc9c5;} #payperView .subModuleIn01{ padding:8px 9px 6px 10px;} #payperView .payperEx{ line-height:1.5; padding-bottom:5px;} #payperView .payperViewList{ padding-top:10px; margin-bottom:8px;} #payperView .imgMList{ padding-bottom:8px;} #payperView .imgMList li{ float:left; width:129px; margin:0 5px 0 6px; _margin:0 5px 0 4px;} .imgMList p.price{ text-align:center;} .imgMList .thumbnailM{ width:125px; height:94px; padding:1px 3px 2px 1px; text-align:center;} .imgMList .videoTitle{ padding:0 3px 0 1px; text-align:center;} .moreLink02{ background-position:0 -319px; padding-left:26px;} /*dailyRank*/ #dailyRank .subModuleIn02{ padding:11px 6px 6px 9px;} #dailyRank .rankList{ padding:0 7px 4px 4px;} #dailyRank .rankList li{ margin-bottom:7px; padding:3px 0 1px 25px; in-height:18px;} #dailyRank .rankList .dayRank01{ background-position:0 0px;} #dailyRank .rankList .dayRank02{ background-position:0 -161px;} #dailyRank .rankList .dayRank03{ background-position:0 -321px;} #dailyRank .rankList .dayRank04{ background-position:0 -484px;} #dailyRank .rankList .dayRank05{ background-position:0 -645px;} #dailyRank .rankList .dayRank06{ background-position:0 -806px;} #dailyRank .rankList .dayRank07{ background-position:0 -966px;} #dailyRank .rankList .dayRank08{ background-position:0 -1129px;} #dailyRank .rankList .dayRank09{ background-position:0 -1290px;} #dailyRank .rankList .dayRank10{ background-position:0 -1451px;} #dailyRank .rankDay{ color:#4e4e4e; margin-left:6px;} /*connectLink*/ #connectLink .subModuleIn03{ padding:0 11px;} #connectLink .connectList li{ padding:11px 1px 12px 1px;} .bbbluedot{ background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/border_blueDot.gif) repeat-x bottom;} #connectLink .connectList a img{ float:left; margin-right:11px;} /*sponsor*/ #sponsorList .subModuleIn04{ padding:11px 27px 0px 27px;} #sponsorList li{ line-height:0; margin-bottom:10px;} /*previewList*/ #previewList .subModuleIn03{ padding:0 11px;} #previewList li{ padding:8px 1px 12px 1px;} /* firstAnn */ .firstAnni h1 {width:310px !important;height:40px !important;background:url('https://s.yimg.jp/images/streaming/gyao-store/common/logo_1st.png') no-repeat !important;}.firstAnni h1 a {width:310px !important;height:40px !important;}.firstAnni {height:71px !important;}.firstAnni #header_cross {position:relative !important;top:0 !important;} .ypointIcon { background:url("https://s.yimg.jp/images/sicons/point16.gif") no-repeat scroll 0 0 transparent; display:inline-block; height:0; overflow:hidden; padding:16px 0 0; vertical-align:top; width:16px; } .mr5p { margin-right:5px; } .mt4p { margin-top:4px; } .floatL { float:left; } .mainTitle02,.subTitle04,#main .info h3,.mainModule04{ background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/mod_title_bg.png) no-repeat; } .mainTitle02{ background-position:-1580px 0; } .subTitle04{ background-position:-1280px 0; } .subModuleIn04{ border-left:1px solid #fff; border-right:1px solid #fff; } #genreSearch .subModuleIn04 { padding:15px 10px; } #genreSearch .genreList li { float:left; margin-bottom:5px; margin-right:10px; padding-left:12px; width:95px; background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/icon.png) no-repeat; background-position:-5px -46px; } #genreSearch .genreList .listRight { width:145px; margin-right:0; } #genreSearch a { font-size:13px; } #buyBox2 h2,#buyBox2 .buyBoxTitle{ background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/bg_purchase.png) no-repeat; } #buyBox2 h2 { background-position:-5px -160px; height:44px; text-indent:-9999px; width:300px; padding:3px 0 0; } #buyBox2 .buyBoxTitle{ background-position:-5px -5px; height:140px; } #buyBox2 .buyPageBtn { height:79px; margin:0 auto; width:225px; } #buyBox2 .buyPageBtn a { background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/btn_buyPage.png) no-repeat 0 0; display:block; height:79px; overflow:hidden; text-indent:-9999px; width:225px; } #buyBox2 .buyPageBtn a:hover { background-position:-229px 0; } #buyBox2 .buyBoxEx2 { background:#c52217 url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/bg_purchase.png) no-repeat; background-position:-310px bottom; padding:9px 13px 10px; } #buyBox2 .onlineHelp h3,#buyBox2 .onlineHelp .floatR a,#buyBox2 .onlineHelp .floatR a:hover,#buyBox2 .onlineHelp .floatR a:visited{ color:#fff; } #buyBox2 .onlineHelp h3{ font-weight:bold; } #buyBox2 .onlineHelp .floatR a:hover { text-decoration:underline; } #recommendVideo h3,#buyBox2 .onlineHelp .helpList li { background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/icon.png) no-repeat; background-position:-5px -97px; padding-bottom:6px; padding-left:11px; } #buyBox2 .onlineHelp .helpList a,#buyBox2 .onlineHelp .helpList a:hover,#buyBox2 .onlineHelp .helpList a:visited{ color:#fff; } #buyBox2 .onlineHelp .helpList a:hover { text-decoration:underline; } .mainModule04{ background-position:0 top; } .mainModuleIn04{ background:#000 url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/mod_title_bg.png) no-repeat; background-position:-640px bottom; border-left:#dab765 3px solid; border-right:#dab765 3px solid; padding:0; } .mainTitle03{ padding:7px 9px 8px 15px; } #recommendVideo .imgList { margin:0 auto; padding:9px 13px 9px 13px; } #recommendVideo .imgList li { float:left; margin-right:5px; padding-left:10px; text-align:center; width:186px; } #recommendVideo .imgList .thumbnailL { background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/bg_recomendimage.png) no-repeat 0 0; height:120px; margin:0 auto; padding:1px 3px 2px 1px; text-align:center; width:160px; } #recommendVideo a { color:#dab765; text-decoration:underline; } #recommendVideo a:hover { color:#fff; text-decoration:none; } #recommendVideo h3{ background-position:-6px -3px; padding:1px 0 0 20px; } .subModuleIn04,.mainModuleIn03,#main .info .infoSentence{ background:#fff url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/mod_title_bg.png) no-repeat; background-position:-2860px bottom; } .mainModuleIn03{ border-left:1px solid #fff; } #main .info .infoSentence{ margin-bottom:10px; padding:10px; } #main .info h3 { background-position:-2220px 0; color:#fff; height:29px; line-height:29px; margin:0; padding:0 30px; } /*globalNavi----------------------*/ .index #contents-newheader{margin-bottom:0;padding-top:1px;} #contents-newheader{background:#ffffff;margin-bottom:10px;} #contents-newheader .column{width:950px;margin:0 auto 4px;} #globalNavi .gnBorder, #globalNavi {background:url(https://s.yimg.jp/images/streaming/gyao-store/common/new/spriteHeaderFooter.png) no-repeat;} /* ----------------------------------------------------- グロナビ改修 0221 再定義　ここから --------------------------------------------------------- */ #globalNavi li a { background:url(https://s.yimg.jp/images/streaming/gyao-store/common/new/sprite_common_gnav.png) no-repeat; } /*productLink*/ #globalNavi .gnBorder, #globalNavi li a { overflow:hidden; height:26px; display:block; text-indent:-9999px; overflow:hidden; } #globalNavi .gnLink_top a { width:55px; background-position:left 0px; } #globalNavi .gnLink_foreign_film a { width:48px; background-position:-55px 0px; } #globalNavi .gnLink_movie a { width:48px; background-position:-103px 0px; } #globalNavi .gnLink_drama a { width:53px; background-position:-151px 0px; } #globalNavi .gnLink_music a { width:48px; background-position:-204px 0px; } #globalNavi .gnLink_anime a { width:55px; background-position:-252px 0px; } #globalNavi .gnLink_tv_program a { width:78px; background-position:-307px 0px; } #globalNavi .gnLink_documentary a { width:101px; background-position:-385px 0px; } #globalNavi .gnLink_hobby_culture a { width:73px; background-position:-486px 0px; } #globalNavi .gnLink_pachinko_pachisuro a { width:112px; background-position:-559px 0px; } #globalNavi .gnLink_sports a { width:67px; background-position:-671px 0px; } #globalNavi .gnLink_gravure a { width:65px; background-position:-738px 0px; } #globalNavi .gnLink_adult a { width:63px; background-position:-803px 0px; } #globalNavi .gnLink_comic a { width:83px; background-position:-866px 0px; } /*on*/ #globalNavi .gnLink_topOn a { width:55px; background-position:left -36px; } #globalNavi .gnLink_foreign_filmOn a { width:48px; background-position:-55px -36px; } #globalNavi .gnLink_movieOn a { width:48px; background-position:-103px -36px; } #globalNavi .gnLink_dramaOn a { width:53px; background-position:-151px -36px; } #globalNavi .gnLink_musicOn a { width:48px; background-position:-204px -36px; } #globalNavi .gnLink_animeOn a { width:55px; background-position:-252px -36px; } #globalNavi .gnLink_tv_programOn a { width:78px; background-position:-307px -36px; } #globalNavi .gnLink_documentaryOn a { width:101px; background-position:-385px -36px; } #globalNavi .gnLink_hobby_cultureOn a { width:73px; background-position:-486px -36px; } #globalNavi .gnLink_pachinko_pachisuroOn a { width:112px; background-position:-559px -36px; } #globalNavi .gnLink_sportsOn a { width:67px; background-position:-671px -36px; } #globalNavi .gnLink_gravureOn a { width:65px; background-position:-738px -36px; } #globalNavi .gnLink_adultOn a { width:63px; background-position:-803px -36px; } #globalNavi .gnLink_comicOn a { width:83px; background-position:-866px -36px; } /*hover*/ #globalNavi .gnLink_top a:hover { width:55px; background-position:left -36px; } #globalNavi .gnLink_foreign_film a:hover { width:48px; background-position:-55px -36px; } #globalNavi .gnLink_movie a:hover { width:48px; background-position:-103px -36px; } #globalNavi .gnLink_drama a:hover { width:53px; background-position:-151px -36px; } #globalNavi .gnLink_music a:hover { width:48px; background-position:-204px -36px; } #globalNavi .gnLink_anime a:hover { width:55px; background-position:-252px -36px; } #globalNavi .gnLink_tv_program a:hover { width:78px; background-position:-307px -36px; } #globalNavi .gnLink_documentary a:hover { width:101px; background-position:-385px -36px; } #globalNavi .gnLink_hobby_culture a:hover { width:73px; background-position:-486px -36px; } #globalNavi .gnLink_pachinko_pachisuro a:hover { width:112px; background-position:-559px -36px; } #globalNavi .gnLink_sports a:hover { width:67px; background-position:-671px -36px; } #globalNavi .gnLink_gravure a:hover { width:65px; background-position:-738px -36px; } #globalNavi .gnLink_adult a:hover { width:63px; background-position:-803px -36px; } #globalNavi .gnLink_comic a:hover { width:83px; background-position:-866px -36px; } /* ----------------------------------------------------- グロナビ改修 0221 再定義　ここまで --------------------------------------------------------- */ /*border*/ #globalNavi .gnBorder{width:2px;background-position:left -160px} #globalNavi .gnList01 a,#globalNavi .gnList02 a,#globalNavi .gnList01On a,#globalNavi .gnList02On a{margin:0;} #globalNavi ul{width:950px;margin:0 auto;} #globalNavi li{float:left;} #globalNavi{overflow:hidden;background-position:0 0;background-repeat:repeat-x;width:100%;height:26px;} #globalNavi .gnList01,#globalNavi .gnList02,#globalNavi .gnList01On,#globalNavi .gnList02On{position:relative;z-index:999;} #globalNavi .gnList01Menu,#globalNavi .gnList02Menu{display:none;width:90px;position:absolute;z-index:999;border:1px solid #636e71;background:#fff;padding:10px 12px;top:32px;} #globalNavi .gnList02Menu{width:185px;} #globalNavi .gnList01Menu li,#globalNavi .gnList02Menu li{margin-bottom:6px;font-size:90%;float:none !important;} #globalNavi .gnList01Menu li a,#globalNavi .gnList02Menu li a{display:inline;background:none;color:#1493b4;text-indent:0;} /*special_common.cssに変更した際の修正20130201-----------------------------------------------------------------*/ .yj-guid{display:block;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;} /*初月無料キャンペーン20130201-----------------------------------------------------------------*/ /*sub-------------*/ #sub.freeCamp { padding-top:0; } #sub.freeCamp #campQR { height:155px; text-align:right; } #sub.freeCamp #campQR .qrImg { padding:51px 6px 0 0; } /*キャンペーン-------------*/ #campWrap { padding-bottom:10px; min-height:294px; _height:294px; background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/camp_main_bg.jpg) 0 0 no-repeat; } #campWrap .campMainTxt { padding:17px 0 0 119px; } #campWrap .campBox { padding:0 0 19px 103px; } #campWrap .campBox .campPrice, #campWrap .campBox .campDtlBtn { float:left; } #campWrap .campBox .campDtlBtn { padding-top:13px; } #campWrap .campPreBtn, #campWrap .campTxt { color:#fff; font-size:85%; text-align:center; } #campWrap .campTxt a:link, #campWrap .campTxt a:visited { color:#fff; text-decoration:none; } #campWrap .campTxt a:hover, #campWrap .campTxt a:focus, #campWrap .campTxt a:active { color:#fff; text-decoration:underline; } #campWrap .mgnB { margin-bottom:10px; } /*キャンペーン詳細-------------*/ #campaign { margin-top:23px; padding-bottom:38px; } #campaign h3 { margin-bottom:5px; text-align:center; } #campaign table.campDtl { width:100%; font-size:75%; border-left:1px solid #fff; border-top:1px solid #fff; background:url(https://s.yimg.jp/images/streaming/gyao-store/onlinetheater/waner_films/camp_dtl_bg.png) 0 0 repeat-y; } #campaign table.campDtl th, #campaign table.campDtl td{ border-right:1px solid #fff; border-bottom:1px solid #fff; } #campaign table.campDtl th { padding:10px 0; width:107px; text-align:center; color:#fff; font-weight:bold; vertical-align:top; } #campaign table.campDtl td { padding:10px 10px 10px 12px; color:#010438; line-height:1.4; background:#cfc7da; } #campaign table.campDtl td a:link, #campaign table.campDtl td a:visited { color:#d60001; text-decoration:underline; } #campaign table.campDtl td a:hover, #campaign table.campDtl td a:focus, #campaign table.campDtl td a:active { text-decoration:none; }