@charset "Shift_JIS";

/* =================================================================================================
　WOWOW ONLINE - 「基本スタイル」CSS
　https://www.wowow.co.jp/
　Copyright (C) WOWOW INC. ALL RIGHTS RESERVED.
====================================================================================================

　【目次】
　・Thickbox 3.1
　・スタイル初期値リセット
　・旧スタイル初期値リセット
　・スマートフォン・iPad用
　・汎用スタイル
　・文字設定
　・リンク設定
　・画像の保存禁止

================================================================================================= */


/* -------------------------------------------------------------------------------------------------
　Thickbox 3.1
------------------------------------------------------------------------------------------------- */
@import url("/common/base/css/thickbox.css");



/* ----------------------------------------------------------------------------
　スタイル初期値リセット
---------------------------------------------------------------------------- */

body,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p,strong,address{
	margin:0;
	padding:0;
}

body{
  font-size:12px;
}

ul,li{
	list-style:none;
}

address{
	font-style:normal;
}

img{
	border:0;
}

input,
textarea,
select{
	outline-style: none;
}


/* ----------------------------------------------------------------------------
　旧スタイル初期値リセット
---------------------------------------------------------------------------- */

#header,
.site,
.page,
#footer,

#header h1,
.site h1,
.page h1,
#footer h1,

#header h2,
.site h2,
.page h2,
#footer h2,

#header h3,
.site h3,
.page h3,
#footer h3,

#header h4,
.site h4,
.page h4,
#footer h4,

#header h5,
.site h5,
.page h5,
#footer h5,

#header h6,
.site h6,
.page h6,
#footer h6,

#header p,
.site p,
.page p,
#footer p,

#header ol,
.site ol,
.page ol,
#footer ol,

#header ul,
.site ul,
.page ul,
#footer ul,

#header li,
.site li,
.page li,
#footer li,

#header dl,
.site dl,
.page dl,
#footer dl,

#header dt,
.site dt,
.page dt,
#footer dt,

#header dd,
.site dd,
.page dd,
#footer dd,

#header th,
.site th,
.page th,
#footer th,

#header td,
.site td,
.page td,
#footer td,

#header form,
.site form,
.page form,
#footer form,

#header input,
.site input,
.page input,
#footer input,

#header textarea,
.site textarea,
.page textarea,
#footer textarea,

#header fieldset,
.site fieldset,
.page fieldset,
#footer fieldset
{
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  letter-spacing:normal;
}

#header,
.site,
.page,
#footer
{
/*  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/
}

/* リストタグの中黒を非表示 */
#header ol,
.site ol,
.page ol,
#footer ol,

#header ul,
.site ul,
.page ul,
#footer ul
{
  list-style: none;
}

/* 「th」セル左揃え */
#header th,
.site th,
.page th,
#footer th
{
  text-align: left;
}

/* 画像のボーダー削除 */
#header img,
.site img,
.page img,
#footer img,

#header fieldset,
.site fieldset,
.page fieldset,
#footer fieldset
{
  border: 0;
}

/* フォーム／プルダウンメニュー */
#header select option,
.site select option,
.page select option,
#footer select option
{
  padding: 0 5px;
}

/* フォーム／マウス選択設定 */
#header form label,
.site form label,
.page form label,
#footer form label,
.sub form label
{
  cursor: pointer;
}

/* リンク設定／通常時下線無し */
#header a:link,
.site a:link,
.page a:link,
#footer a:link,

#header a:visited,
.site a:visited,
.page a:visited,
#footer a:visited
{
  text-decoration: underline;
}

/* リンク設定／オンマウス時下線有り */
#header a:hover,
.site a:hover,
.page a:hover,
#footer a:hover,

#header a:active,
.site a:active,
.page a:active,
#footer a:active
{
  text-decoration: none;
}


/* -------------------------------------------------------------------------------------------------
　スマートフォン用エリアは非表示
------------------------------------------------------------------------------------------------- */
.sp_area{
	display:none;
}



/* -------------------------------------------------------------------------------------------------
　汎用スタイル
------------------------------------------------------------------------------------------------- */

/* float回り込み解除 */
.clearfix {
	display: inline-block;
}

/* Exclude Mac IE \*/
.clearfix {
	display: block;
}
/**/

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

/* リンクではないクリッカブルオブジェクト */
.clickable {
	cursor:pointer;
}
.clickable:hover,
.clickable:active {
	text-decoration:underline;
}

/* フロート：左 */
.floatLeft {
	float:left;
}

/* フロート：右 */
.floatRight {
	float:right;
}


/* -------------------------------------------------------------------------------------------------
　文字設定
------------------------------------------------------------------------------------------------- */

/* 基本テキストカラー */
.page{
	color: #000;
}

/* Windowsの場合のフォント */
.winfont{
	font-family:"ＭＳ Ｐゴシック", "MS PGothic";
}

/* Macの場合のフォント */
.macfont{
	font-family: "Hiragino Kaku Gothic Pro", sans-serif !important;
}


/* 相対値10px相当 */
.var10M{
	font-size:10px;
	line-height:150%;
}

/* 相対値11px相当 */
.var11M{
	font-size:11px;
	line-height:150%;
}

/* 相対値12px相当 */
.var12M{
	font-size:12px;
	line-height:150%;
}

/* 相対値14px相当 */
.var14M{
	font-size:14px;
	line-height:150%;
}

/* 相対値16px相当 */
.var16M{
	font-size:16px;
	line-height:150%;
}

/* 相対値18px相当 */
.var18M{
	font-size:18px;
	line-height:150%;
}


/* -------------------------------------------------------------------------------------------------
　リンク設定
------------------------------------------------------------------------------------------------- */

/* 基本リンクカラー */
a{
	color:#2a589c;
	text-decoration:underline;
}

/* オンマウスで下線無し */
a:hover{
	text-decoration:none;
}


/* ----------------------------------------------------------------------------
　3チャンネルフロートボタン
---------------------------------------------------------------------------- */

#float3channel{
	width:78px;
	height:91px;
	padding:37px 0 0 8px;
	position:fixed;
	top:119px;
	right:0px;
	z-index:100;
	text-indent:-9999px;
	background: transparent url("/common/base/img/float3channel.jpg") no-repeat;
}


#float3channel strong{
	display:none;
}

#float3channel li{
	width:70px;
	height:22px;
	display:block;
	text-indent:-9999px;
}
#float3channel li a{
	width:70px;
	height:22px;
	display:block;
	outline:0;
}

#float3channel .prime{
	margin-bottom:7px;
}
#float3channel .live{
	margin-bottom:7px;
}

#float3channel .prime,
#float3channel .prime a{
	background: transparent url("/common/base/img/float3channel_prime.gif") no-repeat;
}
#float3channel .prime a:hover{
	background: transparent url("/common/base/img/float3channel_prime_on.gif") no-repeat;
}

#float3channel .live,
#float3channel .live a{
	background: transparent url("/common/base/img/float3channel_live.gif") no-repeat;
}
#float3channel .live a:hover{
	background: transparent url("/common/base/img/float3channel_live_on.gif") no-repeat;
}

#float3channel .cinema,
#float3channel .cinema a{
	background: transparent url("/common/base/img/float3channel_cinema.gif") no-repeat;
}
#float3channel .cinema a:hover{
	background: transparent url("/common/base/img/float3channel_cinema_on.gif") no-repeat;
}


*html #float3channel{
	position:absolute;
}



/* -------------------------------------------------------------------------------------------------
　画像の保存禁止
------------------------------------------------------------------------------------------------- */

/* 横583px・縦350px */
.guard_583_350{
    position:relative;
    width:583px;
    height:350px;
}

/* 横375px・縦225px */
.guard_375_225{
    position:relative;
    width:375px;
    height:225px;
}

/* 横286px・縦172px */
.guard_286_172{
    position:relative;
    width:286px;
    height:172px;
}

/* 横205px・縦115px */
.guard_205_115{
    position:relative;
    width:205px;
    height:115px;
}

/* 横170px・縦102px */
.guard_170_102{
    position:relative;
    width:170px;
    height:102px;
}

/* 横133px・縦80px */
.guard_133_80{
    position:relative;
    width:133px;
    height:80px;
}

/* 横440px・縦248px */
.guard_440_248{
    position:relative;
    width:440px;
    height:248px;
}

/* 横338px・縦225px */
.guard_338_225{
    position:relative;
    width:338px;
    height:225px;
}

/* 透過GIF設定（共通） */
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
	background-image:url("/common/base/img/spacer.gif");
/*  cursor:pointer; */
}

/* リンクが貼ってある場合のみカーソルチェンジ */
a span.guard{
cursor:pointer;
}


/* -------------------------------------------------------------------------------------------------
　新旧繋ぎ込み対応リンク
------------------------------------------------------------------------------------------------- */

#detail_title .old_link_detail{
	display:block;
	padding-top:5px;
	padding-left:10px;
}
#detail_title .old_link_detail a{
	color:#fff;
}