/* トークDE北海道 */

body { background-image:url(img/back_logo.gif); background-color:#ffface; }

/* イメージのリンク設定（共通） */
a img {border-style:none;}

/* テキストのリンク色設定（共通） */
a{ color:#0000FF;}
a:hover{color:#ff0000;}
a.watashi{ color:#000000;}
a.watashi:hover{color:#000000;}


/* 小さいタイトル中身用の */
.title_s{width:234px;height:139px;position:absolute; top:-30px; left:-83px;}


/* ++++++++ トップページ +++++++++++++++ */


/* メインわく */

#container{margin:auto; width:710px; height:847px;margin-top:50px;font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;letter-spacing:0.02em;font-size:12px; line-height:14px;}

/* ヘッダー */

#header{width:705px;height:194px;background-image:url(img/header.gif);background-repeat:no-repeat; position:relative;}
 .title{width:326px; height:194px; position:relative; top:-40px; left:-38px; background:url(img/title.gif);}
  .title h1{text-indent:-9999px; font-size:14px;}
 
/* ヘッダー以下中身 */

#main-box{width:700px;padding-right:5px; background-image:url(img/shadow.gif); background-position:right; background-repeat:repeat-y; overflow:hidden;}
#contents{width:700px; overflow:hidden;background-image:url(img/back_line.gif); background-position:left bottom; background-repeat:repeat-x; background-color:#FFFFFF; padding:10px 0 0 0;margin:auto; }


/* 番組紹介 */

#program_info{width:671px; height:170px;background-image:url(img/white_back.gif); background-repeat:no-repeat; margin:0 14px 10px 15px;}
 #program_info .text{width:645px;height:auto; margin:auto; padding:20px 0 0 0;}
 #program_info p{display:block;font-size:12px;line-height:14px;border-bottom:1px dotted #cccccc;padding-bottom:0.1em;margin:2px; letter-spacing:0.2em;}
 
 /* ! IE6用ハック　文字間隔広げ ! */
*html #program_info p{letter-spacing:0.05em;} 


/* 次回予告 */

#notice{width:683px; height:166px; margin:0 8px 15px 3px;}
 .notice_head{width:683px;height:71px;background-image:url(img/notice_head.gif); background-repeat:no-repeat;padding:0 0 0 0;}
 .notice_head h2{text-indent:-9999px;}
 .notice_title{width:102px; height:60px;float:left; padding:4px 0 0 4px;}
 .day_movie{width:550px;text-align:left;float:left;border-bottom:1px dotted #cccccc;padding:0 0 0 0;margin:36px 10px 0 11px;}
 .day{height:20px;font-size:20px;font-weight:bold; float:left; padding-top:14px;}
 .repro{height:14px; padding:18px 0 0 0; text-indent:1.5em;}
 
 /* 内容テキスト */ 
 .notice_text{width:645px;height:auto;overflow:hidden;background-image:url(img/notice_back.gif); background-repeat:repeat-y;margin-left:12px;padding: 5px 14px 0 12px;line-height:18px;}
 .notice_text p{display:block;font-size:12px;line-height:16px;padding-bottom:0.1em;margin:2px;}
 
 /* 予告動画ボタン */
 .movie{float:left;width:151px; height:29px; text-indent:-9999px; margin:2px 0 0 0;}
 .movie a{width:151px; height:29px;display:block;}
 .movie a:hover{background-position:0 -29px;} 
 .mov_on a{background-image:url(img/movie_button.gif);}  
  
 .notice_foot{width:683px;height:22px;background-image:url(img/notice_foot.gif); overflow:hidden;}

/* ! IE6用ハック　文字間隔広げ ! */
*html .notice_text p{letter-spacing:0.05em;}
/* end */

/* フッター */

#footer{width:670px;height:40px;background-image:url(img/footer.gif); background-position:center;text-align:right;padding:5px 35px 0 0;}
#footer .kojin{padding-right:10px;}
#footer li{list-style-image:url(img/icon_red.gif);}


/* weekly */

#weekly{width:340px; height:382px; overflow:hidden;float:right;background-color:#FFFFFF;border-bottom:#cccccc solid 2px;border-right:#cccccc solid 2px;margin:7px 18px 0 12px;padding:0 0 10px 0;}
#weekly .weekly_title{width:134px; height:52px; background-image:url(img/weekly.gif); text-indent:-9999px;}
#weekly .guest{width:300px; border-bottom:#000000 solid 1px;margin:auto; text-align:right;}
 #weekly li{list-style-image:url(img/icon_red.gif);}
#weekly .weekly_notice{width:300px; border-bottom:#666666 solid 1px; padding:2px 0px; margin:auto;}
#weekly .weekly_notice p{display:block;font-size:12px;line-height:14px;padding-bottom:0.2em;margin:2px;}
 
 /* ! IE6 only cssハック　文字間隔広げ ! */
*html .weekly_notice{ letter-spacing:0.02em;}
/* end */
 
 /* メニュー */

#nav{width:310px;height:410px;margin:0px;float:left;padding:0 0 0 17px ; z-index:0;}

 #nav ul{list-style:none;margin:0px;padding:0px;}
 #nav li{font-size:20px;font-weight:bolder;margin:7px 0 5px 0; text-indent:1em; line-height:50px; letter-spacing:0.02em;}
 #nav li a{width:310px;height:50px;display:block;color:#333333; text-indent:-9999px;}
 #nav li a:hover{background-position:0 -50px;color:#d90000;}

 #nav li#nav1 a{background-image:url(img/menu_mcreporter.gif); background-repeat:no-repeat;}
 #nav li#nav2 a{background-image:url(img/menu_aochan.gif); background-repeat:no-repeat;}
 #nav li#nav3 a{background-image:url(img/menu_info.gif); background-repeat:no-repeat;}
 #nav li#nav4 a{background-image:url(img/menu_corner.gif); background-repeat:no-repeat;}
 #nav li#nav5 a{background-image:url(img/menu_mail.gif); background-repeat:no-repeat;}
 #nav li#nav6 a{background-image:url(img/menu_recr.gif); background-repeat:no-repeat;}
 
 
  /* 旨食バナー指定 */

 
 /* 更新日 */

#nav .up1,.up2,.up3{ 
text-indent:0em;
width:auto;
height:auto;
font-size:10px;
background-color:#FFFFFF;
color:#ff0000;
line-height:10px;
font-weight:normal;
float:right;
border-right:#999999 solid 2px;
border-bottom:#999999 solid 2px;
text-align:center;
padding:1px 2px 1px 2px;
margin:5px 0px 0px 0px;
z-index:1;
}

/* FF */
#nav .up1, x:-moz-any-link {margin-top:-40px;}
#nav .up2, x:-moz-any-link {margin-top:-40px;}
#nav .up3, x:-moz-any-link {margin-top:-40px;}

/* FF 3.6 */
#nav .up1, x:-moz-broken, x:last-of-type, x:indeterminate {margin-top:5px;}
#nav .up2, x:-moz-broken, x:last-of-type, x:indeterminate {margin-top:5px;}
#nav .up3, x:-moz-broken, x:last-of-type, x:indeterminate {margin-top:5px;}

/* IE6 cssハック*/
html*#nav .up1,.up2,.up3{
text-indent:0em;
width:auto;
height:auto;
font-size:10px;
background-color:#FFFFFF;
color:#ff0000;
line-height:10px;
font-weight:normal;
float:right;
border-right:#999999 solid 2px;
border-bottom:#999999 solid 2px;
text-align:center;
padding:1px 2px 1px 2px;
z-index:2;
margin:-45px 0px 0px 0px;
}

*html #nav{width:310px;height:410px;margin:0px;float:left;padding:0 0 0 17px ; z-index:0;}
*html #nav li a{width:310px;height:50px;display:block;color:#333333; text-indent:-9999px; }
*html #nav li a:hover{background-position:0 -50px;color:#d90000;}

*html #nav .up1 {margin-top:-45px; }
*html #nav .up2 {margin-top:-45px; }
*html #nav .up3 {margin-top:-45px; } 

/* IE7 */
*+html #nav .up1 {margin-top:-45px;}
*+html #nav .up2 {margin-top:-45px;}
*+html #nav .up3 {margin-top:-45px;}

/* end */
 
 
 /* 募集の項目　使わないかも */ 
 #nav .recru{text-indent:0em;width:auto; height:auto;font-size:12px;line-height:12px;font-weight:normal; position:absolute;text-align:center; margin:-5px 5px 0 5px; padding:1px 2px 1px 2px;}


 /* ++++++++ ゲスト予定小窓 +++++++++++++++ */
 #guest_container{width:313px;height:200px; margin:auto;font-family:"ＭＳ ゴシック", "Osaka−等幅,sans-serif,Arial, Helvetica, sans-serif";}
 .guest_header{width:303px;height:30px;background-image:url(img/guest_header.gif); background-repeat:no-repeat;padding:20px 10px 0 0; text-indent:-9999px;}
 .guest_schedule{width:290px;height:120px;background-image:url(img/guest_back.gif); background-repeat:no-repeat; line-height:24px; font-size:12px;padding:0 10px 0 13px;}
 .atte{font-size:10px;padding-top:8px; float:left;}
 .window_close{font-size:10px;margin:0px;float:right;padding-top:8px;}
 #guest_footer{width:290px;height:31px;background-image:url(img/guest_footer.gif); background-repeat:no-repeat;padding:0 10px 0 13px;}
 
 
 /* ++++++++ 期間限定プレゼント告知(2008.9.11-2008.9.15) +++++++++++++++ */
 #present { text-align:center; margin:5px 0px; }
 
 /* ++++++++ 期間限定告知(2009.12.25-2010.1.5) +++++++++++++++ */
#kokuti09title {
width:507px;
height:auto;
padding:10px;
margin:0px;
background-color:#FF6600;
font-size:16px;
line-height:18px;
letter-spacing:0.2em;
font-weight:bold;
text-align:center;
color:#000000;
}
#kokuti09 {
width:505px;
height:auto;
padding:10px;
margin:0px 0px 10px 0px;
font-size:12px;
line-height:14px;
letter-spacing:0.1em;
text-align:left;
border:1px #FF6600 solid;
}
.kokuti09f2 {
font-size:14px;
line-height:16px;
}