@charset "shift_jis";

* {
margin:0px;
padding:0px;
font-size:100%;
}

/* ---------------------------------------------------------------
 * 共通用。Win版のIE5.5のバグ対策のため、sans-serifは必ず最後に指定
 * --------------------------------------------------------------- */


body{
background-image:url(img/back_main.gif);
background-color:#ffffff;
font-family:"ＭＳ Ｐゴシック","Osaka","Arial","Helvetica","sans-serif"; 
font-size:12px;
color:#000000;
}

a:link{color:#4169e1;} /* royalblue */
a:active{color:#ff8c00;} /* darkorange */
a:visited{color:#0cb0e0;} /* richblue */
a:hover{color:#ff8c00;} /* darkorange */

img{border-style:none;}

div{margin:0px;}

p{margin-bottom:2em;}


/* ---------------------------------------------------------------
 * 全体構造
 * --------------------------------------------------------------- */

#page_container{
width:798px;
margin:0px auto;
}

/* ---------------------------------------------------------------
 * ヘッダーとメニューバー
 * --------------------------------------------------------------- */

#top_head{
width:798px;
}

#top_head h1{display:none;}

#top_head table{width:100%;}


/* ---------------------------------------------------------------
 * Topページ ムービーと検索
 * --------------------------------------------------------------- */

#top_movie{
width:798px;
}

/* ----- 左側ムービー表示部 ----- */

#moviebase{
width:391px;
height:268px;
background-image:url(img/base_movie.jpg);
background-repeat:no-repeat;
padding-top:10px;
padding-left:32px;
float:left;
}

/* ----- 右側動画検索表示部 ----- */

#searchbase{
width:357px;
height:270px;
background-image:url(img/base_search.jpg);
background-repeat:no-repeat;
padding-top:8px;
padding-left:18px;
float:right;
}

#searchbase table{width:304px;}

.searchbase_color01{
width:304px;
background-image:url(img/back_search.gif);
background-repeat:repeat-y;
}

.searchbase_color01 div{padding:10px;}

.searchbase_color01 div form{margin:0px;}

.searchtext01{
padding:3px;
margin-bottom:5px;
} /* textform */

.searchbase_color01 div form span{
font-size:14px;
color:#666666;
}

.searchbutt01{
border-style:none;
background-color:#008000;
font-size:10px;
color:#ffffff;
padding:3px;
margin-top:5px;
} /* submit */

.searchnavi{
padding-top:20px;
margin:0px;
} /* BBkoaraNAVIボタン */


/* ---------------------------------------------------------------
 * Topページコンテンツ本体構造
 * --------------------------------------------------------------- */

#topbody_container{
width:798px;
} /* 未使用 */

.topbody_left{
background-image:url(img/base_topmain_left.gif);
background-repeat:repeat-y;
}

.topbody_right{
background-image:url(img/base_topmain_right.gif);
background-repeat:repeat-y;
}


/* ---------------------------------------------------------------
 * Topページコンテンツ本体構造 左側表示部
 * --------------------------------------------------------------- */

#top_contents_left{
width:517px;
background-color:#ffffff;
vertical-align:top;
padding-top:5px;
}


/* ----- Topページコンテンツ本体 左側 DailyNews 表示部 ----- */

#dailynews{
width:511px;
margin:0px auto 3px 1px;
}

#dailynews h2{display:none;}

#dailynews_body{
background-image:url(img/back_news.gif);
background-repeat:repeat-y;
}

.renewinfo{
width:493px;
height:100px;
background-image:url(img/back_news02.gif);
background-repeat:no-repeat;
margin:0px auto;
} /* 更新情報見出し 下地 */

.renewinfo img{margin:12px auto 2px 170px;}

.renewinfo p{
font-size:11px;
color:#666666;
line-height:1.4;
margin:0px 10px 0px 170px;
}

.renewdeteil{
width:493px;
margin:0px auto;
} /* 更新情報本体 外枠 */

.renewdeteil_body{
width:100%;
background-color:#ffffff;
} /* 更新情報本体 本文下地 */


.renewdeteil_body dl{
color:#008080; /* Teal */
margin:0px 7px 10px 7px;
padding-top:5px
} /* 更新情報本体 本文 */

.renewdeteil_body dl dt{
font-family:"ＭＳ ゴシック","Osaka‐等幅","Verdana";
font-weight:bold;
margin-right:10px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
float:left;
clear:left;
} /* 更新情報本体 本文 */

.renewdeteil_body dl dd{
border-bottom:dashed 1px #dcdcdc;
padding-top:5px;
padding-bottom:5px;
} /* 更新情報本体 本文 */

.renewdeteil_body dl div{
margin-top:-12px;
margin-right:3px;
float:right;
clear:right;
} /* 更新情報本体 本文（矢印） */

.buttdeteil{
text-align:right;
paddinng-top:10px;
margin:0px 10px 0px auto;
} /* 「一覧はこちら」のボタン用 */


/* ----- Topページコンテンツ本体 左側 番組アーカイブス 表示部 ----- */

#archives{
width:511px;
margin:0px auto 3px 1px;
}

#archives h2{display:none;}

#archives_body{
background-image:url(img/back_archives.gif);
background-repeat:repeat-y;
}

.archivesdeteil{
width:493px;
margin:0px auto;
} /* 番組アーカイブス本体 外枠 */

.archivesdeteil_body{
width:100%;
background-color:#ffffff;
text-align:center;
} /* 番組アーカイブス本体 本文下地 */


.archivesdeteil_body table{
width:473px;
border-style:none;
margin:auto;
text-align:left;
}

.archivesdeteil_body table td{
border-style:none;
padding:0px;
}

.box_left{
width:236px;
border-bottom:dashed 1px #dcdcdc;
padding-top:10px;
position:relative;
} /* 番組アーカイブス本体 サムネイル枠左側 */

.box_right{
width:237px;
border-bottom:dashed 1px #dcdcdc;
border-left:dashed 1px #dcdcdc;
padding-top:10px;
position:relative;
} /* 番組アーカイブス本体 サムネイル枠右側 */

.archivessam_left{
padding-left:3px;
padding-bottom:10px;
margin-right:10px;
float:left;
} /* サムネイル画像 左Box用 */

.archivessam_right{
padding-left:10px;
padding-bottom:10px;
margin-right:10px;
float:left;
} /* サムネイル画像 右Box用 */

.archivesdeteil_body table h3{
color:#008080; /* Teal */
font-size:14px;
font-weight:bold;
margin-bottom:3px;
} /* 日付 */

.archivesdeteil_body table h4{
color:#008080; /* Teal */
font-size:12px;
font-weight:normal;
margin-bottom:3px;
} /* title */

.archivesdeteil_body table p{
margin-bottom:0px;
} /* comment */

.boxarrow_l{
position:absolute; top:83px; left:90px; /* 親要素はbox_left */
} /* 緑の小さい矢印アイコン 左Box用 */

.boxarrow_r{
position:absolute; top:83px; left:100px; /* 親要素はbox_right */
} /* 緑の小さい矢印アイコン 右Box用 */


/* ---------------------------------------------------------------
 * Topページコンテンツ本体構造 右側表示部
 * --------------------------------------------------------------- */

#top_contents_right{
width:241px;
background-image:url(img/back_topmain_right.gif);
background-repeat:repeat-y;
vertical-align:top;
padding-top:5px;
}

/* ----- Topページコンテンツ本体 右側カレンダー表示部 ----- */

#top_colendar{
width:239px;
height:250px;
background-image:url(img/base_colendar.gif);
background-repeat:no-repeat;
color:#ffffff;
text-align:center;
margin-left:2px;
}

.colendar_ym{} /* カレンダー本体、年月 */

.colendar_ym table{
width:192px;
border-style:none;
font-weight:bold;
text-align:left;
margin:12px auto 0px 28px;
font-size:22px;
}

.colendar_ym table td{padding:0px;}

.colendar_ym table span{font-size:38px;}

.colendar_ym a:link{color:#ffffff;text-decoration:none;}
.colendar_ym a:active{color:#ffffff;text-decoration:none;}
.colendar_ym a:visited{color:#ffffff;text-decoration:none;}
.colendar_ym a:hover{color:#ffff66;text-decoration:none;}

#colendar_d{
margin:0px;
text-align:center;
} /* カレンダー本体、日付 */

#colendar_d table{
width:192px;
border-style:none;
margin:12px auto 0px 22px;
}

#colendar_d table td{padding:2px;}

.colendar_bar01{margin-top:4px;margin-bottom:3px;}

.sat{color:#66ccff;}
.sun{color:#ff6666;}


/* ----- Topページコンテンツ本体 右側スポンサーバナー表示部 ----- */

#top_bnr{
padding-top:3px;
}

#top_bnr img{
margin-left:4px;
margin-bottom:3px;
}

/* ---------------------------------------------------------------
 * （Topページ以外の）コンテンツ本体構造
 * --------------------------------------------------------------- */

.mainbody_left{
background-image:url(img/base_main_left.gif);
background-repeat:repeat-y;
}

.mainbody_right{
background-image:url(img/base_main_right.gif);
background-repeat:repeat-y;
}

.contents_body{
width:758px;
background-color:#ffffff;
vertical-align:top;
}

/* ---------------------------------------------------------------
 * フッターメニュー
 * フッターは背景色の関係上 #page_container の中には含まれない
 * --------------------------------------------------------------- */

#footer{
width:100%
background-image:url(img/spacer.gif);
background-color:#ffffff;
padding:10px 0px 100px 0px;
}

#footer_menu{
width:768px;
height:51px;
background-image:url(img/back_footer.gif);
background-repeat:no-repeat;
text-align:center;
margin:0px auto 10px auto;
} /* フッターメニュー下地 */

#footer ol{padding-top:15px;}

#footer ol li{
text-align:center;
margin-left:-1px;
padding:0em 0.5em;
display:inline;
}

#footer p{
width:768px;
font-size:10px;
color:#666666;
text-align:right;
margin:0px auto;
} /* コピーライト表記 */

#footer a:link{color:#ffffff;text-decoration:none;}
#footer a:active{color:#ffffff;text-decoration:none;}
#footer a:visited{color:#ffffff;text-decoration:none;}
#footer a:hover{color:#99cc66;text-decoration:none;}


/* ---------------------------------------------------------------
 * コンテンツ共通用
 * --------------------------------------------------------------- */

h1.pagetit00{display:none;}  /* ページタイトル（隠し） */

.pagetit01{margin:10px;} /* ページタイトル画像 */

.txtbox01{
width:550px;
text-align:left;
line-height:1.5;
margin:0px auto 20px auto;
} /* メインのテキストボックス */


/* ---------------------------------------------------------------
 * 罫線
 * --------------------------------------------------------------- */


/* ---------------------------------------------------------------
 * リスト
 * --------------------------------------------------------------- */

ul.patt00{margin:0px 10px 0px 30px;} /* 通常のul */
ol.patt00{margin:0px 10px 0px 30px;} /* 通常のol */

dl.patt00{margin:0px 10px 0px 20px;} /* 通常のdl */

dl.patt00 dt{
font-weight:bold;
margin:0px 0px 3px 0px;
} /* 通常のdl-dt */

dl.patt00 dd{margin:0px 0px 10px 30px;}/* 通常のdl-dt-dd */


/* ---------------------------------------------------------------
 * ヒストリーバック
 * --------------------------------------------------------------- */

.hisback{
width:70px;
border:solid 1px #6090ef; /* cornflowerblue */
background-color:#e0ffff; /* lightcyan */
padding:3px 10px 3px 10px;
font-size:12px;
text-align:center;
margin:50px auto 20px auto;
}

.hisback a:link{color:#6090ef;display:block;width:100%;} /* cornflowerblue */
.hisback a:active{color:#ff8c00;display:block;width:100%;} /* darkorange */
.hisback a:visited{color:#6090ef;display:block;width:100%;} /* cornflowerblue */
.hisback a:hover{color:#ff8c00;display:block;width:100%;} /* darkorange */



/* ---------------------------------------------------------------
 * 罫線無しのテーブル
 * --------------------------------------------------------------- */

.t00none{
border-style:none;
} /* 罫線無し、padding0のテーブル */

.t00none td{
border-style:none;
padding:0px;
} /* 罫線無し、padding0のテーブル（調整用） */

.t03none{
border-style:none;
} /* 罫線無し、padding3のテーブル */

.t03none td{
border-style:none;
padding:3px;
line-height:1.3;
} /* 罫線無し、padding3のテーブル（調整用） */


/* ---------------------------------------------------------------
 * 罫線有りのテーブル
 * --------------------------------------------------------------- */

.t03{
border:solid 1px #000000;
border-collapse:collapse;
} /* 罫線有り、padding3のテーブル */

.t03 td{
border:solid 1px #000000;
border-collapse:collapse;
padding:3px;
line-height:1.3;
} /* 罫線無し、padding3のテーブル（調整用） */


.t06{
border:solid 1px #000000;
border-collapse:collapse;
} /* 罫線有り、padding3のテーブル */

.t06 td{
border:solid 1px #000000;
border-collapse:collapse;
padding:6px;
line-height:1.3;
} /* 罫線無し、padding3のテーブル（調整用） */


/* ---------------------------------------------------------------
 * 以下、個別指定
 * --------------------------------------------------------------- */

/* ----- 個別配置 -----*/

.vt{vertical-align:top;} /* 上端揃え */
.vm{vertical-align:middle;} /* 中央揃え */

.ct{text-align:center;} /* 中央寄せ */
.rt{text-align:right;} /* 右寄せ */


div.cta{
text-align:center;
} /* テーブルのセンタリング */

div.cta table{
margin:auto;
text-align:left;
} /* テーブルのセンタリング（補助） */


div.rta{
text-align:right;
margin-right:0px;
margin-left:auto;
} /* テーブルの右寄せ */

div.rta table{
margin-right:0px;
margin-left:auto;
text-align:left;
} /* テーブルの右寄せ（補助） */


.lh13{
line-height:1.3;
} /* 個別に行間指定する場合 */


.fll{float:left;} /* 左回りこみ */
.flr{float:right;} /* 右回りこみ */

.flclb{clear:both;} /* 左右回りこみ解除 */
.flcll{clear:left;} /* 左回りこみ解除 */
.flclr{clear:right;} /* 右回りこみ解除 */


/* ----- セルの塗り色・文字色 ----- */

/* ----- 強調 ----- */

/* ----- フォント関連 ----- */

.lar00{font-size:16px;font-weight:bold;}
.lar01{font-size:16px;font-weight:bold;color:#ffffff;}

.nor00{font-size:14px;}
.nor01{font-size:14px;color:#ffffff;}

.nor00b{font-size:14px;font-weight:bold;}
.nor01b{font-size:14px;font-weight:bold;color:#ffffff;}

.sma00{font-size:12px;}
.sma01{font-size:12px;color:#ffffff;}

.sma00b{font-size:12px;font-weight:bold;}
.sma01b{font-size:12px;font-weight:bold;color:#ffffff;}


/* ---------------------------------------------------------------
 * 要素が終わり次第、floatをクリア
 * --------------------------------------------------------------- */

/* ----- divボックス内にfloat指定の画像が内蔵されている場合は必須 ----- */

.clearfix:after {
content: ".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clearfix{display:inline-block;}
/* exlude MacIE5 \*/
* html .clearfix{height:1%}
.clearfix {display:block;}
/* end MacIE5 */