@import "setting.css";/*基本設定*/
@import "layout2.css";/*詳細ページTypeレイアウト*/
@import "header_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%;
}*/

#genre #rightBox div,
#genre #rightBox ul{
	zoom:1;/*for IE 5.5-7*/
}
#genre #rightBox div:after,
#genre #rightBox ul:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	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 .contentsBoxH p.left 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 .contentsBoxH p.left 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;
}
.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;
}


/*メインコンテンツ 左側
------------------------------------------------------------*/
.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;
}

/*メインコンテンツ 左側 サムネイル
------------------------------------------------------------*/
.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 .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:url(/genretop/bg_cententsbox_btm.gif) no-repeat;
	width:392px;
	height:22px;
	text-align:right;
	padding:10px 7px 0;
}
.mainContents .leftCon .contentsBox .link a{
	font-size:12px;
	color:#0000FF;
	font-weight:bold;
	margin:0 4px 0 2px;
}
.mainContents .leftCon .contentsBox .link .sub a{
	background:url(/common/lines/dotted_sepalator.gif) no-repeat top right;
	font-size:10px;
	padding-right: 6px;
	margin-right:0;
}

/*メインコンテンツ 右側
------------------------------------------------------------*/
.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 .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 8px 0;
}
.mainContents .rightCon .coloredBox h5 a{
	/*font-size:10px;*/
	color:#FFF;
	font-weight:bold;
	margin-right:4px;
}
/*色別指定*/
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}

/*右側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 .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) repeat-y;
	height:37px;
}
.mainContents .rightCon .twoColsBox .con .btnBase img{
	margin:4px 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;
	text-indent:-9999px;
	background:url(/genretop/boxset/premium_seat/text_field_top.gif) repeat-y;
}
.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;
}

/*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 .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 .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 .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;
	margin-bottom:5px;
 background: url(../special/sp_box_rpt.gif);
}
#genre #flashBox div.spBox{
	width:575px;
	padding-left:10px;
}
#genre #flashBox div.spBoxTop{
	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;
}

/*コピーライト
------------------------------------------------------------*/
#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;
}