@charset "utf-8";

/*============================================================
//
//  目次
//  ・サブ共通設定
//  ・ブルーレイ＆DVD発売日決定!
//  ・本誌連動企画特集
//		>>特集
//		>>アンケート
//  ・バナー一覧
//  ・各ページ別　バックナンバー
//		>>最新刊情報、ピックアップ
//		>>黒木華の華も実もある映画のはなし。
//		>>設楽統のこの映画にしたら？
//		>>インフォメーション
//		>>インタビュー
//		>>VOD
//		>>今週のイチ押し、でーた大賞
//
//==========================================================*/

/*============================================================
//  サブ共通設定
//==========================================================*/

#sub .inner {
	width:250px;
	padding:5px;
}
#sub .pageList li{
	list-style-type: none;
	padding:0;
}



/*============================================================
//  ブルーレイ＆DVD発売日決定!
//==========================================================*/

#sub .btn_release {
	width:250px;
	height:96px;
	background:url(../images/sub/btn_release.jpg) no-repeat;
	margin-bottom:5px;
}

#sub .btn_release .img,
#sub .btn_tokushu .img{
	float:left;
	width:80px;
	height:80px;
	padding:8px;
}

#sub .btn_release .text,
#sub .btn_tokushu .text{
	float:left;
	width:115px;
	height:80px;
	padding:8px 0;
	position: relative;
}

#sub .btn_release .text .title,
#sub .btn_tokushu .text .title{
	font-size:16px;
	line-height:120%;
	word-wrap: break-word;
}

#sub .btn_release .text .title a:hover{
	color:#3366AA;
}

#sub .btn_release .text .date{
	background-color:#EE4444;
	font-size:14px;
	line-height:120%;
	text-align:center;
	padding:2px 0;
	margin-top:10px;
	width:115px;
	position:absolute;
	bottom:8px;
	color:#fff;
}

#sub .btn_release .link,
#sub .btn_tokushu .link,
#sub .btn_que .link{
	float:right;
	width:30px;
	height:96px;
	text-align:left;
	line-height:100%;
	text-indent:-9999px;
}

#sub .btn_release .link a,
#sub .btn_tokushu .link a,
#sub .btn_que .link a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}

#sub .btn_release .link a.arrow,
#sub .btn_tokushu .link a.arrow,
#sub .btn_que .link a.arrow{
	width:30px;
	height:96px;
}



/*============================================================
//  本誌連動企画特集
//==========================================================*/

/*特集*/
#sub .btn_tokushu {
	width:250px;
	height:96px;
	background:url(../images/sub/btn_tokushu.jpg) no-repeat;
	margin-bottom:5px;
}

#sub .btn_tokushu .text .title a:hover{
	color:#EE4444;
}


/*アンケート*/
#sub .btn_que {
	width:250px;
	height:96px;
	background:url(../images/sub/btn_que.jpg) no-repeat;
	margin-bottom:5px;
}

#sub .btn_que .text{
	float:left;
	width:209px;
	height:80px;
	padding:3px 3px 8px 8px ;
}

#sub .btn_que .title{
	font-size: 16px;
	font-weight:bold;
	color: #FF9900;
}

#sub .btn_que .que{
	font-size:14px;
	color:#333;
	line-height: 110%;
}

#sub .btn_que .que a:hover{
	color:#FF9900;
}

#sub .btn_que .pre{
	font-size:12px;
	color:#EE4444;
}

/* アフィリバナー郡 */
#aff-bnr li{
	margin-top: 10px;
}



/*============================================================
//  バナー一覧
//==========================================================*/

#sub .bnrList{
	width:260px;
	height:auto;
	text-align:center;
	margin-top:10px;
}

#sub .bnrList li{
	width:260px;
	text-align:center;
	margin-bottom:10px;
}


/*============================================================
//  各ページ別　バックナンバー
//==========================================================*/

#sub .pageList{
	width:250px;
	height:auto;
	margin:10px 0;
}

#sub .pageList li{
	width:230px;
	height:auto;
	border-bottom:1px solid #666;
	padding:8px 10px;
}


/*最新刊情報、ピックアップ、発売日決定*/
#sub .pickup_month{
	font-weight:bold;
	margin-bottom:3px;
}

#sub .bn_pickup .link,
#sub .bn_magazine .link,
#sub .bn_release .link{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_pickup_on.jpg) right center no-repeat;
	color:#4477BB;
}

#sub .bn_pickup .link a,
#sub .bn_magazine .link a,
#sub .bn_release .link a{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_pickup_off.jpg) right center no-repeat;
	display:block;
	color:#fff;
}

#sub .bn_pickup .link a:hover,
#sub .bn_magazine .link a:hover,
#sub .bn_release .link a:hover{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_pickup_on.jpg) right center no-repeat;
	color:#4477BB;
}


/*黒木華の華も実もある映画のはなし。*/
#sub .bn_kuroki .link{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_kuroki_on.jpg) right center no-repeat;
	color:#EE4444;
}

#sub .bn_kuroki .link a{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_pickup_off.jpg) right center no-repeat;
	display:block;
	color:#fff;
}

#sub .bn_kuroki .link a:hover{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_kuroki_on.jpg) right center no-repeat;
	color:#EE4444;
}


/*設楽統のこの映画にしたら？*/
#sub .bn_shitara .link{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_shitara_on.jpg) right center no-repeat;
	color:#4477BB;
}

#sub .bn_shitara .link a{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_pickup_off.jpg) right center no-repeat;
	display:block;
	color:#fff;
}

#sub .bn_shitara .link a:hover{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_shitara_on.jpg) right center no-repeat;
	color:#4477BB;
}


/*インフォメーション*/
#sub .bn_info .link{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_info_on.jpg) right center no-repeat;
	color:#7766CC;
}

#sub .bn_info .link a{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_pickup_off.jpg) right center no-repeat;
	display:block;
	color:#fff;
}

#sub .bn_info .link a:hover{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_info_on.jpg) right center no-repeat;
	color:#7766CC;
}


/*インタビュー*/
#sub .bn_interview .link{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_interview_on.jpg) right center no-repeat;
	color:#EE3366;
}

#sub .bn_interview .link a{
	width:230px;;
	height:auto;
	background:url(../images/sub/bg_pickup_off.jpg) right center no-repeat;
	display:block;
	color:#fff;
}

#sub .bn_interview .link a:hover{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_interview_on.jpg) right center no-repeat;
	color:#EE3366;
}


/*VOD*/
#sub .bn_vod .link{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_vod_on.jpg) right center no-repeat;
	color:#88BB00;
}

#sub .bn_vod .link a{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_pickup_off.jpg) right center no-repeat;
	display:block;
	color:#fff;
}

#sub .bn_vod .link a:hover{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_vod_on.jpg) right center no-repeat;
	color:#88BB00;
}


/*今週のイチ押し、でーた大賞*/
#sub .bn_recommend .link,
#sub .bn_award .link{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_recommend_on.jpg) right center no-repeat;
	color:#FFBB00;
}

#sub .bn_recommend .link a,
#sub .bn_award .link a{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_pickup_off.jpg) right center no-repeat;
	display:block;
	color:#fff;
}

#sub .bn_recommend .link a:hover,
#sub .bn_award .link a:hover{
	width:230px;;
	height:auto;
	background:url(../images/sub/bg_recommend_on.jpg) right center no-repeat;
	color:#FFBB00;
}


/*本誌連動企画*/
#sub .bn_special .link{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_special_on.jpg) right center no-repeat;
	color:#FF5555;
}

#sub .bn_special .link a{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_pickup_off.jpg) right center no-repeat;
	display:block;
	color:#fff;
}

#sub .bn_special .link a:hover{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_special_on.jpg) right center no-repeat;
	color:#FF5555;
}

#bn_amazon{
	padding-left:8px;
}

/*ピックアップ　アーカイブス*/
#sub .archivesList{
	width:250px;
	height:auto;
	margin:10px 0;
}

#sub .archivesList li{
	width:240px;
	height:auto;
	border-bottom:1px solid #666;
	padding:8px 0 8px 10px;
	background:url(../images/sub/bg_archives_on.jpg) right center no-repeat;
	color:#4477BB;
}

#sub .pickup_archives .link a{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_archives_off.jpg) right center no-repeat;
	display:block;
	color:#fff;
	padding:0 10px 0 0;
}

#sub .pickup_archives .link a:hover{
	width:230px;
	height:auto;
	background:url(../images/sub/bg_archives_on.jpg) right center no-repeat;
	color:#4477BB;
}