@charset "EUC-JP";
@import "setting.css";/*基本設定*/
@import "layout2.css";/*詳細ページTypeレイアウト*/
@import "header_footer.css";/*ヘッダーフッダー*/
@import "/r_css/base/footer.css";/*新フッダー*/
@import "global_navi.css";/*グローバルナビゲーション*/
@import "genre_left.css";/*ジャンルTop左コンテンツ*/

/*
ジャンルTop設定css
*/
/**{
	margin:0;
	padding:0;
	font-size:12px;
	text-align:left;
	color:#4D4D4D;
	line-height:140%;
}*/
#contents div,
#genre #rightBox div,
#genre #rightBox ul{
	zoom:1;/*for IE 5.5-7*/
}
#contents div:after,
#genre #rightBox div:after,
#genre #rightBox ul:after{/*for modern browser*/
    content: ".";
    display: block;
    height: 0;
    line-height:0;
    font-size: 0.1em;
    clear:both;
    visibility: hidden;
}

#genre #rightBox{
	margin:5px 0 10px 6px;
}

/*領域幅*/
#genre #rightBox .leftCon{
	float:left;
	width:406px;
	_width:394px;
}
#genre #rightBox .rightCon{
	float:right;
	width:183px;
}
#genre hr{
	display:none;
	}
#genre .boxEnd{
	height:3px;
	clear:both;
	}

/*枠あり画像リンク*/
.puMain a img,
.puSub a img,
.newAndTopics .box p.left a,
.newAndTopics div.boxM a img,
.newAndTopics div.boxS a img,
.mainContents .leftCon .contentsBox .boxL a img,
.mainContents .leftCon .contentsBox .boxM a img,
.asynchronous .picOnly a img,
.mainContents .rightCon .coloredBox a img,
.mainContents .rightCon .twoColsBox .box a img,
.mainContents .rightCon .twoColsBox .pickup a img,
.mainContents .rightCon .contentsBoxH p.left a img,
.mainContents .rightCon .contentsBoxH p.center a img{
	display:block;
	padding:1px;
	border:1px solid #CCC;
}
.mainContents .rightCon .topicBoxA p a img{
	display:block;
	padding:1px;
	border:1px solid #FFF;
}
.puMain a:hover img,
.puSub a:hover img,
.newAndTopics .box p.left a:hover,
.newAndTopics div.boxM a:hover img,
.newAndTopics div.boxS a:hover img,
.mainContents .leftCon .contentsBox .boxL a:hover img,
.mainContents .leftCon .contentsBox .boxM a:hover img,
.asynchronous .picOnly a:hover img,
.mainContents .rightCon .coloredBox a:hover img,
.mainContents .rightCon .twoColsBox .box a:hover img,
.mainContents .rightCon .twoColsBox .pickup a:hover img,
.mainContents .rightCon .contentsBoxH p.left a:hover img,
.mainContents .rightCon .contentsBoxH p.center a:hover img,
.mainContents .rightCon .topicBoxA p a:hover img{
	display:block;
	padding:1px;
	border:1px solid #464646;
}

#genre #rightBox .fla{
	margin-bottom:7px;
}

/*新着＆トピックス
------------------------------------------------------------*/
#genre #rightBox .newAndTopics{
	background:#FFF;
	border:1px solid #CCC;
	font-size:12px;
	line-height:150%;
	border-top:none;
	padding:7px;
}

/*新着＆トピックス 左 新着
------------------------------------------------------------_*/
.newAndTopics{
	margin-bottom:7px;
}
.newAndTopics br{
	margin:0px;
}
.newAndTopics div.box{
	width:390px;
	margin-bottom:7px;
}
.newAndTopics .right{
	border-top:1px solid #CCC;
	float:right;
	width:293px;
}
/*IE8,FireFox縮小率幅の違いに対する対応*/
head~/* */body .newAndTopics .right{
	border-top:1px solid #CCC;
	float:left;
	max-width:290px;
}
.newAndTopics .btnArea{
	clear:both;
	width:390px;
	height:21px;
	background:url(/genretop/mini_btn_box.gif) no-repeat;
	margin-top:3px;
}
.newAndTopics .btnArea .boxTex{
	font-size:10px;
	width:270px;
	height:15px;
	padding:4px 3px 0 40px;
	float:left;
	background:url(/genretop/free_plate.gif) 3px 3px no-repeat;
}
.newAndTopics .btnArea .boxBtn{
	width:67px;
	padding:3px 3px 0 0;
	float:right;
}
.newAndTopics .box h3,
.newAndTopics .box p{
	padding:5px 8px 0;
}
.newAndTopics .box p.left{
	float:left;
	padding:0;
}

/*新着＆トピックス 他ジャンル誘導リンク
------------------------------------------------------------*/
.newAndTopics div.bridge{
	width: 389px;
	padding-bottom: 1px;
	margin: 10px 0 14px 0;
}
.newAndTopics div.bridge h3{
	height: 26px;
	padding: 0;
	margin: 0;
}
.newAndTopics div.bridge h3 a{
	width: 369px;
	display: block;
	padding-left: 20px;
	line-height: 30px;
}
.newAndTopics div.bridge h3 a:hover{
	color: #cc6600;
}
.newAndTopics div.bridge ul li{
	height: 23px;
	padding: 3px 5px 0 24px;
	background: transparent url(/genretop/bridge_contents_back.gif) center top no-repeat;
}
.newAndTopics div.bridge ul li.end{
	height: 22px;
}
.newAndTopics div.bridge ul li a{
	color: #6d6d7b;
}
.newAndTopics div.bridge ul li a:hover{
	color: #cc6600;
}
.newAndTopics div.bridge.drama{
	background: transparent url(/genretop/bridge_box_drama.gif) left bottom no-repeat;
}
.newAndTopics div.bridge.drama h3 a{
	color: #a35ca8;
	background: transparent url(/genretop/bridge_title_drama.gif) left top no-repeat;
}
.newAndTopics div.bridge.cinema{
	background: transparent url(/genretop/bridge_box_cinema.gif) left bottom no-repeat;
}
.newAndTopics div.bridge.cinema h3 a{
	color: #7775a1;
	background: transparent url(/genretop/bridge_title_cinema.gif) left top no-repeat;
}
.newAndTopics div.bridge.elgolazo{
	background: transparent url(/genretop/bridge_box_elgolazo.gif) left bottom no-repeat;
}
.newAndTopics div.bridge.elgolazo h3 a{
	color: #a60c15;
	background: transparent url(/genretop/bridge_title_elgolazo.gif) left top no-repeat;
}

/*メインコンテンツ 左側
------------------------------------------------------------*/
.mainContents{
	clear:both;
}
.mainContents p,
.mainContents div,
.mainContents a,
.mainContents h4{
	font-size:10px;
}
.mainContents .newAndTopics a,
.mainContents .newAndTopics p,
.mainContents .asynchronous a,
.mainContents .asynchronous p{
	font-size:12px;
}
.mainContents .leftCon .contentsBox{
	font-size:10px;
	line-height:140%;
	margin-bottom:7px;
}
.mainContents .leftCon h2{
	margin-bottom:4px;	
}
.mainContents .leftCon h2.noMargin{
	margin-bottom:0;
}
.mainContents .leftCon p.supplement{
	width:406px;
}
/*メインコンテンツ 左側 大画像
------------------------------------------------------------*/
.mainContents .leftCon .contentsBox .boxL{
	background:url(/genretop/bg_cententsbox_l.gif) repeat-y;
	width:392px;
	padding:0 7px;
}
.mainContents .leftCon .contentsBox .boxL a{
	font-size: 12px;
}
.mainContents .leftCon .contentsBox .boxL h3 a,
.mainContents .leftCon .contentsBox .boxL p{
	font-size:12px;
}
.mainContents .leftCon .contentsBox .boxL p.right{
	float:right;
	margin-left:12px;
	margin-bottom:5px;
}

/*メインコンテンツ 左側 サムネイル
------------------------------------------------------------*/
.mainContents .leftCon .contentsBox .con{
	background:url(/genretop/bg_cententsbox_m.gif) repeat-y;
	width:406px;
	padding:0;
}
.mainContents .leftCon .contentsBox .conSub{
	background:url(/genretop/bg_cententsbox_m_noline.gif) repeat-y;
	width:406px;
	padding:0;
}
.mainContents .leftCon .contentsBox .boxM{
	float:left;
	width:75px;
	/*padding:0 13px 10px;*/
	padding:0 12px 10px 13px;
	_padding:0 11px 10px;
}
.mainContents .leftCon .contentsBox .boxM div.right p{
	margin-top: 3px;
}
.mainContents .leftCon .contentsBox .boxM div.right p img{
	padding: 0;
	margin: 0 0 2px 6px;
	border: none;
}
.mainContents .leftCon .contentsBox .colored{
	float:left;
	width:183px;
	background-color: #f2effe;
	margin: 3px 0px 2px 5px;
	_margin: 3px 0px 2px 3px;
	border: solid 1px #CCCCCC;
	padding:5px;
}
.mainContents .leftCon .contentsBox .colored p{
	float:left;
	width:58px;
}
.mainContents .leftCon .contentsBox .colored .sum{
	width:125px;
}
.mainContents .leftCon .contentsBox .link{
	background: transparent url(/genretop/bg_cententsbox_btm.gif) left bottom no-repeat;
	width:392px;
	height:22px;
	text-align:right;
	padding:10px 7px 0;
}
.mainContents .leftCon .contentsBox .noLink{
	height: 5px;
	padding-top: 0;
}
.mainContents .leftCon .contentsBox .link a{
	font-size:12px;
	color:#0000FF;
	font-weight:bold;
	margin:0 4px 0 2px;
}
.mainContents .leftCon .contentsBox .sub a{
	background:url(/common/lines/dotted_sepalator.gif) no-repeat top right;
	font-size:10px;
	padding-right: 6px;
	margin-right:0;
}
.mainContents .leftCon .contentsBox .noline a{
	background:none;
}

/*メインコンテンツ 左側 ドラマ用ジャンルアイコン
------------------------------------------------------------*/
.mainContents .leftCon .contentsBox h4{
	height: 23px;
	background:transparent url(/genretop/bg_genre_icon.gif) top left no-repeat;
	padding: 1px 4px 5px 10px;
}
* html .mainContents .leftCon .contentsBox h4{
	width: 100%;
	height: 24px;
}
.mainContents .leftCon .contentsBox h4 strong{
	float: left;
	font-size: 10px;
	color: #7c8592;
}
.mainContents .leftCon .contentsBox h4 span{
	float: right;
	display: block;
	height: 0 !important;
	height /**/: 15px;
	padding-top:15px;
	overflow: hidden;
	outline:none;
	margin-right: 3px;
}
.mainContents .leftCon .contentsBox h4 span.gnrDrama{
	width: 34px;
	background:transparent url(/common/icon/drama_genre_drama.gif) top left no-repeat;
}
.mainContents .leftCon .contentsBox h4 span.gnrHistory{
	width: 36px;
	background:transparent url(/common/icon/drama_genre_history.gif) top left no-repeat;
}
.mainContents .leftCon .contentsBox h4 span.gnrHorror{
	width: 30px;
	background:transparent url(/common/icon/drama_genre_horror.gif) top left no-repeat;
}
.mainContents .leftCon .contentsBox h4 span.gnrMistery{
	width: 44px;
	background:transparent url(/common/icon/drama_genre_mistery.gif) top left no-repeat;
}
.mainContents .leftCon .contentsBox h4 span.gnrSuspense{
	width: 48px;
	background:transparent url(/common/icon/drama_genre_suspense.gif) top left no-repeat;
}
.mainContents .leftCon .contentsBox h4 span.gnrComedy{
	width: 43px;
	background:transparent url(/common/icon/drama_genre_comedy.gif) top left no-repeat;
}
.mainContents .leftCon .contentsBox h4 span.gnrSF{
	width: 23px;
	background:transparent url(/common/icon/drama_genre_sf.gif) top left no-repeat;
}
.mainContents .leftCon .contentsBox h4 span.gnrAction{
	width: 45px;
	background:transparent url(/common/icon/drama_genre_action.gif) top left no-repeat;
}
.mainContents .leftCon .contentsBox h4 span.gnrAdventure{
	width: 60px;
	background:transparent url(/common/icon/drama_genre_adventure.gif) top left no-repeat;
}

/*メインコンテンツ 右側
------------------------------------------------------------*/
.mainContents .rightCon .banner{
	margin-bottom:7px;
}

/*メインコンテンツ 右側 カラーボックス
------------------------------------------------------------*/
.mainContents .rightCon .coloredBox{
	clear:both;
	width:183px;
	margin-bottom:7px;
}
.mainContents .rightCon .coloredBox .con{
	padding:0 6px;
}
.mainContents .rightCon .coloredBox .con div{
	clear:both;
	padding:6px 0;
}
.mainContents .rightCon .coloredBox .con .boxL{

	padding:6px 5px 6px 3px;
}
.mainContents .rightCon .coloredBox h3 a img,
.mainContents .rightCon .coloredBox h3 a:hover img{
	border:none;
	padding:0;
	margin:0;
}
.mainContents .rightCon .coloredBox .boxL h4,
.mainContents .rightCon .coloredBox .boxL h4 a{
	margin:4px 0;
	font-size:12px;
	line-height:13px;
}
.mainContents .rightCon .coloredBox .boxM h4,
.mainContents .rightCon .coloredBox .boxM p{
	font-size:10px;
}
.mainContents .rightCon .coloredBox .boxM p.left{
	float:left;
	margin-right:4px;
}
.mainContents .rightCon .coloredBox h5{
	/*width:167px;*/
	height:21px;
	text-align:right;
	/*普段のキャンペーン箱*/
	padding:3px 9px 0 0;

}
.mainContents .rightCon .coloredBox h5 a{
	/*font-size:10px;*/
	color:#FFF;
	font-weight:bold;
	margin-right:4px;
}

/*インナーボックス*/
.mainContents .rightCon .coloredBox p.blueBox{
	padding-top: 6px;
	margin-bottom: -3px;
	background: transparent url(/genretop/label/colored_parts/blue_box.gif) left top no-repeat;
}
.mainContents .rightCon .coloredBox p.blueBox span{
	display: block;
	padding: 0 6px 6px;
	font-size: 10px;
	color: #535d72;
	line-height: 13px;
	background: transparent url(/genretop/label/colored_parts/blue_box.gif) left bottom no-repeat;
}
.mainContents .rightCon .coloredBox p.whiteBox{
	padding-top: 6px;
	margin-bottom: 5px;
	background: transparent url(/genretop/label/colored_parts/royalblue_white_box.gif) left top no-repeat;
}
.mainContents .rightCon .coloredBox p.whiteBox span{
	display: block;
	padding: 0 8px 6px;
	font-size: 10px;
	color: #1b75ce;
	background: transparent url(/genretop/label/colored_parts/royalblue_white_box.gif) left bottom no-repeat;
}
.mainContents .rightCon .coloredBox div.royalBlue p.mainText{
	padding-left: 10px;
	font-weight: bold;
	color: #464646;
	background: transparent url(/common/icon/arrow_pink.gif) 3px 4px no-repeat;
}
.mainContents .rightCon .coloredBox div.royalBlue p.mainText strong{
	display: block;
	font-size: 12px;
	color: #e03b7d;
}
.mainContents .rightCon .coloredBox div.royalBlue p.subText{
	padding-top: 6px;
	margin: 5px 0 0;
	background: transparent url(/genretop/label/colored_parts/royalblue_blue_box.gif) left top no-repeat;
}
.mainContents .rightCon .coloredBox div.royalBlue p.subText span{
	display: block;
	padding: 0 8px 6px;
	font-size: 10px;
	background: transparent url(/genretop/label/colored_parts/royalblue_blue_box.gif) left bottom no-repeat;
}
.mainContents .rightCon .coloredBox div.royalBlue p.subText span strong{
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #1b75ce;
}

/*色別指定*/
.mainContents .rightCon .coloredBox .brown{
	background:#faecd6;
}
.mainContents .rightCon .coloredBox .brown div{
	background:url(/genretop/label/colored_parts/brown_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.brown{
	background:url(/genretop/label/colored_parts/brown_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .purple{
	background:#efe6f8;
}
.mainContents .rightCon .coloredBox .purple div{
	background:url(/genretop/label/colored_parts/purple_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.purple{
	background:url(/genretop/label/colored_parts/purple_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .pink{
	background:#FBE2E2;
}
.mainContents .rightCon .coloredBox .pink div{
	background:url(/genretop/label/colored_parts/pink_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.pink{
	background:url(/genretop/label/colored_parts/pink_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .vividPink{
	background:#ffcfde;
}
.mainContents .rightCon .coloredBox .vividPink div{
	background:url(/genretop/label/colored_parts/vividpink_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.vividPink{
	background:url(/genretop/label/colored_parts/vividpink_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .blue{
	background:#d8e0ef;
}
.mainContents .rightCon .coloredBox .blue div{
	background:url(/genretop/label/colored_parts/blue_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.blue{
	background:url(/genretop/label/colored_parts/blue_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .green{
	background:#ddefd8;
}
.mainContents .rightCon .coloredBox .green div{
	background:url(/genretop/label/colored_parts/green_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.green{
	background:url(/genretop/label/colored_parts/green_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .orange{
	background:#ffe6c8;
}
.mainContents .rightCon .coloredBox .orange div{
	background:url(/genretop/label/colored_parts/orange_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.orange{
	background:url(/genretop/label/colored_parts/orange_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .royalBlue{
	background:#bde1ff;
}
.mainContents .rightCon .coloredBox .royalBlue div{
	background:url(/genretop/label/colored_parts/royalblue_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.royalBlue{
	background:url(/genretop/label/colored_parts/royalblue_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .darkBlue{
	background:#bfd9ff;
}
.mainContents .rightCon .coloredBox .darkBlue div{
	background:url(/genretop/label/colored_parts/darkblue_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.darkBlue{
	background:url(/genretop/label/colored_parts/darkblue_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .red{
	background:#ffd6ca;
}
.mainContents .rightCon .coloredBox .red div{
	background:url(/genretop/label/colored_parts/red_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.red{
	background:url(/genretop/label/colored_parts/red_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .bluegreen{
	background:#D8EFE3;
}
.mainContents .rightCon .coloredBox .bluegreen div{
	background:url(/genretop/label/colored_parts/bluegreen_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.bluegreen{
	background:url(/genretop/label/colored_parts/bluegreen_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .yellow{
	background:#fffa95;
}
.mainContents .rightCon .coloredBox .yellow div{
	background:url(/genretop/label/colored_parts/yellow_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.yellow{
	background:url(/genretop/label/colored_parts/yellow_foot.gif) no-repeat bottom left;
	/*文言が長い場合
	padding:3px 2px 0 0;*/
}
.mainContents .rightCon .coloredBox .vividyellow{
	background:#ffd200;
}
.mainContents .rightCon .coloredBox .vividyellow div{
	background:url(/genretop/label/colored_parts/vividyellow_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.vividyellow{
	background:url(/genretop/label/colored_parts/vividyellow_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .sunkist{
	background:#ffe84e;
}
.mainContents .rightCon .coloredBox .sunkist div{
	background:url(/genretop/label/colored_parts/sunkist_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox .sunkist div h4 a{
	color: #9a2f2f;
}
.mainContents .rightCon .coloredBox .sunkist div h4 a:hover{
	color: #f47a00;
}
.mainContents .rightCon .coloredBox h5.sunkist{
	background:url(/genretop/label/colored_parts/sunkist_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .salmonpink{
	background:#fde9e5;
}
/*.mainContents .rightCon .coloredBox .salmonpink div{
	background:url(/genretop/label/colored_parts/salmonpink_sep.gif) no-repeat -6px 0px;
}*/
.mainContents .rightCon .coloredBox h5.salmonpink{
	background:url(/genretop/label/colored_parts/salmonpink_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .campColor{
	background:#ffd6ca;
}
.mainContents .rightCon .coloredBox .campColor div{
	background:url(/genretop/label/colored_parts/red_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.campColor{
	/*文言が長い場合の調整*/
	/*padding:3px 0 0 0;*/
	background:url(/genretop/label/colored_parts/red_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .campColor2{
	background:#dae7ff;
}
/*.mainContents .rightCon .coloredBox .campColor2 div{
	background:url(/genretop/label/colored_parts/blueblack_sep.gif) no-repeat -6px 0px;
}*/
.mainContents .rightCon .coloredBox h5.campColor2{
	background:url(/genretop/label/colored_parts/blueblack_foot.gif) no-repeat bottom left;
}

/*VIDEO COMPLEX HOMEで使用*/
.mainContents .rightCon .coloredBox .white{
	background:#FFF;
}
.mainContents .rightCon .coloredBox .white div{
	background:url(/genretop/label/colored_parts/vividpink_sep.gif) no-repeat -6px 0px;
}
.mainContents .rightCon .coloredBox h5.white{
	background:url(/genretop/label/colored_parts/vividpink_foot.gif) no-repeat bottom left;
}
.mainContents .rightCon .coloredBox .white strong{
	font-size:10px;
	line-height:200%;
}
.mainContents .rightCon .coloredBox .white a img{
	border:none;
}

/*sepalator無し*/
.mainContents .rightCon .coloredBox div.noLine{
	background: none;
}

/*リンク無し*/
.mainContents .rightCon .coloredBox h5.noLinks{
	font-size: 1px;
	line-height: 1px;
	height:1px;
}


/*右側2列ボックス
------------------------------------------------------------*/
.mainContents .rightCon .twoColsBox{
	clear:both;
	width:183px;
	margin-bottom:7px;
}
.mainContents .rightCon .twoColsBox h3{
	height:34px;
	text-indent:-9999px;
	background:url(/genretop/boxset/premium_seat/premium_seat_header.gif) no-repeat;
}
.mainContents .rightCon .twoColsBox .line{
	height:1px;
	font-size:1px;
	line-height:1px;
	background:url(/genretop/boxset/premium_seat/premium_seat_line.gif) no-repeat;
}
.mainContents .rightCon .twoColsBox .con{
	background:url(/genretop/boxset/premium_seat/premium_seat_back1.gif) repeat-y;
}
.mainContents .rightCon .twoColsBox .con .lineup{
	padding:8px 6px 3px 5px;
	background:url(/genretop/boxset/premium_seat/premium_seat_back2.gif) repeat-y;
}
.mainContents .rightCon .twoColsBox .con .pickup{
	padding:5px 10px;
	line-height:13px;
}
.mainContents .rightCon .twoColsBox .con .pickup img{
	margin-bottom: 5px;
}
.mainContents .rightCon .twoColsBox .con .pickup a{
	line-height:12px;
}
.mainContents .rightCon .twoColsBox .con .pickup h4 a{
	font-size: 12px;
}
.mainContents .rightCon .twoColsBox .con .pickup h4 img{
	margin: 0;
}
.mainContents .rightCon .twoColsBox .con .pickup p{
	margin-top: 5px;
}
.mainContents .rightCon .twoColsBox .con .caution{
	padding:5px 10px;
	line-height:13px;
	color:#ff0090;
}
.mainContents .rightCon .twoColsBox .con .box{
	width:78px;
	font-size:10px;
	margin-bottom:5px;
}
.mainContents .rightCon .twoColsBox .con .box p{
	margin-top:2px;
}
.mainContents .rightCon .twoColsBox .con .box p a{
	line-height:11px;
}
.mainContents .rightCon .twoColsBox .con .left{
	margin-left:2px;
	clear:both;
	float:left;
}
.mainContents .rightCon .twoColsBox .con .right{
	margin-right:2px;
	float:right;
}
.mainContents .rightCon .twoColsBox .con .btnBase{
	background:url(/genretop/boxset/premium_seat/premium_seat_btnbase.gif) no-repeat;
	height:41px;
}
.mainContents .rightCon .twoColsBox .con .btnBase img{
	margin:8px 5px 0 85px;
}
.mainContents .rightCon .twoColsBox .con .textBox{
	background:url(/genretop/boxset/premium_seat/text_field_rep.gif) repeat-y;
}
.mainContents .rightCon .twoColsBox .con .textBox h4{
	height:10px;
	font-size:10px;
	line-height:10px;
	text-indent:-9999px;
	background:url(/genretop/boxset/premium_seat/text_field_top.gif) repeat-y;
}
.mainContents .rightCon .twoColsBox .con .textBox h4 a{
	font-size: 12px;
}
.mainContents .rightCon .twoColsBox .con .textBox div{
	height:10px;
	text-indent:-9999px;
	background:url(/genretop/boxset/premium_seat/text_field_btm.gif) repeat-y;
}
.mainContents .rightCon .twoColsBox .con .textBox p{
	padding:0px 2px 0px 20px;
	background:url(/common/icon/arrow_upcoming.gif) no-repeat 13px 2px;
}
.mainContents .rightCon .twoColsBox .con p.inlineCopy{
	padding:1px 10px 6px 8px;
	font-size:9px;
	line-height:9px;
	background:none;
}

/*ISP HOME メインコンテンツ 更新予定箱
------------------------------------------------------------*/
.mainContents .rightCon .topicBoxA .cominginfo ul li{
	background:url(/genretop/line_info_fade.gif) no-repeat;
	background-position:bottom;
	padding:5px 8px;
}
.mainContents .rightCon .topicBoxA .cominginfo ul li.none{
	background:none;
	padding-bottom:0px;
}
.mainContents .rightCon .topicBoxA .cominginfo ul li.end{
	background:none;
	padding-bottom:4px;
}
.mainContents .rightCon .topicBoxA .cominginfo ul li a,
.mainContents .rightCon .topicBoxA .cominginfo ul li span{
	font-size:10px;
	line-height:140%;
	display:block;
	background:url(/common/icon/arrow_upcoming.gif) no-repeat 0 2px;
	margin:2px 0;
	padding:0 0 0 10px;
}

/*メインコンテンツ 右側 タイプH
------------------------------------------------------------*/
.mainContents .rightCon .contentsBoxH{
	width:183px;
	margin-bottom:7px;
}
.mainContents .rightCon .contentsBoxH h4 img{
	margin:0 0 0 7px;
}
.mainContents .rightCon .contentsBoxH .box{
	clear:both;
	border-bottom:1px solid #CCC;
	margin-bottom:2px;
	padding:7px;
}
.mainContents .rightCon .contentsBoxH .boxL{
	clear:both;
	border-bottom:1px solid #CCC;
	margin-bottom:2px;
	padding:7px 7px 7px 10px;
}
.mainContents .rightCon .contentsBoxH .boxL img{
	margin-bottom:5px;
}
.mainContents .rightCon .contentsBoxH .boxNone{
	clear:both;
	border:none;
	margin-bottom:2px;
	padding:7px 7px 4px;
}
/*winIE7*/
*+html .mainContents .rightCon .contentsBoxH .box p{
	margin-bottom:7px;
	padding-bottom:7px;
}
.mainContents .rightCon .contentsBoxH p.left{
	float:left;
	margin-right:4px;
}
.mainContents .rightCon .contentsBoxH p.center{
	margin-right:4px;
}


/*メインコンテンツ 右側 トピッック
------------------------------------------------------------*/
.mainContents .rightCon .topicBoxA p,
.mainContents .rightCon div,
.mainContents .rightCon a{
	font-size:10px;
}
.mainContents .rightCon .topicBoxA h4,
.mainContents .rightCon .topicBoxA h4 a{
	font-size:12px;
}
.mainContents .rightCon .topicBoxA{
	background:url(/genretop/topics/type_a/bg_topics.gif) repeat-y;
	width:183px;
	font-size:10px;
	line-height:140%;
	margin-bottom:7px;
}
.mainContents .rightCon .topicBoxA .con{
	width:157px;
	margin:1px 8px 0 10px;
}
.mainContents .rightCon .topicBoxA h4{
	margin:0 0 4px 2px;
}
.mainContents .rightCon .topicBoxA .con div{
	margin-bottom:5px;
	clear:both;
}
.mainContents .rightCon .topicBoxA .con p{
	margin-bottom:4px;
	_margin-bottom:2px;
}
.mainContents .rightCon .topicBoxA .con p.left{
	float:left;
	margin-right:4px;
}


/*劇場検索
------------------------------------------------------------*/
.mainContents .rightCon .topicBoxA .con .msearch{
	margin-bottom:0px;
}
.mainContents .rightCon .topicBoxA select{
	margin-left:20px;
	width:120px;
}
.mainContents .rightCon .topicBoxA .srcTerm{
	border-bottom:1px solid #c6c6c9;
	height:22px;
}
.mainContents .rightCon .topicBoxA .srcState{
	border-bottom:1px solid #c6c6c9;
	height:22px;
}
.mainContents .rightCon .topicBoxA .src50Word{
	border-bottom:1px solid #c6c6c9;
	height:22px;
}
.mainContents .rightCon .topicBoxA .msearchFoot{
	background-color:#d7dbbb;
	border:1px solid #c6c6c9;
	width:160px;
	height:22px;
}
.mainContents .rightCon .topicBoxA .msearchFoot input{
	margin:2px 3px 3px 39px;
}

/*メインコンテンツ 右側 インデックス
------------------------------------------------------------*/
.mainContents .rightCon .index,
.mainContents .rightCon .important{
	width:183px;
	background:#F2F2F2;
	margin-bottom:7px;
}
.mainContents .rightCon .index div.box,
.mainContents .rightCon .important div.box{
	border:1px solid #CCC;
	border-top:none;
	padding:5px;
}
.mainContents .rightCon .index div.box div,
.mainContents .rightCon .important div.box div{
	background:#FFF;
	border:1px solid #cdcdcd;
}
.mainContents .rightCon .index div.box h4{
	background:#E6E6E6;
	padding:2px;
}
.mainContents .rightCon .index div.box h4 img{
	margin:0 4px;
}
.mainContents .rightCon .index div.box ul{
	padding:5px 5px 5px 20px;
}
.mainContents .rightCon .index div.box li{
	list-style:url(/common/icon/dot_linkcolor.gif) outside;
}

.mainContents .rightCon .important div.plus li{
	background:url(/genretop/line_info.gif) no-repeat;
	background-position:bottom;
	padding:6px 8px;
}
.mainContents .rightCon .important div.plus li img{
	margin-right:6px;
}
.mainContents .rightCon .important div.plus li.none{
	background:none;
}
/* ランキング
------------------------------------------------------------*/
/*デフォルト画像マージン*/
#genre .rightCon div.ranking p.img{
	padding:6px 4px;
}

/*デフォルトpタグマージン*/
#genre .rightCon div.ranking p{
	padding:6px 4px;
}
#genre .rightCon div.ranking{
	background:none;
	width:183px;
	margin-bottom:4px;
}
#genre .rightCon div.ranking .boxOdd{
	background:url(/genretop/bg_rgt_ranking_odd.gif) repeat-y;
	border:none;
	width:183px;
}
#genre .rightCon div.ranking .box{
	background:url(/genretop/bg_rgt_ranking.gif) repeat-y;
	border:none;
	width:183px;
	margin:0;
	padding:0;
}
#genre .rightCon div.ranking p img{
	vertical-align:middle;
	margin-right:2px;
}

/*メインコンテンツ 左側 各ジャンルボックス
------------------------------------------------------------*/
#genreOverView{
	width:406px;
	}
#genreOverView .genreContainer {
	width: 404px;
	border: 1px solid #cdcdcd;
	background-color:#FFFFFF;
	}
#genreOverView .genreContainer .gBox {
	width:385px;
	margin: 7px 8px 8px 8px;
	font-size:12px;
}
#genreOverView .gBox p{
	margin:6px 0 0 0;
}
#genreOverView .gBox .contBig{
	width:190px;
}
#genreOverView .gBox .gBoxLeft {
	display:block;
	padding:0;
	margin:4px 0 2px 0;
	float: left;
	width: 190px;
}
#genreOverView .gBox .gBoxRight {
	display:block;
	padding:0;
	margin:4px 0 2px 0;;
	float: right;
	width: 190px;
}
#genreOverView .gBox .contSml{
	width:126px;
	float:right;
	margin:0 0 0 5px;
	font-size:10px;
}
#genreOverView .gBox .cntPic{
	width:59px;
	float:left;
}
#genreOverView .genreContainer .gBox .puSub {
	
	}
#genreOverView .sepalator{
	height:1px;
	background-image:url(../../home/gbox_dots.gif);
	margin:5px 0 5px 0;
	clear:both;
	}
#genreOverView .genreContainerLeft {
	float:left;
	width: 200px;
	border: 1px solid #cdcdcd;
	background-color:#FFFFFF;
	}
#genreOverView .genreContainerRight {
	float:right;
	width: 200px;
	border: 1px solid #cdcdcd;
	background-color:#FFFFFF;
	}
#genreOverView .genreContainerRight .gBox,
#genreOverView .genreContainerLeft .gBox{
	width:190px;
	margin: 4px 5px 5px 5px;
	font-size:12px;
}

/*メインコンテンツ 左側 ホームレイアウトトピックス
------------------------------------------------------------*/
.asynchronous{
	width:406px;
	margin-bottom:6px;
}
.asynchronous .asynContainer{

	padding:6px 4px 4px 4px;
	border: 1px solid #cdcdcd;
	border-top:none;
	background-color:#FFF;
	}

.asynchronous h3{
	background:url(../../home/bullet_arrow.gif) no-repeat 0 3px;
	margin: 2px 0 5px 6px;
	padding:0 0 0 14px;
	}
.asynchronous .picOnly{
	width:100px;
	float:left;
	}
.asynchronous ul{
	margin:0;
	padding:0;
	}
.asynchronous .picOnly li{
	width:97px;
	list-style:none;
	margin:0 0 5px 0;
	}
.asynchronous .texOnly{
	float:left;
	width:292px;
	}
.asynchronous .texOnly li,
.asynchronous .boxBtm li{
	list-style:none;
	background:url(../../home/bullet_dotted_arrow.gif) no-repeat 0 3px;
	margin: 3px 0 3px 6px;
	padding:0 0 0 8px;
	}								
.asynchronous .texOnly li a,
.asynchronous .boxBtm a{
	font-size:10px;
	}
.asynchronous .topicEndLine{
	background:url(../../home/dotted_line.gif) no-repeat;
	height:1px;
	margin:10px 0 7px 0;
	}
.asynchronous .texOnly p{
	font-size:10px;
	margin:0 0 0 6px;
	}
.asynchronous .boxBtm{
	float:left;
	margin-right:2px;
	width:195px;
	}

/* Flash Container
------------------------------------------------------------*/
#genre #flashBox {
	background:#FFF;
	padding-top: 10px;
	margin-bottom:5px;
	background: transparent url(/genretop/flash_box_back.gif) left top no-repeat;
	text-align: center;
}
#genre #flashBox div.spBox{
	width:575px;
	padding-left:10px;
}
#genre #flashBox div.spBoxTop {
	display: none;
	height:10px;
  background: url(../special/sp_box_top.gif);
}
#genre #flashBox div.spBoxTop hr {
	display:none;
}
#genre #flashBox div.spBoxBtm {
	height:10px;
  background: url(../special/sp_box_btm.gif);
}
#genre #flashBox div.spBoxBtm hr{
	display:none;
}
#genre div#flashBox div#flashContent{
	background: transparent url(/genretop/flash_box_back.gif) left bottom no-repeat;
	padding-bottom: 10px;
}

/*コピーライト
------------------------------------------------------------*/
#allCpr{
	clear:both;
	color:#AAAAAA;
	font-size:9px;
	line-height:120%;
	margin-top: 18px;
	margin-bottom:18px;
}

/*グループ各社へのリンク
------------------------------------------------------------*/
#groupLink{
	clear:both;
	color:#AAAAAA;
	font-size:10px;
	margin-bottom:18px;
}
#groupLink a{
	color:#777777;
	font-size:10px;
}
#groupLink a:hover{
	color:#cc6600;
	font-size:10px;
}

/*楽天用リンク
------------------------------------------------------------*/
#genre #forRakuten #groupLink strong{
	color: #BF0000;
	font-size: 10px;
}

#genre #forRakuten #groupLink a:link{
	color:#666699;
}
#genre #forRakuten #groupLink a:visited{
	color:#666699;
}
#genre #forRakuten #groupLink a:hover{
	text-decoration: underline;
	color:#666699;
}
/*キーワードバンク
------------------------------------------------------------*/
.mainContents .rightCon div#keyWordBankContainer{
	background-image:none;
	margin-bottom:8px;
}
.mainContents .rightCon #keyWordBankContainer{
	width: 183px;
	margin-bottom: 15px;
}
.mainContents .rightCon #keyWordBankContainer .puSub ul{
	list-style:none;
	padding:0 10px 0 15px;
	}
.mainContents .rightCon #keyWordBankContainer .puSub li{
	line-height:150%;
	color:#627c8c;
	display:inline;
	}
.mainContents .rightCon #keyWordBankContainer .texLink a{
	font-size: 10px;
	color:#627c8c;
/*	line-height:250%;*/
	line-height:120%;
	margin-right: 10px;
	}
.mainContents .rightCon #keyWordBankContainer .texLink a:hover{
	color:#cc6600;
	}
/*	ホームのタグクラウドとfont-size、行間、右マージンを変更。*/
	.mainContents .rightCon #keyWordBankContainer .texLink li.attention a{
	font-size: 12px;
	font-weight: bold;
	color:#627c8c;
	}
.mainContents .rightCon #keyWordBankContainer .texLink li.attention a:hover{
	color:#cc6600;
	}
/*.mainContents .rightCon #keyWordBankContainer .texLink li.attention a{
	font-size: 16px;
	font-weight: bold;
	color:#627c8c;
	line-height:250%;
	margin-right: 10px;
	}
#.mainContents .rightCon keyWordBankContainer .texLink li.attention a:hover{
	color:#cc6600;
	}*/
.mainContents .rightCon #keyWordBankContainer .commonLinkImgTopGenre{
	background:url('/home/keyword_ch/key_ch_box_right_top_genre.gif') no-repeat;
	width:183px;
	height:23px;
	}
.mainContents .rightCon #keyWordBankContainer .commonLinkImgBtm{
	background:url('/home/keyword_ch/key_ch_box_right_btm.gif') no-repeat;
	width:183px;
	height:10px;
	}
.mainContents .rightCon #keyWordBankContainer div.texLink{
	width:183px;
	padding-top: 5px;
	background:url('/home/keyword_ch/key_ch_box_right_rpt.gif') repeat-y;
	}

/*肖像権啓蒙キャンペーン
------------------------------------------------------------*/
div.rightCon div#portraitRights{

}
div.rightCon div#portraitRights div.box{
	padding: 7px;
	border:1px solid #CCC;
	border-top:none;
	background-color: #fff;
}
div.rightCon div#portraitRights div.box img{
	display: block;
	margin: 0 auto;
	padding: 8px 0 12px;
}
div.rightCon div#portraitRights div.box p{
	margin-bottom: 5px;
}
div.rightCon div#portraitRights div.box a{
	display: block;
	height: 0 !important;
	height /**/	: 36px;
	padding: 36px 0 0 0;
	margin: 0 auto;
	overflow: hidden;
	outline:none;
	background: #ccc url(/common/button/0000w_m.gif) 38px 5px no-repeat;
}


/*エルマーク
------------------------------------------------------------*/
div.rightCon div#l_Mark{
	padding: 8px 5px;
}

/*ドラマ PowerPush
------------------------------------------------------------*/
.mainContents .leftCon div.powerPush{
	width: 406px;
	padding-bottom: 2px;
	margin-bottom: 8px;
	background:transparent url(/genretop/boxset/power_push/picupbox_body_purple.gif) left bottom no-repeat;
}
/* 枠あり画像リンク(IE6でdisplay:blockを継承してしまうので個別設定) */
.mainContents .leftCon div.powerPush div.featuredPics a img{
	padding:1px;
	border:1px solid #CCC;
}
.mainContents .leftCon div.powerPush div.featuredPics a:hover img{
	padding:1px;
	border:1px solid #464646;
}
.mainContents .leftCon div.powerPush h3{
	padding: 9px 0 0 0;
	margin: 0 0 6px 0;
	background:#f3e3f5 url(/genretop/boxset/power_push/picupbox_title_purple.gif) left top no-repeat;
}
.mainContents .leftCon div.powerPush h3 a{
	display: block;
	padding: 2px 0 4px 14px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background:transparent url(/genretop/boxset/power_push/picupbox_title_purple.gif) left bottom no-repeat;
}
.mainContents .leftCon div.powerPush div.featuredPics{
	float: left;
	width: 176px;
}
.mainContents .leftCon div.powerPush div.featuredPics img{
	display: inline;
	float: left;
	margin: 0 0 5px 6px;
}
.mainContents .leftCon div.powerPush p{
	float: right;
	width: 215px;
	padding: 2px 10px 0 5px;
	font-size: 12px;
	line-height: 17px;
}
.mainContents .leftCon div.powerPush p a{
	font-size: 12px;
}
.mainContents .leftCon div.powerPush a.detailBtn{
	float: right;
	width: 224px;
	height: 0 !important;
	height /**/: 21px;
	padding-top:21px;
	margin: 5px 6px 5px 0;
	overflow: hidden;
	outline: none;	
	background:transparent url(/genretop/boxset/power_push/picupbox_to_page.gif) top left no-repeat;
}
.mainContents .leftCon div.powerPush a:hover.detailBtn{
	background:transparent url(/genretop/boxset/power_push/picupbox_to_page_on.gif) top left no-repeat;
}
/* 色別（blue） */
.mainContents .leftCon div.powerPush.blue{
	background:transparent url(/genretop/boxset/power_push/picupbox_body_blue.gif) left bottom no-repeat;
}
.mainContents .leftCon div.powerPush.blue h3{
	background:#e3e8f5 url(/genretop/boxset/power_push/picupbox_title_blue.gif) left top no-repeat;
}
.mainContents .leftCon div.powerPush.blue h3 a{
	background:transparent url(/genretop/boxset/power_push/picupbox_title_blue.gif) left bottom no-repeat;
}
/* 色別（green） */
.mainContents .leftCon div.powerPush.green{
	background:transparent url(/genretop/boxset/power_push/picupbox_body_green.gif) left bottom no-repeat;
}
.mainContents .leftCon div.powerPush.green h3{
	background:#e6f2ce url(/genretop/boxset/power_push/picupbox_title_green.gif) left top no-repeat;
}
.mainContents .leftCon div.powerPush.green h3 a{
	background:transparent url(/genretop/boxset/power_push/picupbox_title_green.gif) left bottom no-repeat;
}
/* 色別（pink） */
.mainContents .leftCon div.powerPush.pink{
	background:transparent url(/genretop/boxset/power_push/picupbox_body_pink.gif) left bottom no-repeat;
}
.mainContents .leftCon div.powerPush.pink h3{
	background:#f9dede url(/genretop/boxset/power_push/picupbox_title_pink.gif) left top no-repeat;
}
.mainContents .leftCon div.powerPush.pink h3 a{
	background:transparent url(/genretop/boxset/power_push/picupbox_title_pink.gif) left bottom no-repeat;
}
/* 色別（orange） */
.mainContents .leftCon div.powerPush.orange{
	background:transparent url(/genretop/boxset/power_push/picupbox_body_orange.gif) left bottom no-repeat;
}
.mainContents .leftCon div.powerPush.orange h3{
	background:#fbe8c5 url(/genretop/boxset/power_push/picupbox_title_orange.gif) left top no-repeat;
}
.mainContents .leftCon div.powerPush.orange h3 a{
	background:transparent url(/genretop/boxset/power_push/picupbox_title_orange.gif) left bottom no-repeat;
}
/* 色別（purple） */
.mainContents .leftCon div.powerPush.purple{
	background:transparent url(/genretop/boxset/power_push/picupbox_body_purple.gif) left bottom no-repeat;
}
.mainContents .leftCon div.powerPush.purple h3{
	background:#f3e3f5 url(/genretop/boxset/power_push/picupbox_title_purple.gif) left top no-repeat;
}
.mainContents .leftCon div.powerPush.purple h3 a{
	background:transparent url(/genretop/boxset/power_push/picupbox_title_purple.gif) left bottom no-repeat;
}

/*HOME SEO施策用*/
div#stTop{
	position: relative;
	top: 18px;
	left: 75px;
	width: 370px;
	height: 21px;
	margin: -8px 0 -13px 0;
	z-index: 2;
	overflow: hidden;
}
div#stTop h1{
	float: left;
	color: #757e86;
	font-weight: normal;
	font-size: 10px;
	line-height: 17px;
}

#siteInfo #forMacUsers{
	position: relative;
	left:190px;
}