@charset "utf-8";
/* CSS Document */


/* ==================== サイト全体　レイアウト ==================== */
body{
	background:#fff url(../images/cmn/body_bg.gif) center bottom repeat-x;
}
/* 管理画面 WYSIWYG プレビュー用にBODYの背景をリセット */
body#editor{
	margin:5px;
	background:none;
}
div#container{
	background:url(../images/cmn/container_bg.gif) center top repeat-x;
}
div#container_inner{
	background:url(../images/cmn/container_inner_bg.gif) right top no-repeat;
}


/* ==================== ヘッダー ==================== */
div#header{
	width:1000px;
	height:153px;
	margin:0 auto;
	background:url(../images/cmn/header_bg.png) center bottom no-repeat;
	position:relative;
}

/* ---------- ヘッダー内絶対配置用共通スタイル ---------- */
div#header h1 a,
ul#programMenu li,
ul#programMenu a,
ul#informationMenu li,
ul#informationMenu a,
div#searchFormArea{
	position:absolute;/* 絶対配置 */
}
ul#programMenu li,
ul#informationMenu li{
	list-style-type:none;/*Netscapeでは、表示エリア外に設定してもリストの「・」が残ってしまうための対応*/
	font-size:0.1em;/* IEでは「文字の高さ×liの数」の余白があいてしまう。余白があかないように設定 */
}
ul#programMenu a,
ul#informationMenu a{
	display:block;
	text-indent:-999em;/* 文字を表示エリア外に移動 */
	text-decoration:none;/* firefoxでは下線がされてしまう問題を修正 */
	background-position:left bottom;/* 背景画像の表示位置 */
	background-repeat:no-repeat;
}

/* ---------- ロゴ ---------- */
div#header h1 a{
	width:186px;
	height:59px;
	text-indent:-999em;/* 文字を表示エリア外に移動 */
	text-decoration:none;/* firefoxでは下線が出てしまう問題を修正 */
	display:block;
	top:30px;
	left:20px;
	background:url(../images/cmn/logo_under.gif) left top no-repeat;
}
div#header h1 a:active,
div#header h1 a:hover{
	background-image:url(../images/cmn/logo_over.gif);
}

/* ---------- 番組メニュー ---------- */
ul#programMenu,
ul#programMenu li,
ul#programMenu li a{
	height:47px;
}
ul#programMenu li,
ul#programMenu a{
	top:46px;/* liを横に並べるため、全ての高さを揃える */
}
ul#programMenu a#program01{
	width:150px;/* ボタンの幅 */
	left:20px;/* ボタンの位置を指定 */
	background-image:url(../images/cmn/global01_lineup_under.gif);
}
ul#programMenu a#program01:hover,
ul#programMenu a#program01:active{
	background-image:url(../images/cmn/global01_lineup_over.gif);
}
ul#programMenu a#program02{
	width:131px;
	left:170px;
	background-image:url(../images/cmn/global02_week_under.gif);
}
ul#programMenu a#program02:hover,
ul#programMenu a#program02:active{
	background-image:url(../images/cmn/global02_week_over.gif);
}
ul#programMenu a#program03{
	width:227px;
	left:301px;
	background-image:url(../images/cmn/global03_super_under.gif);
}
ul#programMenu a#program03:hover,
ul#programMenu a#program03:active{
	background-image:url(../images/cmn/global03_super_over.gif);
}
ul#programMenu a#program04{
	width:161px;
	left:528px;
	background-image:url(../images/cmn/global04_tokosata_under.gif);
}
ul#programMenu a#program04:hover,
ul#programMenu a#program04:active{
	background-image:url(../images/cmn/global04_tokosata_over.gif);
}
ul#programMenu a#program05{
	width:108px;
	left:689px;
	background-image:url(../images/cmn/global05_hanakin_under.gif);
}
ul#programMenu a#program05:hover,
ul#programMenu a#program05:active{
	background-image:url(../images/cmn/global05_hanakin_over.gif);
}
ul#programMenu a#program06{
	width:175px;
	left:806px;
	background-image:url(../images/cmn/global06_morinoki_under.png);
}
ul#programMenu a#program06:hover,
ul#programMenu a#program06:active{
	background-image:url(../images/cmn/global06_morinoki_over.png);
}

/* ---------- インフォメーションメニュー ---------- */
ul#informationMenu,
ul#informationMenu li,
ul#informationMenu li a{
	height:30px;
}
ul#informationMenu li,
ul#informationMenu a{
	top:27px;/* liを横に並べるため、全ての高さを揃える */
}
ul#informationMenu a#information07{
	width:114px;/* ボタンの幅 */
	left:297px;/*ボタンの位置を指定*/
	background-image:url(../images/cmn/global07_event_under.gif);
}
ul#informationMenu a#information07:hover,
ul#informationMenu a#information07:active{
	background-image:url(../images/cmn/global07_event_over.gif);
}
ul#informationMenu a#information08{
	width:97px;
	left:411px;
	background-image:url(../images/cmn/global08_present_under.gif);
}
ul#informationMenu a#information08:hover,
ul#informationMenu a#information08:active{
	background-image:url(../images/cmn/global08_present_over.gif);
}
ul#informationMenu a#information09{
	width:124px;
	left:508px;
	background-image:url(../images/cmn/global09_announcers_under.gif);
}
ul#informationMenu a#information09:hover,
ul#informationMenu a#information09:active{
	background-image:url(../images/cmn/global09_announcers_over.gif);
}
ul#informationMenu a#information10{
	width:89px;
	left:632px;
	background-image:url(../images/cmn/global10_company_under.gif);
}
ul#informationMenu a#information10:hover,
ul#informationMenu a#information10:active{
	background-image:url(../images/cmn/global10_company_over.gif);
}
ul#informationMenu a#information11{
	width:110px;
	left:721px;
	background-image:url(../images/cmn/global11_inquiry_under.gif);
}
ul#informationMenu a#information11:hover,
ul#informationMenu a#information11:active{
	background-image:url(../images/cmn/global11_inquiry_over.gif);
}

/* ---------- サイト内検索 ---------- */
div#searchFormArea{
	top:54px;
	left:840px;
	width:150px;
	height:30px;
	padding-top:5px;
}
/*div#searchFormArea input#searchField*/
div#searchFormArea input#suggestboxhead{
	width:90px;
	height:17px;
	margin-right:3px;
/*	color:#b3b3b3;*/
}

/* ==================== メインエリア ==================== */
div#mainArea{
	width:960px;
	margin:-1px auto 0;
	padding:0 20px;
	background:url(../images/cmn/main_bg.png) center top repeat-y;
	position:relative;
}

/* ---------- メインコンテンツ ---------- */
div#mainArea div#contents{
	width:660px;
	float:left;
}

/* ---------- サブコンテンツ ---------- */
div#mainArea div#subContents{
	width:280px;
	margin-bottom:200px;
	float:right;

	min-height:600px;
/*	height:auto !important;*//* IE6用 min-heightハック */
/*	height:600px;*/		/* IE6用 min-heightハック */
}

/* ---------- キャラエリア ---------- */
div#mainArea div#charactorArea{
	text-align:right;
	position:absolute;
	width:280px;
	right:20px;
	bottom:0;
}


/* ==================== フッター ==================== */
div#footer{
	width:1000px;
	margin:0 auto;
	padding:30px 0 20px;
	text-align:center;
	background:url(../images/cmn/footer_bg.png) center top no-repeat;
}

/* ---------- フッターロゴ ---------- */
div#footer div#footerLogo{
	float:left;
}

/* ---------- フッターバナー ---------- */
div#footer div#footerad{
	padding-right:10px;
	float:right;
}
div#footer div#footerad img{
	margin-left:5px;
}

/* ---------- フッターメニュー ---------- */
div#footer ul#footerMenu{
	clear:both;
	padding:20px 0 10px;
}
div#footer ul#footerMenu li{
	display:inline;
	padding:0 7px;
	border-right:1px solid #c1e1a7;
}
div#footer ul#footerMenu li.firstFooterMenu{
	padding-left:0;
}
div#footer ul#footerMenu li.lastFooterMenu{
	border-right:none;
}
div#footer ul#footerMenu li a{
	color:#fff;
}
div#footer ul#footerMenu li a:active,
div#footer ul#footerMenu li a:hover{
	color:#c1e1a7;
}

/* ---------- コピーライト ---------- */
div#footer div#copyrightArea{
	color:#fff;
	text-align:center;
}


/* ==================== コンテンツ内のいろいろ ==================== */
div#mainArea div#contents a.rss,
div#mainArea div#contents a.rss:visited{
	text-decoration:none;
}
div#mainArea div#contents h2.information{
	color:#333;
	background:url(../images/cmn/h2_blue_bg.gif) left top no-repeat;
	margin-bottom:10px;
	padding:3px 30px;
}
div#mainArea div#contents a.rss h2.information{
	color:#333;
	background:url(../images/cmn/h2_rss_blue_bg.gif) left top no-repeat;
	margin-bottom:10px;
	padding:3px 30px;
}
div#mainArea div#contents h2.program{
	color:#333;
	background:url(../images/cmn/h2_green_bg.gif) left top no-repeat;
	margin-bottom:10px;
	padding:3px 30px;
}
div#mainArea div#contents a.rss h2.program{
	color:#333;
	background:url(../images/cmn/h2_rss_green_bg.gif) left top no-repeat;
	margin-bottom:10px;
	padding:3px 30px;
}
div#mainArea div#contents p.pankuzu{
	margin-bottom:10px;
}
div#mainArea div#contents div.entryBody,
div#mainArea div#contents div.entryMore,
div#mainArea div#contents div.pagebody,
div#mainArea div#contents div.pageMore{
	font-size:medium;
	margin-bottom:10px;
	padding:0 10px;
/*	word-break:break-all;*/
	word-wrap:break-word;
}
div#mainArea div#contents div.entryBody img.emoticon,
div#mainArea div#contents div.entryMore img.emoticon,
div#mainArea div#contents div.pagebody img.emoticon,
div#mainArea div#contents div.pageMore img.emoticon{
	padding-right:3px;
	padding-bottom:6px;
}
div#mainArea div#contents div.entryBody div,
div#mainArea div#contents div.entryBody p,
div#mainArea div#contents div.entryBody li,
div#mainArea div#contents div.entryMore div,
div#mainArea div#contents div.entryMore p,
div#mainArea div#contents div.entryMore li,
div#mainArea div#contents div.pagebody div,
div#mainArea div#contents div.pagebody p,
div#mainArea div#contents div.pagebody li,
div#mainArea div#contents div.pageMore div,
div#mainArea div#contents div.pageMore p,
div#mainArea div#contents div.pageMore li,
body#editor,
body#editor div,
body#editor p,
body#editor li{
	font-size:medium;
}
div#mainArea div#contents p.entryDate{
	clear:both;
	text-align:right;
	margin-bottom:10px;
	padding-top:5px;
	border-top:1px solid #d9d9d9;
	background:url(../images/cmn/entrydate_bg.gif) 535px 10px no-repeat;
}
div#mainArea div#contents p.pageNavigation{
	text-align:center;
	margin-bottom:30px;
	padding-top:5px;
	border-top:1px solid #d9d9d9;
}
div#mainArea div#contents p.anchorTop{
	text-align:right;
	padding-top:5px;
	border-top:1px solid #d9d9d9;
}

div#mainArea div#contents ul,
div#mainArea div#contents ol{
	margin-left:27px;
	margin-top:10px;
	margin-bottom:10px;
}
div#mainArea div#contents ul.newinfo{
	margin:0;
	padding:0;
	list-style-type:none;
}

/* コメントプレビュー時の注意書き */
div#mainArea div#contents div#comments p#commentnotice{
	margin-bottom:30px;
}


/* ==================== サブコンテンツ内のいろいろ ==================== */
div#mainArea div#subContents ul,
div#mainArea div#subContents ol{
	list-style-type:none;
}

div#mainArea div#subContents div.sidefreeArea,
div#mainArea div#subContents div.profile,
div#mainArea div#subContents div.program,
div#mainArea div#subContents div.recentEntries,
div#mainArea div#subContents div.pastEntries,
div#mainArea div#subContents div.anaicons,
div#mainArea div#subContents div.category,
div#mainArea div#subContents div.yearlyProject,
div#mainArea div#subContents div.tagCloud,
div#mainArea div#subContents div.widget-recent-comments{
	margin-bottom:10px;
	clear:both;
}
div#mainArea div#subContents div.profile{
	margin-bottom:0;
}
div#mainArea div#subContents div.sideadArea h3,
div#mainArea div#subContents div.sidefreeArea h3,
div#mainArea div#subContents div.profile h3,
div#mainArea div#subContents div.program h3,
div#mainArea div#subContents div.recentEntries h3,
div#mainArea div#subContents div.pastEntries h3,
div#mainArea div#subContents div.anaicons h3,
div#mainArea div#subContents div.category h3,
div#mainArea div#subContents div.yearlyProject h3,
div#mainArea div#subContents div.tagCloud h3,
div#mainArea div#subContents div.widget-recent-comments h3{
	background:url(../images/cmn/side_h3_bg.gif) 0 0 no-repeat;
	color:#333;
	padding:4px 0 2px 10px;
	text-align:left;
}
div#mainArea div#subContents div.tagCloud,
div#mainArea div#subContents div.profile div.profile_inner{
	margin-top:5px;
}
div#mainArea div#subContents div.profile img.profilePhoto{
	float:left;
	margin-right:10px;
}
div#mainArea div#subContents div.profile img.profileBtn{
	margin-top:5px;
}
div#mainArea div#subContents div.yearlyProject div{
	text-align:center;
}
div#mainArea div#subContents ul li,
div#mainArea div#subContents div.tagCloud p,
div#mainArea div#subContents div.yearlyProject div{
	padding:4px 10px;
}
div#mainArea div#subContents ul li,
div#mainArea div#subContents div.tagCloud p{
	border-bottom:1px solid #d9d9d9;
}
div#mainArea div#subContents p.yearList{
	padding:4px 10px;
	border-bottom:1px solid #d9d9d9;
}
div#mainArea div#subContents ul li.listColor{
	background-color:#f3f7fa;
}
div#mainArea div#subContents ul.monthList li{
	padding:4px 10px 4px 18px;
}
div#mainArea div#subContents div.tagCloud{}
div#mainArea div#subContents div.tagCloud .rank-1{
	font-size: 1.75em;
}
div#mainArea div#subContents div.tagCloud .rank-2{
	font-size: 1.75em;
}
div#mainArea div#subContents div.tagCloud .rank-3{
	font-size: 1.625em;
}
div#mainArea div#subContents div.tagCloud .rank-4{
	font-size: 1.5em;
}
div#mainArea div#subContents div.tagCloud .rank-5{
	font-size: 1.375em;
}
div#mainArea div#subContents div.tagCloud .rank-6{
	font-size: 1.25em;
}
div#mainArea div#subContents div.tagCloud .rank-7{
	font-size: 1.125em;
}
div#mainArea div#subContents div.tagCloud .rank-8{
	font-size: 1em;
}
div#mainArea div#subContents div.tagCloud .rank-9{
	font-size: 0.95em;
}
div#mainArea div#subContents div.tagCloud .rank-10{
	font-size: 0.9em;
}

div#mainArea div#subContents div.sideadArea{
	text-align:center;
}
div#mainArea div#subContents div.sideadArea div.oneSideAd,
div#mainArea div#subContents div.sideadArea div.sideTopBody,
div#mainArea div#subContents div.sideadArea div.sideTopMore{
	margin-bottom:10px;
	clear:both;
}
div#mainArea div#subContents div.sideadArea div.sideTopBody{
	padding-top:5px;
}