@charset "Shift_JIS";

/* =================================================================================================
   WOWOW ONLINE - 番組オフィシャルサイトヘッダ・フッタのCSS
   http://www.wowow.co.jp/
   Copyright (C) WOWOW INC. ALL RIGHTS RESERVED.
====================================================================================================

　【目次】
　・リセット
　・ヘッダ
　・フッタ
　・ヘッダ黒パターン
　・フッタ黒パターン
　・重ね順

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

/* ----------------------------------------------------------------------------
　リセット
---------------------------------------------------------------------------- */
html{
	min-width:982px;
}

.sp_area{
	display:none;
}

/* 表組をリセット */
table,
tr,
td{
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}

body,p {
	margin: 0;
	padding: 0;
}

.sp_header_generic,
.sp_footer_generic{
	font-family: none !important;
}

.sp_footer_generic a:link,
.sp_footer_generic a:visited{
	text-decoration: none;
}

.sp_footer_generic a:hover,
.sp_footer_generic a:active{
	text-decoration: underline;
}

.sp_header_generic,
.sp_footer_generic{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	letter-spacing:normal;
}

.sp_header_generic a,
.sp_footer_generic a{
	outline:0;
}

.sp_header_generic ol,
.sp_header_generic ul,
.sp_header_generic li,
.sp_footer_generic ol,
.sp_footer_generic ul,
.sp_footer_generic li
{
	list-style: none;
	margin:0;
	padding:0;
}

.sp_header_generic img,
.sp_header_generic fieldset,
.sp_footer_generic img,
.sp_footer_generic fieldset
{
	border: 0;
}


/* clearfix */
.clearfix {
	display: inline-block;
}

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

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


/* float */
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}


/* コンバージョンタグ用iframe隙間対応 */
iframe[name="google_conversion_frame"]{
	height:0px !important;
	position:absolute;
}


/* ----------------------------------------------------------------------------
　ヘッダ
---------------------------------------------------------------------------- */
.sp_header_generic{
	min-width:982px;
}

.sp_header_generic #hd_inner{
	height:36px;
	padding:10px 10px 0 60px;
	position:relative;
	background-color:#fff;
}


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


/* WOWOWロゴ */
.sp_header_generic #hd_rogo{
	width:115px;
	height:14px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	float:left;
	padding-top:7px;
	margin-right:29px;
}
.sp_header_generic #hd_rogo a{
	width:115px;
	height:14px;
	display:block;
	background: transparent url("/common/sp_site_generic/img/white_hd_rogo.gif") no-repeat;
}


.sp_header_generic #hd_unit01{
	float:left;
}
.sp_header_generic #hd_unit01{
	display: inline-block;
}
/* Exclude Mac IE \*/
.sp_header_generic #hd_unit01{
	display: block;
}
/**/
.sp_header_generic #hd_unit01:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* 3ch */
.sp_header_generic #hd_unit01 ul{
	width:279px;
	float:left;
	margin-right:29px;
}
.sp_header_generic #hd_unit01 ul{
	display: inline-block;
}
/* Exclude Mac IE \*/
.sp_header_generic #hd_unit01 ul{
	display: block;
}
/**/
.sp_header_generic #hd_unit01 ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


.sp_header_generic #hd_unit01 ul li{
	display:block;
	float:left;
	margin-right:15px;
	
	width:83px;
	height:26px;
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
}
.sp_header_generic #hd_unit01 ul .hd_cinema{
	margin-right:0px;
}
.sp_header_generic #hd_unit01 ul li a{
	width:83px;
	height:26px;
	display:block;
	outline:0;
}


.sp_header_generic #hd_unit01 ul li,
.sp_header_generic #hd_unit01 ul li a{
	background: transparent url("/common/sp_site_generic/img/hd_unit01.gif") no-repeat;
}

/* WOWOWプライム */
.sp_header_generic #hd_unit01 ul .hd_prime,
.sp_header_generic #hd_unit01 ul .hd_prime a{
	background-position:0 0;
}
.sp_header_generic #hd_unit01 ul .hd_prime a:hover{
	background-position:0 -26px;
}

/* WOWOWライブ */
.sp_header_generic #hd_unit01 ul .hd_live,
.sp_header_generic #hd_unit01 ul .hd_live a{
	background-position:-83px 0;
}
.sp_header_generic #hd_unit01 ul .hd_live a:hover{
	background-position:-83px -26px;
}

/* WOWOWシネマ */
.sp_header_generic #hd_unit01 ul .hd_cinema,
.sp_header_generic #hd_unit01 ul .hd_cinema a{
	background-position:-166px 0;
}
.sp_header_generic #hd_unit01 ul .hd_cinema a:hover{
	background-position:-166px -26px;
}



/* WOWOWメンバーズオンデマンド */
.sp_header_generic #hd_unit01 .hd_mod,
.sp_header_generic #hd_unit01 .hd_mod a{
	background: transparent url("/common/sp_site_generic/img/hd_unit01.gif") -249px 0 no-repeat;
}
.sp_header_generic #hd_unit01 .hd_mod{
	width:74px;
	height:25px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	float:left;
}
.sp_header_generic #hd_unit01 .hd_mod a{
	width:74px;
	height:25px;
	display:block;
	outline:0;
}
.sp_header_generic #hd_unit01 .hd_mod a:hover{
	background-position:-249px -25px;
}


/* ログイン */
.sp_header_generic #hd_login{
	float:left;	
	margin-right:14px;
	margin-top:4px;
	font-size:0px;
	width:212px;
	position:relative;
}


/* ニックネーム */
.sp_header_generic #hd_login #hd_nickname{
	display:none;
	cursor:pointer;
	color:#fff;
	font-size:12px;
	line-height:120%;
	height:20px;
	background:url("/common/sp_site_generic/img/white_hd_nickname01.jpg") no-repeat;
}
.sp_header_generic #hd_login #hd_nickname #hd_nickname_inner{
	padding:3px 8px 0 30px;
	height:17px;
	background:url("/common/sp_site_generic/img/white_hd_nickname02.jpg") right top no-repeat;
}
.sp_header_generic #hd_login #hd_nickname #hd_nickname_inner span{
	white-space:nowrap;
}



.sp_header_generic #hd_login ul .hd_login_btn{
	display:none;
}
.sp_header_generic #hd_login ul .hd_logout_btn{
	display:none;
}



/* ログイン時 */
.sp_header_generic #hd_login.loginFlag #hd_nickname{
	display:block;
}
.sp_header_generic .loginFlag ul{
	border:2px solid #DA24AC;
	width:214px;
	height:33px;
	display:none;
	background-color:#fff;
	position:absolute;
	top:20px;
	left:0px;
	background:url("/common/sp_site_generic/img/hd_logout_bg.jpg") 0 0 no-repeat;
}
.sp_header_generic .loginFlag ul li{
	float:left;
	font-size:12px;
	line-height:120%;
	font-weight:bold;
}

.sp_header_generic .loginFlag ul li a{
	color:#ec5aeb;
	text-shadow: 0px 1px 0px #fff;
}
.sp_header_generic .loginFlag ul li a:hover{
	text-decoration:none;
}

.sp_header_generic #hd_login.loginFlag ul .hd_logout_btn{
	display:block;
	width:99px;
	height:33px;
}
.sp_header_generic #hd_login.loginFlag ul .hd_logout_btn a{
	display:block;
	width:71px;
	height:24px;
	padding:9px 0 0 28px;
	text-align:left !important;
	text-decoration:underline !important;
}
.sp_header_generic #hd_login.loginFlag ul .hd_logout_btn a:hover{
	text-decoration:none !important;
}


/* My WOWOW */
.sp_header_generic #hd_login.loginFlag ul .hd_myw_btn{
	display:block;
	width:115px;
	height:33px;
}
.sp_header_generic #hd_login.loginFlag ul .hd_myw_btn a{
	display:block;
	width:92px;
	height:24px;
	padding:9px 0 0 23px;
	text-align:left !important;
	text-decoration:underline !important;
}
.sp_header_generic #hd_login.loginFlag ul .hd_myw_btn a:hover{
	text-decoration:none !important;
}



/* ログアウト時 */
.sp_header_generic #hd_login.logoutFlag{
	height:20px;
	overflow:hidden;
}

.sp_header_generic #hd_login.logoutFlag .hd_login_btn{
	display:block;
}
.sp_header_generic .logoutFlag ul{
}
.sp_header_generic .logoutFlag ul li{
	float:left;
	display:block;
	height:20px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	font-size:0px;
	line-height:0%;
	text-decoration:none;
		
	background:url("/common/sp_site_generic/img/white_hd_login.jpg") no-repeat;
}
.sp_header_generic .logoutFlag ul li a{
	display:block;
	height:20px;
	background:url("/common/sp_site_generic/img/white_hd_login.jpg") no-repeat;
}


.sp_header_generic .logoutFlag ul .hd_login_btn,
.sp_header_generic .logoutFlag ul .hd_login_btn a{
	width:66px;
	height:20px;
	background-position:0 0 !important;
}
.sp_header_generic .logoutFlag ul .hd_login_btn a:hover{
	background-position:0 -20px !important;
}

.sp_header_generic .logoutFlag ul .hd_myw_btn,
.sp_header_generic .logoutFlag ul .hd_myw_btn a{
	width:92px;
	height:20px;
	background-position:-66px 0 !important;
}
.sp_header_generic .logoutFlag ul .hd_myw_btn a:hover{
	background-position:-66px -20px !important;
}



/* 検索窓 */
.sp_header_generic .search{
	width:145px;
	margin-right:16px;
	float:right;
}
.sp_header_generic .search_text{
	background:none;
	width:108px;
	height:24px;
	padding:0 5px;
	background-color:#fff;
	border:1px solid #cacaca;
	float:left;
	font-size:10px;
	color:#999;
}
.sp_header_generic .search_text_on{
	font-size:12px;
	color:#000;
}
.sp_header_generic .search a{
	display:block;
	width:25px;
	height:26px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	float:left;
	background:url("/common/sp_site_generic/img/white_hd_search_btn.gif") no-repeat;
}


/* IE8ハック */
html>/**/body .sp_header_generic .search_text{
	width /*\**/: 106px\9;
	padding /*\**/: 7px 5px 0\9;
	height /*\**/: 17px\9;
}
/* IE7ハック */
*:first-child+html .sp_header_generic .search_text{
	width:106px;
	padding: 7px 5px 0;
	height: 17px;
}
/* IE6ハック */
*html .sp_header_generic .search_text{
	width:106px;
	padding: 7px 5px 0;
	height: 17px;
}
/* IE9ハック */
html:not(:target) .sp_header_generic .search_text{
	width:106px\9;
	height:24px\9;
	padding:0 5px\9;
}


/* 加入ボタン */
.sp_header_generic .hd_kanyu{
	min-width:212px;
	height:26px;
	overflow:hidden;
	float:right;
}

.sp_header_generic .hd_kanyu a{
	display:none;
}


.sp_header_generic #hd_gnav{
	background-color:#f5f5f5;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #cacaca;
	padding:0 0 0 10px;
	height:28px;
}

.sp_header_generic #hd_gnav{
	display: inline-block;
}
/* Exclude Mac IE \*/
.sp_header_generic #hd_gnav{
	display: block;
}
/**/
.sp_header_generic #hd_gnav:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


.sp_header_generic #hd_gnav_menu01{
	width:565px;
	height:28px;
	float:left;
	position:relative;
}
.sp_header_generic #hd_gnav_menu01 li{
	display:block;
	float:left;
	position:relative;
	font-size:12px;
	line-height:120%;
}
.hd_black .sp_header_generic #hd_gnav .hd_gnav_link{
	background:url("/common/sp_site_generic/img/black_hd_gnav_menu01_bg.gif") no-repeat;
}

.sp_header_generic #hd_gnav .hd_gnav_link{
	display:block;
	height:28px;
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url("/common/sp_site_generic/img/white_hd_gnav_menu01_bg.gif") no-repeat;
}

/* 映画 */
.sp_header_generic #hd_gnav_menu01 .hd_movie .hd_gnav_link{
	width:58px;
	background-position:0 0;
}
.sp_header_generic #hd_gnav_menu01 .hd_movie .hd_gnav_link:hover{
	background-position:0 -28px;
}

/* ドラマ */
.sp_header_generic #hd_gnav_menu01 .hd_drama .hd_gnav_link{
	width:58px;
	background-position:-58px 0;
}
.sp_header_generic #hd_gnav_menu01 .hd_drama .hd_gnav_link:hover{
	background-position:-58px -28px;
}

/* スポーツ */
.sp_header_generic #hd_gnav_menu01 .hd_sports .hd_gnav_link{
	width:71px;
	background-position:-116px 0;
}
.sp_header_generic #hd_gnav_menu01 .hd_sports .hd_gnav_link:hover{
	background-position:-116px -28px;
}

/* 音楽 */
.sp_header_generic #hd_gnav_menu01 .hd_music .hd_gnav_link{
	width:55px;
	background-position:-187px 0;
}
.sp_header_generic #hd_gnav_menu01 .hd_music .hd_gnav_link:hover{
	background-position:-187px -28px;
}

/* ステージ */
.sp_header_generic #hd_gnav_menu01 .hd_stage .hd_gnav_link{
	width:70px;
	background-position:-242px 0;
}
.sp_header_generic #hd_gnav_menu01 .hd_stage .hd_gnav_link:hover{
	background-position:-242px -28px;
}

/* アニメ */
.sp_header_generic #hd_gnav_menu01 .hd_anime .hd_gnav_link{
	width:60px;
	background-position:-312px 0;
}
.sp_header_generic #hd_gnav_menu01 .hd_anime .hd_gnav_link:hover{
	background-position:-312px -28px;
}

/* ドキュメンタリー */
.sp_header_generic #hd_gnav_menu01 .hd_documentary .hd_gnav_link{
	width:112px;
	background-position:-372px 0;
}
.sp_header_generic #hd_gnav_menu01 .hd_documentary .hd_gnav_link:hover{
	background-position:-372px -28px;
}

/* エクストラ */
.sp_header_generic #hd_gnav_menu01 .hd_extra .hd_gnav_link{
	width:81px;
	background-position:-484px 0;
}
.sp_header_generic #hd_gnav_menu01 .hd_extra .hd_gnav_link:hover{
	background-position:-484px -28px;
}


/* ドロップダウン */
.sp_header_generic #hd_gnav .hd_dropdown{
	display:none;
	position:absolute;
	top:28px;
	border:2px solid #757575;
	background-color:#fff;
}
.sp_header_generic #hd_gnav .hd_dropdown li{
	float:none;
	display:block;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
}
.sp_header_generic #hd_gnav .hd_dropdown li a{
	font-size:12px;
	line-height:120%;
	white-space:nowrap;
	display:block;
	border-bottom:1px solid #999;
	background-color:#fff;
	padding:10px 10px 10px 25px;
	color:#000;
	background:url("/common/sp_site_generic/img/hd_dropdown_arrow.gif") 10px center no-repeat;
	background-color:#fff;
	text-align:left !important;
	text-decoration:underline !important;
}
.sp_header_generic #hd_gnav .hd_dropdown li a:hover{
	text-decoration:none !important;
}
.sp_header_generic #hd_gnav .hd_dropdown .lastItem a{
	border-bottom:none;
}
.sp_header_generic #hd_gnav .hd_dropdown .bg a{
	background-color:#ececec;
}


/* ドロップダウン開始位置 */
.sp_header_generic #hd_gnav #hd_gnav_menu01 .hd_dropdown{
	left:0px;
}
.sp_header_generic #hd_gnav #hd_gnav_menu02 .hd_dropdown{
	right:0px;
}



/* 番組表・無料番組 */
.sp_header_generic #hd_gnav_menu02{
	width:172px;
	height:28px;
	float:right;
	position:relative;
}
.sp_header_generic #hd_gnav_menu02 li{
	display:block;
	float:left;
	position:relative;
	font-size:12px;
	line-height:120%;
}
.sp_header_generic #hd_gnav_menu02 .hd_gnav_link{
	display:block;
	height:28px;
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url("/common/sp_site_generic/img/white_hd_gnav_menu01_bg.gif") no-repeat;
}
.sp_header_generic #hd_gnav_menu02 .hd_muryo{
	margin-left:10px;
}



/* 番組表 */
.sp_header_generic #hd_gnav_menu02 .hd_program,
.sp_header_generic #hd_gnav_menu02 .hd_program a{
	width:81px;
	background-position:-565px 0 !important;
}
.sp_header_generic #hd_gnav_menu02 .hd_program a:hover{
	background-position:-565px -28px !important;
}



/* 無料番組 */
.sp_header_generic #hd_gnav_menu02 .hd_muryo .hd_gnav_link{
	width:81px;
	background-position:-646px 0 !important;
}
.sp_header_generic #hd_gnav_menu02 .hd_muryo .hd_gnav_link:hover{
	background-position:-646px -28px !important;
}



/* ----------------------------------------------------------------------------
　フッタ
---------------------------------------------------------------------------- */
.sp_footer_generic{
	min-width:982px;
}

.sp_footer_generic{
	width:100%;
	height:39px;
	position:relative;
	background-color:#fff;
	border-top:1px solid #cacaca;
}

/* コピーライト */
.sp_footer_generic address{
	position:absolute;
	top:14px;
	right:10px;
	
	font-size:10px;
	line-height:120%;
	color:#999;
	
	text-decoration:none;
	font-style:normal;
}


/* フッタ下プラットフォーム切替 */
#sp_platform_change{
	margin:30px 0;
	padding:0;
	list-style:none;
}
#sp_platform_change li{
	text-align:center;
	margin:0;
	padding:0;
}
#sp_platform_change li a{
	width:640px;
	margin:0 auto;
	padding:20px 0;
	
	display:block;
	font-size:28px;
	line-height:120%;
	font-weight:bold;
	color:#000;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	text-decoration:none;
	text-align:center;
	
	border:2px solid #bbb;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd),
		to(#bbb));　/* Safari,Google Chrome用 */
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}



/* ----------------------------------------------------------------------------
　ヘッダ黒パターン
---------------------------------------------------------------------------- */
.hd_black .sp_header_generic #hd_inner{
	background-color:#000;
}

/* WOWOWロゴ */
.hd_black .sp_header_generic #hd_rogo a{
	background: transparent url("/common/sp_site_generic/img/black_hd_rogo.gif") no-repeat;
}

/* 25th */
.hd_black .sp_header_generic #oh_25th a{
	background:url("/common/sp_site_generic/img/wh_black_25th.png") 0 0 no-repeat;
}


/* メニュー */
.hd_black .sp_header_generic #hd_gnav{
	background-color:#272727;
	border-top:1px solid #323232;
	border-bottom:1px solid #000000;
}
.hd_black #hd_gnav_menu02 .hd_gnav_link{
	background:url("/common/sp_site_generic/img/black_hd_gnav_menu01_bg.gif") no-repeat;
}

/* 検索窓 */
.hd_black .search_text{
	background-color:#2a2a2a;
	border:1px solid #4b4a4a;
	color:#999;
}
.hd_black .search_text_on{
	color:#fff;
}
.hd_black .search a{
	background:url("/common/sp_site_generic/img/black_hd_search_btn.gif") no-repeat;
}

/* ニックネーム */
.hd_black #hd_login #hd_nickname{
	background:url("/common/sp_site_generic/img/black_hd_nickname01.jpg") no-repeat;
}
.hd_black #hd_login #hd_nickname #hd_nickname_inner{
	background:url("/common/sp_site_generic/img/black_hd_nickname02.jpg") right top no-repeat;
}
.hd_black .logoutFlag ul li,
.hd_black .logoutFlag ul li a{
	background:url("/common/sp_site_generic/img/black_hd_login.jpg") no-repeat;
}



/* ----------------------------------------------------------------------------
　フッタ黒パターン
---------------------------------------------------------------------------- */
.hd_black .sp_footer_generic{
	background-color:#000;
	border-top:1px solid #555555;
}

/* コピーライト */
.hd_black .sp_footer_generic address{
	color:#999;
}


/* ----------------------------------------------------------------------------
　重ね順
---------------------------------------------------------------------------- */

/* ヘッダ全体 */
.sp_header_generic{
	z-index:99;
}

/* ログイン */
.sp_header_generic #hd_login{
	z-index:99;
}

.sp_header_generic .loginFlag ul{
	z-index:99;
}

.sp_header_generic #hd_gnav_menu01{
	z-index:98;
}

/* ドロップダウン */
.sp_header_generic #hd_gnav .hd_dropdown{
	z-index:98;
}

/* 番組表・無料番組 */
.sp_header_generic #hd_gnav_menu02{
	z-index:98;
}

/* フッタ全体 */
.sp_footer_generic{
	z-index:97;
}