@charset "utf-8";

/* ******************************************************************************** */
/*  Ｋビジョン On The Web　programs.css                                             */
/*                                                                        16.03.17  */
/* ******************************************************************************** */

/* ================================================================================ */
/*      外部CSS読み込み設定                                                         */
/* ================================================================================ */

@import url("./common.css");



/* ================================================================================ */
/*      6.コミュニティチャンネル                                                    */
/* ================================================================================ */

/* ---- 共通 ---- */
#programs{
	margin: 0px;
	padding: 0px;
}
#programs .programs_header{
	margin: 0px;
	padding: 0px;
}
#programs .programs_main{
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align: center;	/* --- for IE6 --- */
	background: url(../programs/img/bcg_main.gif) repeat-y 0px 0px;
}
#programs .programs_footer{
	margin: 0px;
	padding: 0px;
}


/* -------------------------------------------------------------------------------- */
/*      7-1.トップページ                                                            */
/* -------------------------------------------------------------------------------- */

/* ---- 番組リスト／赤 ---- */
#programs .programs_main .programlist01{
	margin: 0px auto 7px auto;
	padding: 0px;
	width: 508px;
	text-align: left;
	border-bottom: solid 2px #ff5050;
}
#programs .programs_main .programlist01 .list-header{
	margin: 0px;
	padding: 0px;
	font: 0pt/0pt sans-serif;
}
#programs .programs_main .programlist01 .list-main{
	background: #ffffff;
	border-left: solid 2px #ff5050;	
	border-right: solid 2px #ff5050;
}
#programs .programs_main .programlist01 .list-main .main_inner{
		width: 504px;
}
#programs .programs_main .programlist01 .list-main .main_inner .inner-left{
	width: 208px;
	float: left;
}
#programs .programs_main .programlist01 .list-main .main_inner .inner-left .photo{
}
#programs .programs_main .programlist01 .list-main .main_inner .inner-right{
	width: 296px;
	float: left;
}
#programs .programs_main .programlist01 .list-main .main_inner .inner-right .title{
}
#programs .programs_main .programlist01 .list-main .main_inner .inner-right .text{
	padding: 3px 0px 0px 0px;
}
#programs .programs_main .programlist01 .list-main .main_inner .inner-right .text p{
	margin: 0px 16px 0px 9px;
	padding: 0px 2px 0px 2px;
	line-height: 1.7;
	background: url(../img/common/bcg_p01.gif) repeat 0px 0px;
}
#programs .programs_main .programlist01 .list-main .main_inner .inner-right .link{
	margin: 6px 0px 6px 210px;
	padding: 0px 0px 0px 12px;
	background: url(../img/common/ico/ico_orange02.gif) no-repeat 0px 1px;
}

/* ---- 番組リスト／青 ---- */
#programs .programs_main .programlist02{
	margin: 0px auto 7px auto;
	padding: 0px;
	width: 508px;
	text-align: left;
	border-bottom: solid 2px #5186ff;
}
#programs .programs_main .programlist02 .list-header{
	margin: 0px;
	padding: 0px;
	font: 0pt/0pt sans-serif;
}
#programs .programs_main .programlist02 .list-main{
	background: #ffffff;
	border-left: solid 2px #5186ff;	
	border-right: solid 2px #5186ff;	
}
#programs .programs_main .programlist02 .list-main .main_inner{
		width: 504px;
}
#programs .programs_main .programlist02 .list-main .main_inner .inner-left{
	width: 296px;
	float: left;
}
#programs .programs_main .programlist02 .list-main .main_inner .inner-left .title{
}
#programs .programs_main .programlist02 .list-main .main_inner .inner-left .text{
	padding: 3px 0px 0px 0px;
}
#programs .programs_main .programlist02 .list-main .main_inner .inner-left .text p{
	margin: 0px 16px 0px 9px;
	padding: 0px 2px 0px 2px;
	line-height: 1.7;
	background: url(../img/common/bcg_p01.gif) repeat 0px 0px;
}
#programs .programs_main .programlist02 .list-main .main_inner .inner-left .link{
	margin: 6px 0px 6px 210px;
	padding: 0px 0px 0px 12px;
	background: url(../img/common/ico/ico_orange02.gif) no-repeat 0px 1px;
}
#programs .programs_main .programlist02 .list-main .main_inner .inner-right{
	width: 208px;
	float: left;
}
#programs .programs_main .programlist02 .list-main .main_inner .inner-right .photo{
}

/* ---- 番組リスト／その他／枠組 ---- */
#programs .programs_main .program-articles{
	margin: 20px auto 0px auto;
	padding: 0px;
	width: 508px;
	text-align: left;
}
#programs .programs_main .program-articles .articles-header{
	margin: 0px;
	padding: 0px;
	height: 10px;
	font: 0pt/0pt sans-serif;
}
#programs .programs_main .program-articles .articles-main{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
}
#programs .programs_main .program-articles .articles-footer{
	margin: 0px;
	padding: 0px;
	height: 10px;
	font: 0pt/0pt sans-serif;
}
#programs .programs_main .program-articles .articles-footer img{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border: 0px;
}

/* ---- 番組リスト／その他／内部 ---- */
#programs .programs_main .program-articles .articles-main .title01{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #237000;
	font-size: 14px;
	font-weight: bold;
	background: url(../programs/img/bcg_list-other.gif) no-repeat 0px 0px;
}
#programs .programs_main .program-articles .articles-main .title-special{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #237000;
	font-size: 14px;
	font-weight: bold;
	background: url(../programs/img/bcg_list-other-special.gif) no-repeat 0px 0px;
}
#programs .programs_main .program-articles .articles-main .title01 .inner{
	margin: 0px 0px 0px 35px;
	padding: 4px 0px 4px 0px;
}
#programs .programs_main .program-articles .articles-main .title-special .inner{
	margin: 0px 0px 0px 15px;
	padding: 4px 0px 4px 0px;
}
#programs .programs_main .program-articles .articles-main .text01{
	margin: 0px 20px 0px 20px;
	padding: 10px 0px 10px 0px;
}
#programs .programs_main .program-articles .articles-main p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ---- 番組リスト／その他／内部／リスト ---- */
#programs .programs_main .program-articles .articles-main ul.ul01{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#programs .programs_main .program-articles .articles-main ul.ul01 li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background: url(../img/common/ico/ico_yellow04.gif) no-repeat 0px 4px;
}


/* -------------------------------------------------------------------------------- */
/*      7-2.番組概要                                                                */
/* -------------------------------------------------------------------------------- */

/* ---- 共通 ---- */
#programs .programs_main #program{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 508px;
}

/* ---- 共通／ヘッダー ---- */
#programs .programs_main #program .program-header01{
	margin: 0px;
	padding: 0px;
	height: 10px;
	font: 0pt/0pt sans-serif;
}
#programs .programs_main #program .program-header02{
	margin: 0px;
	padding: 0px;
}

/* ---- 共通／メイン ---- */
#programs .programs_main #program .program-main{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background: #ffffff;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
}

/* ---- 共通／メイン／テレビ ---- */
#programs .programs_main #program .program-main .tv{
	margin: -10px auto 15px auto;
	padding: 0px;
	width: 496px;
	text-align: left;
}
#programs .programs_main #program .program-main .tv .header{
	margin: 0px;
	padding: 0px;
	height: 6px;
	font: 0pt/0pt sans-serif;
}
#programs .programs_main #program .program-main .tv .main{
	width: 496px;
}
#programs .programs_main #program .program-main .tv .main .main-left{
	margin: 0px;
	padding: 0px;
	width: 51px;
	float: left;
}
#programs .programs_main #program .program-main .tv .main .main-middle{
	margin: 0px;
	padding: 0px;
	width: 439px;
	background: #fffed4;
	float: left;
}
#programs .programs_main #program .program-main .tv .main .main-middle .middle_photo{
	width: 305px;
	float: left;
}
#programs .programs_main #program .program-main .tv .main .main-middle .middle_photo img{
	border: solid 2px #ffffff;
}
#programs .programs_main #program .program-main .tv .main .main-middle .middle_text{
	margin: 0px;
	padding: 0px;
	width: 134px;
	line-height: 1.4;
	float: left;
}
#programs .programs_main #program .program-main .tv .main .main-middle .middle_text .text-title{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}
#programs .programs_main #program .program-main .tv .main .main-middle .middle_text .text-day{
	margin: 8px 10px 0px 10px;
	padding: 0px;
	font-weight: bold;
}
#programs .programs_main #program .program-main .tv .main .main-middle .middle_text .text-time{
	margin: 6px 10px 0px 10px;
	padding: 0px;
}
#programs .programs_main #program .program-main .tv .main .main-right{
	margin: 0px;
	padding: 0px;
	width: 6px;
	float: left;
}

/* ---- 共通／メイン／紹介文 ---- */
#programs .programs_main #program .program-main .info{
	margin: 0px 40px 40px 40px;
	padding: 0px;
	text-align: left;
}
#programs .programs_main #program .program-main .info h3{
	margin: 40px 0 0 0;
}
#programs .programs_main #program .program-main .info .photo{
	margin-top: 10px;
	padding: 4px;
	width: 300px;
	border: solid 1px #cccccc;
}
#programs .programs_main #program .program-main .info p{
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
	line-height: 1.7;
	background: url(../img/common/bcg_p01.gif) repeat 0px 0px;
}

/* ---- 共通／メイン／放送内容／タイトル ---- */
#programs .programs_main #program .program-main h3{
	margin: 0px 12px 0px 12px;
	padding: 0px 0px 0px 8px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	border-left: solid 5px #80ba0e;
}
#programs .programs_main #program .program-main .title_h4-red{
	margin: 0px auto 10px auto;
	padding: 0px 0px 0px 0px;
	width: 218px;
	background: url(../programs/img/article/bcg_h4.gif) no-repeat 0px 0px;
}
#programs .programs_main #program .program-main .title_h4-red .inner{
	margin: 0px 20px 0px 20px;
	padding: 1px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
#programs .programs_main #program .program-main .title_h4-blue{
	margin: 0px auto 10px auto;
	padding: 0px 0px 0px 0px;
	width: 218px;
	background: url(../programs/img/article/bcg_h4-blue.gif) no-repeat 0px 0px;
}
#programs .programs_main #program .program-main .title_h4-blue .inner{
	margin: 0px 20px 0px 20px;
	padding: 1px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

/* ---- 共通／メイン／放送内容／放送日 ---- */
#programs .programs_main #program .program-main .news_date{
	margin: 3px 10px 30px 10px;
	padding: 0px;
	text-align: right;
}

/* ---- 共通／メイン／放送内容／写真 ---- */
#programs .programs_main #program .program-main .photo{
	margin: 0px auto 10px auto;
	padding: 0px;
	width: 316px;
}
#programs .programs_main #program .program-main .photo .photo-header{
	margin: 0px;
	padding: 0px;
	height: 8px!important;
	font: 0pt/0pt sans-serif;
}
#programs .programs_main #program .program-main .photo .photo-header img{
	margin: 0px;
	padding: 0px;
	border: 0;
	vertical-align: bottom!important;
}
#programs .programs_main #program .program-main .photo .photo-main{
	margin: 0px;
	padding: 0px;
	height: 226px;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
}
#programs .programs_main #program .program-main .photo .photo-main .main_left{
	margin: 0px;
	padding: 0px;
	height: 226px;
	display: table-cell;
	background: url(../programs/img/article/img_left-blue.gif) no-repeat 0px 0px;
}
#programs .programs_main #program .program-main .photo .photo-main .main_left img{
	margin: 0px;
	padding: 0px;
	border: 0;
	vertical-align: top;
}


/* ---- 共通／メイン／放送内容／写真／中央揃えハック ---- */
#programs .programs_main #program .program-main .photo .photo-main .main_middle{
	display: table-cell;
	width: 300px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
#programs .programs_main #program .program-main .photo .photo-main .main_middle img{
	vertical-align: middle!important;
}

/* IE 6 */
* html .photo-main div{
display: inline;
zoom: 1;
	vertical-align: middle!important;
}

/* IE 7 */
*:first-child+html .photo-main div{
display: inline;
zoom: 1;
	vertical-align: middle!important;
}

/*\*//*/
* html .photo-main div{
display: inline-block;
	vertical-align: middle!important;
}
/**/

#programs .programs_main #program .program-main .photo .photo-main .main_middle img.photo{
	margin: 0px;
	padding: 0px;
}
#programs .programs_main #program .program-main .photo .photo-main .main_right{
	margin: 0px;
	padding: 0px;
	display: table-cell;
}
#programs .programs_main #program .program-main .photo .photo-main .main_right img{
	margin: 0px;
	padding: 0px;
	border: 0;
	vertical-align: top;
}
#programs .programs_main #program .program-main .photo .photo-footer{
	margin: 0px;
	padding: 0px;
	height: 6px;
	font: 0pt/0pt sans-serif;
}

/* ---- 共通／メイン／過去の放送／ログリンク ---- */
#programs .programs_main #program .program-main .loglink{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	text-align: center;
}

/* ---- 共通／メイン／前に戻る ---- */
#programs .programs_main #program .program-main .backlink01{
	margin: 6px 0px 10px 391px;
	padding: 0px 0px 0px 12px;
	text-align: left;
	background: url(../img/common/ico/ico_orange03.gif) no-repeat 0px 1px;
}
#programs .programs_main #program .program-main .backlink02{
	margin: 6px 0px 10px 430px;
	padding: 0px 0px 0px 12px;
	text-align: left;
	background: url(../img/common/ico/ico_orange03.gif) no-repeat 0px 1px;
}


/* -------------------------------------------------------------------------------- */
/*      7-2a.番組概要／赤                                                           */
/* -------------------------------------------------------------------------------- */

/* ---- 過去の放送 ---- */
#programs .programs_main #program .program-main .archive01{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 458px;
	text-align: left;
}
#programs .programs_main #program .program-main .archive01 .header{
	height: 48px;
	background: url(../programs/img/archive/bcg_header-red.gif) no-repeat 0px 0px;
}
#programs .programs_main #program .program-main .archive01 .header .more{
	margin: 0px 10px 0px 10px;
	padding: 20px 0px 0px 0px;
	text-align: right;
}
#programs .programs_main #program .program-main .archive01 .main{
	background: url(../programs/img/archive/bcg_main-red.gif) repeat-y 0px 0px;
}
#programs .programs_main #program .program-main .archive01 .main ul{
	margin: 0px 12px 0px 12px;
	padding: 0px;
	list-style-type: none;
	line-height: 22px;
	background: url(../img/common/bcg_p02.gif) repeat 0px 0px;
}
#programs .programs_main #program .program-main .archive01 .main ul li{
	margin: 0px;
	padding: 0px 0px 0px 26px;
	background: url(../img/common/ico/ico_red01.gif) no-repeat 10px 6px;
}
#programs .programs_main #program .program-main .archive01 .footer{
}
#programs .programs_main #program .program-main .archive01 .footer img{
	vertical-align: top;
}


/* -------------------------------------------------------------------------------- */
/*      7-2b.番組概要／青                                                           */
/* -------------------------------------------------------------------------------- */

/* ---- 過去の放送 ---- */
#programs .programs_main #program .program-main .archive02{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 458px;
	text-align: left;
}
#programs .programs_main #program .program-main .archive02 .header{
	height: 48px;
	background: url(../programs/img/archive/bcg_header-blue.gif) no-repeat 0px 0px;
}
#programs .programs_main #program .program-main .archive02 .header .more{
	margin: 0px 10px 0px 10px;
	padding: 20px 0px 0px 0px;
	text-align: right;
}
#programs .programs_main #program .program-main .archive02 .main{
	background: url(../programs/img/archive/bcg_main-blue.gif) repeat-y 0px 0px;
}
#programs .programs_main #program .program-main .archive02 .main ul{
	margin: 0px 12px 0px 12px;
	padding: 0px;
	list-style-type: none;
	line-height: 22px;
	background: url(../img/common/bcg_p03.gif) repeat 0px 0px;
}
#programs .programs_main #program .program-main .archive02 .main ul li{
	margin: 0px;
	padding: 0px 0px 0px 26px;
	background: url(../img/common/ico/ico_orange01.gif) no-repeat 10px 6px;
}
#programs .programs_main #program .program-main .archive02 .footer{
}
#programs .programs_main #program .program-main .archive02 .footer img{
	vertical-align: top;
}


/* -------------------------------------------------------------------------------- */
/*      7-3.CM案内                                                                  */
/* -------------------------------------------------------------------------------- */

/* ---- 枠組み（7-1.と共通） ---- */

/* ---- 内部／リスト ---- */
#programs .programs_main .program-articles .articles-main ul.ul02{
	margin: 10px 0px 5px 0px;
	padding: 0px;
	list-style-type: none;
}
#programs .programs_main .program-articles .articles-main ul.ul02 li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	font-weight: bold;
	background: url(../img/common/ico/ico_yellow04.gif) no-repeat 0px 4px;
}

/* ---- 内部／テーブル ---- */
#programs .programs_main .program-articles .articles-main table{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 468px!important;
	line-height: 1.4;
}
#programs .programs_main .program-articles .articles-main table th{
	margin: 0px;
	padding: 4px 10px 4px 10px;
	color: #0085da;
	font-weight: bold;
	background: url(../programs/img/bcg_th.gif) repeat 0px 0px;
}

#programs .programs_main .program-articles .articles-main table th.th01{
	border-right: solid 1px #ffffff;
}
#programs .programs_main .program-articles .articles-main table th.th02{
}
#programs .programs_main .program-articles .articles-main table th.th03{
	text-align: left;
}
#programs .programs_main .program-articles .articles-main table td{
	margin: 0px;
	padding: 4px 10px 4px 10px;
	white-space: nowrap;
	background: #ffffff;
}
#programs .programs_main .program-articles .articles-main table td.td01{
	background: #ffffff;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
}
#programs .programs_main .program-articles .articles-main table td.td02{
	background: #ffffff;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
}


/* -------------------------------------------------------------------------------- */
/*      メンテナンスメニュー                                                        */
/* -------------------------------------------------------------------------------- */

#mainte .header h1{
	margin: 20px auto;
	padding-bottom: 20px;
	font-size: 16px;
	text-align: center;
	border-bottom: dotted 2px #cccccc;
}
#mainte .header h2{
	font-weight: bold;
}