@charset "Shift_JIS";

/*------------------------------------------------------------
CSS Information

 Site URL:     http://www.tfm.co.jp/mstyle
 File name:    style.css (http://www.tfm.co.jp/cms/skin/mstyle/shared/css/style.css)
 Summary:      all styles
 Created:      2008-04-15
 Last update:  2008-12-02
 Author:       Hotta
 Copyright:    (C) TOKYO FM Broadcasting Co., Ltd. All rights reserved.


Order of description

  - Search Key "__"+"id Name or Class Name"

 __Default_style_clear
 __container            (div#container)
 __header               (div#header)
 __contents             (div#contents)
 __main                 (div#main)
 __nextguest            (div#nextguest)
 __article              (div.article)
 __menu                 (div#menu)
 __bnr                  (div#menu div#bnr)
 __movie                (div#menu div#movie)
 __message              (div#menu div#message)
 __oareport             (div#menu div#oareport)
 __oalist               (div#menu div#oalist)
 __calendar             (div#menu div#calendar)
 __personality          (div#menu div#personality)
 __past                 (div#menu div#past)
 __footer               (div#footer)
-------------------------------------------------------------*/

/*-------------------------
 __Default_style_clear
--------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background:#fff url(../../img/bg.gif);
	font-size:74.5%;
	font-family:Meiryo, Osaka, Verdana, arial, sans-serif;
	color:#333;
	line-height:1.5;
}

p {
	margin:0 0 1em;
}

li {
	list-style-type:none;
}

img,
fieldset {
	border:0;
}

a:link {
	color:#59493f;
	text-decoration:underline;
}
a:visited {
	color:#59493f;
	text-decoration:underline;
}
a:hover {
	color:#59493f;
	text-decoration:underline;
}
a:active {
	color:#59493f;
	text-decoration:underline;
}

.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 */


/*-------------------------
 __container
--------------------------*/
#container {
	width:860px;
	margin:0 auto;
	padding:0 2px;
	background:url(../../img/bg_container.jpg) repeat-y;
}


/*-------------------------
 __header
--------------------------*/
#header {
	position:relative;
	width:860px;
	height:265px;
	background:url(../../img/bg_header.jpg);
}

#title {
	position:absolute;
	width:530px;
	height:145px;
	background:url(../../img/bg_title.jpg);
	top:50px;
	left:45px;
}

#title h1,
#title p {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#title a {
	display:block; 
	width:530px;
	height:145px;
	overflow:hidden;
}


/*-------------------------
 __contents
--------------------------*/
#contents {
	width:860px;
	padding-bottom:30px;
}


/*-------------------------
 __main
--------------------------*/
#main {
	display:inline;
	float:left;
	width:557px;
	margin-left:30px;
}


/*-------------------------
 __nextguest
--------------------------*/
#nextguest {
	width:555px;
	margin-bottom:30px;
	background:url(../../img/bg_nextguest.gif) left bottom no-repeat;
}

#nextguest h3 {
	width:555px;
	height:15px;
	margin-bottom:5px;
	background:url(../../img/ttl_nextguest.gif) no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	overflow:hidden;
}

#nextguest p {
	margin:0;
	padding:7px 12px 12px 12px;
}


/*-------------------------
 __article
--------------------------*/
.article {
	width:557px;
	margin-bottom:20px;
}

.articletop {
	width:557px;
	height:45px;
	background:url(../../img/bg_articletop.gif);
	font-size:0;
	line-height:0;
}

.article h2 {
	width:517px;
	padding:0 20px 5px 20px;
	background:url(../../img/bg_articleh2.jpg) left bottom no-repeat;
	font-size:130%;
}

.itembody {
	padding:0 22px 22px 20px;
	background:url(../../img/bg_article.jpg) repeat-y;
	line-height:2;
}

.rightbox {
	float:right;
	margin:5px 0 10px 10px;
}

.articlebtm {
	width:557px;
	height:3px;
	background:url(../../img/bg_articlebtm.gif);
	font-size:0;
	line-height:0;
}

.article a:link {
	color:#59493f;
	text-decoration:none;
}
.article a:visited {
	color:#59493f;
	text-decoration:underline;
}
.article a:hover {
	color:#59493f;
	text-decoration:underline;
}
.article a:active {
	color:#59493f;
	text-decoration:underline;
}

.article .morelink {
	text-align:right;
}


/*-------------------------
 __menu
--------------------------*/
#menu {
	display:inline;
	float:right;
	width:250px;
}

#menu h3 {
	width:220px;
	height:20px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	overflow:hidden;
}

#oareport,
#oalist {
	margin-bottom:30px;
}


#menu ul {
	width:220px;
	margin-top:9px;
}

#menu ul li {
	margin-top:6px;
}

#menu ul li a:link {
	color:#59493f;
	text-decoration:none;
}
#menu ul li a:visited {
	color:#59493f;
	text-decoration:underline;
}
#menu ul li a:hover {
	color:#59493f;
	text-decoration:underline;
}
#menu ul li a:active {
	color:#59493f;
	text-decoration:underline;
}


/*-------------------------
 __bnr
--------------------------*/
#bnr,
#bnr2 {
	width:220px;
}

#bnr .tfm {
	float:left;
}

#bnr .docomo {
	float:right;
}

#bnr2 {
	text-align:center;
}

#bnr2 .stylecafe {
	margin-top:10px;
}

/*-------------------------
 __movie
--------------------------*/
#movie {
	clear:both;
	padding-top:25px;
	margin-bottom:25px;
}

#movie h3 {
	background:url(../../img/ttl_movie.gif);
}

#movie p {
	width:220px;
	margin-top:5px;
	color:#59493f;
	font-size:85%;
	line-height:1.3;
}


/*-------------------------
 __message
--------------------------*/
#message {
	clear:both;
	padding-top:25px;
	margin-bottom:25px;
}

#message h3 {
	background:url(../../img/ttl_message.gif);
}


/*-------------------------
 __oareport
--------------------------*/
#oareport h3 {
	background:url(../../img/ttl_oareport.gif);
}

#oareport ul li {
	background:url(../../img/list_oareport.gif) 0 50% no-repeat;
	padding-left:16px;
	line-height:1;
}


/*-------------------------
 __oalist
--------------------------*/
#oalist h3 {
	background:url(../../img/ttl_oalist.gif);
}

#oalist ul li {
	background:url(../../img/list_oalist.gif) 0 50% no-repeat;
	padding-left:16px;
	line-height:1;
}


/*-------------------------
 __calendar
--------------------------*/
#calendar h3 {
	background:url(../../img/ttl_calendar.gif);
	margin-bottom:3px;
}

#calendar table {
	width:220px;
	background-color:#f1f1ee;
	border-collapse:collapse;
	border:1px solid #59493f;
}

#calendar table th,
#calendar table td {
	width:26px;
	height:22px;
	text-align:center;
}

#calendar table td a {
	display:block;
	width:26px;
	height:17px;
	font-weight:bold;
	color:#f90;
}

#calendar .calendarhead {
	width:220px;
	height:20px;
	padding-top:1px;
	background-color:#59493f;
	border:1px solid #59493f;
	font-size:90%;
}

#calendar .calendarhead a {
	padding:0 10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#calendar .calendardateheaders {
	background-color:#fff;
	color:#666;
	font-weight:bold;
	font-size:80%;
}


/*-------------------------
 __personality
--------------------------*/
#personality {
	margin-top:20px;
}


/*-------------------------
 __past
--------------------------*/
#past {
	width:220px;
	margin-top:15px;
	text-align:right;
}


/*-------------------------
 __footer
--------------------------*/
#footer {
	width:860px;
	height:40px;
	background:url(../../img/bg_footer.jpg) no-repeat;
}

#footer div {
	margin-left:7px;
	padding-top:11px;
}

#footer div p {
	width:305px;
	height:14px;
	background:url(../../img/copyright.gif) no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}