@charset "Shift_JIS";

/* =================================================================================================
   WOWOW ONLINE - 新オンラインヘッダフッタ
   http://www.wowow.co.jp/
   Copyright (C) WOWOW INC. ALL RIGHTS RESERVED.
====================================================================================================

　・Thickbox 3.1
　・リセット
　・スマートフォン用エリアは非表示
　・汎用スタイル
　・文字設定
　・リンク設定
　・ヘッダ
　・番組／ドロップダウン
　・サービス／ドロップダウン
　・サポート／ドロップダウン
　・ログイン／ドロップダウン
　・緊急告知エリア
　・フッタ
　・黒パターン

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


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


/* ----------------------------------------------------------------------------
　リセット
---------------------------------------------------------------------------- */

body a{
	outline:0;
}
body,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p,strong,address{
	margin:0;
	padding:0;
}
ul,li{
	list-style:none;
}
address{
	font-style:normal;
}
.clearfix{
	display: inline-block;
}
/* Exclude Mac IE \*/
.clearfix{
	display: block;
}
/**/
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
img{
	border:0;
	-ms-interpolation-mode:bicubic;
}

/* コピーガード */
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
	background-image:url("http://cdn.wowow.co.jp/common/base/img/spacer.gif");
	z-index:2;
}
a span.guard{
	cursor:pointer;
}


/* 横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;
}


/* リンク */
a:link,
a:visited{
	text-decoration:underline;
}
a:hover,
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", sans-serif;
}

/* Macの場合のフォント */
.macfont{
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif !important;
}


.var10M{
	font-size:10px;
	line-height:150%;
}
.var11M{
	font-size:11px;
	line-height:150%;
}
.var12M{
	font-size:12px;
	line-height:150%;
}
.var14M{
	font-size:14px;
	line-height:150%;
}
.var16M{
	font-size:16px;
	line-height:150%;
}
.var18M{
	font-size:18px;
	line-height:150%;
}
.var20M{
	font-size:20px;
	line-height:150%;
}
.var22M{
	font-size:22px;
	line-height:150%;
}
.var24M{
	font-size:24px;
	line-height:150%;
}
.var26M{
	font-size:26px;
	line-height:150%;
}
.var28M{
	font-size:28px;
	line-height:150%;
}
.var30M{
	font-size:30px;
	line-height:150%;
}
.var32M{
	font-size:32px;
	line-height:150%;
}
.var34M{
	font-size:34px;
	line-height:150%;
}
.var36M{
	font-size:36px;
	line-height:150%;
}




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

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

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


body{
	font-size:12px;
	min-width:982px;
}


/* ログイン要素は予め非表示 */
.login_show{
	display:none;
}



/* 透過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;
}


/* ----------------------------------------------------------------------------
　ヘッダ
---------------------------------------------------------------------------- */

/* ログイン要素は予め非表示 */
.login_show{
	display:none;
}

#wowow_header{
	width:100%;
	min-width:982px;
	height:42px;
	background:url("/top_load/img/wh_bg.png") 0 0 repeat-x;
	border-top:3px solid #0b56a7;
	border-bottom:1px solid #ccc;
	z-index:98;
	position:relative;
}


/* 25th */
.wh_25th a{
	display:block;
	
	width:40px;
	height:34px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	position:absolute;
	top:5px;
	left:10px;
	background:url("/top_load/img/wh_25th.png") 0 0 no-repeat;
}


/* WOWOWロゴ */
.wh_logo{
}
.wh_logo a{
	display:block;
	position:absolute;
	top:16px;
	left:45px;
	
	width:103px;
	height:14px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	background:url("/top_load/img/wh_logo.png") 0 0 no-repeat;
}

/* BS9 */
.wh_bs9ch a{
	display:block;
	
	width:59px;
	height:28px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	position:absolute;
	top:8px;
	left:126px;
	background:url("/top_load/img/wh_bs9ch.png") 0 0 no-repeat;
}


.wh_menu_open,
#wh_menu .wh_menu_title_area{
	display:none;
}




#wh_menu{display: inline-block;}

/* Exclude Mac IE \*/
#wh_menu{display: block;}
/**/

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


.wh_menu_program,
.wh_menu_service,
.wh_menu_support,
.wh_menu_login{
	font-size:0px;
	line-height:0%;
	overflow:hidden;
	background-color:#F00;
}


#wh_menu li .wh_link{
	height:42px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	cursor:pointer;
	position:absolute;
	top:0px;
	
	z-index:3;
}
#wh_menu li .wh_link a{
	height:42px;
	display:block;
	background:url("/top_load/img/wh_menu.png") 0 0 no-repeat;
}


/* 番組 */
#wh_menu .wh_menu_program .wh_link{
	width:86px;
	left:190px;
}
#wh_menu .wh_menu_program .wh_link a{
	width:86px;
	background-position:0 0;
}
#wh_menu .wh_menu_program .wh_link .on{
	background-position:0 -43px;
}


/* サービス */
#wh_menu .wh_menu_service .wh_link{
	width:86px;
	left:274px;
}
#wh_menu .wh_menu_service .wh_link a{
	width:86px;
	background-position:-84px 0;
}
#wh_menu .wh_menu_service .wh_link .on{
	background-position:-84px -43px;
}


/* サポート */
#wh_menu .wh_menu_support .wh_link{
	width:86px;
	left:358px;
}
#wh_menu .wh_menu_support .wh_link a{
	width:86px;
	background-position:-168px 0;
}
#wh_menu .wh_menu_support .wh_link .on{
	background-position:-168px -43px;
}


/* ログイン */
#wh_menu .wh_menu_login .wh_link{
	width:86px;
	left:442px;
}
#wh_menu .wh_menu_login .wh_link a{
	width:86px;
	background-position:-252px 0;
}
#wh_menu .wh_menu_login .wh_link .on{
	background-position:-252px -86px;

}

#wh_menu li .wh_dropdown_case{
	position:relative;
	position:absolute;
	top:42px;
	left:0px;
	width:100%;
	height:500px;
	overflow:hidden;
	display:none;
	
	background:url("/top_load/img/wh_menu_dropdown_bg.jpg") 0 0 repeat-x;
	background-color:#fff;
	
	-webkit-box-shadow: 0px 2px 3px 0px #555; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 2px 3px 0px #555; /* Firefox用 */
	box-shadow: 0px 2px 3px 0px #555; /* CSS3 */
}



/* ドロップダウン */
#wh_menu li .wh_dropdown{
	width:100%;
	
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	font-size:14px !important;
	line-height:120% !important;
	
	background:url("/top_load/img/wh_menu_dropdown_bg.jpg") 0 0 repeat-x;
	background-color:#fff;
}


/* ----------------------------------------------------------------------------
　番組／ドロップダウン
---------------------------------------------------------------------------- */
#wh_menu .wh_menu_program .wh_dropdown{
	height:398px;
}
#wh_menu .wh_menu_program .wh_dropdown_inner{
	padding-top:40px;
}

/* 各ジャンルメニュー */
.wh_program_list{
	width:978px;
	height:234px;
	margin:0 auto 41px;
	background:url("/top_load/img/wh_program_list_bg.png") 0 0 repeat-y;
}

.wh_menu_program .wh_box{
	width:122px;
	float:left;
}

/* 各ジャンルアイキャッチ */
.wh_menu_program .wh_box p{
	width:122px;
	height:87px;
}
.wh_menu_program .wh_box p a{
	display:block;
	width:122px;
	height:87px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	background:url("/top_load/img/wh_program_list_icon.png") 0 0 no-repeat;
}

.wh_menu_program .wh_movie p a{
	background-position:0 0;
}
.wh_menu_program .wh_movie p a:hover{
	background-position:0 -87px;
}

.wh_menu_program .wh_drama p a{
	background-position:-122px 0;
}
.wh_menu_program .wh_drama p a:hover{
	background-position:-122px -87px;
}

.wh_menu_program .wh_sports p a{
	background-position:-244px 0;
}
.wh_menu_program .wh_sports p a:hover{
	background-position:-244px -87px;
}

.wh_menu_program .wh_music p a{
	background-position:-366px 0;
}
.wh_menu_program .wh_music p a:hover{
	background-position:-366px -87px;
}

.wh_menu_program .wh_stage p a{
	background-position:-488px 0;
}
.wh_menu_program .wh_stage p a:hover{
	background-position:-488px -87px;
}

.wh_menu_program .wh_anime p a{
	background-position:-610px 0;
}
.wh_menu_program .wh_anime p a:hover{
	background-position:-610px -87px;
}

.wh_menu_program .wh_documentary p a{
	background-position:-732px 0;
}
.wh_menu_program .wh_documentary p a:hover{
	background-position:-732px -87px;
}

.wh_menu_program .wh_extra p a{
	background-position:-854px 0;
}
.wh_menu_program .wh_extra p a:hover{
	background-position:-854px -87px;
}


/* 各ジャンル1個分 */
.wh_menu_program .wh_dropdown .wh_box ul{
	padding:0 8px;
}
.wh_menu_program .wh_dropdown .wh_box ul li{
	margin-bottom:7px;
}
.wh_menu_program .wh_dropdown .wh_box ul li a{
	color:#666;
	font-size:12px;
	line-height:120%;
	text-decoration:none;
}

.wh_menu_program .wh_dropdown .wh_sports li a{
	letter-spacing:-1px;
}
.wh_menu_program .wh_dropdown .wh_box ul li a:hover{
	text-decoration:underline;
}

.wh_menu_program .wh_dropdown .wh_box ul .wh_half01{
	float:left;
	width:47%;
	letter-spacing:-1px;
}
.wh_menu_program .wh_dropdown .wh_box ul .wh_half02{
	float:right;
	width:48%;
	letter-spacing:-1px;
}


/* 各サイト導線 */
.wh_menu_program .wh_dropdown .wh_ch{
	height:48px;
	padding:19px 0 0;
	background:url("/top_load/img/wh_ch_bg.jpg") 0 0 repeat-x;
}
.wh_menu_program .wh_dropdown .wh_ch .wh_ch_inner{
	width:982px;
	margin:0 auto;
}

.wh_menu_program .wh_dropdown .wh_ch .wh_ch01{
	width:468px;
	float:left;
	margin-right:30px;
}
.wh_menu_program .wh_dropdown .wh_ch ul{display: inline-block;}
/* Exclude Mac IE \*/
.wh_menu_program .wh_dropdown .wh_ch ul{display: block;}
/**/
.wh_menu_program .wh_dropdown .wh_ch ul:after{content:".";display:block;clear:both;height:0;visibility: hidden;}


.wh_menu_program .wh_dropdown .wh_ch li{
	float:left;
	margin-right:30px;
}
.wh_menu_program .wh_dropdown .wh_ch .lastItem{
	margin-right:0px;
}

.wh_menu_program .wh_dropdown .wh_ch .wh_ch01 li a{
	display:block;
	height:30px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	background:url("/top_load/img/wh_ch.png") 0 0 no-repeat;
}

.wh_menu_program .wh_dropdown .wh_ch .wh_ch01 .wh_ch_prime a{
	width:96px;
	background-position:0 0;
}
.wh_menu_program .wh_dropdown .wh_ch .wh_ch01 .wh_ch_prime a:hover{
	background-position:0 -30px;
}

.wh_menu_program .wh_dropdown .wh_ch .wh_ch01 .wh_ch_live a{
	width:96px;
	background-position:-96px 0;
}
.wh_menu_program .wh_dropdown .wh_ch .wh_ch01 .wh_ch_live a:hover{
	background-position:-96px -30px;
}

.wh_menu_program .wh_dropdown .wh_ch .wh_ch01 .wh_ch_cinema a{
	width:96px;
	background-position:-192px 0;
}
.wh_menu_program .wh_dropdown .wh_ch .wh_ch01 .wh_ch_cinema a:hover{
	background-position:-192px -30px;
}

.wh_menu_program .wh_dropdown .wh_ch .wh_ch01 .wh_ch_wmod a{
	width:90px;
	background-position:-288px 0;
}
.wh_menu_program .wh_dropdown .wh_ch .wh_ch01 .wh_ch_wmod a:hover{
	background-position:-288px -30px;
}


/* その他 */
.wh_menu_program .wh_dropdown .wh_ch .wh_ch02{
	width:454px;
	background-color:#fff;
	padding:10px 15px;
	float:left;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.wh_menu_program .wh_dropdown .wh_ch .wh_ch02 li{
	float:left;
	margin-right:20px;
}
.wh_menu_program .wh_dropdown .wh_ch .wh_ch02 .lastItem{
	margin-right:0px;
}
.wh_menu_program .wh_dropdown .wh_ch .wh_ch02 li a{
	color:#333;
	font-size:12px;
	line-height:120%;
	text-decoration:none;
	padding:0 0 0 15px;
	background:url("/top_load/img/wh_arrow01.gif") 0 center no-repeat;
}
.wh_menu_program .wh_dropdown .wh_ch .wh_ch02 li a:hover{
	text-decoration:underline;
}



/* ----------------------------------------------------------------------------
　サービス／ドロップダウン
---------------------------------------------------------------------------- */
#wh_menu .wh_menu_service .wh_dropdown{
	height:398px;
}
#wh_menu .wh_menu_service .wh_dropdown_inner{
	padding-top:38px;
}

.wh_menu_service .wh_dropdown a{
	color:#333;
	font-size:12px;
	line-height:120%;
	text-decoration:none;	
}
.wh_menu_service .wh_dropdown a:hover{
	text-decoration:underline;
}


/* サービスリスト */
.wh_menu_service .wh_dropdown .wh_service_list{
	width:982px;
	margin:0 auto 27px;
}
.wh_menu_service .wh_dropdown .wh_service_list{display: inline-block;}
/* Exclude Mac IE \*/
.wh_menu_service .wh_dropdown .wh_service_list{display: block;}
/**/
.wh_menu_service .wh_dropdown .wh_service_list:after{content:".";display:block;clear:both;height:0;visibility: hidden;}



.wh_menu_service .wh_dropdown .wh_service_list li{
	width:196px;
	text-align:center;
	float:left;
	margin:0;
	background:url("/top_load/img/wh_service_list_bg.png") 0 0 no-repeat;
	padding-bottom:11px;
}
.wh_menu_service .wh_dropdown .wh_service_list .lastItem{
	width:198px;
	background:url("/top_load/img/wh_service_list_last_bg.png") 0 0 no-repeat;
}
.wh_menu_service .wh_dropdown .wh_service_list li a{
	width:196px;
	height:20px;
	padding-top:94px;
	display:block;
	background:url("/top_option/include/img/wh_service_list_icon.png") 0 0 no-repeat;
}

.wh_menu_service .wh_dropdown .wh_service_list .wh_service_wmod a{
	background-position:0 0;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_wmod a:hover{
	background-position:0 -114px;
}

.wh_menu_service .wh_dropdown .wh_service_list .wh_service_muryo a{
	background-position:-196px 0;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_muryo a:hover{
	background-position:-196px -114px;
}

.wh_menu_service .wh_dropdown .wh_service_list .wh_service_promo a{
	background-position:-392px 0;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_promo a:hover{
	background-position:-392px -114px;
}

.wh_menu_service .wh_dropdown .wh_service_list .wh_service_present a{
	background-position:-588px 0;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_present a:hover{
	background-position:-588px -114px;
}

.wh_menu_service .wh_dropdown .wh_service_list .wh_service_guide a{
	/*background-position:-784px 0;*/
	background:url(/dpm/img/guide.jpg) center 10px no-repeat;
	background-size:auto 71px;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_guide a:hover{
	/*background-position:-784px -114px;*/
	opacity:0.8;
}

.wh_menu_service .wh_dropdown .wh_service_list .wh_service_point a{
	background-position:-980px 0;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_point a:hover{
	background-position:-980px -114px;
}

.wh_menu_service .wh_dropdown .wh_service_list .wh_service_external a{
	background-position:-1176px 0;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_external a:hover{
	background-position:-1176px -114px;
}

.wh_menu_service .wh_dropdown .wh_service_list .wh_service_app a{
	background-position:-1372px 0;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_app a:hover{
	background-position:-1372px -114px;
}

.wh_menu_service .wh_dropdown .wh_service_list .wh_service_melmaga a{
	background-position:-1568px 0;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_melmaga a:hover{
	background-position:-1568px -114px;
}

.wh_menu_service .wh_dropdown .wh_service_list .wh_service_eventinfo a{
	background-position:-1764px 0;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_eventinfo a:hover{
	background-position:-1764px -114px;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_tablet a{
	background-position:-392px 0;
}
.wh_menu_service .wh_dropdown .wh_service_list .wh_service_tablet a:hover{
	background-position:-392px -114px;
}


/* その他のサービスリスト */
.wh_menu_service .wh_dropdown .wh_other_service_list{
	text-align:center;
	height:52px;
	padding:15px 0 0;
	background:url("/top_load/img/wh_other_service_list_bg.jpg") 0 0 repeat-x;
	background-color:#e0e0e0;
}
.wh_menu_service .wh_dropdown .wh_other_service_list .wh_other_service_list_inner{
	width:982px;
	margin:0 auto;
}
.wh_menu_service .wh_dropdown .wh_other_service_list ul{
	background-color:#fff;
	margin-right:15px;
	padding:10px 15px;
	float:left;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.wh_menu_service .wh_dropdown .wh_other_service_list li{
	float:left;
	margin-right:25px;
}
.wh_menu_service .wh_dropdown .wh_other_service_list .lastItem{
	margin-right:0px;
}
.wh_menu_service .wh_dropdown .wh_other_service_list li a{
	padding:0 0 0 15px;
	background:url("/top_load/img/wh_arrow01.gif") 0 center no-repeat;
}


.wh_menu_service .wh_dropdown .wh_other_service_list .wh_other_service_list_inner,
.wh_menu_service .wh_dropdown .wh_other_service_list ul{display: inline-block;}
/* Exclude Mac IE \*/
.wh_menu_service .wh_dropdown .wh_other_service_list .wh_other_service_list_inner,
.wh_menu_service .wh_dropdown .wh_other_service_list ul{display: block;}
/**/
.wh_menu_service .wh_dropdown .wh_other_service_list .wh_other_service_list_inner:after,
.wh_menu_service .wh_dropdown .wh_other_service_list ul:after{content:".";display:block;clear:both;height:0;visibility: hidden;}



/* ----------------------------------------------------------------------------
　サポート／ドロップダウン
---------------------------------------------------------------------------- */
#wh_menu .wh_menu_support .wh_dropdown{
	height:398px;
}
#wh_menu .wh_menu_support .wh_dropdown_inner{
	padding-top:47px;
}

.wh_menu_support .wh_dropdown a{
	color:#333;
	font-size:12px;
	line-height:120%;
	text-decoration:none;	
}
.wh_menu_support .wh_dropdown a:hover{
	text-decoration:underline;
}






/* サポート導線01 */
.wh_menu_support .wh_dropdown .wh_support_list01{
	width:656px;
	height:84px;
	margin:0 auto 46px;
	background:url("/top_load/img/wh_support_list01_line.png") 0 0 no-repeat;
}


.wh_menu_support .wh_dropdown .wh_support_list01 li{
	float:left;
}
.wh_menu_support .wh_dropdown .wh_support_list01 li a{
	width:327px;
	height:84px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	display:block;
	
	background:url("/top_option/include/img/wh_support_list01.png") 0 0 no-repeat;
}
.wh_menu_support .wh_dropdown .wh_support_list01 .wh_support_shiryo a{
	width:328px;
}

.wh_menu_support .wh_dropdown .wh_support_list01 .wh_support_kanyu a{
	background-position:0 0;
}
.wh_menu_support .wh_dropdown .wh_support_list01 .wh_support_kanyu a:hover{
	background-position:0 -84px;
}

.wh_menu_support .wh_dropdown .wh_support_list01 .wh_support_add a{
	background-position:-327px 0;
}
.wh_menu_support .wh_dropdown .wh_support_list01 .wh_support_add a:hover{
	background-position:-327px -84px;
}



/* サポート導線02 */
.wh_support_list02{
	width:632px;
	margin:0 auto 28px;
}
.wh_support_list02 li{
	float:left;
	margin-right:64px;
}
.wh_support_list02 li:last-child{
	margin-right:0px;
}

.wh_support_list02 li a{
	display:block;
	width:110px;
	height:110px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	background:url("/top_option/include/img/wh_support_list02.png") 0 0 no-repeat;
}
.wh_support_list02 .wh_support_support a{
	background-position:0 0;
}
.wh_support_list02 .wh_support_support a:hover{
	background-position:0 -110px;
}

.wh_support_list02 .wh_support_faq a{
	background-position:-110px 0;
}
.wh_support_list02 .wh_support_faq a:hover{
	background-position:-110px -110px;
}

.wh_support_list02 .wh_support_contact a{
	background-position:-220px 0;
}
.wh_support_list02 .wh_support_contact a:hover{
	background-position:-220px -110px;
}

.wh_support_list02 .wh_support_regist a{
	background-position:-330px 0;
}
.wh_support_list02 .wh_support_regist a:hover{
	background-position:-330px -110px;
}

.wh_support_list02 .wh_support_voice a{
	background-position:-440px 0;
}
.wh_support_list02 .wh_support_voice a:hover{
	background-position:-440px -110px;
}

.wh_support_list02 .wh_support_sitemap a{
	background-position:-550px 0;
}
.wh_support_list02 .wh_support_sitemap a:hover{
	background-position:-550px -110px;
}

.wh_support_list02 .wh_support_how_to a{
	background-position:-660px 0;
}
.wh_support_list02 .wh_support_how_to a:hover{
	background-position:-660px -110px;
}
	

/* その他 */
.wh_menu_support .wh_dropdown .wh_other_support_list{
	text-align:center;
	height:52px;
	padding:15px 0 0;
	background:url("/top_load/img/wh_other_service_list_bg.jpg") 0 0 repeat-x;
	background-color:#e0e0e0;
}
.wh_menu_support .wh_dropdown .wh_other_support_list .wh_other_support_list_inner{
	width:982px;
	margin:0 auto;
}
.wh_menu_support .wh_dropdown .wh_other_support_list ul{
	background-color:#fff;
	margin-right:15px;
	padding:10px 15px;
	float:left;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.wh_menu_support .wh_dropdown .wh_other_support_list li{
	float:left;
	margin-right:25px;
}
.wh_menu_support .wh_dropdown .wh_other_support_list .lastItem{
	margin-right:0px;
}
.wh_menu_support .wh_dropdown .wh_other_support_list li a{
	padding:0 0 0 15px;
	background:url("/top_load/img/wh_arrow01.gif") 0 center no-repeat;
}



/* ----------------------------------------------------------------------------
　ログイン／ドロップダウン
---------------------------------------------------------------------------- */
#wh_menu .wh_menu_login .wh_dropdown_case{
	left:442px;
	width:240px;
	background:none;
	
	-webkit-box-shadow: 0px 0 0 0px #000; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0 0 0px #000; /* Firefox用 */
	box-shadow: 0px 0 0 0px #000; /* CSS3 */
}

#wh_menu .wh_menu_login .wh_dropdown{
	border-bottom:none;
	width:240px;
}
#wh_menu .wh_menu_login .wh_dropdown_inner{
	padding:10px 10px 10px;
}


/* ニックネーム */
#wh_menu .wh_menu_login .wh_nickname{
	left:442px;
	width:211px;
	padding:0 5px 0 23px;
	position:absolute;
	top:16px;
	z-index:12;
	color:#0057a5;
	font-size:12px;
	line-height:110%;
	cursor:pointer;
}
#wh_menu .wh_menu_login .wh_dropdown ul{
	background-color:#fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#wh_menu .wh_menu_login .wh_dropdown ul li:first-child a{
	border-top:none;
}



#wh_menu .wh_menu_login .wh_dropdown ul a{
	display:block;
	border-top:1px solid #e0e0e0;
	padding:15px 12px 13px 25px;
	
	font-size:12px;
	color:#333;
	line-height:110%;
	text-decoration:none;
	
	background:url("/top_load/img/wh_arrow02.gif") 8px center no-repeat;
}
#wh_menu .wh_menu_login .wh_dropdown ul a:hover{
	color:#0b56a7;
	font-weight:bold;
	background:url("/top_load/img/wh_arrow02_on.gif") 8px center no-repeat;
}


/* ログアウト時カラー */
#wh_menu .wh_menu_login .wh_dropdown_inner{
	background-color:#f73581;
}
#wh_menu .wh_menu_login .wh_dropdown ul a:hover{
	color:#f73581;
	font-weight:normal;
}
#wh_menu .wh_menu_login .wh_dropdown ul a:hover{
	background:url("/top_load/img/wh_arrow02_logout_on.gif") 8px center no-repeat;
}


/* ログイン時カラー */
#wh_menu .login_color .wh_link{
	width:241px;
	background:url("/top_load/img/wh_menu_line.png") right 0 no-repeat;
}
#wh_menu .login_color .wh_link a{
	width:241px;
	background-position:-338px 0;
}
#wh_menu .login_color .wh_dropdown ul .wh_my_wowow a{
	border-top:none;
}
#wh_menu .login_color .wh_link .on{
	color:#fff;
	background-position:-338px -86px;
}
#wh_menu .login_color .wh_nickname_on{
	color:#fff !important;
	display:none;
}






/*#wh_menu .login_color .wh_dropdown_inner{
	background:none;
}
#wh_menu .login_color .wh_dropdown ul a:hover{
	color:#0b56a7;
	font-weight:bold;
	background:url("/top_load/img/wh_arrow02_on.gif") 8px center no-repeat;
}*/



/* 番組表 */
.wh_program{
	position:absolute;
	top:0px;
	right:355px;
}
.wh_program a{
	width:67px;
	height:43px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	display:block;
	background:url("/top_load/img/wh_program.png") 0 0 no-repeat;
}
.wh_program a:hover{
	background-position:0 -43px;
}


/* 検索 */
.wh_search{
	width:173px;
	position:absolute;
	top:9px;
	right:167px;
}
.wh_search input{
	width:129px;
	height:23px;
	padding:0 5px;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #cfcfcf;
	background:none;
	background-color:#fff;
	font-size:12px;
}


/* IE8ハック */
html>/**/body .wh_search input{
	padding /*\**/: 4px 5px 0px\9;
	height /*\**/: 20px\9;
	line-height /*\**/: 18px\9;
	text-indent /*\**/: -1.0em\9;
}
/* IE9ハック */
html:not(:target) .wh_search input{
	height:23px\9;
	padding:0 5px\9;
	text-indent: 0em\9;
}
/* IE7ハック */
*:first-child+html .wh_search input{
	width:129px;
	height:20px;
	padding:4px 5px 0px;
	line-height:18px;
	text-indent:-1.0em;
}




.wh_search a{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:32px;
	height:21px;
	cursor:pointer;
}
.wh_search .search_text{
	color:#bababa;
}
.wh_search .search_text_on{
	color:#000;
}




/* ご加入はこちら */
.wh_kanyu{
	position:absolute;
	top:8px;
	right:10px;
}




/* ----------------------------------------------------------------------------
　緊急告知エリア
---------------------------------------------------------------------------- */
#news_slide01_bg{
	background-color:#ffcccc;
	border:2px solid #ff0000;
	border-left:none;
	border-right:none;
	display:none;
}

#news_slide01{
	width:982px;
	margin:0 auto;
	position:relative;
}

.news_slide01{
	width:965px;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:2px;
}

.news_slide01 p{
	width:100%;
	font-size:12px;
	line-height:150%;
	color:#333;
	position:absolute;
	top:0px;
	text-align:left !important;
}

.news_slide01 p a{
	color:#333;
	display:block;
	outline:0;
}

/* NEWアイコン */
.news_slide01 .new{
	background: transparent url("/common/base/img/icon_new.gif") no-repeat left 3px;
	padding-left:38px;
	display:block;
}
html>/**/body .news_slide01 .new{
	background/*\**/: transparent url("/common/base/img/icon_new.gif") no-repeat left 2px\9;
}  
*:first-child+html .news_slide01 .new{
	background: transparent url("/common/base/img/icon_new.gif") no-repeat left 3px;
}

/* 重要アイコン */
.news_slide01 .important{
	background: transparent url("/common/base/img/icon_important.gif") no-repeat left 3px;
	padding-left:38px;
	display:block;
}
html>/**/body .news_slide01 .important{
	background/*\**/: transparent url("/common/base/img/icon_important.gif") no-repeat left 2px\9;
}  
*:first-child+html .news_slide01 .important{
	background: transparent url("/common/base/img/icon_important.gif") no-repeat left 3px;
}


/* 次へ送るボタン */
#news_slide01 .na_next_btn_box{
	width:18px;
	height:18px;
	position:absolute;
	top:1px;
	right:1px;
	text-indent:-9999px;
	background: transparent url("/common/base/img/top_header/news_slide_btn_off.gif") no-repeat;
}
#news_slide01 .na_next_btn_box a{
	width:18px;
	height:18px;
	outline:0;
	display:block;
	background: transparent url("/common/base/img/top_header/news_slide_btn.gif") no-repeat;
}


/* 回り込み解除 */
.news_slide01 p {
	display: inline-block;
}
/* Exclude Mac IE \*/
.news_slide01 p {
	display: block;
}
/**/
.news_slide01 p:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}



/* ----------------------------------------------------------------------------
　フッタ
---------------------------------------------------------------------------- */

/* クレジット */
#credit{
	color:#999;
	width:982px;
	margin:0 auto 30px;
}


#wowow_footer{
	position:relative;
	background-color:#fff;
	padding-bottom:15px;
}

#wowow_footer a{
	text-decoration:none;
}
#wowow_footer a:hover{
	text-decoration:underline;
}


/* パンくず */
#wowow_footer .wf_topicpath{
	background-color:#e7e7e7;
	height:43px;
	line-height:43px;
}
#wowow_footer .wf_topicpath_inner{
	width:982px;
	margin:0 auto;
	color:#000;
}
#wowow_footer .wf_topicpath_inner a{
	color:#000;
	text-decoration:underline;
}
#wowow_footer .wf_topicpath_inner a:hover{
	text-decoration:none;
}


.wf_inner{
	background: url("/common/base/img/wowow_footer/wf_inner_bg.gif") 0 0 repeat-x;
	padding-top:16px;
}

.wf_topicpath_pagetop{
	width:100%;
	height:25px;
	line-height:25px;
	background-color:#fff;
}
.wf_topicpath_pagetop_inner{
	width:982px;
	margin:0 auto;
	padding-top:7px;
	line-height:110%;
}


/* 回り込み解除 */
.wf_topicpath_pagetop_inner,
.wf_inner2,
.wf_outline_link ul,
.wf_outline_mark,
.wf_jasrac{
	display: inline-block;
}

/* Exclude Mac IE \*/
.wf_topicpath_pagetop_inner,
.wf_inner2,
.wf_outline_link ul,
.wf_outline_mark,
.wf_jasrac{display: block;}
/**/

.wf_topicpath_pagetop_inner:after,
.wf_inner2:after,
.wf_outline_link ul:after,
.wf_outline_mark:after,
.wf_jasrac:after{content:".";display:block;clear:both;height:0;visibility: hidden;}


.wf_topicpath_pagetop,
.wf_topicpath_pagetop a{
	color:#676767;
}

/* ぱんくず */
.wh_topicpath{
	float:left;
}

/* ページトップ */
.wh_pagetop{
	float:right;
}
.wh_pagetop a{
	background: url("/common/base/img/wowow_footer/wf_pagetop_arrow.gif") 0 center no-repeat;
	padding:0 0 0 15px;
}

.wf_inner2{
	width:982px;
	position:relative;
	margin:0 auto;
}

/* フッタリンク */
#wowow_footer .wf_outline_link{
	width:450px;
	float:left;
	padding-top:12px;
}
#wowow_footer .wf_outline_link li{
	float:left;
	padding:0 15px 15px 0;
}
#wowow_footer .wf_outline_link li a{
	color:#656565;
	background: url("/common/base/img/wowow_footer/wf_arrow.gif") 0 center no-repeat;
	display:block;

	padding:0 0 0 14px;
	line-height:120% !important;
}


/* 各マーク */
#wowow_footer .wf_outline_mark{
	width:510px;
	float:right;
}
#wowow_footer .wf_outline_mark li{
	float:left;
	color:#656565;
	font-size:10px;
}

/* エルマーク */
#wowow_footer .wf_lmark{
	width:240px;
	padding-top:13px;
	margin-right:15px;
}

/* jasrac */
#wowow_footer .wf_jasrac{
	width:180px;
	padding-top:8px;
}
#wowow_footer .wf_jasrac img{
	float:left;
	padding-right:8px;
}
#wowow_footer .wf_jasrac span{
	width:95px;
	padding-top:16px;
	display:block;
	float:left;
	color:#999;
	line-height:130%;
}

/* Pマーク */
#wowow_footer .wf_pmark{
}

#wowow_footer .wf_link,
#wowow_footer .wf_status_link,
#wowow_footer .wf_genre_link{
	display:none;
}



/* コピーライト */
#wowow_footer address{
	width:982px;
	margin:0 auto;
	font-size:10px;
	color:#656565;
}

/* スマートフォン版ボタン */
#wowow_footer .wf_smp_btn{
	width:345px;
	margin:40px auto 0;
	display:none;
}
#wowow_footer .wf_smp_btn a{
	display:block;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	line-height:50px;
	width:345px;
	height:50px;
	background-color:#999;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}




/* ----------------------------------------------------------------------------
　黒パターン
---------------------------------------------------------------------------- */
.wh_black #wowow_header{
	background:url("/top_load/img/wh_black_bg.png") 0 0 repeat-x;
	border-top:3px solid #0b56a7;
}

.wh_black .wh_25th a{
	background:url("/top_load/img/wh_black_25th.png") 0 0 no-repeat;
}

.wh_black .wh_logo a{
	background:url("/top_load/img/wh_black_logo.png") 0 0 no-repeat;
}

/* BS9 */
.wh_black .wh_bs9ch a{
	background:url("/top_load/img/wh_black_bs9ch.png") 0 0 no-repeat;
}

.wh_black #wh_menu li .wh_link a{
	background:url("/top_load/img/wh_black_menu.png") 0 0 no-repeat;
}

/* 番組 */
.wh_black #wh_menu .wh_menu_program .wh_link a{
	background-position:0 0;
}
.wh_black #wh_menu .wh_menu_program .wh_link .on{
	background-position:0 -43px;
}

/* サービス */
.wh_black #wh_menu .wh_menu_service .wh_link a{
	background-position:-84px 0;
}
.wh_black #wh_menu .wh_menu_service .wh_link .on{
	background-position:-84px -43px;
}

/* サポート */
.wh_black #wh_menu .wh_menu_support .wh_link a{
	background-position:-168px 0;
}
.wh_black #wh_menu .wh_menu_support .wh_link .on{
	background-position:-168px -43px;
}

/* ログイン */
.wh_black #wh_menu .wh_menu_login .wh_link a{
	background-position:-252px 0;
}
.wh_black #wh_menu .wh_menu_login .wh_link .on{
	background-position:-252px -86px;

}


/* 検索 */
.wh_black .wh_search input{
	border:1px solid #545454;
	background:none;
	background-color:#2a2a2a;
}
.wh_black .wh_search .search_text{
	color:#999;
}
.wh_black .wh_search .search_text_on{
	color:#fff;
}

/* IE8ハック */
html>/**/.wh_black .wh_search a img{
	border-left /*\**/: 1px solid #545454\9;
}
/* IE7ハック */
*:first-child+html .wh_black .wh_search a img{
	border-left:1px solid #545454;
}
/* IE9ハック */
html:not(:target) .wh_black .wh_search a img{
	border-left:none\9;
}


/* 番組表 */
.wh_black .wh_program a{
	background:url("/top_load/img/wh_black_program.png") 0 0 no-repeat;
}
.wh_black .wh_program a:hover{
	background-position:0 -43px;
}

/* ログイン時カラー */
.wh_black #wh_menu .login_color .wh_link{
}
.wh_black #wh_menu .login_color .wh_link a{
	background-position:-338px 0;
}
.wh_black #wh_menu .login_color .wh_link .on{
	background-position:-338px -86px;
}

/* ニックネーム */
.wh_black #wh_menu .wh_menu_login .wh_nickname{
	color:#fff;
}