@charset "iso-2022-jp";
body {
	font: 100% "ＭＳ Ｐゴシック", "MS Gothic", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Osaka" sans-serif; /*Safari*/
	margin: 0px;
	padding: 0px;
	color: #000000;
	background-image:  url(/radio/img/main_bg.gif);
	background-repeat: repeat-x;
	background-color: #d9f3ff;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, li, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0px;
	margin: 0px;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0px;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}

a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	outline:none;
	border: 0px;
}

.alt { 
	position:absolute;
	top:-5000px;
	left:-9999px;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #297bb2;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #297bb2;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #69C;
}


a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ この固定幅コンテナが他のすべての div を囲みます。~~ */
.container {
	width: 1000px;
	margin: 0px auto;
	background-repeat: repeat-x;
	background-image: url(/radio/img/main_bg.gif);
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header {
	padding: 2px 0px 0px 0px;
}
.header_logo {
	float:left;
}

.header_banner {
	margin: 0px;
	text-align: right;
}

/* Firefox用 */
@-moz-document url-prefix() {
	.header_banner {
	margin: 0px -12px 0px 0px;
	text-align: right;
	}
}

/* その他 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.header_banner {
	margin: 0px -15px 0px 0px;
	text-align: right;
	}
}

.topnavi {
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding: 10px 0px 5px;
	height: 16px;
}

.topnavi a, .topnavi a:link,  .topnavi a:visited { color:#FFF; text-decoration:none; }
.topnavi a:hover {
	color: #007FE5;
}
.headernavi {
	padding: 8px 0px 0px 0px;
	margin: 0px;
	height: 30px;
}
.headernavi a, .headernavi a:link,.headernavi a:visited { color:#666;
	text-decoration: none; }

.headernavi a:hover { color:#005ead; }	
	
/*header snavi*/
.yaji{
	background-image: url(/radio/img/ic_yajirushi.gif);
	background-repeat: no-repeat;
	padding: 0px 13px 0px 15px;
	font-size: 12px;
	margin: 3px 0px;
}

/*menu*/
/*  Global Navigation */
ul#navigation {
	width: 509px;
	margin: 0px 0px 0px 45px;
　/*float解除*/
	zoom: 100%;　/*float解除*/
	overflow: hidden;
	float: left;
}
ul#navigation li {
	float: left; /*次の要素を右側へ回り込ませる*/
	list-style: none; /*リストの●を消す*/
}
ul#navigation li a {
	display: block; /*インラインからブロック要素へ変更*/
	height: 30px; /*高さ*/
	width: 170px; /*横幅*/
	text-align: center; /*テキストの位置*/
	font-weight: bold; /*テキストの太さ*/
	letter-spacing: 1px; /*文字間隔*/
	text-indent: -9898px; /*テキストを横に飛ばして見えなくする*/
	background-image: url(/radio/img/navi_menu.gif); /*メニュー画像*/
	background-repeat: no-repeat; /*画像の繰り返しをオフに*/
}

ul#navigation a.radiko {background-position:0px 0px;width:169px;}
ul#navigation li a.radiko:hover {background-position:0 -30px;}
ul#navigation a.podcasting {background-position:-169px 0px;}
ul#navigation li a.podcasting:hover {background-position:-169px -30px;}
ul#navigation li a.rajikon {background-position:-339px 0px;}
ul#navigation li a.rajikon:hover {background-position:-339px -30px;}

/*header search*/
.searchbox {
	width: 185px;
	background-color: #000;
	padding: 5px;
	margin: -10px 0px 6px 10px;
	float: right;
	}

/* mac Safariのみ適用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.searchbox {
	width: 160px;
	background-color: #000;
	padding: 5px;
	margin: -10px 0px 6px 20px;
	float: right;
	}
}

.searchtext {
	width: 135px;
}
.searchbox img { border:0px; }

#image-sbtn {
	border: 0px;
	xcursor: pointer;
	position: absolute;
	text-indent: -99999px;
	width: 16px;
	height: 17px;
	background-image: url(/radio/img/header_search_ic.gif);
	margin: 3px 0px 0px 3px;
}


/* ~~ レイアウトに使用するカラムです。~~ 

1) 余白は、div の上部または下部にのみ配置されます。これらの div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

2) カラムはすべてフロートしているため、マージンは指定されていません。マージンを追加する必要がある場合は、フロート方向には指定しないでください (例えば、右フロートに設定した div の右マージン)。多くの場合、代わりに余白を使用できます。このルールに従わない場合は、div のルールに「display:inline」宣言を追加し、一部のバージョンの Internet Explorer でマージンが 2 倍になるバグを回避する必要があります。

3) クラスはドキュメント内で複数回使用できるので (またエレメントには複数のクラスを適用できます)、カラムには ID ではなくクラス名が割り当てられます。例えば、必要に応じて 2 つのサイドバー div をスタックできます。クラスを各ドキュメントで一度しか使用しないのであれば、ユーザーの好みに応じて、クラス名を ID に変更することができます。

4) ナビゲーションを左ではなく右に配置したい場合、これらのカラムを反対方向にフロートさせると (すべて左方向にする代わりに、すべて右方向に設定)、反転してレンダリングされます。HTML ソース内で div を移動する必要はありません。

*/
.iframe {padding:5px 0 0 0; margin:0; width:718px; float:right;}

.emergency_msg {
	margin: 8px auto;
	padding: 10px;
	font-size: 12px;
	text-align:left;
	line-height: 140%;
	color: #505050;
	background-color: #FFFFFF;
}

x.ctop { }

.ctop2 {
	background-image: url(/radio/img/top_podcasting_bg.gif);
	padding: 0px;
	height: 110px;
	height: 200px !important;
	max-height: 200px;
	line-height: 0;
	margin: 0px;
}

.ctop2 table {
	width: 190px;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	height: 70px;
}

.ctop3 {
	background-image: url(/radio/img/top_radicon_bg.gif);
	padding: 0px 3px 5px 5px;
	height: 99px;
	height: 200px !important;
	max-height: 200px;
	line-height: 0;
}

.ctop3 table {
	width: 88%;
	margin: 0px 0px 0px 16px;
}

.sidebar1 {
	float: left;
	width: 274px;
	padding-bottom: 10px;
	margin-right: 8px;
	color: #505050;
}
.content {
	padding: 10px 0px;
	width: 234px;
	float: left;
	margin-right: 6px;
	color: #505050;
}

.topcontent {
	padding: 10px 0px;
	width: 234px;
	float: left;
	margin-right: 6px;
	color: #505050;
	height: 90px !important;
	max-height: 90px;
}

.topcontent_emergency {
	padding: 10px 0px;
	width: 713px;
	float: left;
	margin: 0px;
	color: #505050;
	height: 90px !important;
	max-height: 90px;
}

.topcontent_r {
	padding: 10px 0px;
	width: 234px;
	float: left;
	xmargin-right: 6px;
	color: #505050;
	height: 90px !important;
	max-height: 90px;
}

.content2 {
	padding: 10px 0px;
	width: 234px;
	float: left;
	margin-right: 6px;
	color: #505050;
	line-height: 0;
}

.col2 {
	padding: 10px 0px;
	width: 234px;
	float: left;
	margin-right: 6px;
	color: #505050;
	line-height: 0;
	height: 200px !important;
	max-height: 200px;
}

.sidebar2 {
	float: left;
	width: 234px;
	padding: 10px 0px;
	color: #505050;
}

.sidebar2 a, .sidebar2 a:link, .sidebar2 a:visited { color:#666; text-decoration:none;}
.sidebar2 a:hover { color:#005ead; text-decoration:underline;}

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol { 
	padding: 0px 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}

/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul.program {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.program li {
	margin: 0px;
	padding: 0px;
}

/* ~~ text ~~ */
.ftsm {font-size:90%;}
.f9 {font-size: 9px;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f28 {font-size: 28px;}
.b {font-weight: bold;}
.nm {font-weight: normal;}
.nowontime {
	color:#005ead;
	padding: 0px;
}
.red {color:#CC0000;}
.blue {color:#005ead;}
.glay {color:#}

/* ~~ space ~~ */
.mt2 {margin-top:2px;}
.mt4 {margin-top:4px;}
.mt7 {margin-top:7px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:18px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.lh11 {line-height:1.1;}
.lh12 {line-height:1.2;}
.lh13 {line-height:1.3;}
.lh15 {line-height:1.5;}
.lh20 {line-height:2.0;}
.pdg10 {padding:10px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pb10 {padding-bottom:10px;}
.pb40 {padding-bottom:40px;}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}
.tright {text-align:right;}
.tleft {text-align:left;}
.center {text-align:center;}
.h100 {
	height:100%;
	max-height: 100%;
}


/* ~~ color ~~ */
.bgfff {
	background-color: #ffffff;
}

/* ~~ table ~~ */




/* thumbnail */
.thumb61{
	border: 1px solid #7d5522;
	margin: 0px 3px 0px 0px;
	width: 61px;
	height: 61px;
}

.thumb67{
	margin: 0px 20px 0px 5px;
	border: 1px solid #7c5a3f;
	width: 67px;
	height: 67px;
}


/* ~~ NOW on AIR ~~ */
.listennow {
	background-image: url(/radio/img/nowonair_top.gif);
	min-height: 184px;
	height: 184px;
	xheight: auto !important;
}
.nowon_program {
	background-image: url(/radio/img/noa_bg.gif);
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
	width: 274px;
	xheight: 100px;
	xheight: auto;
}

.nowon_program img {
	float: left;
	margin: 0px 5px 5px 0px;
}

.nowon_pinfo {
	padding: 0px 10px;
	width: 250px;
	margin: 0px;
	height: auto;
}

.nowon_info {
	background-image: url(/radio/img/noa_info.gif);
	margin: 0px;
	padding: 0px;
	height: 31px;
	color: #5F5F5F;
	background-color: #CCC;
}

.personality {
	background-image: url(/radio/img/ic_personality.gif);
	background-repeat: no-repeat;
	clear: both;
	margin: 3px 3px 0px 0px;
	padding: 0px 0px 5px 15px;
	font-size: 12px;
}

.personality_corner {
	background-image: url(/radio/img/ic_personality.gif);
	background-repeat: no-repeat;
	margin: 3px 3px 0px 45px;
	padding: 1px 0px 0px 15px;
	line-height: 1;
}

.personality_today {background-image: url(/radio/img/ic_personality.gif); background-repeat: no-repeat; clear: both; margin: 2px 0 0 30px; padding: 0 0 0 15px;}


.nowon_cornerbox {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	font-size: 12px;
	width: 250px;
}

.nowon_cornerbox img {float:none;}


.nowon_next_bg {
	background-image:url(/radio/img/noa_next_bg.gif);
	margin: 0px;
	padding: 0px;
	width: 274px;
	background-repeat: no-repeat;
}

.nowon_nextbox {
	padding: 35px 10px 5px 20px;
	font-size: 12px;
}

.today_program {
	background-image: url(/radio/img/noa_list_bg.gif);
}

.today_program_bottom {
	background-image: url(/radio/img/noa_bottom.gif);
	max-height: 11px;
	background-repeat: no-repeat;
	padding-bottom: 8px;
	line-height: 0;
	height: 11px;
}

.today_program_box {
	padding: 5px 5px 5px 10px;
	border-top: 2px dashed #99caf2;
	margin: 0px 2px 0px 12px;
	font-size: 12px;
}


/*top-extra*/
.extrabox {
	background-color: #fff;
	padding: 5px 0px 0px 5px;
}


.extrabox ul li {
	padding: 0px 0px 0px 30px;
	background: url(/radio/img/ic_yajirushi.gif) no-repeat 10px 4px;
	list-style: none;
}

/*top-recommend*/
.recommendbox {
	background-color: #fff;
	padding: 0px 0px 5px 0px;
}

.recommendbox img {
	float: left;
	margin: 0px 5px 8px 0px;
	padding: 0px 0px 5px 0px;
}

.recommendtitle {
	padding: 3px 0px;
	line-height: 1.3;
	font-size: 12px;
	font-weight: normal;
}

.recommenditem {
	border-bottom: 2px dashed #b4b4b4;
	line-height: 1.2;
	font-size: 11px;
	padding: 8px 5px 8px 0px;
	font-weight: normal;
	clear: both;
	height: auto !important;  
	min-height: 65px;  
	height: 65px; /*ここにIE6用の高さを設定*/  
}

.recommenditemlast {
	line-height: 1.2;
	font-size: 11px;
	padding: 8px 5px 8px 0px;
	min-height: 70px;
	font-weight: normal;
	height: auto;
	clear: both;
}

.recommendp {
	padding: 3px 0px;
	line-height: 1.2;
	font-size: 11px;
	font-weight: normal;
}

.recommend_top {
	position: relative;
	width: 234px;
	height: 234px;
}

.recommend_top h3{
	margin:0px;
	padding:0px;
}

.recommend_top a {
	display: block;
}

.recommend_top a.main {
	border: 0px;
	width: 234px;
	height: 234px;
}

.recommend_top a.click {
	position: absolute;
	top: 208px;
	left: 208px;
	width: 23px;
	height: 23px;
}

/*top-info*/
.infobox {
	background-color: #ffffff;
	padding: 0px 0px 5px 0px;
}

.infobox img {
	float: left;
	margin: 0px 5px 0px 0px;
}

.infobox .more {
	margin: 10px 10px 10px 0px;
	padding: 0px;
	font-size: 12px;
	text-align: right;
}

.infobox .more a, .infobox .more a:link, .infobox .more a:visited {color:#666; text-decoration:none;}
.infobox .more a:hover { color:#005ead; text-decoration:underline;}

.infoitem {
	border-bottom: 2px dashed #b4b4b4;
	line-height: 1.2;
	font-size: 12px;
	padding: 10px 5px 8px 5px;
	background-color: #FFF;
}

.inforss {
	padding: 5px 0px 8px 5px;
	line-height: 1.2;
	font-size: 12px;
	background-color: #FFF;
	float: right;
}

.infoitemlast {
	line-height: 1.2;
	font-size: 12px;
	padding: 10px 5px 8px 5px;
}

.infotext {
	 padding:3px 5px 0px 5px;
	 line-height: 1.2;
	 font-size: 11px;
}

.info_top {
	position: relative;
	width: 234px;
	height: 200px;
}

.info_top h3{
	margin:0px;
	padding:0px;
}

.info_top a {
	display: block;
}

.info_top a.main {
	border: 0px;
	width: 234px;
	height: 200px;
}

.info_top a.click {
	position: absolute;
	top: 174px;
	left: 208px;
	width: 23px;
	height: 23px;
}

/*category*/
.categorybox {
	background-color: #fff;
	margin: 0px;
	padding: 20px
}

.programb {
	width: 73px;
	height: 19px;
	overflow: hidden;
	float: right;
	padding: 0px 3px 0px 0px;
	margin-top: 5px;
}
.programb a{
	display: block;
}
.programb a:link    {}
.programb a:visited {}
.programb a:hover   {margin-top:-19px;}
.programb a:active  {margin-top:-19px;}

.categorybox img {
	float: left;
	margin: 0ox 5px 0px 0px;
}

.categoryitem {
	border-bottom: 2px dashed #b4b4b4;
	line-height: 1.3;
	font-size: 13px;
	padding: 10px 5px 8px 5px;
	min-height: 85px;
	height: auto !important;
	height: 85px;
}

.categoryitem img { margin:0px 10px 10px 0px;}

.categoryitemlast {
	line-height: 1.3;
	font-size: 13px;
	padding: 10px 5px 8px 5px;
	color: #505050;
}

.categoryitemlast img { margin:0px 10px 10px 0px;}

.categorytext {
	padding:10px 5px 0px 90px;
	font-weight: normal;
	color: #505050;
	font-size: 12px;
}

.categoryp {
	background-image: url(/radio/img/ic_personality.gif);
	background-repeat: no-repeat;
	margin: 3px 3px 0px 90px;
	padding: 1px 0px 0px 15px;
	font-weight: normal;
}

/*NEWS & TOPICS*/
.newstbox {
	background-color: #fff;
	padding: 20px;
}

.newstbox img {
	/*float: left;*/
	margin: 0px 10px 0px 0px;
}

.newstb {
	width: 210px;
	float: right;
	padding: 0px 3px 0px 0px;
	margin-top: 10px;
}

.newstitemtop {
	line-height: 1.3;
	font-size: 12px;
	padding: 10px 5px 8px 5px;
	color: #505050;
	min-height: 30px;
	height: 30px;
	height: auto !important;
}

.newstitemtop img {
	margin: 0px 10px 0px 0px;
	/*float: left;*/
}

.newstitemtop h2 {
	font-size: 18px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
}

.newstitem {
	border-bottom: 2px dashed #b4b4b4;
	line-height: 1.3;
	font-size: 12px;
	padding: 10px 5px 8px 5px;
	color: #505050;
	min-height: 30px;
	height: 30px;
	height:auto !important;
}

.newstitem img {
	margin: 0px 10px 10px 0px;
}

.newstitemlast {
	line-height: 1.3;
	font-size: 12px;
	padding: 10px 5px 8px 5px;
	color: #505050;
	min-height: 30px;
	height: 30px;
	height:auto !important;
}

.newsttext_top {
	padding: 20px 5px 0px 0px;
	font-weight: normal;
	color: #505050;
	font-size: 12px;
	line-height: 1.3;
}

.newsttext_top img{
	border: 0px;
  	margin: 8px 0px;
}

.newsttext {
	padding: 10px 5px 5px 0px;
	font-weight: normal;
	color: #505050;
	font-size: 12px;
	line-height: 1.3;
}

.newstrelate {
	padding: 0px 5px 5px 0px;
	font-weight: normal;
	color: #505050;
	font-size: 12px;
	line-height: 1.3;
}

/*DL, DT, DD TAGS LIST DATA*/
.newsinfo-box {
	margin-left: 5px;
}
.newsinfo-box dl{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.3;
}

.newsinfo-box dt{
	float: left;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
}

.newsinfo-box dd{
	margin: 0px 0px 3px 60px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
	font-size: 12px;
}

/*aaa*/

ul.program a, ul.program a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	padding: 0;
	xdisplay: block; /* アンカーにブロックプロパティを指定し、アンカーが含まれる LI 全体がアンカーになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	width: 274px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
}
ul.program a:hover, ul.program a:active, ul.program a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	color: #12B9FF;
}

/*2colom layout*/

.rightbody{
	width: 718px;
	float: right;
	padding: 10px 0px 20px 0px;
}

.rightbody table {
	width: 100%;
	background-color: #FFF;
	padding: 10px 0px 0px 0px;
}
.rightbody th {
	width:85px;
	vertical-align: top;
	xtext-align: right;
}


/*personality*/

.plistbox {
	width: 100px;
	max-height: 162px;
	height: 162px;
	margin: 0px 5px 15px 15px;
	color: #505050;
	float: left;
}

*html .plistbox { /*IE6用*/
	width: 100px;
	max-height: 162px;
	height: 162px;
	margin: 0px 5px 15px 12px;
	color: #505050;
	float: left;
}

.plistbox_popup {
	width: 100px;
	max-height: 162px;
	height: 162px;
	margin: 5px auto;
	color: #505050;
}

.plistbox table{
	width: 100px;
	height: 162px;
	background-repeat: no-repeat;
}

.plistimg {
	background-image: url(/radio/profile/img/plist_name.gif);
	width: 100px;
	background-repeat: no-repeat;
	margin-top: 90px;
	height: 59px;
	clear: both;
}

.plistimg_big {
	background-image:url(/radio/profile/img/plist_name_big.gif);
	width: 100px;
	background-repeat: no-repeat;
	margin: 90px 0px 0px 0px;
	height: 78px;
	clear: both;
}

.plisttxt {
	padding: 18px 5px 5px 5px;
	text-align: left;
}

.plisttxt h3 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.plisttxt a, .plisttxt a:link; .plisttxt a:visited {text-decoration: none;}

/*category*/
.catenavi {
	text-align: center;
	padding: 10px 0px 0px 0px;
	background-color: #fff;
	margin-top: 2px;
	}

.catenavi img {
	margin: 0px 5px;
	}

.programtitle {
	padding: 12px 0 10px 20px;
	color: #005ead;
	font-size: 14px;
	font-weight: bold;
	background-image: url(/radio/category/img/category_program_bg.gif);
	height: 18px;
	margin: 20px 20px 0px 20px;
	text-align: left;
}

.programtitle h3{
	margin:0px;
	padding:0px;
	color: #005ead;
	font-size: 14px;
	font-weight: bold;
	height: 18px;
}

/*contact_info*/

#contact_list{
	margin: 0px;
	padding: 0px;
}

#contact_list ul{
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
}

#contact_list li{
	font-size: 12px;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 3px 15px;
	background: url("/radio/list/img/icon_mailto.gif") no-repeat;
	border-bottom: 1px dotted #C3C3C3;
}

.contactleft_radio{
	font-size: 12px;
	line-height: 1.4;
	margin: 10px 0px 10px 4px;
	padding: 0px;
}

.contactleft_radio table{
	width: 520px;
	background-color: #FFEBEB;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.contactleft_radio tr td{
	line-height: 1.4;
	font-size: 12px;
	text-align: left;
}

.contactleft_week{
	font-size: 12px;
	line-height: 1.4;
	margin: 10px 0px 10px 4px;
	padding: 0px;
}

.contactleft_week table{
	width: 520px;
	background-color:#ECFDE4;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.contactleft_week tr td{
	line-height: 1.4;
	font-size: 12px;
	text-align: left;
	padding: 5px;
}

.contactleft_sat{
	font-size: 12px;
	line-height: 1.4;
	margin: 10px 0px 10px 4px;
	padding: 0px;
}

.contactleft_sat table{
	width: 520px;
	background-color: #EBF8FE;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.contactleft_sat tr td{
	line-height: 1.4;
	font-size: 12px;
	text-align: left;
	padding:5px;
}

.contactleft_sun{
	font-size: 12px;
	line-height: 1.4;
	margin: 10px 0px 10px 4px;
	padding: 0px;
}

.contactleft_sun table{
	width: 520px;
	background-color: #FFF2EB;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.contactleft_sun tr td{
	line-height: 1.4;
	font-size: 12px;
	text-align: left;
	padding: 5px;
}

.contactright_notice{
	font-size: 11px;
	line-height: 1.2;
	margin: 10px 0px 10px 4px;
	padding: 0px;
}

.contactright_notice table{
	width: 150px;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.contactright_notice tr td{
	line-height: 1.2;
	font-size: 11px;
	text-align: left;
}

/*program_information*/

#contents_list{
	padding: 0px;
	margin: 0px;
	width: 728px;
}

*html #contents_list{ /*IE6用*/
	padding: 0px;
	margin: 0px;
	width: 500px;
}

.programflash{
	margin: 5px 5px 46px 30px;
	padding: 0px;
}

/*sitemap*/

#sitemap{
	font-size:12px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width:700px;
}

#sitemap ul{
	font-size: 12px;
	margin: 0px;
	padding: 5px;
	list-style:none;
}

#sitemap li{
	font-size: 12px;
	margin: 5px 0px 5px 5px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px dotted #C3C3C3;
}

#sitemap .lefttbl{
	float: left;
	width: 340px;
}

#sitemap .righttbl{
	float: right;
	width: 340px;
}

#sitemap .etc{
	margin: 0px 0px 0px 18px;
	padding: 0px;
}

#sitemap .etc h3{
	margin: 0px;
	padding: 0px;
}

/*JRN*/

#jrn-contentsinner{
	margin: 0px;
	padding: 0px 20px 10px 30px;
	text-align: center;
}

#jrnmap{
	margin: 20px 0px 20px 0px;
}

.jrnlist{
	margin: 0px 0px 10px 0px;
	text-align:left;
	background: #ECFDE4;
	font-size:12px;
	padding: 10px;
}

#jrn-contentsinner h3{
	font-size: 14px;
	font-weight: bold;
}
.jrnlist ul{
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	list-style: none;
}

.jrnlist li{
	font-size: 12px;
	margin: 5px 0px 0px 0px;
	padding: 1px 0px 3px 18px;
	background: url("/radio/img/ic_yajirushi.gif") no-repeat;
	border-bottom: 1px dotted #C3C3C3;
}

.jrnlist a                { color: #666666; text-decoration: none; background: none;}
.jrnlist a:link           { color: #666666; text-decoration: none; background: none;}
.jrnlist a:link:hover     { color:#005ead; text-decoration:underline; background: none;}
.jrnlist a:link:active    { color:#005ead; text-decoration:underline; background: none;}
.jrnlist a:visited        { color: #666666; text-decoration: none; background: none;}
.jrnlist a:visited:hover  { color:#005ead; text-decoration:underline; background: none;}
.jrnlist a:visited:active { color: #379BCD; text-decoration: none; background: none;}

/*sitepolicy*/

#thissite {
	margin: 5px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.4;
}

#thissite h3 {
	margin:0px;
	padding:0px;
}

.thissite_txt {
	margin: 10px 10px 24px 4px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.4;
}

.thissite_txt ul{
	margin: 10px 10px 10px 16px;
	padding: 0px;
	list-style: disc;
}

.thissite_txt li{
	margin: 0px;
	padding: 0px;
}

/*timetable*/
.timetabletbox {
	background-color: #fff;
	padding: 20px
}
.timetable { width:100%;}
.timetable th {
	color: #FFF;
	font-size: 18px;
	background-color: #646464;
	font-weight: normal;
	border-top: 1px solid #fff;
	border-right: 3px solid #fff;
}

.timetable td {
	font-size: 12px;
	font-weight: normal;
	border-right: 1px solid #fff;
	vertical-align: top;
}

.tdbordertop {border-top:1px solid #fff;}

.weekday {
	color: #462d0d;
	padding-top: 10px;
}

.wktd {
	border-top: 1px solid #eee0ce;
	padding: 7px;
}

.wktd_ch {
	border-top:0px solid #eee0ce;
	padding: 7px 7px 7px 30px;
}

.wdtdbl {border-left:1px solid #eee0ce;}


.saturday {
	color: #007fe5;
	font-size: 18px;
	margin: 10px 0px 0px 10px;
}

.sattd {
	border-top: 1px solid #C7E1F6;
	padding: 7px;
}

.sattd_ch {
	border-top: 1px solid #C7E1F6;
	padding: 7px 7px 7px 14px;
}

.sattdbl {border-left:1px solid #C7E1F6;}

.sunday {
	color: #d7001f;
	font-size: 18px;
	margin: 10px 0px 0px 10px;
}

.suntd {
	border-top: 1px solid #FFDDE2;
	padding: 7px;
}

.suntd_ch {
	border-top: 1px solid #FFDDE2;
	padding: 7px 7px 7px 14px;
}

.suntdbl {border-left:1px solid #FFDDE2;}

.tttime {
	color: #7d5522;
	font-size: 16px;
	padding: 0px;
	font-weight: bold;
	margin: 0px;
}
.tttitle {
	font-size: 12px;
	font-weight: bold;
}
/*2012.11.16追加ここから*/
.tttitle a{
	padding-right:6px;
}
.ttpodcast,.ttondemand {
	width:105px;
}
.ttpodcast img,.ttondemand img{
	vertical-align:bottom;
}
/*2012.11.16追加ここまで*/

.ttpersonality {
	background-image: url(/radio/img/ic_personality.gif);
	background-repeat: no-repeat;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	font-size: 12px;
}

/*decoration-common*/

.newmark {
	font-weight: bold;
	color: #DB0000;
}

/*no sidebar*/
.singlebox {
	background-color: #fff;
	padding: 0px;
	padding: 20px
}

/* ~~ トップへ戻る ~~ */
#pagetop {
	text-align:right;
	padding-right:0px;
	font-size: 11px;
	margin-top:-4px;
}
	
	#pagetop div{
	background:#fff;
	border:1px solid #0e0e0e;
	border-bottom:none;
	display:-moz-inline-box;
	display:inline-block;
	line-height:22px;
	width:90px;
	height:22px;
	text-align:center;
	}

	* html #pagetop div{
	display:inline;
	margin-right:0px;
	margin-top:0px;
	zoom:1;
}

	*+html #pagetop div {
	display:inline;
	margin-right:0px;
	margin-top:0px;
	zoom:1;
}

	#pagetop div a{
	display:block;
	text-decoration:none;
	width:90px;
	font-weight:bold;
	color:#0e0e0e;
	}

	#pagetop div a:hover{
	text-decoration:none;
	background:#0e0e0e;
	color:#fff;
}

.pagetop{
	margin: 0px;
	padding: 0px;
	float: right;
}

/* ~~ フッタースタイル ~~ */
.footer {
	padding: 10px 0;
	background: #d9f3ff;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
	background-image: url(/radio/img/ft_bg.gif);
	height: 450px;
	width: 1000px;
	color: #FFF;
	max-height: 440px;
	margin-top: 8px;
	margin-bottom: 0;
	margin-left:auto;
	margin-right:auto;
}

.footercolum {
	padding: 14px 5px 0px 15px;
	float: left;
	width: 224px;
}

.footerpr {
	padding: 10px 5px 0px 15px;
	float: left;
	width: 235px;
}

.footer a, .footer a:link, .footer a:visited { color:#fff; text-decoration:none;}
.footer a:hover {
	color: #F60;
	text-decoration: underline;
}

/* ~~ フッターボックススタイル ~~ */
#footerbox {
	font-size:12px;
	color:#333;
	line-height:1.6em;
	padding:18px 0 4px 0;
	}

#footerboxin {
	width:1000px; 
	text-align:left;
	margin:0 auto;
	}

#footerbox h2 {
	font-size: 12px;
	margin:0 0 2px 0;
	padding:0;
	}

#footerbox p {
	margin: 0;
	padding:0 0 10px 0;
	}

#footerbox a { color:#69C;}

#footerbox a:hover { color:#007FE5;}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、.footer が .container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (.container 内に) 配置できます。 */
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0;
}

/*no_pc*/
.pcno {
display:none; 
}

@media screen and (max-device-width: 480px) {
.pcno {
display:block; }
}

/*float_navi*/
#floatnavi{
width:230px;
position:absolute;
margin:0 auto;
top:400px;
right:0;
z-index:501;
padding:8px;
background:url(/radio/img/bg_floatsp.png) no-repeat;
}