@charset "Shift_JIS";

/* =================================================================================================
　WOWOW ONLINE - 「番組詳細」CSS
　http://www.wowow.co.jp/
　Copyright (C) WOWOW INC. ALL RIGHTS RESERVED.
====================================================================================================

　〜目次〜

　【基本レイアウト】

　【番組詳細メニュー】

　【番組紹介】

　【新着番組ページ独自の場合】

　【放送スケジュール】

　【詳しい内容】

　【メルマガ登録】

================================================================================================= */


/* ----------------------------------------------------------------------------
　3チャンネルフロートボタン
---------------------------------------------------------------------------- */

#float3channel{
	width:78px;
	height:91px;
	padding:37px 0 0 8px;
	position:fixed;
	top:119px;
	right:0px;
	z-index:90;
	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;
}



/* ----------------------------------------------------------------------------
　ページ全体
---------------------------------------------------------------------------- */

/* ページ全体背景色 */
body{
	min-width:982px;
}

/* ----------------------------------------------------------------------------
　ページ本体のコンテナ
---------------------------------------------------------------------------- */

.page{
	width:982px;
	padding:15px 0px 15px;
	margin:0 auto;
	display: inline-block;
	display: block;
}

.page .innerContainer {
  margin:0 auto;
  padding:0px 0px 0px;
  width:982px;
}

.page:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* ----------------------------------------------------------------------------
　2カラムページのメインユニット＋左サブユニット
---------------------------------------------------------------------------- */

.layout2 .main{
	width:793px;
	float:right;
}

.layout2 .sub{
	width:180px;
	float:left;
}



/* =================================================================================================

　8月9月限定

================================================================================================= */

.page{
	background-color:#ebebeb;
}

.layout2 .main{
	width:793px;
	float:right;
	margin-right:0px;
}

/* 基本リンクカラー */
#detail a{
	color:#2a589c;
	text-decoration:underline;
}

/* オンマウスで下線無し */
#detail a:hover{
	text-decoration:none;
}

.pagetop_old{
	text-align:right;
}


/* =================================================================================================

　基本レイアウト

================================================================================================= */

#detail{
	width:793px;
	background-color:#000;
	margin-bottom:20px;
}

/* 角丸部分 */
#detail .detail_head{
	width:793px;
	height:6px;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
	background: transparent url("/pg_info/detail/img/detail_head.gif") no-repeat;
}
#detail .detail_foot{
	width:793px;
	height:8px;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
	background: transparent url("/pg_info/detail/img/detail_foot.gif") no-repeat;
}


/* 各切替BOX */
#detail .detail_box{
	width:747px;
	padding:20px 14px 14px;
	background-color:#fff;
	margin:0 auto;
}

/* クレジット */
#credit{
	color:#999;
	width:982px;
	margin:0 auto 30px;
}

.my a{
	outline:0;
}


/* ----------------------------------------------------------------------------
　番組タイトル
---------------------------------------------------------------------------- */

#detail #detail_title{
	padding:5px 9px 15px;
}

/* ジャンルアイコン・マイ番組登録者数 */
#detail #detail_title .date_box{
	margin-bottom:15px;
}
#detail #detail_title .date_box .genre_icon{
	float:left;
}
#detail #detail_title .my{
	float:right;
}
#detail #detail_title .my li{
	display:block;
	float:left;
}
#detail #detail_title .my .text{
	color:#FF63CC;
	padding-top:3px;
	margin-right:5px;
}
#detail #detail_title .my .rank{
	margin-right:1px;
}
#detail #detail_title .my .rank,
#detail #detail_title .my .people{
	background-color:#963980;
	color:#FFB9F8;
	padding:3px 5px;
}


/* 番組タイトル */
#detail #detail_title .title_box{
	width:750px;
	margin:0 auto;
}
#detail #detail_title .title_box .title{
	width:680px;
	float:left;
}
#detail #detail_title .title_box .title h1,
#detail #detail_title .title_box .title p{
	color:#fff;
	font-weight:bold;
	line-height:160%;
}
/* 番組タイトルアイコン */
#detail #detail_title .title_box .icon{
	color:#999;
	width:70px;
	float:right;
	text-align:right;
}
#detail #detail_title .title_box .icon img{
	position:relative;
	top:2px;
	margin-left:5px;
}


/* 放送日 */
#detail #detail_title .info01{
	width:750px;
	margin:10px auto 0;
	padding-top:15px;
	font-weight:bold;
	border-top:1px dotted #666;
}
#detail #detail_title .info01 img{
	margin-right:5px;
	position:relative;
	top:1px;
}
#detail #detail_title .info01 span{
	margin-right:20px;
	color:#fff;
}

/* 赤字 */
#detail #detail_title .info01 .red{
	color:#FC0300;
}


/* WMOD用リンク */
#detail_title .mod_link{
	display:block;
	padding:12px 0 0 10px;
}
#detail_title .mod_link a{
	color:#fff;
	line-height:120%;
	padding:6px 0 1px 52px;
	outline:0;
	background: transparent url("/pg_info/detail/img/detail_mod_link.gif") no-repeat;
}


/* ----------------------------------------------------------------------------
　この番組もおすすめ
---------------------------------------------------------------------------- */
#recommend{
	width:793px;
	padding-bottom:14px;
	margin-bottom:30px;
	background: transparent url("/pg_info/detail/img/recommend_foot.gif") no-repeat center bottom;
	background-color:#000;
}

#recommend .recommend_box{
	padding-left:8px;
}

/* IE6ハック */
*html #recommend .recommend_box{
	padding-left:4px;
}

#recommend_box_a{
	float:left;
}
#recommend_box_b{
	float:left;
	margin:0 5px;
}

/* IE6ハック */
*html #recommend_box_b{
	margin:0 5px 0 0;
}
#recommend_box_c{
	float:left;
	margin:0 5px;
}
#recommend_box_a .box{
	float:left;
	margin:0 5px;
}

#recommend .box{
	width:184px;	
	color:#333;
	position:relative;
}
#recommend .last{
	margin-right:0px;
}

#recommend .box a{
	color:#333;
}

#recommend .box .genre{
	margin-bottom:3px;
}

#recommend .box .photo{
	margin-bottom:5px;
}

#recommend .box .title{
	font-weight:bold;
	margin-bottom:3px;
}

#recommend .box .date{
	margin-bottom:5px;
}

#recommend .box .icon{
	position:absolute;
	bottom:11px;
	left:7px;
}

#recommend .box .my{
	text-align:right;
	position:absolute;
	bottom:7px;
	right:7px;
}

/* WOWOWプライム */
#recommend .recommend_prime .inner{
	background: transparent url("/pg_info/detail/img/recommend_prime_foot.gif") no-repeat center bottom;
	padding:0 7px 45px;
}
#recommend .recommend_prime{
	background: transparent url("/pg_info/detail/img/recommend_prime_head.gif") no-repeat;
	padding-top:7px;
}

/* WOWOWライブ */
#recommend .recommend_live .inner{
	background: transparent url("/pg_info/detail/img/recommend_live_foot.gif") no-repeat center bottom;
	padding:0 7px 45px;
}
#recommend .recommend_live{
	background: transparent url("/pg_info/detail/img/recommend_live_head.gif") no-repeat;
	padding-top:7px;
}

/* WOWOWシネマ */
#recommend .recommend_cinema .inner{
	background: transparent url("/pg_info/detail/img/recommend_cinema_foot.gif") no-repeat center bottom;
	padding:0 7px 45px;
}
#recommend .recommend_cinema{
	background: transparent url("/pg_info/detail/img/recommend_cinema_head.gif") no-repeat;
	padding-top:7px;
}



/* =================================================================================================

　番組詳細メニュー

================================================================================================= */

#detail #detail_menu{
	width:775px;
	margin:0 auto;
}

#detail #detail_menu li{
	width:151px;
	height:26px;
	margin-right:5px;
	float:left;
	text-indent:-9999px;
}

#detail #detail_menu #detail_melmaga_menu{
	margin-right:0px;
}

#detail #detail_menu li a{
	width:151px;
	height:26px;
	display:block;
	outline:0;
}

/* 番組紹介 */
#detail #detail_intro_menu,
#detail #detail_intro_menu a{
	background: transparent url("/pg_info/detail/img/detail_intro_menu.jpg") no-repeat;
}
#detail #detail_intro_menu a:hover,
#detail #detail_intro_menu .on{
	background: transparent url("/pg_info/detail/img/detail_intro_menu_on.jpg") no-repeat;
}

/* 詳しい放送内容 */
#detail #detail_content_menu,
#detail #detail_content_menu a{
	background: transparent url("/pg_info/detail/img/detail_content_menu.jpg") no-repeat;
}
#detail #detail_content_menu a:hover,
#detail #detail_content_menu .on{
	background: transparent url("/pg_info/detail/img/detail_content_menu_on.jpg") no-repeat;
}

/* 放送スケジュール */
#detail #detail_schedule_menu,
#detail #detail_schedule_menu a{
	background: transparent url("/pg_info/detail/img/detail_schedule_menu.jpg") no-repeat;
}
#detail #detail_schedule_menu a:hover,
#detail #detail_schedule_menu .on{
	background: transparent url("/pg_info/detail/img/detail_schedule_menu_on.jpg") no-repeat;
}

/* みんなのレビュー */
#detail #detail_voice_menu,
#detail #detail_voice_menu a{
	background: transparent url("/pg_info/detail/img/detail_voice_menu.jpg") no-repeat;
}
#detail #detail_voice_menu a:hover,
#detail #detail_voice_menu .on{
	background: transparent url("/pg_info/detail/img/detail_voice_menu_on.jpg") no-repeat;
}

/* みんなのレビュー（件数） */
#detail #detail_voice_menu{
	position:relative;
}
#detail #detail_voice_menu .review_no{
	text-indent:0px;
	display:block;
	position:absolute;
	top:9px;
	left:100px;
	line-height:110%;
	font-weight:bold;
}
#detail #detail_voice_menu a{
	color:#333;
	text-decoration:none;
	cursor:pointer;
}


/* メルマガ */
#detail #detail_melmaga_menu,
#detail #detail_melmaga_menu a{
	background: transparent url("/pg_info/detail/img/detail_melmaga_menu.jpg") no-repeat;
}
#detail #detail_melmaga_menu a:hover,
#detail #detail_melmaga_menu .on{
	background: transparent url("/pg_info/detail/img/detail_melmaga_menu_on.jpg") no-repeat;
}


/* =================================================================================================

　番組紹介

================================================================================================= */

/* ----------------------------------------------------------------------------
　【番組紹介】放送告知1
---------------------------------------------------------------------------- */

#detail_intro .info01{
	color:#ff0103;
	margin-bottom:12px;
}


/* ----------------------------------------------------------------------------
　【番組紹介】キーカットBOX
---------------------------------------------------------------------------- */

#detail_intro .section01{
	margin-bottom:20px;
	padding-bottom:30px;
	background-color:#000;
	position:relative;
}

#detail_intro .keycut_box{
	width:450px;
	float:left;
}

/* キーカット */
#detail_intro .keycut{
	width:442px;
	border:2px solid #000;
	background-color:#a3a3a3;
	padding:3px;
	margin-bottom:10px;
}

#detail_intro .keycut .guard_box{
    position:relative;
    width:442px;
    height:266px;
}


#detail_intro .keycut img{
	width:440px;
	height:264px;
	border:1px solid #000;
	display:block;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;/* IEは7から対応 */
}


#detail_intro .keycut .hover{
	width:440px;
	height:264px;
	position:absolute;
	top:1px;
	left:1px;
	background-color:#fff;
	display:none;
	filter: alpha(opacity=0.5);
	-moz-opacity:0.5;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50);
}

/* キーカットボタン */
#detail_intro .keycut_btn {
	width:442px;
	height:29px;
	margin-top:3px;
}
#detail_intro .keycut_btn a {
	width:432px;
	height:25px;
	display:block;
	color:#fff;
	text-align:center;
	font-size:14px;
	line-height:110%;
	letter-spacing:-1px;
	padding:7px 5px 0;
	text-decoration:none;
	overflow:hidden;
}
#detail_intro .keycut_btn a span{
	display:block;
}
#detail_intro .keycut_btn,
#detail_intro .keycut_btn a{
	background: transparent url("/pg_info/detail/img/intro_keycut_btn.jpg") no-repeat;
}
#detail_intro .keycut_btn a:hover,
#detail_intro .keycut_btn .on{
	background: transparent url("/pg_info/detail/img/intro_keycut_btn_on.jpg") no-repeat;
}


/* ----------------------------------------------------------------------------
　【番組紹介】OA情報
---------------------------------------------------------------------------- */
#detail_intro .onair_box{
	width:265px;
	float:right;
	padding:10px 15px 0 0;
}


/* 放送終了 */
#detail_intro .onair_box .program_finish{
	color:#fff;
	font-weight:bold;
	margin-bottom:15px;
}


#detail_intro .onair_box dl{
	margin-bottom:15px;
	border-bottom:1px dotted #656565;
}


/* 3チャンネルアイコン */
#detail_intro .onair_box dl dt{
	margin-bottom:6px;
}
#detail_intro .onair_box dl dt img{
	margin-right:10px;
	margin-bottom:5px;
	vertical-align:bottom;
}

/* 放送タイトル */
#detail_intro .onair_box dl .title{
	margin-bottom:6px;
	font-weight:bold;
	color:#fff;
}
#detail_intro .onair_box dl .title a{
	color:#fff;
}

/* 放送日時 */
#detail_intro .onair_box dl .date{
	margin-bottom:6px;
}
#detail_intro .onair_box dl .date p{
	color:#fff;
	font-weight:bold;
}

/* 放送日時／赤字 */
#detail_intro .onair_box dl .date .red{
	color:#FC0300;
}

/* 放送日時／番組登録！ */
#detail_intro .onair_box dl .date .my{
	width:78px;
	float:right;
}

/* 放送日時／番組アイコン */
#detail_intro .onair_box dl .icon{
	margin-bottom:10px;
	color:#fff;
	font-weight:bold;
}
#detail_intro .onair_box dl .icon img{
	margin-right:5px;
	margin-bottom:5px;
	vertical-align:bottom;
}

/* その他の放送スケジュール */
#detail_intro .onair_box .other_btn{
	margin-bottom:30px;
	text-align:right;
}
#detail_intro .onair_box .other_btn a{
	color:#ccc;
}

/* キーカットが丸ごと無い場合 */
#detail_intro .onair_box_fll{
	width:717px;
	float:none;
	padding:10px 15px 0 15px;
}


/* ----------------------------------------------------------------------------
　【番組紹介】関連特集
---------------------------------------------------------------------------- */
#detail_intro .onair_box .related_special{
	border:none;
	border:1px solid #1c609f;
	padding:0;
	margin:0 0 20px;
}
#detail_intro .onair_box .related_special dt{
	width:263px;
	height:24px;
	border-bottom:1px solid #1c609f;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background: transparent url("/pg_info/detail/img/related_special.jpg") no-repeat;
}
#detail_intro .onair_box .related_special dd{
	background-color:#d6edff;
	padding:10px;
	margin:0;
}
#detail_intro .onair_box .related_special dd a{
	font-weight:normal;
	color:#333;
	line-height:150%;
}
#detail_intro .onair_box .related_special dd .link_lineup{
	margin-top:8px;
}



/* ----------------------------------------------------------------------------
　【番組紹介】SNSボタン
---------------------------------------------------------------------------- */
#detail_intro .sns{
	position:absolute;
	bottom:10px;
	right:10px;
}
#detail_intro .sns li{
	float:left;
	margin-left:3px;
}
#detail_intro .sns .facebook{
	width:71px;
	overflow:hidden;
}
#detail_intro .sns .tweet{
	width:80px;
	overflow:hidden;
}
#detail_intro .sns .mixi{
	width:58px;
	overflow:hidden;
}


/* ----------------------------------------------------------------------------
　【番組紹介】MOVIE
---------------------------------------------------------------------------- */
#detail_intro .keycut_box .movie{
	width:420px;
	height:70px;
	padding-top:10px;
	margin:0 auto;
	background-color:#282828;
}

#detail_intro .keycut_box .movie strong{
	display:none;
}

/* タイトル */
#detail_intro .keycut_box .movie .title{
	width:60px;
	height:25px;
	padding:35px 0 0 15px;
	float:left;
	background: transparent url("/pg_info/detail/img/intro_movie_title.gif") no-repeat 15px 15px;
}
#detail_intro .keycut_box .movie .title a{
	color:#ccc;
}

/* サムネイル */
#detail_intro .keycut_box .movie .thumb{
	width:88px;
	height:58px;
	border:1px solid #000;
	float:left;
	margin-left:18px;
	cursor:pointer;
	position:relative;
}
#detail_intro .keycut_box .movie .thumb a{
	cursor:pointer;
}
#detail_intro .keycut_box .movie .thumb span{
	width:88px;
	height:58px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	background: transparent url("/pg_info/detail/img/intro_movie_thumb_btn.png") no-repeat;
	z-index:2;
}
#detail_intro .keycut_box .movie .thumb img{
	position:absolute;
	z-index:1;
}


/* キーカット無し・動画有の場合 */
#detail_intro .keycut_box_movie_only{
	padding-bottom:45px;
}
#detail_intro .keycut_box_movie_only .keycut_box{
	width:0px;
	float:none;
}
#detail_intro .keycut_box_movie_only .keycut_box .movie{
	position:absolute;
	left:15px;
	bottom:15px;
}



/* ----------------------------------------------------------------------------
　【番組紹介】速報エリア
---------------------------------------------------------------------------- */

#detail_intro #na_slidebox{
	width:747px;
	height:30px;
	margin-bottom:20px;
	position:relative;
	background: transparent url("/pg_info/detail/img/intro_slidebox_foot.jpg") no-repeat center bottom;
	
}
#detail_intro #na_slidebox_foot{
	width:747px;
	height:30px;
	position:relative;
	background: transparent url("/pg_info/detail/img/intro_slidebox_head.jpg") no-repeat;
}

#detail_intro .na_slidebox{
	width:640px;
	height:30px;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:77px;
}

#detail_intro .na_slidebox p{
	width:640px;
	font-size:12px;
	line-height:160%;
	color:#fff;
	position:absolute;
	top:0px;
	left:640px;
}

#detail_intro .na_slidebox p a{
	color:#fff;
	display:block;
}


/* NEWアイコン */
#detail_intro .na_slidebox .new{
	background: transparent url("/pg_info/detail/img/content_slidebox_new.gif") no-repeat left 3px;
	padding-left:38px;
	width:602px;
	display:block;
}

/* IE8ハック */
html>/**/body #detail_intro .na_slidebox .new{
	background/*\**/: transparent url("/pg_info/detail/img/content_slidebox_new.gif") no-repeat left 2px\9;
}  
/* IE7ハック */
*:first-child+html #detail_intro .na_slidebox .new{
	background: transparent url("/pg_info/detail/img/content_slidebox_new.gif") no-repeat left 3px;
}
/* IE6ハック */
*html #detail_intro .na_slidebox .new{
	background: transparent url("/pg_info/detail/img/content_slidebox_new.gif") no-repeat left 3px;
}

#detail_intro .na_slidebox p a{
	color:#fff;
	display:block;
}


/* 次へ送るボタン */
#detail_intro .na_next_btn_box{
	width:20px;
	height:20px;
	position:absolute;
	top:5px;
	right:6px;
	text-indent:-9999px;
	background: transparent url("/pg_info/detail/img/intro_slidebox_btn_off.gif") no-repeat;
}
#detail_intro .na_next_btn_box a{
	width:20px;
	height:20px;
	outline:0;
	display:block;
	background: transparent url("/pg_info/detail/img/intro_slidebox_btn.gif") no-repeat;
}


/* 回り込み解除 */
#detail_intro .na_slidebox p {
	display: inline-block;
}
/* Exclude Mac IE \*/
#detail_intro .na_slidebox p {
	display: block;
}
/**/
#detail_intro .na_slidebox p:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* ----------------------------------------------------------------------------
　【番組紹介】解説／次回放送内容エリア
---------------------------------------------------------------------------- */

#detail_intro .intro_box{
	width:558px;
}

#detail_intro .intro_box p{
	line-height:180%;
}


/* ----------------------------------------------------------------------------
　【番組紹介】本文
---------------------------------------------------------------------------- */

/* 共通タイトル */
#detail_intro .intro_box dt{
	width:538px;
	height:23px;
	padding:7px 10px 0px;
	margin-bottom:10px;
	background: transparent url("/pg_info/detail/img/intro_title_bg.gif") no-repeat;
	font-weight:bold;
	color:#fff;
	line-height:120%;
}


/* ----------------------------------------------------------------------------
　【番組紹介】本文／解説
---------------------------------------------------------------------------- */

#detail_intro .explan{
	width:558px;
	margin-bottom:20px;
}
#detail_intro .explan dd{
	line-height:180%;
	padding:0 2px;
}
#detail_intro .explan dd strong{
	display:block;
}
#detail_intro .explan dd p{
	margin-top:15px;
}

/* 初回情報時の情報を掲載しております */
#detail_intro .explan dd .first_cap,
#detail_content .first_cap{
	margin-top:5px;
}

/* 初回放送日 */
#detail_intro .first_onair,
#detail_content .first_onair{
	text-align:right;
	margin-top:5px;
}


/* ----------------------------------------------------------------------------
　【番組紹介】本文／次回放送内容
---------------------------------------------------------------------------- */

#detail_intro .nextonair{
	width:558px;
	margin-bottom:20px;
}

#detail_intro .nextonair dd{
	padding:0 2px;
}

/* 放送タイトル */
#detail_intro .nextonair dd strong{
	display:block;
	margin-bottom:10px;
}
#detail_intro .nextonair dd strong a{
	color:#000;
}

/* 写真 */
#detail_intro .nextonair dd .photo{
	width:286px;
	padding:5px;
	float:left;
	background-color:#c0cde0;
}

/* コピー */
#detail_intro .nextonair dd .copy{
	width:250px;
	float:right;
}

/* 写真が無い場合のコピーのスタイル */
#detail_intro .nextonair dd .nextonair_nophoto{
	width:100%;
	float:none;
}

#detail_intro .nextonair dd .copy .channel{
	margin-bottom:5px;
}
#detail_intro .nextonair dd .copy .channel img{
	margin-right:2px;
}
#detail_intro .nextonair dd .copy .icon{
	margin-bottom:10px;
}
#detail_intro .nextonair dd .copy .icon img{
	margin-right:2px;
}
#detail_intro .nextonair dd .copy .date{
	font-weight:bold;
	margin-bottom:10px;
}
#detail_intro .nextonair dd .copy .date a{
	color:#000;
}
#detail_intro .nextonair dd .copy .lead{
	line-height:180%;
	margin-bottom:5px;
}

/* 続きを読む */
#detail_intro .nextonair dd .copy .continue a{
	font-weight:bold;
}


/* ----------------------------------------------------------------------------
　【番組紹介】受賞歴
---------------------------------------------------------------------------- */

#detail_intro .prize{
	width:558px;
	margin-bottom:20px;
}
#detail_intro .prize dd{
	line-height:180%;
	padding:0 2px;
}

/* 特集・関連番組が無い場合 */
#detail_intro .intro_box_fll{
	width:100%;
}
#detail_intro .intro_box_fll .explan{
	width:100%;
}
#detail_intro .intro_box_fll .place{
	width:100%;
}
#detail_intro .intro_box_fll .related_info{
	width:100%;
}
#detail_intro .intro_box_fll .nextonair{
	width:100%;
}
#detail_intro .intro_box_fll .prize{
	width:100%;
}

#detail_intro .intro_box_fll .story{
	width:100%;
}

#detail_intro .intro_box_fll .nextonair dd .copy{
	width:430px;
}
#detail_intro .intro_box_fll dl dt{
	width:727px;
	height:23px;
	margin-bottom:10px;
	background: transparent url("/pg_info/detail/img/intro_title_full_bg.gif") no-repeat;
}


/* ----------------------------------------------------------------------------
　【番組紹介】映画ジャンル専用スペック表
---------------------------------------------------------------------------- */

#detail_intro .movie_spec{
	width:558px;
	table-layout:fixed;
	border-collapse:collapse;
	border-bottom:1px solid #7b8ca9;
	margin-bottom:20px;
}

#detail_intro .movie_spec tr{
	border-top:1px solid #7b8ca9;
}

#detail_intro .movie_spec th{
	width:170px;
	padding:10px;
	vertical-align:top;
	background: transparent url("/pg_info/detail/img/intro_movie_spec_th.gif") repeat-x;
	background-color:#dee6f0;
	font-weight:normal;
	text-align:left;
}

#detail_intro .movie_spec td{
	padding:10px;
	vertical-align:top;
}


/* ----------------------------------------------------------------------------
　【番組紹介】物語
---------------------------------------------------------------------------- */

#detail_intro .story{
	width:558px;
	padding-bottom:20px;
}


/* ----------------------------------------------------------------------------
　【番組紹介・詳しい内容共通】特集・関連番組
---------------------------------------------------------------------------- */

#detail_intro .relation_box,
#detail_content .relation_box{
	float:right;
	width:171px;
	border-bottom:1px solid #1c609f;
}

/* 関連特集タイトル */
#detail_intro .special dt,
#detail_content .special dt{
	width:171px;
	height:30px;
	text-indent:-9999px;
	background: transparent url("/pg_info/detail/img/intro_relation_special_title_down.jpg") no-repeat;
}
#detail_intro .special dt a,
#detail_content .special dt a{
	width:171px;
	height:30px;
	outline:0;
	background: transparent url("/pg_info/detail/img/intro_relation_special_title_down.jpg") no-repeat;
	display:block;
}
#detail_intro .special dt a:hover,
#detail_content .special dt a:hover{
	background: transparent url("/pg_info/detail/img/intro_relation_special_title_down_on.jpg") no-repeat;
}
#detail_intro .special dt .up,
#detail_content .special dt .up{
	background: transparent url("/pg_info/detail/img/intro_relation_special_title_up.jpg") no-repeat;
}
#detail_intro .special dt .up:hover,
#detail_content .special dt .up:hover{
	background: transparent url("/pg_info/detail/img/intro_relation_special_title_up_on.jpg") no-repeat;
}

/* 関連特集のみの場合 */
#detail_intro .special.no_slide dt a,
#detail_intro .special.no_slide dt a:hover,
#detail_content .special.no_slide dt a,
#detail_content .special.no_slide dt a:hover{
	background: transparent url("/pg_info/detail/img/intro_relation_special_title.jpg") no-repeat;
	cursor:default;
}


/* 関連番組タイトル */
#detail_intro .relation dt,
#detail_content .relation dt{
	width:171px;
	height:30px;
	text-indent:-9999px;
	background: transparent url("/pg_info/detail/img/intro_relation_relation_title_down.jpg") no-repeat;
}
#detail_intro .relation dt a,
#detail_content .relation dt a{
	width:171px;
	height:30px;
	outline:0;
	background: transparent url("/pg_info/detail/img/intro_relation_relation_title_down.jpg") no-repeat;
	display:block;
}
#detail_intro .relation dt a:hover,
#detail_content .relation dt a:hover{
	background: transparent url("/pg_info/detail/img/intro_relation_relation_title_down_on.jpg") no-repeat;
}
#detail_intro .relation dt .up,
#detail_content .relation dt .up{
	background: transparent url("/pg_info/detail/img/intro_relation_relation_title_up.jpg") no-repeat;
}
#detail_intro .relation dt .up:hover,
#detail_content .relation dt .up:hover{
	background: transparent url("/pg_info/detail/img/intro_relation_relation_title_up_on.jpg") no-repeat;
}

/* 関連番組のみの場合 */
#detail_intro .relation.no_slide dt a,
#detail_intro .relation.no_slide dt a:hover,
#detail_content .relation.no_slide dt a,
#detail_content .relation.no_slide dt a:hover{
	background: transparent url("/pg_info/detail/img/intro_relation_relation_title.jpg") no-repeat;
	cursor:default;
}


/* 中身 */
#detail_intro .special dd,
#detail_content .special dd,
#detail_intro .relation dd,
#detail_content .relation dd{
	width:171px;
	padding:0px 0 0px;
	background: transparent url("/pg_info/detail/img/intro_relation_bg.gif");
}

#detail_intro .relation_foot,
#detail_content .relation_foot{
	width:171px;
	height:2px;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
	background: transparent url("/pg_info/detail/img/intro_relation_foot.gif");
}


/* 関連特集／番組名 */
#detail_intro .special dd .title,
#detail_content .special dd .title{
	width:151px;
	margin:0 auto 5px;
	padding:10px 10px 0px;
	color:#333;
	font-weight:bold;
}
#detail_intro .special dd .title a,
#detail_content .special dd .title a{
	color:#333;
}

/* 関連特集／本文 */
#detail_intro .special dd .copy,
#detail_content .special dd .copy{
	width:151px;
	margin:0 auto;
	padding:0px 10px 5px;
	color:#333;
}

/* 関連特集／ラインナップ */
#detail_intro .special dd .lineup,
#detail_content .special dd .lineup{
	width:165px;
	margin:0 auto;
	border:1px solid #bcd7ed;
	border-left:none;
	border-right:none;
	background: transparent url("/pg_info/detail/img/intro_relation_lineup_bg.gif");
	text-align:center;
	line-height:120%;
}
#detail_intro .special dd .lineup a,
#detail_content .special dd .lineup a{
	color:#663300;
	padding:5px 0;
	display:block;
	text-decoration:none;
}


/* 番組1件分 */
#detail_intro .relation .program,
#detail_content .relation .program{
	padding-bottom:10px;
	background: transparent url("/pg_info/detail/img/intro_relation_line.gif") no-repeat center bottom;
}


/* 関連番組／番組名 */
#detail_intro .relation dd .title,
#detail_content .relation dd .title{
	width:141px;
	margin:0 auto 5px;
	padding:10px 15px 0px;
	color:#333;
	font-weight:bold;
}
#detail_intro .relation dd .title a,
#detail_content .relation dd .title a{
	color:#333;
}

/* 関連番組／本文 */
#detail_intro .relation dd .photo,
#detail_content .relation dd .photo{
	text-align:center;
	margin-bottom:5px;
}
#detail_intro .relation dd .photo a,
#detail_content .relation dd .photo a{
	outline:0;
}

/* 関連番組／チャンネルアイコン */
#detail_intro .relation dd .channel,
#detail_content .relation dd .channel{
	padding:0 15px;
	margin-bottom:3px;
}

/* 関連番組／放送日 */
#detail_intro .relation dd .date,
#detail_content .relation dd .date{
	width:141px;
	color:#333;
	padding:0px 15px 0px;
}



/* =================================================================================================

　新着番組ページ独自の場合

================================================================================================= */

/* ----------------------------------------------------------------------------
　番組タイトル
---------------------------------------------------------------------------- */

#detail #detail_title .release_title_box{
	padding-left:75px;
	background: transparent url("/pg_info/release/img/release_title.gif") no-repeat left center;
}


#detail #detail_title .release_title_box h1,
#detail #detail_title .release_title_box p{
	color:#fff;
	font-weight:bold;
	line-height:160%;
}
#detail #detail_title .release_title_box .icon{
	color:#999;
	font-weight:normal;
}

/* ----------------------------------------------------------------------------
　キーカット
---------------------------------------------------------------------------- */

#release_page #detail_intro .section01{
	padding-bottom:0px;
}

#release_page #detail_intro .keycut{
	margin-bottom:0px;
}

/* 写真が無い場合 */
#release_page #detail_intro .nophoto .guard_440_248{
	width:440px;
	height:264px;
	border:1px solid #000;
	border-bottom:none;
	background: transparent url("/pg_info/release/img/intro_keycut_nophoto.jpg") no-repeat;
}

/* スポーツジャンルの場合 */
#release_page #detail_intro .wowowsports .guard_440_248{
	width:440px;
	height:264px;
	border:1px solid #000;
	border-bottom:none;
	background: transparent url("/pg_info/release/img/intro_keycut_wowowsports.jpg") no-repeat;
}

#release_page #detail_intro .nophoto div .hover,
#release_page #detail_intro .wowowsports div .hover{
	width:439px;
	height:263px;
	position:absolute;
	top:1px;
	left:1px;
	background-color:#fff;
	display:none;
	
	filter: alpha(opacity=0.5);
	-moz-opacity:0.5;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50);
}


/* ----------------------------------------------------------------------------
　本文／収録日・場所
---------------------------------------------------------------------------- */

#detail_intro .place{
	width:558px;
	margin-bottom:20px;
}
#detail_intro .place dd{
	line-height:180%;
	padding:0 2px;
}

/* ----------------------------------------------------------------------------
　本文／関連情報
---------------------------------------------------------------------------- */

#detail_intro .related_info{
	width:558px;
	margin-bottom:20px;
}

#detail_intro .related_info dd{
	line-height:180%;
	padding:0 2px;
}

#detail_intro .related_info dd ul li{
	border-bottom:1px dotted #666;
	padding-bottom:10px;
	margin-bottom:10px;
	line-height:160%;
}

#detail_intro .related_info dd ul li a{
	color:#000;
}



/* =================================================================================================

　詳しい内容

================================================================================================= */

#detail_content .section01{
	margin-bottom:20px;
	background-color:#000;
	padding:15px 15px 35px;
	position:relative;
}


/* ----------------------------------------------------------------------------
　【番組紹介】放送告知1
---------------------------------------------------------------------------- */

#detail_content .info01{
	color:#ff0103;
	margin-bottom:12px;
}



/* ----------------------------------------------------------------------------
　【詳しい内容】話数切替プルダウン
---------------------------------------------------------------------------- */

#detail_content .pulldown_box{
	width:720px;
	padding:13px 13px 0px 14px;
	background-color:#000;
	position:relative;
	z-index:20;
}

#detail_content .pulldown{
	width:720px;
}

/* 一覧表示ボタン */
#detail_content .pulldown_btn{
	width:98px;
	height:36px;
	position:absolute;
	top:13px;
	right:13px;
	cursor:pointer;
	background: transparent url("/common/base/img/spacer.gif") no-repeat;
}

/* IE6ハック */
*html #detail_content .pulldown_btn{
	right:12px;
}

#detail_content .pulldown_btn .pulldown_btn_link{
	width:98px;
	height:36px;
	display:block;
	outline:0;
	text-indent:-9999px;
	background: transparent url("/pg_info/detail/img/content_pulldown_btn.gif") no-repeat;
}

#detail_content .pulldown_btn .pulldown_btn_link_on{
	background: transparent url("/pg_info/detail/img/content_pulldown_btn_on.gif") no-repeat;
}


/* プルダウン複数行対応 */
#detail_content .pulldown .pulldown_head{
	background: transparent url("/pg_info/detail/img/content_pulldown_head.jpg") no-repeat;
	padding-top:8px;
}
#detail_content .pulldown .pulldown_head_on{
	background: transparent url("/pg_info/detail/img/content_pulldown_head_on.jpg") no-repeat;
	padding-top:8px;
}
#detail_content .pulldown .pulldown_foot{
	background: transparent url("/pg_info/detail/img/content_pulldown_foot.jpg") no-repeat left bottom;
	padding-bottom:8px;
}
#detail_content .pulldown .pulldown_foot_on{
	background: transparent url("/pg_info/detail/img/content_pulldown_foot_on.jpg") no-repeat left bottom;
	padding-bottom:8px;
}


/* 表示部分 */
#detail_content .pulldown p{
	width:605px;
	padding:0 0 0 10px;
	font-weight:bold;
}

#detail_content .pulldown p a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

/* ドロップダウン部分 */
#detail_content .pulldown #drop{
	width:720px;
	position:absolute;
	left:-622px;
	top:35px;
	display:none;
	padding-top:2px;
	background: transparent url("/pg_info/detail/img/content_pulldown_head.gif") no-repeat;
}


#detail_content .pulldown #drop .drop_foot{
	width:720px;
	height:2px;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
	background: transparent url("/pg_info/detail/img/content_pulldown_foot.gif") no-repeat left bottom;
}

#detail_content .pulldown ul{
	width:718px;
	border:1px solid #666666;
	border-top:none;
	border-bottom:none;
	background-color:#fff;
}

#detail_content .pulldown ul li a{
	width:698px;
	padding:2px 10px;
	display:block;
	cursor:pointer;
	color:#000;
	line-height:150%;
	text-decoration:none;
	outline:0;
	border-bottom:1px solid #ccc;
}


/* 15件以上の場合 */
#detail_content .pulldown .scroll{
	height:300px;
	overflow-y: scroll;
	overflow:auto;
}
#detail_content .pulldown .scroll li a{
	width:680px;
}

#detail_content .pulldown ul .on a,
#detail_content .pulldown ul li a:hover{
	background-color:#ffffcc;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】場面写真
---------------------------------------------------------------------------- */

#detail_content .photo_box{
	width:377px;
	position:relative;
	background-color:#a1a1a1;
	float:right;
	margin-bottom:10px;
	padding:3px;
}

/* 場面写真1件分 */
#detail_content .photo_box .box{
	width:375px;
	height:225px;
	border:1px solid #000;
	position:relative;
}


/* 番組オフィシャルサイトへ */
#detail_content .photo_box .official_btn{
	width:377px;
	height:29px;
	margin-top:3px;
}
#detail_content .photo_box .official_btn a{
	width:367px;
	height:22px;
	display:block;
	color:#fff;
	text-align:center;
	font-size:14px;
	line-height:110%;
	letter-spacing:-1px;
	padding:7px 5px 0;
	text-decoration:none;
	overflow:hidden;
}
#detail_content .photo_box .official_btn,
#detail_content .photo_box .official_btn a{
	background: transparent url("/pg_info/detail/img/content_photobox_official.jpg") no-repeat;
}
#detail_content .photo_box .official_btn a:hover{
	background: transparent url("/pg_info/detail/img/content_photobox_official_on.jpg") no-repeat;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】シーン切替　PREV NEXT
---------------------------------------------------------------------------- */

#detail_content .change_scene{
	height:18px;
	position:absolute;
	bottom:15px;
	right:410px;
	width:150px;
}
#detail_content .change_scene li{
	width:49px;
	height:18px;
	text-indent:-9999px;
	float:right;
	margin:0 5px;
}
#detail_content .change_scene li a{
	width:49px;
	height:18px;
	display:block;
	outline:0;
}

/* PREV */
#detail_content .change_scene .prev_scene,
#detail_content .change_scene .prev_scene a{
	background: transparent url("/pg_info/detail/img/content_change_scene_prev.gif") no-repeat;
}
#detail_content .change_scene .prev_scene a:hover{
	background: transparent url("/pg_info/detail/img/content_change_scene_prev_on.gif") no-repeat;
}

/* NEXT */
#detail_content .change_scene .next_scene,
#detail_content .change_scene .next_scene a{
	background: transparent url("/pg_info/detail/img/content_change_scene_next.gif") no-repeat;
}
#detail_content .change_scene .next_scene a:hover{
	background: transparent url("/pg_info/detail/img/content_change_scene_next_on.gif") no-repeat;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】SNSアイコン
---------------------------------------------------------------------------- */
#detail_content .sns{
	position:absolute;
	bottom:10px;
	right:10px;
}
#detail_content .sns li{
	float:left;
	margin-left:3px;
}
#detail_content .sns .facebook{
	width:71px;
	overflow:hidden;
}
#detail_content .sns .tweet{
	width:80px;
	overflow:hidden;
}
#detail_content .sns .mixi{
	width:58px;
	overflow:hidden;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】MOVIE
---------------------------------------------------------------------------- */
#detail_content .section01 .movie{
	width:383px;
	height:70px;
	padding-top:10px;
	margin-bottom:20px;
	background-color:#282828;
	float:right;
}

#detail_content .section01 .movie strong{
	display:none;
}

/* タイトル */
#detail_content .section01 .movie .title{
	width:63px;
	height:29px;
	padding:35px 0 0 10px;
	float:left;
	background: transparent url("/pg_info/detail/img/intro_movie_title.gif") no-repeat 10px 14px;
}
#detail_content .section01 .movie .title a{
	color:#ccc;
}

/* サムネイル */
#detail_content .section01 .movie .thumb{
	width:88px;
	height:58px;
	border:1px solid #000;
	float:left;
	margin-left:10px;
	cursor:pointer;
	position:relative;
}
#detail_content .section01 .movie .thumb a{
	cursor:pointer;
}
#detail_content .section01 .movie .thumb span{
	width:88px;
	height:58px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	background: transparent url("/pg_info/detail/img/intro_movie_thumb_btn.png") no-repeat;
	z-index:2;
}
#detail_content .section01 .movie .thumb img{
	position:absolute;
	z-index:1;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】各話データ
---------------------------------------------------------------------------- */

#detail_content .lead_box{
	width:320px;
	float:left;
}
/* 放送日時 */
#detail_content .lead_box .date{
	margin-bottom:5px;
	font-weight:bold;
	color:#fff;
}
#detail_content .lead_box .icon{
	margin-bottom:10px;
}
#detail_content .lead_box .icon img{
	margin-right:5px;
	margin-bottom:5px;
}

/* その他の放送スケジュール */
#detail_content .lead_box .other{
	margin-bottom:15px;
}
#detail_content .lead_box .other .my{
	width:96px;
	float:left;
}
#detail_content .lead_box .other .other_btn{
	float:right;
}
#detail_content .lead_box .other .other_btn a{
	color:#989898;
}

/* リード文 */
#detail_content .lead_box strong{
	display:block;
	color:#fff;
	line-height:180%;
	margin-bottom:10px;
}
#detail_content .lead_box .lead{
	color:#fff;
	line-height:200%;
	margin-bottom:10px;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】各話データ（写真とムービーが無い場合）
---------------------------------------------------------------------------- */
#detail_content .photo_movie_no {
	padding:15px 15px 45px;
}
#detail_content .photo_movie_no .lead_box{
	width:100%;
	float:none;
}

/* ----------------------------------------------------------------------------
　【詳しい内容】各話データ（写真が無い場合）
---------------------------------------------------------------------------- */
#detail_content .photo_no {
	padding:15px 15px 30px;
}
#detail_content .photo_no .lead_box{
	width:100%;
	float:none;
}
#detail_content .photo_no .movie{
	padding-top:10px;
	margin-bottom:20px;
	float:none;
}


/* ----------------------------------------------------------------------------
　【番組紹介】速報エリア
---------------------------------------------------------------------------- */
#detail_content #nc_slidebox{
	width:747px;
	height:30px;
	margin-bottom:20px;
	position:relative;
	background: transparent url("/pg_info/detail/img/intro_slidebox_foot.jpg") no-repeat center bottom;
	
}
#detail_content #nc_slidebox_foot{
	width:747px;
	height:30px;
	position:relative;
	background: transparent url("/pg_info/detail/img/intro_slidebox_head.jpg") no-repeat;
}

#detail_content .nc_slidebox{
	width:640px;
	height:30px;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:77px;
}

#detail_content .nc_slidebox p{
	width:640px;
	font-size:12px;
	line-height:160%;
	color:#fff;
	position:absolute;
	top:0px;
	left:640px;
}

#detail_content .nc_slidebox p a{
	color:#fff;
	display:block;
}


/* NEWアイコン */
#detail_content .nc_slidebox .new{
	background: transparent url("/pg_info/detail/img/content_slidebox_new.gif") no-repeat left 3px;
	padding-left:38px;
	width:602px;
	display:block;
}

/* IE8ハック */
html>/**/body #detail_content .nc_slidebox .new{
	background/*\**/: transparent url("/pg_info/detail/img/content_slidebox_new.gif") no-repeat left 2px\9;
}  
/* IE7ハック */
*:first-child+html #detail_content .nc_slidebox .new{
	background: transparent url("/pg_info/detail/img/content_slidebox_new.gif") no-repeat left 3px;
}
/* IE6ハック */
*html #detail_content .nc_slidebox .new{
	background: transparent url("/pg_info/detail/img/content_slidebox_new.gif") no-repeat left 3px;
}

#detail_content .nc_slidebox p a{
	color:#fff;
	display:block;
}


/* 次へ送るボタン */
#detail_content .nc_next_btn_box{
	width:20px;
	height:20px;
	position:absolute;
	top:5px;
	right:6px;
	text-indent:-9999px;
	background: transparent url("/pg_info/detail/img/intro_slidebox_btn_off.gif") no-repeat;
}
#detail_content .nc_next_btn_box a{
	width:20px;
	height:20px;
	outline:0;
	display:block;
	background: transparent url("/pg_info/detail/img/intro_slidebox_btn.gif") no-repeat;
}


/* 回り込み解除 */
#detail_content .nc_slidebox p {
	display: inline-block;
}
/* Exclude Mac IE \*/
#detail_content .nc_slidebox p {
	display: block;
}
/**/
#detail_content .nc_slidebox p:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}



/* ----------------------------------------------------------------------------
　【詳しい内容】表組切替メニュー
---------------------------------------------------------------------------- */

.date_base{
	background-color:#fff;
}

/* 字幕版・日本語吹替版・二ヵ国語版切替メニュー */
.date_base .date_base_menu{
	padding-bottom:3px;
	background: transparent url("/pg_info/detail/img/content_date_base_box_menu.gif") no-repeat center bottom;
	border-bottom:4px solid #45556e;
}

.date_base .date_base_menu li{
	width:151px;
	height:28px;
	float:left;
	margin-right:7px;
}

.date_base .date_base_menu li a{
	width:151px;
	height:28px;
	text-indent:-9999px;
	display:block;
	outline:0;
}

.date_base .date_base_menu li a{
	width:151px;
	height:28px;
	text-indent:-9999px;
	display:block;
	outline:0;
}

/* 字幕版 */
.date_base .date_base_menu .caption,
.date_base .date_base_menu .caption a{
	background: transparent url("/pg_info/detail/img/content_date_base_box_caption.jpg") no-repeat;
}
.date_base .date_base_menu .caption a:hover,
.date_base .date_base_menu .caption .on{
	background: transparent url("/pg_info/detail/img/content_date_base_box_caption_on.jpg") no-repeat;
}

/* 日本語吹替版 */
.date_base .date_base_menu .japanese,
.date_base .date_base_menu .japanese a{
	background: transparent url("/pg_info/detail/img/content_date_base_box_japanese.jpg") no-repeat;
}
.date_base .date_base_menu .japanese a:hover,
.date_base .date_base_menu .japanese .on{
	background: transparent url("/pg_info/detail/img/content_date_base_box_japanese_on.jpg") no-repeat;
}

/* 二ヵ国語版 */
.date_base .date_base_menu .double,
.date_base .date_base_menu .double a{
	background: transparent url("/pg_info/detail/img/content_date_base_box_double.jpg") no-repeat;
}
.date_base .date_base_menu .double a:hover,
.date_base .date_base_menu .double .on{
	background: transparent url("/pg_info/detail/img/content_date_base_box_double_on.jpg") no-repeat;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】表組切替BOX
---------------------------------------------------------------------------- */

.date_base_box{
	margin-bottom:20px;
}

/* 字幕版・日本語吹替版切替メニュー */
.date_base_box .box {
	background-color:#e8ebf0;
	padding:16px 17px 5px;
}

/* ----------------------------------------------------------------------------
　【詳しい内容】表組基本レイアウト
---------------------------------------------------------------------------- */

.date_base table{
	table-layout:fixed;
	border-collapse:collapse;
	border:1px solid #7b8caa;
	background-color:#fff;
}

.date_base table th{
	padding:5px;
	vertical-align:top;
	background: transparent url("/pg_info/detail/img/content_date_base_th.gif") repeat-x;
	background-color:#bac6dc;
	font-weight:normal;
	border:1px solid #7b8caa;
	text-align:left;
}

.date_base table .bg{
	background-color:#dee6f0;
}

.date_base table td{
	padding:5px;
	vertical-align:top;
}

/* リンクカラー */
#detail_intro .date_base table td a,
#detail_content .date_base table td a{
	color:#000;
}

/* セルの右側の罫線 */
.date_base table .bd_right{
	border-right:1px solid #7b8caa;
}

.date_base table .padding_no{
	padding:0;
}

/* セルの横幅 */
.date_base table .width100{width:100px;}
.date_base table .width200{width:200px;}
.date_base table .width300{width:300px;}


/* 表組セルオンマウス */
.date_base table .onbg{
	background-color:#ffc;
	background-image:none;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】共通タイトル
---------------------------------------------------------------------------- */

/* 共通タイトル */
.date_base .story dt,
.date_base .playtitle dt,
.date_base .place dt,
.date_base .prize dt,
.date_base .related_info dt{
	width:727px;
	height:23px;
	padding:7px 10px 0px;
	margin-bottom:10px;
	background: transparent url("/pg_info/detail/img/content_date_base_title_bg.gif") no-repeat;
	font-weight:bold;
	color:#fff;
	line-height:120%;
}

/* ----------------------------------------------------------------------------
　【詳しい内容】関連情報
---------------------------------------------------------------------------- */

.date_base .related_info{
	width:747px;
	margin-bottom:20px;
}

.date_base .related_info dd{
	line-height:180%;
	padding:0 2px;
	width:743px;
}



/* ----------------------------------------------------------------------------
　【詳しい内容】受賞歴
---------------------------------------------------------------------------- */
.date_base .prize{
	width:747px;
	margin-bottom:20px;
}
.date_base .prize dd{
	width:747px;
}

/* ----------------------------------------------------------------------------
　【詳しい内容】演目
---------------------------------------------------------------------------- */

.date_base .playtitle{
	width:747px;
	margin-bottom:20px;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】収録日・場所
---------------------------------------------------------------------------- */

.date_base .place{
	width:747px;
	margin-bottom:20px;
}
.date_base .place dd{
	width:747px;
}

.date_base .place dd span{
	display:none;
}

/* 収録日・場所表組スタイル */
.date_base .place table{
	width:100%;
}
.date_base .place table td{
	border-right:1px solid #7b8caa;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】対戦カード
---------------------------------------------------------------------------- */

.date_base .card{
	width:100%;
	margin-bottom:20px;
}
.date_base .card dt{
	font-weight:bold;
	line-height:110%;
	margin-bottom:10px;
	padding-left:12px;
	background: transparent url("/pg_info/detail/img/content_date_base_box_title.gif") no-repeat;
}

/* 放送カード表組スタイル */
.date_base .card table{
	width:100%;
}
.date_base .card table tr{
	border-bottom:1px solid #7b8caa;
}


/* ----------------------------------------------------------------------------
　【詳しい内容】楽曲情報
---------------------------------------------------------------------------- */

.date_base .music{
	width:100%;
	margin-bottom:20px;
}
.date_base .music dt{
	font-weight:bold;
	line-height:110%;
	margin-bottom:10px;
	padding-left:12px;
	background: transparent url("/pg_info/detail/img/content_date_base_box_title.gif") no-repeat;
}

/* 放送カード表組スタイル */
.date_base .music table{
	width:100%;
}
.date_base .music table tr{
	border-bottom:1px solid #7b8caa;
}
.date_base .music table td table{
	border:none;
}
.date_base .music table tr td table{
	padding:0;
	border:none;
}
.date_base .music table tr td table tr{
	border:none;
}
/*20121024 add start*/
.date_base .music .music_table1{
	margin-bottom:10px;
}
/*20121024 add end*/

/* ----------------------------------------------------------------------------
　【詳しい内容】出演
---------------------------------------------------------------------------- */

.date_base .cast{
	width:100%;
	margin-bottom:20px;
}
.date_base .cast dt{
	font-weight:bold;
	line-height:110%;
	margin-bottom:10px;
	padding-left:12px;
	background: transparent url("/pg_info/detail/img/content_date_base_box_title.gif") no-repeat;
}

/* 出演表組スタイル1 */
.date_base .cast .cast_table1{
	width:100%;
	margin-bottom:10px; /* 20121024 add */
}
.date_base .cast .cast_table1 td{
	border-right:1px solid #7b8caa;
}

/* 出演表組スタイル2 */
.date_base .cast .cast_table2{
	width:100%;
	margin-bottom:10px; /* 20121024 add */
}

.date_base .cast .cast_table2 tr th{
	width:100px;
}

.date_base .cast .cast_table2 tr td{
	border-bottom:1px solid #7b8caa;
}



/* ----------------------------------------------------------------------------
　【詳しい内容】スタッフ
---------------------------------------------------------------------------- */

.date_base .staff{
	width:100%;
	margin-bottom:20px;
}
.date_base .staff dt{
	font-weight:bold;
	line-height:110%;
	margin-bottom:10px;
	padding-left:12px;
	background: transparent url("/pg_info/detail/img/content_date_base_box_title.gif") no-repeat;
}

/* 出演表組スタイル */
.date_base .staff table{
	width:100%;
	margin-bottom:10px; /* 20121024 add */
}
.date_base .staff table tr{
	border-bottom:1px solid #7b8caa;
}
.date_base .staff table tr th{
	width:100px;
}



/* ----------------------------------------------------------------------------
　【詳しい内容】特集・関連番組があった場合は表組のレイアウト変更
---------------------------------------------------------------------------- */
#detail_content .date_base_half{
	width:558px;
	float:left;
}

/* 共通タイトル */
.date_base_half .story dt,
.date_base_half .playtitle dt,
.date_base_half .place dt,
.date_base_half .prize dt,
.date_base_half .related_info dt{
	width:538px;
	height:23px;
	padding:7px 10px 0px;
	margin-bottom:10px;
	background: transparent url("/pg_info/detail/img/intro_title_bg.gif") no-repeat;
	font-weight:bold;
	color:#fff;
	line-height:120%;
}


/* 関連情報 */
.date_base_half .related_info{
	width:558px;
}
.date_base_half .related_info dd{
	padding:0 2px;
	width:554px;
}

/* 受賞歴 */
.date_base_half .prize{
	width:558px;
}
.date_base_half .prize dd{
	width:558px;
}

/* 演目 */
.date_base_half .playtitle{
	width:558px;
}

/* 収録日・場所 */
.date_base_half .place{
	width:558px;
}
.date_base_half .place dd{
	width:558px;
}


/* =================================================================================================

　放送スケジュール

================================================================================================= */

/* ----------------------------------------------------------------------------
　【番組紹介】放送告知1
---------------------------------------------------------------------------- */

#detail_schedule .info01{
	color:#ff0103;
	margin-bottom:12px;
}


/* ----------------------------------------------------------------------------
　【放送スケジュール】インジケーター
---------------------------------------------------------------------------- */
#detail_schedule .indicator{
	position:relative;
}

#detail_schedule .my_error{
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
	background-color:#000;
}

/* ----------------------------------------------------------------------------
　【放送スケジュール】インジケーター／チェックした番組を登録ボタン
---------------------------------------------------------------------------- */

#detail_schedule .regist_my_box{
	width:430px;
	padding:0 0 5px 0;
	float:left;
}

/* チェックした番組を登録ボタン */
#detail_schedule .regist_my_box .regist_my_btn{
	width:170px;
	height:36px;
	text-indent:-9999px;
	margin-right:15px;
	float:left;
}
#detail_schedule .regist_my_box .regist_my_btn .submit{
	width:170px;
	height:36px;
	display:block;
	outline:0;
	visibility: hidden;
}

#detail_schedule .regist_my_box .regist_my_btn{
	background: transparent url("/pg_info/detail/img/schedule_regist_my_btn_off.jpg") no-repeat;
}

#detail_schedule .regist_my_box .check_first{
	display:none;
}

/* 初回放送分のみチェック・全ての放送スケジュールにチェック */
#detail_schedule .regist_my_box ul{
	float:left;
	width:235px;
}

#detail_schedule .regist_my_box li{
	float:left;
	width:244px;
	font-size:12px;
	line-height:120%;
	margin-bottom:6px;
}

#detail_schedule .regist_my_box .lastItem{
	margin-bottom:0px;
}

#detail_schedule .regist_my_box li a{
	display:block;
	outline:0;
	background: transparent url("/pg_info/detail/img/schedule_regist_my_check.jpg") no-repeat;
	color:#D80182;
	height:14px;
	padding:1px 0 0 20px;
}

#detail_schedule .regist_my_box li .on{
	display:block;
	outline:0;
	background: transparent url("/pg_info/detail/img/schedule_regist_my_check_on.jpg") no-repeat;
}



/* ----------------------------------------------------------------------------
　【放送スケジュール】インジケーター／ページング
---------------------------------------------------------------------------- */

#detail_schedule .pageLink {
	float:right;
	margin-bottom:15px;
}

#detail_schedule .pageLink li{
	font-weight:bold;
	text-align:center;
	margin-left:5px;
	float:left;
	width:20px;
	height:20px;
	line-height:110%;
}

/* ページリンク */
#detail_schedule .pageLink li.no a {
	width:18px;
	height:15px;
	display:block;
	padding-top:3px;
	color:#AEDCFD;
	border:1px solid #182943;
	background-color:#182943;
	text-decoration:none;
}
#detail_schedule .pageLink li.no a:hover {
	border:1px solid #192943;
	background-color:#ADDEFE;
	color:#192943;
}

/* NEXT・BACK */
#detail_schedule .pageLink .back a,
#detail_schedule .pageLink .next a{
	width:20px;
	height:20px;
	display:block;
	outline:0;
	text-indent:-9999px;
}
#detail_schedule .pageLink .back a{
	background: transparent url("/pg_info/detail/img/schedule_table_pagelink_back.jpg") no-repeat;
}
#detail_schedule .pageLink .back a:hover{
	background: transparent url("/pg_info/detail/img/schedule_table_pagelink_back_on.jpg") no-repeat;
}
#detail_schedule .pageLink .next a{
	background: transparent url("/pg_info/detail/img/schedule_table_pagelink_next.jpg") no-repeat;
}
#detail_schedule .pageLink .next a:hover{
	background: transparent url("/pg_info/detail/img/schedule_table_pagelink_next_on.jpg") no-repeat;
}

/* 現在ページ */
#detail_schedule .pageLink li .nolink {
	width:18px;
	display:block;
	height:15px;
	border:1px solid #192943;
	background-color:#ADDEFE;
	color:#192943;
	padding-top:3px;
}

#detail_schedule .indicator_cap{
	color:#9a9a9a;
	text-align:right;
	position:absolute;
	bottom:0px;
	right:0px;
}


/* ----------------------------------------------------------------------------
　【放送スケジュール】表組
---------------------------------------------------------------------------- */

#detail_schedule form{
	padding-bottom:35px;
}

/* 表組 */
#detail_schedule .onair_table {
	border-collapse: collapse;
	table-layout:fixed;
	width:745px;
	margin:10px 0;
}

/* 項目名 */
#detail_schedule .onair_table th {
	text-align: center;
	border-right:1px solid #525F6F;
	vertical-align:top;
	height:51px;
}

#detail_schedule .onair_table th a {
	color:#fff;
	text-decoration:none;
}

/* マイ番組登録状況 */
#detail_schedule .onair_table th.my_check {
	width:59px;
	background: transparent url("/pg_info/detail/img/schedule_table_my_check.jpg") no-repeat;
	color:#FFF;
	text-align:center;
}
#detail_schedule .onair_table th.my_check span {
	display:block;
	padding-top:10px;
}

/* 放送日時 */
#detail_schedule .onair_table th.date{
	width:154px;
	background: transparent url("/pg_info/detail/img/schedule_table_th_bg.jpg") no-repeat;
	color:#FFF;
	text-align:center;
}
#detail_schedule .onair_table th.date span {
	display:block;
	padding-top:5px;
}

/* ch */
#detail_schedule .onair_table th.ch {
	width:110px;
	background: transparent url("/pg_info/detail/img/schedule_table_th_bg.jpg") no-repeat;
	color:#FFF;
	text-align:center;
}
#detail_schedule .onair_table th.ch span {
	display:block;
	padding-top:5px;
}

/* タイトル */
#detail_schedule .onair_table th.onair_title {
	width:257px;
	background: transparent url("/pg_info/detail/img/schedule_table_th_bg.jpg") no-repeat;
	color:#FFF;
	text-align:center;
}
#detail_schedule .onair_table th.onair_title span {
	display:block;
	padding-top:17px;
}

/* 初回 */
#detail_schedule .onair_table th.first{
	width:40px;
	background: transparent url("/pg_info/detail/img/schedule_table_th_bg.jpg") no-repeat;
	color:#FFF;
	text-align:center;
}
#detail_schedule .onair_table th.first span {
	display:block;
	padding-top:5px;
}

/* 言語 */
#detail_schedule .onair_table th.lang{
	width:73px;
	background: transparent url("/pg_info/detail/img/schedule_table_th_bg.jpg") no-repeat;
	color:#FFF;
	text-align:center;
}
#detail_schedule .onair_table th.lang span {
	display:block;
	padding-top:5px;
}

/* 無料 */
#detail_schedule .onair_table th.free{
	width:45px;
	background: transparent url("/pg_info/detail/img/schedule_table_free.jpg") no-repeat right top;
	color:#FFF;
	text-align:center;
	border:none;
}
#detail_schedule .onair_table th.free span {
	display:block;
	padding-top:5px;
}

/* 標準セル */
#detail_schedule .onair_table td {
	border:1px solid #8484A6;
	text-align: center;
	background-color: #fff;
	padding:15px 5px;
}

/* マイ番組登録状況（td） */
#detail_schedule .onair_table tr .td_my_check{
	border-left:none;
	background: transparent url("/pg_info/detail/img/schedule_table_border.gif") repeat-y left top;
}

/* 無料（td） */
#detail_schedule .onair_table tr .td_free{
	border-right:none;
	background: transparent url("/pg_info/detail/img/schedule_table_border.gif") repeat-y right top;
}

/* 初回放送セル */
#detail_schedule .onair_table tr .my_bg{
	background-color:#ffecfd;
}


/* td 左揃えのもの */
#detail_schedule .onair_table .td_date,
#detail_schedule .onair_table .td_title {
	text-align: left;
}

#detail_schedule .onair_table .td_date img{
	position:relative;
	top:2px;
	margin-left:3px;
}

/* タイトル（td） */
#detail_schedule .onair_table .td_title {
	font-weight:bold;
	color:#333;
}
#detail_schedule .onair_table .td_title a{
	color:#333;
}


#detail_schedule .onair_table .td_ch img {
	margin-bottom:5px;
}


/* チェックボックス */
#detail_schedule .onair_table td label{
	width:19px;
	height:19px;
	margin:0 auto;
	display:block;
	background: transparent url("/pg_info/detail/img/schedule_table_check.jpg") no-repeat;
}
#detail_schedule .onair_table td .on {
	background: transparent url("/pg_info/detail/img/schedule_table_check_on.jpg") no-repeat;
}
#detail_schedule .onair_table td input{
	position:absolute;
	left:-9999px;
}


/* チェック済 */
#detail_schedule .onair_table td .checked{
	color:#ec26b7;
	font-weight:bold;
}


/* キャプション */
#detail_schedule .cap01{
	margin-top:20px;
}

#detail_schedule .cap02{
	margin-top:5px;
}
#detail_schedule .cap02 a{
	color:#D70081;
}

#detail_schedule .cap03{
	background: transparent url("/pg_info/detail/img/schedule_cap03_icon.gif") no-repeat;
	margin-top:14px;
	padding:3px 0 0 45px;
	height:16px;
	line-height:110%;
}


/* ----------------------------------------------------------------------------
　【放送スケジュール】ソートアイコン
---------------------------------------------------------------------------- */
#detail_schedule .onair_table th .soat{
	margin-top:2px;
}

#detail_schedule .onair_table th .soat01{
	width:25px;
	margin:0 auto;
}

#detail_schedule .onair_table th .soat02{
	width:52px;
	margin:0 auto;
}
#detail_schedule .onair_table th .soat02 li{
	float:left;
}
#detail_schedule .onair_table th .soat02 .up{
	margin-right:2px;
}


#detail_schedule .onair_table th .soat01 .up,
#detail_schedule .onair_table th .soat02 .up,
#detail_schedule .onair_table th .soat01 .down,
#detail_schedule .onair_table th .soat02 .down{
	width:25px;
	height:19px;
	text-indent:-9999px;
}

#detail_schedule .onair_table th .soat01 .up a,
#detail_schedule .onair_table th .soat02 .up a,
#detail_schedule .onair_table th .soat01 .down a,
#detail_schedule .onair_table th .soat02 .down a{
	width:25px;
	height:19px;
	outline:0;
	display:block;
}



#detail_schedule .onair_table th .soat01 .up,
#detail_schedule .onair_table th .soat02 .up,
#detail_schedule .onair_table th .soat01 .up a,
#detail_schedule .onair_table th .soat02 .up a{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_up.jpg") no-repeat;
}
#detail_schedule .onair_table th .soat01 .up a:hover,
#detail_schedule .onair_table th .soat02 .up a:hover{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_up_on.jpg") no-repeat;
}
#detail_schedule .onair_table th .soat01 .up .select,
#detail_schedule .onair_table th .soat02 .up .select{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_up_select.jpg") no-repeat;
}
#detail_schedule .onair_table th .soat01 .up .select:hover,
#detail_schedule .onair_table th .soat02 .up .select:hover{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_up_select_on.jpg") no-repeat;
}


#detail_schedule .onair_table th .soat01 .down,
#detail_schedule .onair_table th .soat02 .down,
#detail_schedule .onair_table th .soat01 .down a,
#detail_schedule .onair_table th .soat02 .down a{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_down.jpg") no-repeat;
}
#detail_schedule .onair_table th .soat01 .down a:hover,
#detail_schedule .onair_table th .soat02 .down a:hover{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_down_on.jpg") no-repeat;
}
#detail_schedule .onair_table th .soat01 .down .select,
#detail_schedule .onair_table th .soat02 .down .select{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_down_select.jpg") no-repeat;
}
#detail_schedule .onair_table th .soat01 .down .select:hover,
#detail_schedule .onair_table th .soat02 .down .select:hover{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_down_select_on.jpg") no-repeat;
}


/* チャンネルプルダウン */
#detail_schedule .onair_table .ch_down{
	font-size:10px;
	line-height:120%;
	width:97px;
	height:19px;
	background: transparent url("/pg_info/detail/img/schedule_table_soat_ch.jpg") no-repeat;
	position:relative;
	margin:0 auto;
	text-align:left;
	cursor:pointer;
}
#detail_schedule .onair_table .ch_down_on{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_ch_on.jpg") no-repeat;
}
#detail_schedule .onair_table .ch_down_select{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_ch_select.jpg") no-repeat;
}
#detail_schedule .onair_table .ch_down_select:hover{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_ch_select_on.jpg") no-repeat;
}


#detail_schedule .onair_table .ch_down p{
	padding:3px 0 0 5px;
}

#detail_schedule .onair_table .ch_down ul{
	width:97px;
	padding:0px 4px 4px;
	display:none;
	z-index:100;
	position:absolute;
	top:19px;
	left:-4px;
	background: transparent url("/pg_info/detail/img/schedule_table_soat_ch_pulldown.png") no-repeat left bottom;
}

#detail_schedule .onair_table .ch_down ul li a{
	display:block;
	padding:3px;
	color:#000;
	outline:0;
}

#detail_schedule .onair_table .ch_down ul li a:hover,
#detail_schedule .onair_table .ch_down ul li .on{
	background-color:#287eff;
	color:#fff;
}


/* 言語プルダウン */
#detail_schedule .onair_table .lang_down{
	font-size:10px;
	line-height:120%;
	width:62px;
	height:19px;
	background: transparent url("/pg_info/detail/img/schedule_table_soat_lang.jpg") no-repeat;
	position:relative;
	margin:0 auto;
	text-align:left;
	cursor:pointer;
}
#detail_schedule .onair_table .lang_down_on{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_lang_on.jpg") no-repeat;
}
#detail_schedule .onair_table .lang_down_select{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_lang_select.jpg") no-repeat;
}
#detail_schedule .onair_table .lang_down_select:hover{
	background: transparent url("/pg_info/detail/img/schedule_table_soat_lang_select_on.jpg") no-repeat;
}

#detail_schedule .onair_table .lang_down p{
	padding:3px 0 0 5px;
}

#detail_schedule .onair_table .lang_down ul{
	width:62px;
	padding:0px 4px 4px;
	display:none;
	z-index:100;
	position:absolute;
	top:19px;
	left:-4px;
	background: transparent url("/pg_info/detail/img/schedule_table_soat_lang_pulldpwn.png") no-repeat left bottom;
}

#detail_schedule .onair_table .lang_down ul li a{
	display:block;
	padding:3px;
	color:#000;
	outline:0;
}

#detail_schedule .onair_table .lang_down ul li a:hover,
#detail_schedule .onair_table .lang_down ul li .on{
	background-color:#287eff;
	color:#fff;
}



/* ----------------------------------------------------------------------------
　【放送スケジュール】マイ番組登録エラー画面
---------------------------------------------------------------------------- */

#my_error_wrapper{
	text-align:center;
	width:400px;
	margin:0 auto;
	padding-top:70px;
}

#my_error_wrapper .my_error_close{
	text-align:right;
}


/* =================================================================================================

　みんなの声

================================================================================================= */

/* ----------------------------------------------------------------------------
　レビュー一覧
---------------------------------------------------------------------------- */

#detail_voice .review_list{
	background-color:#5c5c5c;
	padding:13px 15px 13px;
}
#detail_voice .review_list h3{
	width:715px;
	height:38px;
	margin-bottom:10px;
	background: transparent url("/pg_info/detail/img/voice_review_list_title.jpg") no-repeat;
}
#detail_voice .review_list h3 .title{
	display:none;
}
#detail_voice .review_list h3 .number{
	text-align:right;
	display:block;
	color:#333;
	padding:12px 20px 0 0;
	line-height:120%;
}


/* ----------------------------------------------------------------------------
　レビュー一覧／各レビュー
---------------------------------------------------------------------------- */

#detail_voice .review_list #review_scroll{
	width:715px;
	height:285px;
	overflow-y: scroll;
	overflow:auto;
}


#detail_voice .review_list dl{
	width:687px;
	margin-bottom:5px;
	background: transparent url("/pg_info/detail/img/voice_review_list_bg.gif") repeat-y;
}

#detail_voice .review_list dl dt{
	width:657px;
	padding:10px 15px 0;
	background: transparent url("/pg_info/detail/img/voice_review_list_head.jpg") no-repeat;
}

#detail_voice .review_list dl dt .title_box{
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
}

#detail_voice .review_list dl .copy{
	padding:10px 15px 15px;
	background: transparent url("/pg_info/detail/img/voice_review_list_foot.gif") no-repeat left bottom;
}

#detail_voice .review_list dl .open p{
	padding:10px 15px;
}

/* 本文を見る */
#detail_voice .review_list dl .open .open_btn{
	width:687px;
	height:19px;
	padding-top:6px;
	line-height:120%;
	text-align:center;
	cursor:pointer;
	text-decoration:underline;
	background: transparent url("/pg_info/detail/img/voice_review_list_open.jpg") no-repeat;
}


/* 投稿タイトル */
#detail_voice .review_list dl dt .title_box .title{
	width:280px;
	float:left;
	font-weight:bold;
}


#detail_voice .review_list .netabare dt .title_box .title{
	width:230px;
	padding-left:50px;
	background: transparent url("/pg_info/detail/img/voice_review_netabare_icon.jpg") no-repeat left 3px;
}


/* 星評価 */
#detail_voice .review_list dl dt .title_box .star1,
#detail_voice .review_list dl dt .title_box .star2,
#detail_voice .review_list dl dt .title_box .star3,
#detail_voice .review_list dl dt .title_box .star4,
#detail_voice .review_list dl dt .title_box .star5{
	width:100px;
	height:14px;
	text-indent:-9999px;
	display:block;
	float:left;
	padding-top:2px;
	margin-left:10px;
}
#detail_voice .review_list dl dt .title_box .star1{
	background: transparent url("/pg_info/detail/img/voice_review_list_star1.gif") no-repeat 0 2px;
}
#detail_voice .review_list dl dt .title_box .star2{
	background: transparent url("/pg_info/detail/img/voice_review_list_star2.gif") no-repeat 0 2px;
}
#detail_voice .review_list dl dt .title_box .star3{
	background: transparent url("/pg_info/detail/img/voice_review_list_star3.gif") no-repeat 0 2px;
}
#detail_voice .review_list dl dt .title_box .star4{
	background: transparent url("/pg_info/detail/img/voice_review_list_star4.gif") no-repeat 0 2px;
}
#detail_voice .review_list dl dt .title_box .star5{
	background: transparent url("/pg_info/detail/img/voice_review_list_star5.gif") no-repeat 0 2px;
}

/* ユーザ名 */
#detail_voice .review_list dl dt .title_box .user{
	width:150px;
	float:left;
	color:#005FAE;
	padding-top:2px;
}

/* 投稿日 */
#detail_voice .review_list dl dt .title_box .date{
	width:110px;
	float:right;
	color:#666;
	text-align:right;
	padding-top:2px;
}

/* 拍手する */
#detail_voice .review_list dl dd .clap{
	width:105px;
	padding:2px 0;
	font-weight:bold;
	margin-top:10px;
	background: transparent url("/pg_info/detail/img/voice_review_list_clap.jpg") no-repeat right center;
}
#detail_voice .review_list dl dd .clap a{
	color:#000;
}

/* その他番組のレビューもチェック */
#detail_voice .review_list .cap{
	text-align:right;
	color:#fff;
	padding-top:15px;
}

#detail_voice .review_list .cap a{
	color:#fff;
}

/* レビュー終了 */
#detail_voice .review_list_attention{
	padding:10px;
}
#detail_voice .review_list_attention a{
}



/* ----------------------------------------------------------------------------
　レビュー投稿フォーム
---------------------------------------------------------------------------- */
#detail_voice .review_form{
	width:747px;
	margin-top:13px;
}
#detail_voice .review_form h3{

	width:747px;
	height:33px;
	text-indent:-9999px;
	background: transparent url("/pg_info/detail/img/voice_review_form_title.jpg") no-repeat;
}
#detail_voice .review_form .review_form_body{
	width:669px;
	border:1px solid #BADCFF;
	background-color:#DEEFFF;
	padding:15px 38px 20px
}

#detail_voice .review_form .review_form_body .lead{
	margin-bottom:15px;
}

#detail_voice .review_form .review_form_body .lead p{
	width:524px;
	float:left;
}

#detail_voice .review_form .review_form_body .lead p strong{
	font-weight:normal;
	color:#fc0000;
	margin-top:5px;
}

/* ログインはこちら */
#detail_voice .review_form .review_form_body .lead p a{
	position:relative;
	top:7px;
}

/* レビュー投稿ガイドライン */
#detail_voice .review_form .review_form_body .lead .guideline{
	width:145px;
	height:59px;
	float:right;
	text-indent:-9999px;
}
#detail_voice .review_form .review_form_body .lead .guideline a{
	width:145px;
	height:59px;
	display:block;
	outline:0;
}
#detail_voice .review_form .review_form_body .lead .guideline,
#detail_voice .review_form .review_form_body .lead .guideline a{
	background: transparent url("/pg_info/detail/img/voice_review_form_guideline.jpg") no-repeat;
}
#detail_voice .review_form .review_form_body .lead .guideline a:hover{
	background: transparent url("/pg_info/detail/img/voice_review_form_guideline_on.jpg") no-repeat;
}



/* タイトル */
#detail_voice .review_form .review_form_body .form_title{
	width:669px;
	margin-bottom:7px;
}
#detail_voice .review_form .review_form_body .form_title dt{
	width:98px;
	height:18px;
	padding:8px 0 0 8px;
	border:1px solid #a2a2a2;
	background-color:#f4f4f4;
	float:left;
}
#detail_voice .review_form .review_form_body .form_title dd{
	width:560px;
	height:26px;
	border:1px solid #a2a2a2;
	border-left:none;
	background-color:#fff;

	float:left;
}
#detail_voice .review_form .review_form_body .form_title dd input{
	width:550px;
	height:14px;
	padding:5px;
	border:none;
	background:none;
}

/* 本文 */
#detail_voice .review_form .review_form_body .form_copy{
	width:669px;
	margin-bottom:7px;
}
#detail_voice .review_form .review_form_body .form_copy dt{
	width:98px;
	height:111px;
	padding:8px 0 0 8px;
	border:1px solid #a2a2a2;
	background-color:#f4f4f4;
	float:left;
	position:relative;
}

#detail_voice .review_form .review_form_body .form_copy dt .cap{
	color:#7a7a7a;
	display:block;
	margin-top:5px;
}

#detail_voice .review_form .review_form_body .form_copy dt .netabare_check{
	display:block;
	width:64px;
	margin-top:55px;
	background: transparent url("/pg_info/detail/img/voice_review_netabare_icon.jpg") no-repeat top right;
	position:absolute;
	left:8px;
	bottom:8px;
}



#detail_voice .review_form .review_form_body .form_copy dd{
	width:560px;
	height:119px;
	border:1px solid #a2a2a2;
	border-left:none;
	background-color:#fff;
	float:left;
}
#detail_voice .review_form .review_form_body .form_copy dd textarea{
	width:550px;
	height:107px;
	padding:5px;
	border:none;
	background:none;
}

/* 番組の評価 */
#detail_voice .review_form .review_form_body .form_star{
	width:334px;
	float:left;
}
#detail_voice .review_form .review_form_body .form_star dt{
	width:98px;
	height:52px;
	padding:8px 0 0 8px;
	border:1px solid #a2a2a2;
	background-color:#f4f4f4;
	float:left;
}
#detail_voice .review_form .review_form_body .form_star dd{
	width:215px;
	height:47px;
	padding:13px 0 0 10px;
	border:1px solid #a2a2a2;
	border-left:none;
	background-color:#fff;
	float:left;
}

/* 悪い・良い */
#detail_voice .review_form .review_form_body .form_star dd .star_guide{
	width:190px;
	padding-top:5px;
	padding-left:8px;
	color:#7a7a7a;
}
#detail_voice .review_form .review_form_body .form_star dd .star_guide .bad{
	float:left;
}
#detail_voice .review_form .review_form_body .form_star dd .star_guide .good{
	float:right;
	text-align:right;
}


/* 評価星 */
div.rating-cancel,div.star-rating{
	float:left;
	width:23px;
	height:21px;
	padding:0 9px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden;
}
div.rating-cancel,
div.rating-cancel a{
	background:url(/pg_info/detail/img/delete.gif) no-repeat center -21px;
}
div.star-rating,
div.star-rating a{
	background:url(/pg_info/detail/img/voice_review_form_star.gif) no-repeat center 0px;
}
div.rating-cancel a,
div.star-rating a{
	display:block;
	width:23px;
	height:100%;
	background-position:center 0px;
	border:0;
}
div.star-rating-on a{
	background-position:center -21px!important
}
div.star-rating-hover a{
	background-position:center -42px;
}
div.star-rating-readonly a{
	cursor:default !important
}
div.star-rating{
	background:transparent!important;
	overflow:hidden!important
}




/* こんな気分の時におすすめ */
#detail_voice .review_form .review_form_body .form_feeling{
	width:318px;
	height:52px;
	padding:8px 0 0 8px;
	border:1px solid #a2a2a2;
	background-color:#f4f4f4;
	float:right;
}

#detail_voice .review_form .review_form_body .form_feeling select{
	display:block;
	width:310px;
	margin-top:5px;
}

#detail_voice .review_form .review_form_body .submit_box{
	padding:20px 0 0 240px;
	margin-bottom:8px;
}

#detail_voice .review_form .review_form_body .submit_box input{
	float:left;
}

#detail_voice .review_form .review_form_body .submit_box .cap{
	color:#FE0002;
	float:left;
	margin-left:7px;
	padding-top:2px;
	width:200px;
}

#detail_voice .review_form .review_form_body .help{
	width:373px;
	height:36px;
	margin:0 auto;
	text-indent:-9999px;
	background: transparent url("/pg_info/detail/img/voice_review_form_submit_help.jpg") no-repeat;
}


/* ----------------------------------------------------------------------------
　レビュー投稿が完了しました
---------------------------------------------------------------------------- */
#detail_voice .review_finish{
	width:745px;
	margin-bottom:13px;
}
#detail_voice .review_finish h3{
	width:745px;
	height:32px;
	text-indent:-9999px;
	background: transparent url("/pg_info/detail/img/voice_review_finish_title.jpg") no-repeat;
}
#detail_voice .review_finish .review_finish_body{
	width:717px;
	border:1px solid #BADCFF;
	background-color:#DEEFFF;
	padding:15px 13px 15px
}

/* 番組紹介へ戻る */
#detail_voice .review_finish .review_finish_body .link_intro{
	text-align:center;
	margin-top:10px;
}
#detail_voice .review_finish .review_finish_body .link_intro a{
	color:#000;
}

#detail_voice .review_finish .review_finish_body .talk{
	width:717px;
	height:80px;
	margin-top:15px;
	padding-top:15px;
	background: transparent url("/pg_info/detail/img/voice_review_finish_talk_bg.jpg") no-repeat;
}

#detail_voice .review_finish .review_finish_body .talk h4{
	font-weight:bold;
	text-align:center;
	color:#0051A0;
	margin-bottom:8px;
}

/* WOWOWトーク／facebookにも投稿する */
#detail_voice .review_finish .review_finish_body .talk .talk_btn{
	width:355px;
	height:34px;
	text-indent:-9999px;
	margin:0 auto;
}
#detail_voice .review_finish .review_finish_body .talk .talk_btn a{
	width:355px;
	height:34px;
	display:block;
	outline:0;
}
#detail_voice .review_finish .review_finish_body .talk .talk_btn,
#detail_voice .review_finish .review_finish_body .talk .talk_btn a{
	background: transparent url("/pg_info/detail/img/voice_review_finish_talk_btn.jpg") no-repeat;
}
#detail_voice .review_finish .review_finish_body .talk .talk_btn a:hover{
	background: transparent url("/pg_info/detail/img/voice_review_finish_talk_btn_on.jpg") no-repeat;
}


/* ----------------------------------------------------------------------------
　Facebookへの投稿（ポップアップ）
---------------------------------------------------------------------------- */

#facebook_head{
	background: transparent url("/pg_info/detail/img/pop_facebook_head.jpg") repeat-x;
	height:30px;
	margin-bottom:6px;
}

#facebook_head_inner{
	width:645px;
	margin:0 auto;
}

#facebook_head .title{
	width:170px;
	padding:7px 0 0 0;
	float:left;
}

/* 閉じる */
#facebook_head .close{
	width:170px;
	float:right;
	padding-top:7px;
	text-align:right;
}
#facebook_head .close a{
	color:#fff;
	padding:0 18px 0 0;
	background: transparent url("/pg_info/detail/img/pop_facebook_head_close.jpg") no-repeat right center;
}

/* facebookプラグイン部分 */
#pop_facebook #facebook{
	width:641px;
	margin:0 auto;
	border:2px solid #5972AA;
	background: transparent url("/pg_info/detail/img/pop_facebook_bg_repeat.jpg") repeat-y;
	position:relative;
}
#pop_facebook #facebook_inner{
	padding:6px;
	background: transparent url("/pg_info/detail/img/pop_facebook_bg.jpg") no-repeat;
}
#pop_facebook .facebook_title{
	width:280px;
	height:53px;
	float:left;
	text-indent:-9999px;
	background: transparent url("/pg_info/detail/img/pop_facebook_title.jpg") no-repeat;
}

/* WOWOW公式facebookファンページ */
#pop_facebook .fanpage{
	width:235px;
	text-align:right;
	float:left;
	line-height:120%;
	padding-top:15px;
}
#pop_facebook .fanpage a{
	color:#000;
}

/* いいねボタン */
#pop_facebook .like{
	width:100px;
	position:absolute;
	top:20px;
	right:7px;
}


/* ----------------------------------------------------------------------------
　レビュー投稿のガイドライン（Thickbox）
---------------------------------------------------------------------------- */

#review_guideline{
	margin:0;
	padding:0;
	background:none;
	color:#3f3f3f;

}

#review_guideline .review_guideline_wrapper{
	width:655px;
	margin:0 auto;
	background-color:#fff;
	border:1px solid #fff;
}

#review_guideline .review_guideline_title{
	margin-bottom:12px;
	padding:7px 10px 0 14px;
	height:23px;
	background: transparent url("/pg_info/detail/img/review_guideline_head.jpg") repeat-x;
}

#review_guideline .review_guideline_title .title{
	width:75px;
	float:left;
}

#review_guideline .review_guideline_title .close{
	width:80px;
	float:right;
	text-align:right;
}

#review_guideline .review_guideline_title .close a{
	color:#fff;
	line-height:120%;
	padding-right:20px;
	background: transparent url("/pg_info/detail/img/review_guideline_head_close.jpg") no-repeat right center;
	outline:0;
}

#review_guideline .review_guideline_body{
	padding:0px 15px 15px;
}

#review_guideline .review_guideline_body p,
#review_guideline .review_guideline_body ul{
	margin-bottom:15px;
}

#review_guideline .review_guideline_body ul li{
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}

#review_guideline .review_guideline_body .lastItem{
	margin-bottom:0px;
}


/* =================================================================================================

　メルマガ登録

================================================================================================= */

/* メルマガタイトルボックス */
#detail_melmaga .melmaga_title{
	width:745px;
	height:90px;
	background: transparent url("/pg_info/detail/img/melmaga_title.jpg") no-repeat;
	margin-bottom:25px;
	position:relative;
}

/* タイトル（大） */
#detail_melmaga .melmaga_title .title{
	position:absolute;
	top:20px;
	left:140px;
	font-weight:bold;
	color:#fff;
}
/* タイトル（小） */
#detail_melmaga .melmaga_title .sub_title{
	position:absolute;
	top:50px;
	left:155px;
	font-weight:bold;
	color:#fff;
}

#detail_melmaga .melmaga_body{
	padding-bottom:30px;
}

/* メルマガ詳細（左部分） */
#detail_melmaga .resigt_box{
	width:407px;
	float:left;
}


/* ----------------------------------------------------------------------------
　ケータイ版・パソコン版共通スタイル
---------------------------------------------------------------------------- */

/* プラットフォーム */
#detail_melmaga .mobile .platform,
#detail_melmaga .pc .platform{
	display:none;
}

#detail_melmaga .mobile,
#detail_melmaga .pc{
	width:407px;
	margin-bottom:20px;
}

/* タイトルボックス */
#detail_melmaga .mobile dt,
#detail_melmaga .pc dt{
	width:217px;
	padding:12px 100px 10px 90px;
	font-weight:bold;
	position:relative;
}

/* タイトル */
#detail_melmaga .mobile dt .title{
	color:#fff;
	line-height:130%;
}
#detail_melmaga .pc dt .title{
	color:#fff;
	line-height:130%;
	padding:0px 0px 0px 50px;
}
#detail_melmaga .mobile dt .statas,
#detail_melmaga .pc dt .statas{
	color:#ffcccc;
	position:absolute;
	top:14px;
	right:10px;
	line-height:120%;
}

/* 中身 */
#detail_melmaga .mobile dd,
#detail_melmaga .pc dd{
	padding:12px;
}

/* フッタ */
#detail_melmaga .mobile .mobile_foot,
#detail_melmaga .pc .mobile_foot{
	width:407px;
	height:5px;
	padding:0;
	margin:0;
	border:none;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
}


/* ----------------------------------------------------------------------------
　ケータイ版メルマガの場合
---------------------------------------------------------------------------- */

/* タイトル */
#detail_melmaga .mobile dt{
	background: transparent url("/pg_info/detail/img/melmaga_moble_title_bg.jpg") no-repeat;
}

/* 中身 */
#detail_melmaga .mobile dd{
	border:1px solid #004e85;
	border-bottom:none;
	background-color:#dcf0fa;
}

/* テキスト自由入力欄 */
#detail_melmaga .mobile dd .copy{
	line-height:180%;
}

/* 登録方法 */
#detail_melmaga .mobile dd .toroku{
	margin-top:15px;
}

/* パソコンから、登録する */
#detail_melmaga .mobile .regist_pc{
	background: transparent url("/pg_info/detail/img/melmaga_moble_line.gif") no-repeat center top;
	margin-top:10px;
	padding-top:10px;
}
#detail_melmaga .mobile .regist_pc .copy{
	width:180px;
	float:left;
	font-weight:bold;
	background: transparent url("/pg_info/detail/img/melmaga_moble_icon.gif") no-repeat left 2px;
	padding:0px 0 1px 22px;
	color:#464646;
}

/* パソコンから、登録する／登録はこちら */
#detail_melmaga .mobile .regist_pc .btn{
	width:159px;
	height:40px;
	float:right;
	text-indent:-9999px;
}
#detail_melmaga .mobile .regist_pc .btn a{
	width:159px;
	height:40px;
	display:block;
	outline:0;
}
#detail_melmaga .mobile .regist_pc .btn,
#detail_melmaga .mobile .regist_pc .btn a{
	background: transparent url("/pg_info/detail/img/melmaga_btn.png") no-repeat;
}
#detail_melmaga .mobile .regist_pc .btn a:hover{
	background: transparent url("/pg_info/detail/img/melmaga_btn_on.png") no-repeat;
}


/* ケータイから、空メールを送信する */
#detail_melmaga .mobile .regist_mobile{
	background: transparent url("/pg_info/detail/img/melmaga_moble_line.gif") no-repeat center top;
	margin-top:15px;
	padding-top:15px;
}
#detail_melmaga .mobile .regist_mobile .copy{
	width:180px;
	float:left;
	font-weight:bold;
	background: transparent url("/pg_info/detail/img/melmaga_moble_icon.gif") no-repeat left 2px;
	padding:0px 0 1px 22px;
	color:#464646;
}


/* ケータイから、空メールを送信する／メールアドレス欄 */
#detail_melmaga .mobile .regist_mobile .regist_mobile01 .mail{
	width:155px;
	height:26px;
	padding-top:4px;
	text-align:center;
	float:right;
	font-weight:bold;
	background: transparent url("/pg_info/detail/img/melmaga_regist_mobile_mail.gif") no-repeat;
}

#detail_melmaga .mobile .regist_mobile .regist_mobile02{
	padding-left:22px;
	margin-top:20px;
}

#detail_melmaga .mobile .regist_mobile .regist_mobile02 .copy02{
	width:218px;
	float:left;
	color:#464646;
	font-weight:bold;
}

/* 右のQRコードを読み取る／QRコード */
#detail_melmaga .mobile .regist_mobile .regist_mobile02 .qr{
	width:130px;
	float:left;
}

/* フッタ */
#detail_melmaga .mobile .mobile_foot{
	background: transparent url("/pg_info/detail/img/melmaga_mobile_foot.gif") no-repeat left bottom;
}


/* ----------------------------------------------------------------------------
　ケータイ版メルマガ（サンプル選択時）
---------------------------------------------------------------------------- */

/* タイトル */
#detail_melmaga .mobile_on dt{
	background: transparent url("/pg_info/detail/img/melmaga_moble_on_title_bg.jpg") no-repeat;
}

/* ----------------------------------------------------------------------------
　パソコン版メルマガの場合
---------------------------------------------------------------------------- */

/* タイトル */
#detail_melmaga .pc dt{
	background: transparent url("/pg_info/detail/img/melmaga_pc_title_bg.jpg") no-repeat;
}

/* 中身 */
#detail_melmaga .pc dd{
	border:1px solid #006d69;
	border-bottom:none;
	background-color:#f9fff7;
}

#detail_melmaga .pc dd .copy_box .copy{
	width:210px;
	float:left;
	font-size:12px;
	line-height:180%;
}

/* メールマガジンサンプル */
#detail_melmaga .pc dd .copy_box .btn_sample{
	width:159px;
	height:57px;
	float:right;
	text-indent:-9999px;
}
#detail_melmaga .pc dd .copy_box .btn_sample a{
	width:159px;
	height:57px;
	display:block;
	outline:0;
}
#detail_melmaga .pc dd .copy_box .btn_sample,
#detail_melmaga .pc dd .copy_box .btn_sample a{
	background: transparent url("/pg_info/detail/img/melmaga_pc_sample.png") no-repeat;
}
#detail_melmaga .pc dd .copy_box .btn_sample a:hover{
	background: transparent url("/pg_info/detail/img/melmaga_pc_sample_on.png") no-repeat;
}


/* 登録方法 */
#detail_melmaga .pc dd .toroku{
	margin-top:15px;
}

/* パソコンから、登録する */
#detail_melmaga .pc .regist_pc{
	background: transparent url("/pg_info/detail/img/melmaga_moble_line.gif") repeat-x;
	margin-top:10px;
	padding-top:10px;
}
#detail_melmaga .pc .regist_pc .copy{
	width:200px;
	float:left;
	font-weight:bold;
	background: transparent url("/pg_info/detail/img/melmaga_moble_icon.gif") no-repeat left 1px;
	padding:0px 0 1px 22px;
	color:#464646;
}

/* パソコンから、登録する／登録はこちら */
#detail_melmaga .pc .regist_pc .btn{
	width:159px;
	height:40px;
	float:left;
	text-indent:-9999px;
}
#detail_melmaga .pc .regist_pc .btn a{
	width:159px;
	height:40px;
	display:block;
	outline:0;
}
#detail_melmaga .pc .regist_pc .btn,
#detail_melmaga .pc .regist_pc .btn a{
	background: transparent url("/pg_info/detail/img/melmaga_btn.png") no-repeat;
}
#detail_melmaga .pc .regist_pc .btn a:hover{
	background: transparent url("/pg_info/detail/img/melmaga_btn_on.png") no-repeat;
}

/* フッタ */
#detail_melmaga .pc .mobile_foot{
	background: transparent url("/pg_info/detail/img/melmaga_pc_foot.gif") no-repeat left bottom;
}


/* ----------------------------------------------------------------------------
　パソコン版メルマガの場合（横いっぱいパターン）
---------------------------------------------------------------------------- */

#detail_melmaga .pc_long{
	width:745px;
}
#detail_melmaga .pc_long dt{
	width:555px;
	background: transparent url("/pg_info/detail/img/melmaga_pc_long_title_bg.jpg") no-repeat;
}
#detail_melmaga .pc_long dd .copy_box .copy{
	width:520px;
}
#detail_melmaga .pc_long .mobile_foot{
	width:745px;
	background: transparent url("/pg_info/detail/img/melmaga_pc_long_foot.gif") no-repeat left bottom;
}


/* ----------------------------------------------------------------------------
　キャプション等
---------------------------------------------------------------------------- */

#detail_melmaga .cap{
	margin-bottom:10px;
}

/* オンラインID登録／登録ボタン */
#detail_melmaga .online_btn{
	margin-bottom:20px;
}
#detail_melmaga .online_btn a{
	width:147px;
	height:27px;
	float:right;
	outline:0;
	display:block;
	text-indent:-9999px;
}
#detail_melmaga .online_btn a{
	background: transparent url("/pg_info/detail/img/melmaga_online_regist_btn.jpg") no-repeat;
}
#detail_melmaga .online_btn a:hover{
	background: transparent url("/pg_info/detail/img/melmaga_online_regist_btn_on.jpg") no-repeat;
}

/* メールマガジン一覧 */
#detail_melmaga .melmaga_list a{
	color:#333;
	font-weight:bold;
	background: transparent url("/pg_info/detail/img/melmaga_melmaga_list.gif") no-repeat left center;
	padding-left:8px;
}


/* ----------------------------------------------------------------------------
　メルマガサンプル（右部分）
---------------------------------------------------------------------------- */

#detail_melmaga .sample_box{
	width:317px;
	height:555px;
	float:right;
	background: transparent url("/pg_info/detail/img/melmaga_sample_box.jpg") no-repeat;
	position:relative;
}
#detail_melmaga #scroll_box{
	width:255px;
	height:411px;
	position:absolute;
	top:69px;
	left:31px;
}
#detail_melmaga #scroll2{
	width:235px;
	height:391px;
	padding:10px;
	background-color:#fff;
	overflow-y: scroll;
	overflow:auto;
	position:absolute;
	color:#333;
}
#detail_melmaga .sample_box .title{
	width:317px;
	text-align:center;
	font-weight:bold;
	position:absolute;
	bottom:6px;
	color:#333;
}
#detail_melmaga .sample_box .mobile_sample{
	display:none;
}


/* ----------------------------------------------------------------------------
　メルマガサンプル切替リスト（右部分）
---------------------------------------------------------------------------- */

#detail_melmaga #mobile_sample_list{
	height:14px;
	position:absolute;
	top:495px;
	text-align:center;
	width:100%;
	z-index:2;
}

#detail_melmaga #mobile_sample_list li{
	display:inline-block;
	/display: inline;
	/zoom: 1;
	width:14px;
	height:14px;
	margin:0 5px;
	cursor:pointer;
	text-align:center;
	background: transparent url("/pg_info/detail/img/melmaga_sample_box_list.gif") no-repeat;
	position:relative;
}

/* 選択状態 */
#detail_melmaga #mobile_sample_list .on{
	background: transparent url("/pg_info/detail/img/melmaga_sample_box_list_on.gif") no-repeat;
}

/* ツールチップ */
#detail_melmaga #mobile_sample_list li span{
	position:absolute;
	width:150px;
	display:block;
	top:25px;
	left:-50px;
	border:1px solid #004e85;
	background-color:#dcf0fa;
	color:#004e85;
	display:block;
	padding:5px 5px 3px;
	display:none;
	text-align:center;
	line-height:150%;
	z-index:2;
}
#detail_melmaga #mobile_sample_list li span img{
	position:absolute;
	left:30px;
	top:-9px;
}


/* =================================================================================================

　Thickbox

================================================================================================= */

#TB_window {
  border:none;
  background:none;
}

/* 背景透過色 */
.TB_overlayBG {
  background-color: #000000;
}

#TB_HideSelect {
 background:none;
}

/* thickboxヘッダ */
#TB_title {
	display:none;
}

#TB_ajaxWindowTitle{
	display:none;
}

#TB_closeWindowButton{
	display:none;
}



/* ----------------------------------------------------------------------------
　バナー
---------------------------------------------------------------------------- */
.sub .sub_bnr img{
	width:100%;
}
