@charset "UTF-8";


/* スタイルトップページタイトルボックス */
div#styleTitleBox {
	width: 600px;
	height: 190px;
	margin: 0 0 20px 0;
}


div.styleRadioBox {
	margin: 0 0 20px 0;
	padding: 0 5px 10px 0;
	border-bottom: solid 1px #84CFFF;
	background: #E6F5FF url(../images/topRadioBox.gif) no-repeat;
}

div.styleMobileBox {
	margin: 0 0 20px 0;
	padding: 0 5px 10px 0;
	border-bottom: solid 1px #84CFFF;
	background: #E6F5FF url(../images/topMobileBox.gif) no-repeat;
}

div.stylePcBox {
	margin: 0 0 20px 0;
	padding: 0 5px 10px 0;
	border-bottom: solid 1px #84CFFF;
	background: #E6F5FF url(../images/topPcBox.gif) no-repeat;
}

div.stylePodcastBox {
	margin: 0 0 20px 0;
	padding: 0 5px 10px 0;
	border-bottom: solid 1px #84CFFF;
	background: #E6F5FF url(../images/topPodcastBox.gif) no-repeat;
}



/* 各メディアのタイトル */
div.contents h3 {
	position: absolute;
		top: -9999px;
		left: -9999px;
}
/* トップページの各メディアの解説文 */
div.contents p.styleTopText {
	padding: 10px 0 0 210px;
}
p.detailBtn {
	margin: 0 0 10px 0;
	text-align: right;
}

/* メディア別ページタイトルボックス */
div#mediaTitleBox {
	width: 100%;
	height: 90px;
	margin: 0 0 20px 0;
}
/* ラジオ日経スタイル用囲み　RSS一覧にも利用 */
div.styleContents {
	width: 600px;
	margin: 0 0 20px 0;
	background: url(/themes/base/images/mediaInfoBottom.gif) bottom left no-repeat;
}
/* したの枠がない */
div.styleContentsOndemand {
	width: 600px;
	margin: 0 0 0 0;
	background: url(/themes/base/images/mediaInfoBottom.gif) top left no-repeat;
}
/* 600幅固定トップ ラジオ日経スタイル用囲み　RSS一覧にも利用  */
.mediaInfoBoxHead{
	width: 580px;
	_width: 600px;
	padding: 20px 10px;
	background: url(/themes/base/images/mediaInfoTop.png) top left no-repeat;
	}
	/* リード文　右側にボタンがない */
	p.leadText {
		clear: both;
		margin: 0 0 15px 10px;
		_margin: 10px 0 15px 10px;
	font-weight: bold;
	}
	/*  リード文　右側にボタンがある */
	p.leadText2 {
	margin: 0 0 15px 10px;
	_margin: 10px 0 15px 10px;
	font-weight: bold;
	}
	.otherLeadText{
		margin: 0 0 15px 10px;
		_margin: 10px 0 15px 10px;
	}		
div.mediaInfoBoxBottom {
	height: 17px;
	margin: 0 -10px;
	background: url(../images/mediaInfo.jpg) 100% 100% no-repeat;
}
div.mediaInfoBoxBottom div {
	width: 18px;
	height: 17px;
	background :url(../images/mediaInfo.jpg) 0 100% no-repeat;
}
/* オンデマンドテーブル 削除予定*/
#ondemandlistTableWrap{
	margin: 0;
	padding: 0;
	border-top: 1px solid #A1D3FF;
	border-right: 1px solid #A1D3FF;
}
/*ここまで*/
#ondemandlistTablePodcast{
	margin: 0 0 0 0;
	_margin: -10px 0 0 0;
	padding: 0;
	border-right: 1px solid #A1D3FF;
}
.ondemandlistTable {
	width: 100%;
	_width: 99.8%;
	margin: 0 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
/* ラジオ日経スタイルのオンデマンド */
.ondemandlistTable td{
	vertical-align: top;
	width:50%;
	margin:0 3px 6px 3px;
	padding: 10px;
	border-left: 1px solid #A1D3FF;
	border-bottom: 1px solid #A1D3FF;
	background: #FFFFFF;
	vertical-align: top;
	font-size: 95%;
	_font-size: 93%;
 }
 *+html .ondemandlistTable td{
 font-size: 93%;
 }
 .ondemandlistTable td p{
	margin:0;
 }
 /* オンデマンドのブログ名 */
#wrapper #mainColumn #ondemandlistTablePodcast .ondemandlistTable p.ondemandBlogList{
	float:left;
	width:155px;
	_width:160px;
	_margin:0;
	line-height: 1;
	font-weight: bold ;
 }
 /* オンデマンドのブログ名 時刻 */
 p.ondemandBlogList span{
	font-weight: normal ;
 }
 /* ポッドキャストのブログ名 */
#wrapper #mainColumn #ondemandlistTablePodcast .ondemandlistTable .podcastBlogList{
	float:left;
	width:223px;
	_width:235px;
	_margin:0;
	line-height: 1;
	font-weight: bold ;
}
 
 	/* newボタン */
 .newPodcastData{
 margin: 0 0 5px 5px ;
 }
.programOnDemand{
float : right;
width:64px;
}
/*  */
.mediaNameJ {
	position: relative;
	float: left;
	padding: 2px 0 7px 8px;
}
.mediaNameE {
	position: relative;
	float: right;
}


/* ケータイ */
/* ラジモ */
#radimo {
	position: relative;
	/*clear: both;*/
	float: right;
	width: 137px;
	height: 158px;
	margin: 10px 10px 0 20px;

}


/* ライブストリーミング */
/* 聴くボタン */
p#liveListenBtn {
	position: relative;
	clear: both;
	float: right;
	margin: 10px 10px 0 10px;
	padding:0 0 10px 0;
	width: 95px;
}

/* ポッドキャスト・オンデマンドなどのボックス */
div.titleCateDateBody {
	height: 100%;
}
/* 外枠 */
div.programBox {
	position: relative;
	float: left;
	width: 45%;
	height: 5em;
	margin: 10px 0px 0 10px;
	padding: 5px;
	border: solid 1px #dddddd; 
}
/* 番組アイコン */
div.programIcon {
	float: left;
	width: 45px;
}
/* ポッドキャストボタンのボックス */
.podcastBtnBox {
	list-style-type: none;
	float: right;
	width: 110px;
	margin-top: 10px;
	text-align: right;
}
.podcastBtnBox li{
	height: 22px;
	text-align: right;
}
.podcastBtnBox li .rssIcon{
	margin: 0 5px 2px 0 ;
}
p.mobileLeadText {
	position: relative;
	clear: none;
	float: left;
	width: 70%;
	margin: 10px 0 0 10px;
}
/* Podcast　詳細説明 */
#podcastHowto {
	position: relative;
	clear: both;
	float: right;
	width: 60px;
	margin:20px 10px 0 0;
	text-align: center;
	font-size: 85%;
}
#podcastHowto span{
text-decoration: none;
border-bottom: none;
display:block;/*Firefox hoverの下線回避*/
}

/*右側にアイコンがある*/

p.otherLeadText {
	position: relative;
	margin: 10px 100px 0 10px;
}
/*右側にアイコンがない*/

p.otherLeadText2 {
	position: relative;
	margin: 10px 10px 0 10px;
}

/* フロートのクリア用のIEハックを上書き… */
.clearHidden {
	_display: block;
}

/* Podcast各ボタン */
p.listenBtn {
	padding-top:10px;
	text-align: right;
}