@charset "utf-8";
@import "../../shared/css/reset.css";
@import "../../shared/css/common.css";
@import "colorbox.css";
@import "top.css";

/*------------------------------------------------------------
CSS Information
 Site URL:     http://www.tfm.co.jp/
 File name:    green.css (http://www.tfm.co.jp/shared/css/green.css)
 Summary:      Green Monday styles
 Created:      2010-02-10
 Last update:  2011-10-31
 Copyright:    (c) 2010 TOKYO FM Broadcasting Co., Ltd. All rights reserved.
-------------------------------------------------------------*/

/*-------------------------
 __body
--------------------------*/
body {
	background:#f1f8ff url(../../top/img/green/bg.jpg) center top no-repeat;
}



/*-------------------------
 __header
--------------------------*/
#header {
	background:url(../../top/img/green/bg_header.jpg) no-repeat;
}

/*------globalNav------*/
#globalNav li.tfmtop,
#globalNav li.tfmtop a {
	width:31px;
	background:url(../../top/img/green/nav_top.gif);
}
#globalNav li.navPgm,
#globalNav li.navPgm a {
	background:url(../../top/img/green/nav_pgm.gif);
}
#globalNav li.navPsn,
#globalNav li.navPsn a {
	background:url(../../top/img/green/nav_psn.gif);
}
#globalNav li.navPct,
#globalNav li.navPct a {
	width:190px;
	background:url(../../top/img/green/nav_pct.gif);
}
#globalNav li.navCnm,
#globalNav li.navCnm a {
	background:url(../../top/img/green/nav_cnm.gif);
}
#globalNav li.navEvt,
#globalNav li.navEvt a {
	background:url(../../top/img/green/nav_evt.gif);
}
#globalNav li.navPst,
#globalNav li.navPst a {
	background:url(../../top/img/green/nav_pst.gif);
}
#globalNav li.navShp,
#globalNav li.navShp a {
	width:124px;
	background:url(../../top/img/green/nav_shp.gif);
}
#globalNav li a:hover,
#globalNav li.active {
	background-position:0 -35px;
}



/*---------------
 __tcCenter
----------------*/
/*---tabMenu---*/
#tpicBox .pickUp li {
	background:url(../../top/img/green/mrk_arrow.gif) left 5px no-repeat;
}

#tpicBox .ctsMenu {
	background-color:#f5ffdf;
}


/*------puCtsBox------*/
#puCtsBox h2 {
	background:url(../../top/img/green/bg_g.gif) no-repeat;
}
#puCtsBox .puCtsinnerBox {
	border:1px solid #7cb901;
	background-color:#f7ffe1;
}
#puCtsBox dl {
	border-bottom:1px dotted #7cb901;
}


/*------puItmBox------*/
#puItmBox h2 {
	background:url(../../top/img/green/bg_g.gif) no-repeat;
}
#puItmBox dl .price {
	color:#388b01;
}



/*---------------
 __tcRight
----------------*/
/*------prBox------*/
#prBox h3 {
	background:url(../../top/img/green/bg_g.gif);
}
#prBox .ptn2 li {
	background:url(../../top/img/green/mrk_arrow.gif) left 5px no-repeat;
}


/*------prsntBox------*/
/*------ppBox------*/
/*------blgsnsBox------*/
/*------pdcstBox------*/
#prsntBox h3,
#ppBox h3,
#blgsnsBox h3,
#pdcstBox h3 {
	background:url(../../top/img/green/bg_g_link.gif);
}



/*---------------
 __sub
----------------*/
/*------todayPgm------*/
#timetable .before dt,
#timetable .after dt,
#todayPgm .moreAfter dt {
	background-color:#409d01;
}

#timetable .now {
	background-color:#409d01;
}
#timetable .now h3 {
	background:url(../../top/img/green/pgm_now.gif) 3px 3px no-repeat;
}

#timetable caption {
	background:url(../../top/img/green/pgm_cnr.gif) left top no-repeat;
}


/*------nav------*/
#sub #nav {
	background:url(../../top/img/green/bg_nav.gif) repeat-y;
}
#nav dd {
	background:url(../../top/img/green/mrk_arrow.gif) 10px 5px no-repeat;
}
#nav .listen dt {
	background:url(../../top/img/green/navttl1.gif) no-repeat;
	margin-top:0;
}
#nav .enjoy dt {
	height:25px;
	background:url(../../top/img/green/navttl2.gif) no-repeat;
}
#nav .buy dt {
	background:url(../../top/img/green/navttl3.gif) no-repeat;
}
#nav .read dt {
	height:25px;
	background:url(../../top/img/green/navttl4.gif) no-repeat;
}
#nav .know dt {
	height:25px;
	background:url(../../top/img/green/navttl5.gif) no-repeat;
}



/*---------------
 __linkBlock
----------------*/
#linkBlock {
	float:left;
	width:970px;
	height:201px;
	/*padding-top:64px;*/
	background:url(../../top/img/green/bg_linkblock.png) no-repeat;
}



/*---------------
 __footer
----------------*/
/*------ftrSearch------*/
#footer #ftrSearch {
	background-color:#f1f8ff;
}


/*------ftrLink------*/
#rltdLink .rltdFac dt,
#rltdLink .rltdLink dt {
	border-bottom:2px solid #409d01;
}
#rltdLink .rltdCom dt {
	border-bottom:2px solid #409d01;
}

#rltdLink dd {
	background:url(../../top/img/green/mrk_arrow.gif) left 3px no-repeat;
}