/* テキスト
----------------------------------------*/
.guide {font:10pt/14pt 'MS PGothic', 'Hiragino Kaku Gothic Pro W3';
        color:#333;
        background:#FFF;}

.txt_s_r {font:8pt/12pt 'MS PGothic', 'Hiragino Kaku Gothic Pro W3';
        color:#AA0000;
        background:#FFF;}


/* ナビ
----------------------------------------*/
#navi {
     width: 255px;
     height: 710px;
     background: url("../../images/navi.gif") no-repeat;
}

#navi span{visibility:hidden; font-size:1px; line-height:1px; padding:0;}
/* macIE 以外 \*/
#navi span{position:absolute; left:-9999px;}


/* ボタン
----------------------------------------*/

/* PodCastingとは？ */
#navi-top a{
 display: block;
 width:255px;
 height: 38px;
 float:left;
}

#navi-top a#top{ background: url("../../images/menu_pci.gif") no-repeat 0 0 ; margin-top:12px;}


/* 各カテゴリーボタン
----------------------------------------*/
#navi-l a{
 display: block;
 width:255px;
 height: 40px;
 float:left;
}

#navi-l a#what00      { background: url("../../images/btn_what00.gif") no-repeat 0px ; margin-top:6px;}
#navi-l a#what00:hover{ background: url("../../images/btn_what00.gif") no-repeat -254px ; margin-top:6px;}

#navi-l a#lis00      { background: url("../../images/btn_lis00.gif") no-repeat 0px ; margin-top:29px;}
#navi-l a#lis00:hover{ background: url("../../images/btn_lis00.gif") no-repeat -254px ; margin-top:29px;}

#navi-l a#del00      { background: url("../../images/btn_del00.gif") no-repeat 0px ; margin-top:28px;}
#navi-l a#del00:hover{ background: url("../../images/btn_del00.gif") no-repeat -254px ; margin-top:28px;}

#navi-l a#reg00      { background: url("../../images/btn_reg00.gif") no-repeat 0px ; margin-top:33px;}
#navi-l a#reg00:hover{ background: url("../../images/btn_reg00.gif") no-repeat -254px ; margin-top:33px;}


/* 各カテゴリー下層ページボタン
----------------------------------------*/
#navi-s a{
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

/* <what> */
#navi-s a#what01{ background: url("../../images/btn_what01.gif") no-repeat 0px ; margin-top:6px;}
#navi-s a#what01:hover{ background: url("../../images/btn_what01.gif") no-repeat -255px ; margin-top:6px;}

#navi-s a#what02{ background: url("../../images/btn_what02.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#what02:hover{ background: url("../../images/btn_what02.gif") no-repeat -254px ; margin-top:4px;}

#navi-s a#what03{ background: url("../../images/btn_what03.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#what03:hover{ background: url("../../images/btn_what03.gif") no-repeat -254px ; margin-top:4px;}

#navi-s a#what04{ background: url("../../images/btn_what04.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#what04:hover{ background: url("../../images/btn_what04.gif") no-repeat -254px ; margin-top:4px;}


/* <listen> */
#navi-s a#lis01{ background: url("../../images/btn_lis01.gif") no-repeat 0px ; margin-top:6px;}
#navi-s a#lis01:hover{ background: url("../../images/btn_lis01.gif") no-repeat -254px ; margin-top:6px;}

#navi-s a#lis02{ background: url("../../images/btn_lis02.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#lis02:hover{ background: url("../../images/btn_lis02.gif") no-repeat -254px ; margin-top:4px;}

#navi-s a#lis03{ background: url("../../images/btn_lis03.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#lis03:hover{ background: url("../../images/btn_lis03.gif") no-repeat -254px ; margin-top:4px;}

#navi-s a#lis04{ background: url("../../images/btn_lis04.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#lis04:hover{ background: url("../../images/btn_lis04.gif") no-repeat -254px ; margin-top:4px;}


/* <delivery> */
#navi-s a#del01{ background: url("../../images/btn_del01.gif") no-repeat 0px ; margin-top:6px;}
#navi-s a#del01:hover{ background: url("../../images/btn_del01.gif") no-repeat -254px ; margin-top:6px;}

#navi-s a#del02{ background: url("../../images/btn_del02.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#del02:hover{ background: url("../../images/btn_del02.gif") no-repeat -254px ; margin-top:4px;}

#navi-s a#del03{ background: url("../../images/btn_del03.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#del03:hover{ background: url("../../images/btn_del03.gif") no-repeat -254px ; margin-top:4px;}

#navi-s a#del04{ background: url("../../images/btn_del04.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#del04:hover{ background: url("../../images/btn_del04.gif") no-repeat -254px ; margin-top:4px;}

#navi-s a#del05{ background: url("../../images/btn_del05.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#del05:hover{ background: url("../../images/btn_del05.gif") no-repeat -254px ; margin-top:4px;}

#navi-s a#del06{ background: url("../../images/btn_del06.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#del06:hover{ background: url("../../images/btn_del06.gif") no-repeat -254px ; margin-top:4px;}

#navi-s a#del07{ background: url("../../images/btn_del07.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#del07:hover{ background: url("../../images/btn_del07.gif") no-repeat -254px ; margin-top:4px;}

#navi-s a#del08{ background: url("../../images/btn_del08.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#del08:hover{ background: url("../../images/btn_del08.gif") no-repeat -254px ; margin-top:4px;}


/* <register> */
#navi-s a#reg01{ background: url("../../images/btn_reg01.gif") no-repeat 0px ; margin-top:6px;}
#navi-s a#reg01:hover{ background: url("../../images/btn_reg01.gif") no-repeat -254px ; margin-top:6px;}

#navi-s a#reg02{ background: url("../../images/btn_reg02.gif") no-repeat 0px ; margin-top:4px;}
#navi-s a#reg02:hover{ background: url("../../images/btn_reg02.gif") no-repeat -254px ; margin-top:4px;}



/* ページ選択時の反転ボタン
----------------------------------------*/
/* <what> */
#what00_on{ background: url("../../images/btn_what00.gif") no-repeat -254px ; margin-top:6px;
 display: block;
 width:255px;
 height: 40px;
 float:left;
}

#what01_on{ background: url("../../images/btn_what01.gif") no-repeat -255px ; margin-top:6px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

#what02_on{ background: url("../../images/btn_what02.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

#what03_on{ background: url("../../images/btn_what03.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

#what04_on{ background: url("../../images/btn_what04.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}


/* <listen> */
#lis00_on{ background: url("../../images/btn_lis00.gif") no-repeat -254px ; margin-top:29px;
 display: block;
 width:255px;
 height: 40px;
 float:left;
}

#lis01_on{ background: url("../../images/btn_lis01.gif") no-repeat -254px ; margin-top:6px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

#lis02_on{ background: url("../../images/btn_lis02.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

#lis03_on{ background: url("../../images/btn_lis03.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

#lis04_on{ background: url("../../images/btn_lis04.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}


/* <delivery> */
#del00_on{ background: url("../../images/btn_del00.gif") no-repeat -254px ; margin-top:28px;
 display: block;
 width:255px;
 height: 40px;
 float:left;
}

#del01_on{ background: url("../../images/btn_del01.gif") no-repeat -254px ; margin-top:6px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

#del02_on{ background: url("../../images/btn_del02.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

#del03_on{ background: url("../../images/btn_del03.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

#del04_on{ background: url("../../images/btn_del04.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}


#del05_on{ background: url("../../images/btn_del05.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}


#del06_on{ background: url("../../images/btn_del06.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}


#del07_on{ background: url("../../images/btn_del07.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}


#del08_on{ background: url("../../images/btn_del08.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}


/* <register> */
#reg00_on{ background: url("../../images/btn_reg00.gif") no-repeat -254px ; margin-top:33px;
 display: block;
 width:255px;
 height: 40px;
 float:left;
}

#reg01_on{ background: url("../../images/btn_reg01.gif") no-repeat -254px ; margin-top:6px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}

#reg02_on{ background: url("../../images/btn_reg02.gif") no-repeat -254px ; margin-top:4px;
 display: block;
 width:255px;
 height: 16px;
 float:left;
}