@charset "utf-8";
/* CSS Document */
body{
	background-color:#000;
	background-image:url(../images/bodybg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:cover;
}
.moon_ball{
position:absolute;
width:100%;
}

.moon_ball img{
width:100%;
}

/* ヘッダーの設定
=================================*/
#head{
    width:100%;
    height:50px;
    background-color:#141414;
	background-image:url(https://www.pro-yakyu.net/scn/common/images/headTxt.png);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	z-index:999999;
}
/* ラッパーの設定
=================================*/
#wrap{
    position:relative;
    width:960px;
	margin:auto;
}
#Content{
    width:960px;
    /*background-color:#FFAC99;*/
}
/* コンテンツ
=================================*/
#leftArea{
	width:200px;
	margin:0px 30px 0px 0px;
	float:left;
	text-align:center;
}
	  h1{
		  width:200px;
		  height:215px;
		  text-indent:-9999px;
		  background-image:url(../images/logo.png);
		  background-repeat:no-repeat;
		  background-position:top center;
		  margin-bottom:20px;
		  margin-top:10px;
	  }
	  .btn_social{
		  margin:0px 3px;
	  }
#rightArea{
	float:left;
	width:730px;
	margin:0px 0px 0px 0px;
}
	  #rightArea #navArea{
		  width:300px;
		  height:90px;
		  background-color:#141414;
		  float:right;
	  }
	  .catvlogo{
		  float:left;
		  margin:10px 0px 0px 10px;
	  }
	  #navArea ul{
		  float:left;
		  margin:10px 0px 0px 0px;
	  }
	  #navArea ul li{
		  margin:0px 0px 0px 20px;
		  list-style:url(../images/catvnav_icon.png);
		  width:200px;
		  line-height:1.8em;
	  }
	  #navArea ul li a{
		  color:#81BAFF;
	  }
	  
	  #rightArea h2{
		  text-align:center;
		  margin:50px 0px 20px 0px;
	  }
	  
	  #todayLeft{
		  width:350px;
		  float:left;
		  margin:0px 30px 0px 0px;
		  /*background-color:#963;
		  height:165px;*/
	  }
	  #todayLeft span.title{
		  display:block;
		  background-color:#141414;
		  text-indent:-9999px;
		  background-image:url(../images/title_todayLeft.png);
		  background-repeat:no-repeat;
		  background-position:center center;
		  padding:8px 0px;
	  }
	  #todayLeft span.title_2{
		  display:block;
		  background-color:#141414;
		  text-indent:-9999px;
		  background-image:url(../images/title_todayLeft_2.png);
		  background-repeat:no-repeat;
		  background-position:center center;
		  padding:8px 0px;
	  }
	  #todayRight{
		  width:350px;
		  float:left;
		  /*background-color:#963;*/
		  height:145px;
	  }
	  #todayRight span.title{
		  display:block;
		  background-color:#141414;
		  text-indent:-9999px;
		  background-image:url(../images/title_todayRight.png);
		  background-repeat:no-repeat;
		  background-position:center center;
		  padding:8px 0px;
	  }
	  
#schedule{
	background-color:#141414;
	margin:10px 0px 0px 0px;
}
#schedule_info{
	display:block;
	text-align:right;
	color:#fff;
}
#schedule_info img{
	position:relative;
	top:6px;
	margin:0px 3px 0px 10px;
}
	  #schedule li.title_m{
		  text-indent:-9999px;
		  width:200px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_m.png);
		  background-repeat:no-repeat;
		  background-position:center center;
	  }
	  #schedule li.list_o{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_o.png);
		  background-repeat:no-repeat;
		  background-position:top center;
	  }
	  #schedule li.list_3{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_3.png);
		  background-repeat:no-repeat;
		  background-position:top center;
	  }
	  #schedule li.list_5{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_5.png);
		  background-repeat:no-repeat;
		  background-position:top center;
	  }
	  #schedule li.list_c{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_c.png);
		  background-repeat:no-repeat;
		  background-position:top center;;
	  }
	  #schedule li.list_6{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_6.png);
		  background-repeat:no-repeat;
		  background-position:top center;
	  }
	  #schedule li.list_7{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_7.png);
		  background-repeat:no-repeat;
		  background-position:top center;
	  }
	  #schedule li.list_8{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_8.png);
		  background-repeat:no-repeat;
		  background-position:top center;
	  }
	  #schedule li.list_9{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_9.png);
		  background-repeat:no-repeat;
		  background-position:top center;
	  }
	  #schedule li.list_10{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_10.png);
		  background-repeat:no-repeat;
		  background-position:top center;
	  }
	  #schedule li.list_11{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_11.png);
		  background-repeat:no-repeat;
		  background-position:top center;
	  }
	  #schedule li.list_e{
		  width:95px;
		  height:80px;
		  float:left;
		  background-image:url(../images/schedule_e.png);
		  background-repeat:no-repeat;
		  background-position:top center; 
	  }
	  #schedule li img{
		  position:relative;
		  top:42px;
		  left:13px;
		  margin:0px 3px;
	  }
	  
	  
h2{
	text-align:center;
	margin:35px 0px 13px 0px;
}


#seardh_table th{
	background-color:#141414;
	font-weight:bold;
	padding:8px 0px;
	color:#fff;
}
#seardh_table td{
	background-color:#fff;
	padding:10px 15px;
}





#title_news{
	width:460px;
	float:left;
	margin:0px 40px 0px 0px;
}
	  #title_news .title_m{
		  height:30px;
		  display:block;
		  background-color:#141414;
		  background-image:url(../images/title_news_m.png);
		  background-repeat:no-repeat;
		  background-position:5px center;
	  }
	  #title_news .title_m .more{
		  text-decoration:underline;
		  color:#036EB7;
		  font-weight:bold;
		  position:relative;
		  top:5px;
		  left:415px;
	  }
	  .feed_bg{
		  background-image:url(../images/feed_bg.jpg);
		  background-repeat:repeat-y;
		  height:208px;
		  line-height:30px;
		  text-indent:20px;
	  }
#title_tweet{
	width:460px;
	float:left;
}
	  #title_tweet .title_m{
		  height:30px;
		  display:block;
		  background-color:#141414;
		  background-image:url(../images/title_tweet_m.png);
		  background-repeat:no-repeat;
		  background-position:5px center;
	  }
	  .tweetSelectbox{
		  background-color:#fff;
		  position:relative;
		  top:0px;
		  left:300px;
	  }
	  .tweetSelectbox, x:-moz-any-link, x:default {
		  left:290px;
	  } /* Firefox 3.0以上 */

	  .twitterWidget {
		  width:460px;
		  background-color:#fff;
		  padding:0px 5px;
	  }

#iframe_facebook{
	width:740px;
	margin:0px auto;
	background-color:#fff;
}
#iframe_osusume{
	width:740px;
	margin:0px auto;
	background-color:#fff;
	padding: 20px;
	border: 8px solid #000000;
}

/* チャンネル一覧
=================================*/
#channel_info{
	width:960px;
	display:block;
	background-color:#141414;
	padding:5px 0px;
	text-indent:5px;
	color:#fff;
}
#channel {
    background:#FFF;
    width:960px;
}
#channel .c1 {
    width: 25%;
    float: left;
}
#channel .key {
    padding:0 5px;
}
#channel .key table {
    border-bottom: 1px dotted #333;
	padding:2px 0;
	height:59px;
}
#channel .c1small .key table{
	height:auto;
}
#channel .c1 .key:last-of-type table{
	border-bottom:none;
}
#channel .c1:nth-of-type(odd) .key:nth-of-type(odd) {
	background-color:#f1f1f1;
}
#channel .c1:nth-of-type(even) .key:nth-of-type(even) {
	background-color:#f1f1f1;
}




/* 変則プルダウン
=================================*/
.custom-selectbox {
    position: relative;
}
    .custom-selectbox select {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 240px;
        height: 36px;
        opacity: 0;
    }
    .custom-selectbox .inner {
        position: relative;
        z-index: 0;
        box-sizing: border-box;
        /*border: 1px solid #000;*/
        padding: 0 5px;
        width: 160px;
        height: 30px;
        font-size: 14px;
        line-height: 36px;
		color:#1E1E1E;
		background-color:#fff;
    }
    .custom-selectbox .inner:before,
    .custom-selectbox .inner:after {
        content: '';
        position: absolute;
        display: block;
    }
    .custom-selectbox .inner:before {
        top: 0;
        right: 0;
        bottom: 0;
        width: 26px;
        background: #000;
    }
    .custom-selectbox .inner:after {
        top: 50%;
        right: 7px;
        margin-top: -3px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-top-color: #fff;
        border-width: 5px 5px 0 5px;
    }
/* 一覧ページテーブル
=================================*/	
#weeklyList{
	background-color:#fff;
}
#weeklyList th{
	background-color:#141414;
	color:#fff;
	padding:8px;
	text-align:left;
	text-indent:8px;
}
#weeklyList td{
	padding:8px;
	border-bottom:solid 1px #C8C8C8;
}






/* ナビゲーションメニュー
=================================*/
#leftArea li{
	list-style-type:none;
	width:200px;
	height:24px;
	margin:0px 0px 10px 0px;
}
#leftArea li a{
	display:block;
	height:100%;
	text-indent:-9999px;
}
#leftArea li a:focus{
	overflow: hidden;
}
#leftArea li.btn_WEEKLY{
	background-image:url(../images/btn_WEEKLY.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
#leftArea li.btn_WEEKLY a:hover{
	background-image:url(../images/btn_WEEKLY.jpg);
	background-repeat:no-repeat;

	background-position:0 -24px;
}
#leftArea li.btn_SCHEDULE{
	background-image:url(../images/btn_SCHEDULE.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
#leftArea li.btn_SCHEDULE a:hover{
	background-image:url(../images/btn_SCHEDULE.jpg);
	background-repeat:no-repeat;
	background-position:0 -24px;
}
#leftArea li.btn_CHANNEL{
	background-image:url(../images/btn_CHANNEL.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
#leftArea li.btn_CHANNEL a:hover{
	background-image:url(../images/btn_CHANNEL.jpg);
	background-repeat:no-repeat;
	background-position:0 -24px;
}
#leftArea li.btn_NEWS{
	background-image:url(../images/btn_NEWS.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
#leftArea li.btn_NEWS a:hover{
	background-image:url(../images/btn_NEWS.jpg);
	background-repeat:no-repeat;
	background-position:0 -24px;
}
#leftArea li.btn_TWEET{
	background-image:url(../images/btn_TWEET.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
#leftArea li.btn_TWEET a:hover{
	background-image:url(../images/btn_TWEET.jpg);
	background-repeat:no-repeat;
	background-position:0 -24px;
}
/* フッターの設定
=================================*/
#scrollByn{
	display:block;
	width:960px;
	margin: 40px auto;
	text-align:right;
	margin-bottom:5px;
}
#foot{
    width:100%;
	padding:30px 0px 0px 0px;
    clear:both;
	/*background-color:#141414;*/
	background-image:url(../images/footbg.png);
}
#footArea{
	width:960px;
	margin:0px  auto 20px  auto;	
	border-bottom:solid 1px #fff;
	padding-bottom:10px;
}
	  #footArea #mImg{
		  display:block;
		  height:30px;
		  background-image:url(../images/foot_linksTxt.png);
		  background-repeat:no-repeat;
		  background-position:left center;
		  border-top:solid 1px #fff;
		  border-bottom:solid 1px #fff;
		  margin-bottom:10px;
	  }
	  #footArea ul{
		  float:left;
	  }
	  #footArea ul li{
		  margin:0px 0px 0px 15px;
		  list-style:url(../images/foot_icon.png);
		  width:220px;
		  line-height:1.8em;
		  color:#fff;
	  }
#copyright{
	color:#fff;
	display:block;
	text-align:center;
	width:960px;
	margin:0px  auto;
}