@charset "Shift_JIS";

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

 Site URL:     http://www.tfm.co.jp/fromtfm/
 File name:    style.css (http://www.tfm.co.jp/fromtfm/shared/css/style.css)
 Summary:      all styles
 Created:      2009-03-10
 Last update:  2009-03-11
 Copyright:    (c) 2009 TOKYO FM Broadcasting Co., Ltd. All rights reserved.

Order of description

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

 __Default_style_reset
 __fonts
 __body
 __container          (div#container)
 __header             (div#header)
 __title              (div#title)
 __contents           (div#contents)
 __pc                 (div#pc)
 __mob_qa             (div#mob_qa)
 __mob                (div#mob)
 __footer             (div#footer)
 __ad                 (div#ad)
-------------------------------------------------------------*/

/*-------------------------
 __Default_style_reset
--------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*-------------------------
 __fonts
--------------------------*/
body {
	font:13px/1.231 Verdana, "ＭＳ Ｐゴシック",Osaka,"メイリオ",Meiryo, arial, 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));
}

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

/*-------------------------
 __header
--------------------------*/
#header {
}

/*-------------------------
 __title
--------------------------*/
#title {
	margin:15px auto 25px auto;
	width:800px;	
}

#title h1 {
	margin-bottom:10px;
}


/*-------------------------
 __contents
--------------------------*/
#contents {
	margin:20px auto 25px auto;
	width:800px;
}


/*-------------------------
 __pc
--------------------------*/
#pc {
	float:left;
	width:470px;
}

#pc a {
	color:#16b7c9;
	font-weight:bold;
}

#pc dt.ttl {
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

#pc dd.exp {
	width:350px;
	height:105px;
	padding:25px 0 0 110px;
	background:url(../../img/mail.gif) left top no-repeat;
}

#pc dd.exp p {
	float:right;
	margin-top:1em;
}

#pc dl.tue {
	width:435px;
	height:125px;
	margin:33px 0 0 0;
	padding:5px 0 0 25px;
	background:url(../../img/bdr_tue.jpg) left top no-repeat;
}

#pc dl.tue dt,
#pc dl.fri dt {
	font-weight:bold;
	font-size:108%;
	margin-bottom:1em;
}

#pc dl.tue p.village a {
	float:right;
	width:129px;
	height:22px;
	margin-top:20px;
	background:url(../../img/village.gif);
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

#pc dl.fri {
	width:435px;
	height:135px;
	margin:33px 0 0 0;
	padding:5px 0 0 25px;
	background:url(../../img/bdr_fri.jpg) left top no-repeat;
}

#pc dl.fri p {
	float:right;
	margin-top:15px;
}

#pc dl.fri a.blog,
#pc dl.fri a.books {
	height:22px;
	padding-left:18px;
	background:url(../../img/arrow.gif) left top no-repeat;
	line-height:1.5;
}


#pc .rgst {
	margin-top:35px;
}

#pc .rgst p {
	width:432px;
	margin-top:8px;
	padding:13px;
	border:1px solid #dde7d4;
	color:#76806a;
	font-size:93%;
}


/*-------------------------
 __mob_qa
--------------------------*/
#mob_qa {
	float:right;
	width:310px;
	padding-top:25px;
	background:url(../../img/mobile.gif) right top no-repeat;
}


/*-------------------------
 __mob
--------------------------*/
#mob {
	width:310px;
	margin-bottom:6px;
	padding:20px 0 6px 0;
	background:#f1f9fe url(../../img/mobile.gif) right -25px no-repeat;
}

#mob dl {
	margin:0 20px;
}

#mob .ttl {
	font-weight:bold;
	font-size:108%;
	margin-bottom:1em;
}

#mob ol {
	width:310px;
	margin-top:22px;
}

#mob dl.no1,
#mob dl.no2,
#mob dl.no3,
#mob dl.no4,
#mob dl.no5 {
	margin-bottom:1em;
}

#mob dl.no1 dt,
#mob dl.no2 dt,
#mob dl.no3 dt,
#mob dl.no4 dt,
#mob dl.no5 dt {
	padding-left:15px;
}

#mob dl.no1 dt {
	background:url(../../img/1.gif) left 3px no-repeat;
}
#mob dl.no2 dt {
	background:url(../../img/2.gif) left 3px no-repeat;
}
#mob dl.no3 dt {
	background:url(../../img/3.gif) left 3px no-repeat;
}
#mob dl.no4 dt {
	background:url(../../img/4.gif) left 3px no-repeat;
}
#mob dl.no5 dt {
	background:url(../../img/5.gif) left 3px no-repeat;
}

#mob dd.time {
	padding-left:15px;
	background:url(../../img/time.gif) left 50% no-repeat;
}

#mob .qrcode {
	position:relative;
	bottom:0;
	left:6px;
}


/*-------------------------
 __footer
--------------------------*/
#footer a {
	color:#16b7c9;
}

#footer .info {
	clear:both;
	margin-bottom:3px;
	font-size:85%;
}

#footer .info p{
	float:left;
}
#footer .info p a.del {
	color:#000;
	text-decoration:underline;
}

#footer .info p a.inq {
	text-decoration:underline;
}

#footer .info address {
	float:right;
	padding-top:1.3em;
}


/*-------------------------
 __ad
--------------------------*/
#ad {
	width:970px;
	text-align:center;
	padding:25px 0 15px 0;
}