@charset "utf-8";

/* CSS Document */

/* =========================================================
   News Index Stylesheet
     for NHKondemand()
     Modified : 2008-07-17
========================================================= */

/* ---------------------------------------------------------
   001.import
--------------------------------------------------------- */

/* ---------------------------------------------------------
   002.GlobalNavi Here
--------------------------------------------------------- */

/* ---------------------------------------------------------
   003.PageTitle
--------------------------------------------------------- */

#newsIndex div#pageTitle {
	position: absolute; top: 0; left: -10000px;
}
/*
#newsIndex div#pageTitle h1 {
	margin: 0 auto;
	padding-left: 2px;
	width: 982px;
	height: 50px;
	background: url(/css/img/bg_pagetitle.gif) top left repeat-x;
}
*/
/* ---------------------------------------------------------
   004.LayoutFix
--------------------------------------------------------- */

#newsIndex div#container {
	background: url(/css/img/bg_1024_wrap.gif) top left repeat;
}

#newsIndex div#pageWrap {
	background: url(/css/img/bg_1024_wrap.gif) top left repeat;
}

#newsIndex div#page {
	background: url(/css/img/bg_1024_wrap.gif) top left repeat;
}

#newsIndex div#page div#main {
	width: 990px;
}

#newsIndex div#page div#main div#content {
	margin-right: 1px;
	padding-bottom: 10px;
	display: inline;
	width: 839px;
}

#newsIndex div#linkPagetop {
	margin-top: 11px;
	margin-right: 0px;
}

/* ---------------------------------------------------------
   006.SelectNews
--------------------------------------------------------- */

#newsIndex #selectNews {
}

#newsIndex #selectNewsHeader {
	width: 841px;
	height: 41px;
	background: url(/css/img/bg_select_news_header.png) top left no-repeat;
}
#newsIndex #selectNewsHeader h2 {
	padding: 10px 0 0 2px;
}

#newsIndex #selectNewsContent {
	width: 841px;
	height: 100%;
	overflow: hidden;
	background: url(/css/img/bg_select_news_wrapper.png) top left repeat-y;
}

#newsIndex #selectNewsTab {
	margin: 13px 0 0 4px;
	display: inline;
	float: left;
	width: 147px;
	height: 446px;
}

#newsIndex #selectNewsTab li a {
	padding: 27px 0 0 27px;
	display: block;
	width: 120px;
	height: 29px;
	overflow: hidden;
	color: #363f43;
	text-decoration: none;
	background: url(/css/img/tab_news.gif) top left no-repeat;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	font-size: 11px;
	letter-spacing: normal;
	white-space: nowrap;
}

#newsIndex #selectNewsTab li a.here,
#newsIndex #selectNewsTab li a:hover {
	padding-left: 23px;
	width: 124px;
}

#newsIndex #selectNewsTab li.sdTab1 a {
	background-position: 0 0;
}
#newsIndex #selectNewsTab li.sdTab2 a {
	background-position: 0 -56px;
}
#newsIndex #selectNewsTab li.sdTab3 a {
	background-position: 0 -112px;
}
#newsIndex #selectNewsTab li.sdTab4 a {
	background-position: 0 -168px;
}
#newsIndex #selectNewsTab li.sdTab5 a {
	background-position: 0 -224px;
}
#newsIndex #selectNewsTab li.sdTab6 a {
	background-position: 0 -280px;
}
#newsIndex #selectNewsTab li.sdTab7 a {
	background-position: 0 -336px;
}
#newsIndex #selectNewsTab li.sdTab8 a {
	background-position: 0 -392px;
}
#newsIndex #selectNewsTab li.sdTab9 a {
	text-indent: -10000px;
	background-position: 0 -448px;
}

#newsIndex #selectNewsTab li.sdTab1 a.here,
#newsIndex #selectNewsTab li.sdTab1 a:hover {
	background-position: -147px 0;
}
#newsIndex #selectNewsTab li.sdTab2 a.here,
#newsIndex #selectNewsTab li.sdTab2 a:hover {
	background-position: -147px -56px;
}
#newsIndex #selectNewsTab li.sdTab3 a.here,
#newsIndex #selectNewsTab li.sdTab3 a:hover {
	background-position: -147px -112px;
}
#newsIndex #selectNewsTab li.sdTab4 a.here,
#newsIndex #selectNewsTab li.sdTab4 a:hover {
	background-position: -147px -168px;
}
#newsIndex #selectNewsTab li.sdTab5 a.here,
#newsIndex #selectNewsTab li.sdTab5 a:hover {
	background-position: -147px -224px;
}
#newsIndex #selectNewsTab li.sdTab6 a.here,
#newsIndex #selectNewsTab li.sdTab6 a:hover {
	background-position: -147px -280px;
}
#newsIndex #selectNewsTab li.sdTab7 a.here,
#newsIndex #selectNewsTab li.sdTab7 a:hover {
	background-position: -147px -336px;
}
#newsIndex #selectNewsTab li.sdTab8 a.here,
#newsIndex #selectNewsTab li.sdTab8 a:hover {
	background-position: -147px -392px;
}
#newsIndex #selectNewsTab li.sdTab9 a.here,
#newsIndex #selectNewsTab li.sdTab9 a:hover {
	background-position: -147px -448px;
}

#newsIndex #selectNewsMain {
	margin-left: 14px;
	display: inline;
	float: left;
	width: 670px;
	overflow: hidden;
}

#newsIndex #selectNewsProgram {
	margin: 14px 0 14px 0;
	overflow: hidden;
}

#newsIndex #selectNewsProgram .newsProgramBox {
	margin: 0 14px 0 0;
	display: inline;
	float: left;
	width: 120px;
	height: 78px;
	background: url(/css/img/bg_news_list.gif) top left no-repeat;
}

#newsIndex #selectNewsProgram .newsProgramBox a {
	padding: 4px 0 0 0;
	display: block;
	width: 120px;
	height: 74px;
}

#newsIndex #selectNewsProgram .newsProgramBox a span.thumbnail {
	margin-left: 14px;
	display: block;
	width: 92px;
	height: 52px;
	text-indent: -10000px;
}

#newsIndex #selectNewsProgram .newsProgramBox a span.programTitle {
	display: block;
	width: 120px;
	height: 22px;
	text-indent: -10000px;
}

#newsIndex #selectNewsProgram .newsProgramBox a .image1 {
	background: url(/css/img/pts_200off.jpg) top left no-repeat;
}
#newsIndex #selectNewsProgram .newsProgramBox a .title1 {
	background: url(/css/img/news_title_01off.gif) top left no-repeat;
}

#newsIndex #selectNewsProgram .newsProgramBox a .image2 {
	background: url(/css/img/pts_201off.jpg) top left no-repeat;
}
#newsIndex #selectNewsProgram .newsProgramBox a .title2 {
	background: url(/css/img/news_title_02off.gif) top left no-repeat;
}

#newsIndex #selectNewsProgram .newsProgramBox a .image3 {
	background: url(/css/img/pts_202off.jpg) top left no-repeat;
}
#newsIndex #selectNewsProgram .newsProgramBox a .title3 {
	background: url(/css/img/news_title_03off.gif) top left no-repeat;
}

#newsIndex #selectNewsProgram .newsProgramBox a .image4 {
	background: url(/css/img/pts_203off.jpg) top left no-repeat;
}
#newsIndex #selectNewsProgram .newsProgramBox a .title4 {
	background: url(/css/img/news_title_04off.gif) top left no-repeat;
}

#newsIndex #selectNewsProgram .newsProgramBox a .image5 {
	background: url(/css/img/pts_204off.jpg) top left no-repeat;
}
#newsIndex #selectNewsProgram .newsProgramBox a .title5 {
	background: url(/css/img/news_title_05off.gif) top left no-repeat;
}

#newsIndex #selectNewsProgram .newsProgramBox a.here .image1,
#newsIndex #selectNewsProgram .newsProgramBox a:hover .image1 {
	background: url(/css/img/pts_200.jpg) top left no-repeat;
}
#newsIndex #selectNewsProgram .newsProgramBox a.here .title1,
#newsIndex #selectNewsProgram .newsProgramBox a:hover .title1 {
	background: url(/css/img/news_title_01on.gif) top left no-repeat;
}

#newsIndex #selectNewsProgram .newsProgramBox a.here .image2,
#newsIndex #selectNewsProgram .newsProgramBox a:hover .image2 {
	background: url(/css/img/pts_201.jpg) top left no-repeat;
}
#newsIndex #selectNewsProgram .newsProgramBox a.here .title2,
#newsIndex #selectNewsProgram .newsProgramBox a:hover .title2 {
	background: url(/css/img/news_title_02on.gif) top left no-repeat;
}

#newsIndex #selectNewsProgram .newsProgramBox a.here .image3,
#newsIndex #selectNewsProgram .newsProgramBox a:hover .image3 {
	background: url(/css/img/pts_202.jpg) top left no-repeat;
}
#newsIndex #selectNewsProgram .newsProgramBox a.here .title3,
#newsIndex #selectNewsProgram .newsProgramBox a:hover .title3 {
	background: url(/css/img/news_title_03on.gif) top left no-repeat;
}

#newsIndex #selectNewsProgram .newsProgramBox a.here .image4,
#newsIndex #selectNewsProgram .newsProgramBox a:hover .image4 {
	background: url(/css/img/pts_203.jpg) top left no-repeat;
}
#newsIndex #selectNewsProgram .newsProgramBox a.here .title4,
#newsIndex #selectNewsProgram .newsProgramBox a:hover .title4 {
	background: url(/css/img/news_title_04on.gif) top left no-repeat;
}

#newsIndex #selectNewsProgram .newsProgramBox a.here .image5,
#newsIndex #selectNewsProgram .newsProgramBox a:hover .image5 {
	background: url(/css/img/pts_204.jpg) top left no-repeat;
}
#newsIndex #selectNewsProgram .newsProgramBox a.here .title5,
#newsIndex #selectNewsProgram .newsProgramBox a:hover .title5 {
	background: url(/css/img/news_title_05on.gif) top left no-repeat;
}

#newsIndex #selectNewsMain h3 {
	padding-left: 14px;
	clear: both;
	width: 642px;
	height: 27px;
	line-height: 27px;
	color: #FFFFFF;
	background: url(/css/img/title_news_program_title.gif)
}

#newsIndex #selectNewsMain #newsHeadline {
	margin-top: 10px;
	margin-bottom: 22px;
	float: left;
	width: 255px;
	overflow: hidden;
}

#newsIndex #selectNewsMain #newsHeadline ul {
}

#newsIndex #selectNewsMain #newsHeadline ul li {
	margin-bottom: 7px;
	padding-left: 15px;
	clear: both;
	position: relative;
	overflow: hidden;
	background: url(/css/img/icon_triangle.gif) top left no-repeat;
}

#newsIndex #selectNewsMain #newsHeadline ul li img.movie {
	margin: 0 0 0 5px;
}

#newsIndex #selectNewsMain #newsHeadline ul li img.sound {
	margin: 0 0 0 5px;
}

#newsIndex #selectNewsMain #newsHeadline ul li a {
	color: #0088cc;
}

#newsIndex #selectNewsMain #newsHeadline ul li a:hover {
	color: #0088cc;
	text-decoration: underline;
}

#newsIndex #selectNewsMain #movieArea {
	margin-top: 10px;
	margin-right: 14px;
	display: inline;
	float: right;
	overflow: hidden;
}


#newsIndex #selectNewsMain #movieArea #newsPresentation {
	margin: 3px 0 22px 0;
	border-collapse: collapse;
	width: 385px;
	color: #748187;
}

#newsIndex #selectNewsMain #movieArea #newsPresentation .programThumbnail {
	padding: 7px 7px 5px 5px;
	border-left: 2px #cbd1d9 solid;
	border-bottom: 1px #cbd1d9 solid;
	float: left;
	width: 170px;
	height: 100px;
}

#newsIndex #selectNewsMain #movieArea #newsPresentation .programInfo {
	padding: 7px 7px 5px 0;
	border-bottom: 1px #cbd1d9 solid;
	float: left;
	width: 192px;
	height: 100px;
	vertical-align: top;
}

#newsIndex #selectNewsMain #movieArea #newsPresentation .programCast {
	padding: 4px 7px 0 5px;
	clear: both;
	border-left: 2px #cbd1d9 solid;
	width: 372px;
}

#newsIndex #selectNewsMain p.iconAttention {
	margin: 0 0 8px 0;
	clear: both;
}

#newsIndex #selectNewsMain p.iconAttention img.movie {
	margin: 0 5px 0 0;
}

#newsIndex #selectNewsMain p.iconAttention img.sound {
	margin: 0 5px 0 0;
}

#newsIndex #selectNewsMain p.readPassupProgram {
	margin: 0 0 8px 0;
	clear: both;
}

#newsIndex #selectNewsFooter {
	clear: both;
	width: 841px;
	height: 12px;
	background: url(/css/img/bg_select_news_footer.png) top left no-repeat;
}

/*-----------------------ie fix-------------------------- */

* html #newsIndex #selectNewsHeader {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/bg_select_news_header.png',sizingMethod='image');
}

* html #newsIndex #selectNewsContent {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/bg_select_news_wrapper.png',sizingMethod='scale');
}
* html #newsIndex #selectNewsFooter {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/bg_select_news_footer.png',sizingMethod='image');
}

* html #newsIndex #selectNewsMain #newsHeadline ul li img.movie,
* html #newsIndex #selectNewsMain #newsHeadline ul li img.sound {
	top: 2px;
}

/* ---------------------------------------------------------
   007.NewsChapterSearch
--------------------------------------------------------- */

#newsIndex #newsChapterSearch {
	margin-top: 13px;
	width: 841px;
}

#newsIndex #newsChapterSearchHeader {
	width: 841px;
	height: 45px;
	background: url(/css/img/bg_search_area_header.png) top left no-repeat;
}

#newsIndex #newsChapterSearchBox {
	position: relative;
	background: url(/css/img/bg_search_area_header.png) top left no-repeat;
}

#newsIndex #newsChapterSearchBox input.inputArea {
	border: 1px solid #999;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	position: absolute;
	top: 12px;
	left: 14px;
	width: 250px;
	height: 17px;
	background: #fff;
	font-size: 12px;
}

#newsIndex #newsChapterSearchBox input.searchButton {
	position: absolute;
	top: 12px;
	left: 280px;
}

#newsIndex #newsChapterSearchBox p.searchInfo {
	position: absolute;
	top: 12px;
	left: 351px;
}

#newsIndex #newsChapterSearchContent {
	padding: 0 6px 0 2px;
	width: 833px;
	background: url(/css/img/bg_search_area_content.png) top left repeat-y;
}

#newsIndex #newsChapterSearchContent p.searchResultInfo {
	margin-bottom: 14px;
	padding: 10px 43px;
	color: #748187;
	background: url(/css/img/line_dotted.gif) bottom left repeat-x;
}

#newsIndex #newsChapterSearchContent .searchResultBox {
	margin: 0 14px 0 14px;
	padding-bottom: 10px;
	clear: both;
	width: 805px;
	overflow: hidden;
}

#newsIndex #newsChapterSearchContent .searchResultBox .searchResultNews {
	width: 379px;
	float: left;
	overflow: hidden;
}

#newsIndex #newsChapterSearchContent .searchResultBox .searchResultNews.leftBox {
	margin-right: 47px;
}

#newsIndex #newsChapterSearchContent .searchResultBox .searchResultNews img.thumbnail {
	margin-right: 8px;
	display: inline;
	float: left;
	width: 92px;
	height: 52px;
}

#newsIndex #newsChapterSearchContent .searchResultBox .searchResultNews dl {
	display: inline;
	float: left;
	width: 279px;
}

#newsIndex #newsChapterSearchContent .searchResultBox .searchResultNews dl dt {
	padding-bottom: 5px;
	color: #748187;
	background: url(/css/img/line_dotted.gif) bottom left repeat-x;
}

#newsIndex #newsChapterSearchContent .searchResultBox .searchResultNews dl dt span.iconArea {
	margin-left: 10px;
}

#newsIndex #newsChapterSearchContent .searchResultBox .searchResultNews dl dt img.movie {
	margin-right: 6px;
}

#newsIndex #newsChapterSearchContent .searchResultBox .searchResultNews dl dd {
	color: #363f43;
}

#newsIndex #newsChapterSearchContent .searchResultBox .searchResultNews dl dd a {
	color: #363f43;
}

#newsIndex #newsChapterSearchContent .searchResultBox .searchResultNews dl dd a:hover {
	color: #e8303b;
}

#newsIndex #newsChapterSearchFooter {
	width: 841px;
	height: 31px;
	background: url(/css/img/bg_search_area_footer.png) top left no-repeat;
}

#newsIndex #newsChapterSearchFooter p.buttonClose {
	padding: 7px 6px 0 2px;
	width: 833px;
	text-align: center;
}

#newsIndex #newsChapterSearchFooter p.buttonClose a {
	position: relative;
}

#newsIndex #newsSearch #newsSearchArea {
	padding: 1px 0 0 0;
	position: relative;
	height: 45px;
}

#newsIndex #newsSearch #newsSearchArea input.inputArea {
	border: 1px solid #999;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	position: absolute;
	top: 12px;
	left: 14px;
	width: 250px;
	height: 17px;
	background: #fff;
	font-size: 12px;
}

#newsIndex #newsSearch #newsSearchArea input.searchButton {
	position: absolute;
	top: 12px;
	left: 280px;
}

#newsIndex #newsSearch #newsSearchArea p.searchInfo {
	position: absolute;
	top: 12px;
	left: 351px;
}

#newsIndex #linkPagetop p.pagetop {
	margin-right: 4px;
	display: inline;
}
/*-----------------------ie fix-------------------------- */

* html #newsIndex #newsChapterSearchHeader {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/bg_search_area_header.png',sizingMethod='image');
}

* html #newsIndex #newsChapterSearchContent {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/bg_search_area_content.png',sizingMethod='scale');
}
* html #newsIndex #newsChapterSearchFooter {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/bg_search_area_footer.png',sizingMethod='image');
}

/* ---------------------------------------------------------
   008.NewsAreaFix
--------------------------------------------------------- */

#newsIndex #packAndNewsArea .newsProgram {
	margin-top: 20px;
}