@charset "utf-8";

/*------------------------------------------------------------
CSS Information
 Site URL:     http://www.tfm.co.jp/
 File name:    common_ad.css (http://www.tfm.co.jp/shared/css/common_ad.css)
 Summary:      common AD styles
 Created:      2010-01-14
 Last update:  2011-03-16
 Copyright:    (c) 2010 TOKYO FM Broadcasting Co., Ltd. All rights reserved.
-------------------------------------------------------------*/

/*-------------------------
 __fonts
--------------------------*/
body {
	font:12px/1.231 Verdana, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-size:small; /*IE7*/
	*font:x-small; /*IE6以下*/
	color:#000;
}
table {
	font-size:inherit;
	font:100%;
}
pre,code.kbd.samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}



/*-------------------------
 __body
--------------------------*/
body {
	background-color:#fff;
}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

a:link {
	color:#048;
	text-decoration:none;
}
a:visited {
	color:#3f7ebc;
	text-decoration:none;
}
a:hover {
	color:#048;
	text-decoration:underline;
}
a:active {
	color:#048;
	text-decoration:underline;
}



/*-------------------------
 __container
--------------------------*/
#container {
	width:970px;
	margin:0 auto;
}



/*-------------------------
 __header
--------------------------*/
#header {
	width:970px;
	height:195px;
	margin-bottom:15px;
	background:url(../../shared/img/bg_header.gif) no-repeat;
	position:relative;
}
#header h1 {
	float:left;
	width:290px;
	height:80px;
}

#header #pitta {
	float:left;
	width:468px;
	height:60px;
	padding-top:11px;
}

/*------globalNav------*/
#header #globalNav {
	float:left;
	width:970px;
	height:35px;
}
#globalNav li {
	float:left;
	width:125px;
	height:35px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
#globalNav li a {
	display:block;
	height:35px;
}
#globalNav li.tfmtop,
#globalNav li.tfmtop a {
	width:31px;
	background:url(../../shared/img/nav_top.gif);
}
#globalNav li.navPgm,
#globalNav li.navPgm a {
	background:url(../../shared/img/nav_pgm.gif);
}
#globalNav li.navPsn,
#globalNav li.navPsn a {
	background:url(../../shared/img/nav_psn.gif);
}
#globalNav li.navPct,
#globalNav li.navPct a {
	width:190px;
	background:url(../../shared/img/nav_pct.gif);
}
#globalNav li.navCnm,
#globalNav li.navCnm a {
	background:url(../../shared/img/nav_cnm.gif);
}
#globalNav li.navEvt,
#globalNav li.navEvt a {
	background:url(../../shared/img/nav_evt.gif);
}
#globalNav li.navPst,
#globalNav li.navPst a {
	background:url(../../shared/img/nav_pst.gif);
}
#globalNav li.navShp,
#globalNav li.navShp a {
	width:124px;
	background:url(../../shared/img/nav_shp.gif);
}
#globalNav li a:hover,
#globalNav li.active {
	background-position:0 -35px;
}
#globalNav li a.active { /*20100617*/
	background-position:0 -35px;
}

/*------hdrInfo------*/
#header #hdrInfo {
	float:left;
	width:956px;
	height:27px;
	margin-bottom:15px;
	padding:6px 7px 0 7px;
	border-top:1px solid #fff;
	border-bottom:1px solid #cdcdcd;
	background-color:#f7f7f7;
}
#hdrInfo .listen {
	float:left;
	margin-right:25px;
}
#hdrInfo .news {
	float:left;
	width:500px;
	padding-top:3px;
}
#hdrInfo .news span {
	padding-left:8px;
	line-height:1;
	text-align:center;
}
#hdrInfo .news span a { /*20100617*/
	padding-left:8px;
	background:url(../../shared/img/mrk_arrow.gif) left center no-repeat;
}

/*------hdrSearch------*/
#hdrSearch {
	display:block;
	float:right;
	width:296px;
	height:20px;
	background:url(../../shared/img/hdrsearch.gif) no-repeat;
}
#hdrSearch legend {
	display:none;
}
#hdrSearch input {
	display:block;
	float:left;
}
#hdrSearch .srchWord {
	border:none;
	background:none;
	width:215px;
	margin-right:6px;
	padding:2px 5px 0 20px;
}
#hdrSearch .btnSrch {
	background:none;
	border:none;
	width:50px;
	height:20px;
	cursor: pointer;
}

/*------hdrInfo2------*/
#hdrInfo2 {
	float:left;
	width:970px;
	height:30px;
}

/*------nowPlaying------*/
#header #nowPlaying {
	float:left;
	width:655px;
	height:30px;
}

/*------sitemap------*/
#header #sitemap {
	float:right;
	width:298px;
	height:28px;
	border:1px solid #cdcdcd;
	background-color:#f7f7f7;
}

#sitemap p {
	float:left;
	width:290px;
	margin:2px 0 0 3px;
	*margin:2px 0 0 2px;
	*padding:2px 0 0 0;
	font-size:83%;
	*font-size:9px;
	font-family:arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.25;
}
*:first-child+html #sitemap p {
	padding-left:2px;
}

#sitemap p strong{
	font-weight:bold;
	font-size:12px;
}

#header a img.sitemap {
	width:75px;
	position:absolute;
	top:24px;
	right:0px;
	display:block;
	float:right;
}

/*-------------------------
 __contents
--------------------------*/
#contents {
	overflow:hidden;
	width:970px;
}



/*---------------
 __main
----------------*/
#main {
	float:right;
	width:755px;
}



/*---------------
 __sub
----------------*/
#sub {
	float:left;
	width:200px;
}

/*------todayPgm------*/
#sub #todayPgm {
	background-color:#000;
	margin-bottom:15px;
	padding-bottom:5px; /*20100426*/
}
#todayPgm h2 {
	width:200px;
	height:30px;
	background:url(../../shared/img/todayspgm.gif);
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
#todayPgm {
	color:#fff;
}
#todayPgm a:link {
	color:#fff;
	text-decoration:underline;
}
#todayPgm a:visited {
	color:#fff;
	text-decoration:underline;
}
#todayPgm a:hover {
	color:#fff;
	text-decoration:none;
}
#todayPgm a:active {
	color:#fff;
	text-decoration:underline;
}

#todayPgm #timetable,
#todayPgm #sliding1 {
	width:194px;
	margin:3px;
	font-size:91%;
}
#todayPgm .time {
	font-size:91%;
	font-family:arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#timetable .before,
#timetable .now {
	margin-bottom:5px;
}
#timetable .before dt,
#timetable .after dt,
#todayPgm .moreAfter dt {
	float:left;
	width:60px;
	margin-right:2px;
	padding:2px;
	background-color:#e60079;
	font-size:91%;
	font-family:arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1;
}
#timetable .before dd,
#timetable .after dd,
#todayPgm .moreAfter dd {
	float:left;
	width:125px;
}
#timetable .now {
	background-color:#e60079;
}
#timetable .now h3 {
	width:194px;
	height:15px;
	margin-top:5px;
	background:url(../../shared/img/pgm_now.gif) 3px 3px no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
#timetable .now .standby {
	display:block;
	width:178px;
	height:190px;
	padding:8px;
}
#timetable #program {
	width:184px;
	margin-bottom:5px;
	padding:5px;
}
#timetable #program .pTitle {
	float:right;
	width:121px;
}
* html #timetable #program .pTitle { /*2010.5.7追加*/
	word-break:break-all;
}
#timetable #program .pTitle strong {
	font-size:109%;
	font-weight:bold;
    line-height:1.2;
}
#timetable #program .pTitle .btnMsg {
	margin-top:5px;
}
#timetable #program .pImg {
	width:60px;
	height:60px;
}
#timetable #program .personality {
    clear:both;
    padding-top:5px;
}
#timetable #program .todayInfo {
	display:block;
	margin:6px 0;
	padding-bottom:2px;
	border-bottom:1px dotted #fff;
}

#timetable table {
	width:184px;
}
#timetable caption {
	width:71px;
	height:15px;
	background:url(../../shared/img/pgm_cnr.gif) left top no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
#timetable th {
	display:none;
}
#timetable td.time {
	padding-right:3px;
	vertical-align:top;
}

#todayPgm #sliding1 {
	display:none;
}
#todayPgm .moreAfter dl {
	padding-top:10px;
}

#todayPgm .continue a {
	display:block;
	width:200px;
	height:13px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
#todayPgm .continue a.down {
	background:url(../../shared/img/btn_down.gif) top center no-repeat;
    cursor:pointer;
}
#todayPgm .continue a.up {
	background:url(../../shared/img/btn_up.gif) top center no-repeat;
    cursor:pointer;
}

#todayPgm #mieruRadio {
	width:200px;
	height:50px;
}

#todayPgm #radiko {
}

#todayPgm #radiko #radiko_txt {
	font-size: 10px;
	text-align: center;
}


/*------nav------*/
#sub #nav {
	width:198px;
	border:1px solid #cacaca;
	background:url(../../shared/img/bg_nav.gif) repeat-y;
}
#nav dt {
	width:198px;
	height:28px;
	margin:5px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
#nav dd {
	margin-bottom:3px;
	padding:0 10px 0 18px;
	background:url(../../shared/img/mrk_arrow.gif) 10px 5px no-repeat;
}

#nav .listen dt {
	background:url(../../shared/img/navttl1.gif) no-repeat;
	margin-top:0;
}

#nav .enjoy dt {
	height:25px;
	background:url(../../shared/img/navttl2.gif) no-repeat;
}

#nav .buy dt {
	background:url(../../shared/img/navttl3.gif) no-repeat;
}

#nav .read dt {
	height:25px;
	background:url(../../shared/img/navttl4.gif) no-repeat;
}

#nav .know dt {
	height:25px;
	background:url(../../shared/img/navttl5.gif) no-repeat;
}



/*---------------
 __footer
----------------*/
#footer {
	float:left;
	width:970px;
	padding-bottom:6px;
	border-top:1px solid #c9c9c9;
	background-color:#000;
	color:#fff;
	font-size:91%;
}
#footer a:link {
	color:#fff;
	text-decoration:none;
}
#footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}
#footer a:active {
	color:#fff;
	text-decoration:underline;
}


/*------ftrSearch------*/
#footer #ftrSearch {
	width:970px;
	padding:10px 0;
	background-color:#fff;
	color:#000;
}
#ftrSearch form {
	display:block;
	width:335px;
	height:22px;
	margin:0 auto;
	background:url(../../shared/img/ftrsearch.gif) no-repeat;
}
#ftrSearch legend {
	display:none;
}
#ftrSearch input {
	display:block;
	float:left;
}
#ftrSearch .srchWord {
	border:none;
	background:none;
	width:225px;
	margin-right:5px;
	padding:3px 5px 0 20px;
}
#ftrSearch .btnSrch {
	background:none;
	border:none;
	width:80px;
	height:22px;
	cursor: pointer;
}

/*------iframe------*/
#bottomiframe {margin-top: 40px;}

/*------postShare------*/

#sub #postShare {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	margin-top: 10px;
}
#postShare #social_txt {
	text-align: center;
	font-size: 10px;
	margin-bottom: 5px;
}

#sub  #postShare ul {
	margin-left: 29px;
	margin-top: 5px;
}

#sub  #postShare li {
	float: left;
	margin-right: 5px;
	list-style-type: none;
	margin-bottom: 5px;
}

#sub  #postShare li img {behavior: expression(IEPNGFIX.fix(this));}


/*------LISMOWAVE------*/

#sub #lismowave {
	margin-top: -5px !important;
	padding-bottom: 10px;
}

#sub #lismowave p {
	margin-top: 5px;
	font-size: 10px;
	text-align: center;
}