﻿/* 全体
---------------------------------------------------- */

body {
	font-size:100%;
	text-align:center;
	margin:0;
	padding:0;
	/*background:url(../images/index-bg3.jpg) repeat-x;*/
	font-family:"ＭＳ ゴシック", "Osaka－等幅",monospace;
	}
	
#wrapper {
	width:800px;
	margin:0 auto;
		}


#inputs {
	font-size:12px;
	}

/* リセット&クリアー
---------------------------------------------------- */
h1,h2,h3,h4,h5 {
	margin:0;
	font-weight:normal;
	}

ul,li,form { 
	margin:0;
	padding:0;
	list-style:none;
	}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input {
	vertical-align:middle;
	}



.pkg:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.pkg { display: inline-block; }

/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */



/* 写真コントロール
---------------------------------------------------- */

.photo-left {
	padding:5px;
	border:1px solid #999;
	background:#FFFFFF;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	}

.photo-right {
	padding:5px;
	border:1px solid #999;
	background:#FFFFFF;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	}	




/* ヘッダー
---------------------------------------------------- */
#header {
	width:800px;
	position:relative;
	height:110px;
	background:url(../images/header-bg.jpg) no-repeat;
	border-bottom:1px solid #5E9E3D;
		}



#id-h1 {
	background: url(../images/header-bg.jpg) 0 -24px no-repeat;
	width:264px;
	position:absolute;
	top:24px;
	left:0;
	margin: 0;
	}

#id-h1 a {
	display:block;
	width:264px;
	height:66px;
	background: url(../images/header-bg.jpg) 0 -24px no-repeat;
	text-indent:-9999px;
	}



#banner {
	position:absolute;
	top:10px;
	left:200px;
	width:360px;
	}

#header-r-bottom {
	height:25px;
	width:100%;
	}

#header-btm {
	width:800px;
	margin-bottom:5px;
	border-bottom:1px solid #5E9E3D;
	padding-bottom:5px;
	}

#g-search {
	width:600px;
	text-align: left;
	float:left;
	padding-top:5px;
	font-size: 0.8em;
	}



#text-ver {
	position:absolute;
	top:37px;
	left:740px;
	width:60px;
	height:30px;
	background:url(../images/textver.jpg) no-repeat;
	text-indent:-9999px;
	}

#text-ver a {
	width:60px;
	height:30px;
	display:block;
	}


/* テキストナビゲーション
---------------------------------------------------- */
#navigation {
	width:800px;
	margin:0 auto;
	position:absolute;
	top:84px;
	left:0;
	}

#navigation ul {
	list-style:none;
	}

#navigation li {
	list-style:none;
	display:inline;
	}

#navigation li a {
	display:block;
	padding:5px 7px 3px 7px;
	border:1px solid #ccc;
	border-top:none;
	border-bottom:none;
	/*
	background:#999999 url(../images/tab-bg.jpg) top left repeat-x;
	*/
	font-size:12px;
	font-weight:bold;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	}

#navigation li a:hover {
	background:#CCCCCC;
	color:#FFFFCC;
	}

#navigation li#current a {
background:#999999 url(../images/tab-bg.jpg) top left repeat-x;
	/*
background:#999999 url(http://betsukai.tv/images/tab-bg.jpg) top left repeat-x;
	background:#04A700;
*/
	}



/* 文字サイズ変更
---------------------------------------------------- */

#f-size  {
	background:url(../images/f-size2.jpg) no-repeat;
	width:150px;
	height:30px;
	float:right;

	}


#f-size ul {
	position:relative;
	width:150px;
	margin:0;
	padding:0;
	}

#f-size li {
	display:inline;
	}

#f-size li a {
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	top:5px;
	left:0;
	text-indent:-9999px;
	}

#f-size li#f-big a {
	left:74px;
	background:url(../images/f-size.jpg) -74px -5px no-repeat;
	}

#f-size li#f-mid a {
	left:97px;
	background:url(../images/f-size.jpg) -97px -5px no-repeat;
	}

#f-size li#f-sml a {
	left:120px;
	background:url(../images/f-size.jpg) -120px -5px no-repeat;
	}




/* 住所
---------------------------------------------------- */
#office-address {
	clear:both;
	text-align:right;
	font-size:0.8em;
	padding:5px 0;
	color:#555;
	margin-bottom:5px;
	}

#office-address p {
	margin:0;
	}


/* メイン
---------------------------------------------------- */

#container {
	position:static;
	width:800px;
	clear: both;
	}

#index-container {
	position:static;
	width:800px;
	clear: both;
	}



#main {
	width:575px;
	float:left;
	text-align:left;
	padding:0 0 20px 0;
	}


#sub {
	margin:0 0 10px 0;
	width:200px;
	float:right;
	background:#eee;
	border: 1px solid #009900;
	}

#sub-inner {
	padding:9px;
	text-align:left;
	}


/* メイン左
---------------------------------------------------- */

/* BTV総合ニュース */
#total-news {
	width:575px;
	height:190px;
	background:url(../images/news-bg2.jpg) 0 -10px no-repeat;
	position:relative;
	margin-bottom: 20px;
	}

#total-news h2 {
	position:absolute;
	display:block;
	width:180px;
	height:35px;
	text-indent:-9999px;
	top:145px;
	left:10px;
	}

#total-news h2 a {
	display:block;
	width:180px;
	height:30px;
	}


#randomphoto {
	position:absolute;
	top:10px;
	left:10px;
	width:180px;
	height:130px;
	}


#randomphoto a {
	background:#fff;
	}

#randomphoto img {
	padding:5px ;
	background:#fff;
	}




#total-news-cont {
	position:absolute;
	top:16px;
	left:207px;
	width: 350px;
	height:158px;
	overflow:auto;
	text-align:right;
	font-size:0.8em;
		}
	
#total-news-cont ul {
	margin-bottom:10px;
	text-align:left;
	}

#total-news-cont li {
	list-style-image:url(../images/top-arrow.gif) no-repeat;
	display:block;
	width:340px;
	clear:both;
	}

#total-news-cont li a {
	display:block;
	width:220px;
	background:url(../images/top-arrow.gif) left top no-repeat;
	padding-left:20px;
	overflow:hidden;
	float:left;
	height:1em;
	line-height:1.5;
	padding-bottom:0.5em;
	}

#total-news-cont li span {
	float:right;
	display:block;
	width:100px;
	text-align:right;
	font-size:0.8em;
	}

#total-news-cont a {
	display:block;
	clear:both;
	}


/* 最新画像 */

#new-img {
	padding:10px 0 5px 0;
	}

#new-img ul {
	list-style:none;
	text-align:center;
	}

#new-img li {
	display:inline;
	}

#new-img li img {
	padding:4px;
	border:1px solid #ccc;
	margin-right:3px;
	margin-left:3px;
	}

#old-img {
	margin:0;
	text-align:right;
	font-size:0.7em;
	padding:3px 0;
	}


/* トピックス
--------------------------------------------------------------- */
#topics {
	margin-bottom:20px;
	background:#EFF8F1;
	clear:both;
	width:573px;
	border:1px solid #ccc;
	}
	
#topics-h2 {
	display:block;
	background: url(../images/topics-title-h2.gif) no-repeat;
	width:575px;
	height:25px;
	text-indent:-9999px;
	margin:0;
	}

#topics-cont {
	float:left;
	padding:5px 0 5px 5px;
	background:#EFF8F1;
	height:110px;
	overflow:auto;
	width:430px;
	}

#topics-cont ul {
	list-style:none;
	font-size:0.8em;
	}


#topics-cont li {
	line-height:1.4;
	list-style-image:url(../images/green-list.gif) no-repeat;
	display:block;
	width:410px;
	clear:both;
	}

#topics-cont li a {
	background:url(../images/green-list.gif) left top no-repeat;
	padding-left:15px;
	display:block;
	width:215px;
	overflow:hidden;
	float:left;
	height:1em;
	line-height:1.5;
	padding-bottom:0.4em;
	}

#topics-cont li span {
	float:right;
	display:block;
	width:100px;
	text-align:right;
	font-size:0.8em;
	}


	

#topics-bann {
	width:120px;
	padding:10px 10px 0 0;
	float:right;
	}

#topics-bann img {
	margin-bottom:5px;
	}


#old-topics {
	text-align:right;
	font-size:0.8em;
	}


/* 各チャンネル */
#channel-box {
	width:575px;
	clear:both;
	margin-bottom: 20px;
	}

#channel-box-left {
	width:275px;
	float:left;
	}

#channel-box-right {
	width:275px;
	float:right;
	}


.ch-box {
	width:275px;
	clear:both;
	margin-bottom:15px;
	}


/* チャンネルバナー */
#t1ch,#t2ch,#t3ch,#t4ch,#t5ch,#t6ch,#t7ch,#t8ch {
	width:275px;
	height:30px;
	margin-bottom:10px;
	font-size:16px;
	}

#channel-box h2 a {
	display:block;
	width:220px;
	height:22px;
	text-decoration:none;
	font-weight:bold;
	padding-left:55px;
	padding-top:8px;
	color:#0E8D0C;
	}

#t1ch {
	background:url(../images/1ch-bnn.jpg) no-repeat;
	}

#t2ch {
	background:url(../images/2ch-bnn.jpg) no-repeat;
	}

#t3ch {
	background:url(../images/3ch-bnn.jpg) no-repeat;
	}

#t4ch {
	background:url(../images/4ch-bnn.jpg) no-repeat;
	}

#t5ch {
	background:url(../images/5ch-bnn.jpg) no-repeat;
	}

#t6ch {
	background:url(../images/6ch-bnn.jpg) no-repeat;
	}

#t7ch {
	background:url(../images/7ch-bnn.jpg) no-repeat;
	}

#t8ch {
	background:url(../images/8ch-bnn.jpg) no-repeat;
	}


/* チャンネルBox */
.ch-news-box {
	width:275px;
	}

.ch-photo {
	width:10px;
	float:left;
	text-align:left;
	}

.ch-photo img {
	padding:3px;
	border:1px solid #ccc;
	}

.ch-news {
	width:250px;
	float:right;
	font-size:0.8em;
	text-align:right;
	font-weight:bold;
	}


.ch-news ul {
	text-align:left;
	line-height:1.4;
	margin-bottom:0.8em;
	font-weight:normal;
	}

.ch-news li {
	list-style-type:none;
	background:url(../images/arrow.gif) left center no-repeat;
	padding-left:15px;
	}


/* RSS */
#rss-link {
	clear:both;
	background: #f3f3f3;
	padding:5px 0 7px 0;
	text-align:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	}

#rss-link ul {
	list-style:none;
	}

#rss-link li {
	display:inline;
	}

#rss-link .rss-m {
	background:url(../images/rss-mk.gif) left center no-repeat;
	padding:5px 0 5px 18px;
	margin-right:5px;
	font-size:0.8em;
	}

#rss-link .whts-rss {
	background:url(../images/arrow-s.gif) left center no-repeat;
	padding:7px 0 5px 10px;
	margin-right:5px;
	font-size:0.7em;

	}


/* サブ右
---------------------------------------------------- */
/* トップバナー */

.bnn-p {
	margin:0;
	margin-bottom:10px;
	}


.bnn-p05 {
	margin:0;
	margin-bottom:5px;
	}


/* snsログイン */
#sns {
	padding-bottom:10px;
	text-align:center;
	}

#sns h3 {
	background:url(../images/sns-title.jpg) no-repeat;
	width:180px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:7px;
	}

#sns h3 a {
	display:block;
	width:180px;
	height:30px;
	}
	
#sns p {
	margin:0;
	margin-bottom:0.5em;
	font-size:0.9em
	}


	

#sns dl,#sns dt,#sns dd {
	margin:0;
	padding:0;
	}

#sns dd {
	margin-bottom:5px;
	font-size:0.8em;
	}

#sns dl {
	padding-left:10px;
	}

#new-add-img {
	vertical-align:middle;
	margin-right:3px;
	}
	

#username,#password {
	width:150px;
	}


dt#sns-mail {
	background:url(../images/sns-mail.gif) no-repeat;
	height:20px;
	text-indent:-9999px;
	}

dt#sns-pw {
	background:url(../images/sns-pw.gif) no-repeat;
	height:20px;
	text-indent:-9999px;
	}

#wht-sns {
	margin:0;
	font-size:0.8em;
	text-align:center;
	padding:5px 0;
	}


/* 天気予報 */
#weather {
	margin-bottom:10px;
	}
	
#weather h3 {
	background:url(../images/weather-title.jpg) no-repeat;
	width:180px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:7px;
	}

#jwfx_menu {
	margin-bottom:7px;
	text-align:center;
	}
	
#jwfx {
	font-size:0.8em;
	}
	

/* 視聴率ランキング */
#ranking {
	margin-bottom:10px;
	}

#ranking ul {
	background:#fff;
	margin-bottom:5px;
	}
	
#ranking li {
	list-style:none;
	display:block;
	width:178px;
	height:30px;
	font-size:12px;
	}

#ranking li a {
	display:block;
	width:150px;
	padding:8px 0 5px 0;
	height:20px;
	padding-left:30px;
	}

#ranking li#no1 a {
	background:#FFEBD7 url(../images/no1.gif) 5px 5px no-repeat;
	}

#ranking li#no1 a:hover {
	background-color:#FFFFCC;
	}
	
#ranking li#no2 a {
	background:#fff url(../images/no2.gif) 5px 5px no-repeat;
	}

#ranking li#no2 a:hover {
	background-color:#FFFFCC;
	}
	
#ranking li#no3 a {
	background:#FFEBD7 url(../images/no3.gif) 5px 5px no-repeat;
	}

#ranking li#no3 a:hover {
	background-color:#FFFFCC;
	}

#ranking li#no4 a {
	background:#fff url(../images/no4.gif) 5px 5px no-repeat;
	}

#ranking li#no4 a:hover {
	background-color:#FFFFCC;
	}

#ranking li#no5 a {
	background:#FFEBD7 url(../images/no5.gif) 5px 5px no-repeat;
	}

#ranking li#no5 a:hover {
	background-color:#FFFFCC;
	}


#ranking li#no6 a {
	background:#fff url(../images/no6.gif) 5px 5px no-repeat;
	}

#ranking li#no6 a:hover {
	background-color:#FFFFCC;
	}
	
	
#ranking li#no7 a {
	background:#FFEBD7 url(../images/no7.gif) 5px 5px no-repeat;
	}

#ranking li#no7 a:hover {
	background-color:#FFFFCC;
	}
	
	
#ranking li#no8 a {
	background:#FFf url(../images/no8.gif) 5px 5px no-repeat;
	}

#ranking li#no8 a:hover {
	background-color:#FFFFCC;
	}
	
#ranking li#no9 a {
	background:#FFEBD7 url(../images/no9.gif) 5px 5px no-repeat;
	}

#ranking li#no9 a:hover {
	background-color:#FFFFCC;
	}
	
#ranking li#no10 a {
	background:#fff url(../images/no10.gif) 5px 5px no-repeat;
	}

#ranking li#no10 a:hover {
	background-color:#FFFFCC;
	}



	
#ranking h3 {
	background:url(../images/ranking-title.jpg) no-repeat;
	width:180px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:7px;
	}

.ranking-out {
	text-align:center;
	margin:0;
	padding:5px 0;
	}


/* 携帯サイト
---------------------------------------------------- */

#mobile-box {
	clear:both;
	width:100%;
	padding:30px 0 0 0;
	}

#mbl-left {
	width:120px;
	text-align:left;
	float:left;
	}

#mbl-left img {
	border:1px solid #444;
	}

#mbl-right {
	width:440px;
	float:right;
	text-align:left;
	font-size:0.8em;
	color:#666666;
	line-height:1.4;
	font-size:0.8em;
	}

#mbl-right h3 {
	background:url(../images/mbl-title.gif) no-repeat;
	height:20px;
	width:270px;
	text-indent:-9999px;
	}




/* 下のナビ
---------------------------------------------------- */
#bottom-navi {
	width:100%;
	clear:both;
	padding:10px 0 20px 0;
	text-align:center;
	font-size:0.8em;
	color:#eee;
	}

#bottom-navi strong {
	font-size:120%;
	}


#bottom-navi a {
	color:#FFFFFF;
	}

#bottom-navi span {
	background:#CC0000;
	color:#FFFFFF;
	padding:3px 5px;
	margin: 0 10px
	}

#homes a {
	background:url(../images/home.gif) no-repeat;
	display:block;
	width:180px;
	height:30px;
	text-indent:-9999px;
	}	

/* フッター
---------------------------------------------------- */

#footer {
	clear:both;
	width:100%;
	background: url(../images/footer-bg.jpg) repeat-x;
	border-top:double #039902;
	}

#footer-ch1 {
	clear:both;
	width:100%;
	background: url(../images/footer-bg-ch1.jpg) repeat-x;
	border-top:double #E3E300;
	}

#footer-inner {
	width:800px;
	margin:0 auto;
	/*
	background:url(../images/footer-id.jpg) 0 0 no-repeat;
	height:120px;
	*/
	text-align:center;
	}

#footer-inner-ch1 {
	width:800px;
	margin:0 auto;
	background:url(../images/footer-id-ch1.jpg) 0 0 no-repeat;
	height:120px;
	text-align:right;
	}


#footer-inner dl,
#footer-inner-ch1 dl {
	margin:0;
	padding:0;
	}	

#footer-inner dt {
	padding-top:10px;
	font-weight:bold;
	font-size:1.0em;
	letter-spacing:0.1em;
	margin-bottom:0.5em;
	color:#FFFFFF;
	}

#footer-inner-ch1 dt {
	padding-top:10px;
	font-weight:bold;
	font-size:1.0em;
	letter-spacing:0.1em;
	margin-bottom:0.5em;
	color:#666;
	}

#footer-inner dd,
#footer-inner-ch1 dd {
	font-size:0.8em;
	line-height:1.4;
	}


address {
	font-style:normal;
	color: #666666;
	font-size:0.7em;
	padding:0.5em 0;
	}
	

#topside-pr p {
	margin:0;
	margin-bottom:10px;
	}


/* mail配信 */


#other-main-inner p,
#selgrpbox p {
	margin:0;
	margin-bottom:0.5em;
	}


#other-main-inner p.grp-parent,
#selgrpbox p.grp-parent {
	font-size:1.2em;
	font-weight:bold;
	background:#eee;
	padding:5px 0 5px 5px;
	color:#000000;
	}

#other-main-inner p.grp_child1,
#selgrpbox p.grp_child1 {
	font-size:1.0em;
	margin-left:3em;
	font-weight:bold;
	color:#666;
	}


#other-main-inner p.grp_child2,
#selgrpbox p.grp_child2 {
	font-size:0.8em;
	margin-left:6em;
	color:#666;
	}

#other-main-inner p.grp_child3,
#selgrpbox p.grp_child3{
	font-size:0.7em;
	margin-left:9em;
	color:#666;
	}
