@charset "utf-8";
/* =======================================

TOP専用CSS
Since: 201304
mod:

========================================== */

/* ------------------------------
top専用
------------------------------ */

#topPageImageArea {
	margin-bottom: 15px;
	float: left;
	width: 980px;
	background-color: #00CCFF;
}


/* ------------------------------
レイアウト
------------------------------ */
#wrapIn {
	background: none;
}
#mainArea {
	float: left;
	width: 695px;
	text-align: left;
	background: none;
}
#topMainArea {
	float: right;
	width: 460px;
	text-align: left;
}
#topMainArea .box_basic {
	margin-bottom: 15px;
}
#topMainArea .box_basic .title {
	padding-bottom: 15px;
}
#topSideAreaL .title {
	margin-bottom: 5px;
}
#topSideAreaL {
	float: left;
	width: 220px;
	text-align: left;
}
#topSideAreaL .box_side{
	margin-bottom: 15px;
}
#topSideAreaR {
	float: right;
	width: 260px;
	text-align: left;
}
#topSideAreaR .ad img{
	height: inherit !important;
}
#topSideAreaR .box_side{
	margin-bottom: 15px;
}
#topSideAreaR .bg {
	text-align: center;
	background-color: #daf4ff;
}
#topSideAreaR .bg .box_side {
	width: 240px;
	margin: 0 auto;
	padding-bottom: 15px;
}



/*------------------------------------------
緊急速報
------------------------------------------*/
#urgent {
	padding: 12px 20px;
	text-align: center;
	border-top: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	background: url(../images/top/bg_wokuho.jpg) 0 0 repeat;
}
#urgent p {
	padding: 3px 0px;
}
#urgent strong {
	margin-right: 10px;
}
#urgent span {
    display: block;
    line-height: 2;
    text-align: right;
}


/*------------------------------------------
TOPメインイメージエリア
------------------------------------------*/
#conteiner_wrap{
	background: url(../images/top/bg_container_wrap.jpg) 0 0 repeat-x;
	height: 310px;
	text-align: center;
}
#container {
	position:relative;
	background: url(../images/top/bg_container.jpg) 0 bottom no-repeat;
	width: 980px;
	height: 300px;
	margin:0 auto;
	z-index:0;
	text-align: left;
}


/*------------------------------------------
TOPページスライダー
------------------------------------------*/

/*	Slideshow*/
#slides {
	position:absolute;
	top:20px;
	left: 245px;
	width: 450px;
	height: 270px;
	z-index:100;
	background: url(../images/common/loading.gif) center center no-repeat;
	background-color: #f0f0f0
}
.slides_container {
	width: 450px;
	height: 270px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container img{
	/* 2013/03/25 スライドがかくかくする修正 */
	/* width:100%; */
	height:auto;
}
.slides_container a {
	width: 450px;
	height: 270px;
	display:block;
}
.slides_container a img {
	display:block;
	position:relative;
	z-index: 2;
}

/*	ページ送り */
#slides a.prev {
	position:absolute;
	top: 78px;
	left: -18px;
	width: 18px;
	height: 114px;
	z-index: 100;
	background: url(../images/top/arrow_prev.png) 0 0 no-repeat;
}
#slides a.next {
	position:absolute;
	top: 78px;
	right: -18px;
	width: 18px;
	height: 114px;
	z-index: 100;
	background: url(../images/top/arrow_next.png) 0 0 no-repeat;
}
#slides a.prev:hover,
#slides a.next:hover {
	background-position: -18px 0;
}

/*	Pagination*/
.pagination,
.pagination li{
	display: none;
}

/*.pagination {
	position:absolute;
	bottom:8px;
	right:5px;
	z-index: 10;
}
.pagination:after{
	content: ".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
	margin-right:3px;
}
.pagination li a {
	display:block;
	width:30px;
	height:30px;
	text-align: center;
	line-height: 30px;
	float:left;
	overflow:hidden;
	color: #999999;
	text-decoration: none;
	background-color: #cccccc;
}
.pagination li.current a {
	color: #333333;
	background-color: #ffcc00;
}*/


/*------------------------------------------
ピックアップ番組
------------------------------------------*/
#program_pickup {
	position:absolute;
	top:20px;
	left: 10px;
	width: 210px;
	height: 270px;
}
#program_pickup img {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 210px;
	height: 270px;
	z-index: 100;
}
#program_pickup p.txtTop {
	position:absolute;
	top: 220px;
	left: 0px;
	width: 100%;
	text-align: center;
	z-index: 101;
}
#program_pickup p.txtBtm {
	position:absolute;
	top: 238px;
	left: 0px;
	width: 100%;
	text-align: center;
	z-index: 101;
}
#program_pickup a {
	text-decoration: none;
}


/*------------------------------------------
今日の番組
------------------------------------------*/
#program_today {
	position:absolute;
	top:20px;
	right: 5px;
	width: 260px;
	height: 280px;
	z-index: 50;
	background: none;
}
#program_today #scroll {
	width: 260px;
}
#program_today .scroll li.oa .photo {
	background-position: 0 0;
}
/*#program_today .scroll li.oa .photo img {
	margin-top: 22px;
}*/


/*------------------------------------------
お知らせ
------------------------------------------*/
#ticker {
	height: 30px;
	width: 850px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#ticker ul {
	height: 30px;
	padding-left: 70px;
	background: url(../images/top/ttl_info.jpg) 0 center no-repeat;
	background-size: 54px;
}
#ticker ul li {
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	list-style-type: none;
	position: relative;
	line-height: 30px;
	margin-bottom: -30px;
	width: 770px;
}
#ticker ul li a {
	color: #555555;
}
/* 一覧ボタン */
.ticker_wrap {
	position: relative;
	width: 970px;
	text-align: left;
}
.ticker_wrap .btn {
	width:96px;
	height: 22px;
	position: absolute;
	right: 0px;
	top: 4px;
	z-index: 100;
}


/* ------------------------------
ニュース
------------------------------ */
#topMainArea .news {
	position: relative;
	height: 246px;
	top: -5px;
	background: url(../images/top/bg_news.jpg) 0 0 no-repeat;
}
#topMainArea .news a.btnLink {
	position: absolute;
	right: 5px;
	top: 12px;
}
#topMainArea .news #tab-box {
	width: 450px;
	margin: 0 auto;
	padding-top: 43px;
}
#topMainArea .news #nav {
	padding: 0px;
	margin: 0px;
	height: 22px;
}
#topMainArea .news #nav li {
	float: left;
	width: 90px;
	height: 22px;
}
#topMainArea .news .tabContent {
	position:relative;
	display:none;
	margin: 0px;
	padding: 0px;
}
#topMainArea .news .tabContent ul {
	margin: 0px;
	padding: 0px;
}
#topMainArea .news .tabContent li {
	position: relative;
	zoom: 1;
}
#topMainArea .news .tabContent li a {
	display: block;
	padding-left: 15px;
	line-height: 28px;
	zoom: 1;
	color:#555;
}
#topMainArea .news .tabContent li img.icon_photo {
	position: absolute;
	top: 10px;
	right: 28px;
}
#topMainArea .news .tabContent li img.icon_movie {
	position: absolute;
	top: 10px;
	right: 8px;
}
#topMainArea .news .tabContent li.bg a {
	background-color: #e5f7ff;
}
#topMainArea .news .tabContent li a:hover {
	background-color: #FFFF99;
	text-decoration: none;
	color:#0099cc;
}

/* Myエリア */
#topMainArea .news .tabContent .ttl {
	padding: 0px;
	margin: 1px 0px 0px 0px;
	width: 450px;
	height: 20px;
	color: #ffffff;
	font-size: 12px;
	text-indent: 10px;
	line-height: 20px;
	background-color: #16a6e2;
	position: relative;
}
#topMainArea .news .tabContent .ttl input {
	position: absolute;
	top: 2px;
	right: 10px;
	background: url(../images/top/btn_myarea.jpg) 0 0 no-repeat;
	width: 61px;
	height: 17px;
	border: none;
	cursor: pointer
}
#myArea {
	position:absolute;
	top:20px;
	left:1px;
	width:448px;
	height:150px;
	z-index:1000;
	background-color: #e6f3f7;
	visibility:hidden;
	text-align: left;
	zoom: 1;
}
#myArea p {
	padding: 10px 20px 10px 25px;
}
#myArea .btn{
	padding: 0 0 0 25px;
}
#myArea .btn a {
	margin-right: 10px;
}


/* ------------------------------
おすすめ番組
------------------------------ */
#topMainArea .reccomend .box_inner{
	padding: 0 0 15px 5px;
}
#topMainArea .reccomend .bnrBox {
	float: left;
	width: 140px;
	margin-right: 15px;
}
#topMainArea .reccomend {
	margin-bottom: 5px;
}
#topMainArea .reccomend img {
	vertical-align: bottom;
}
#topMainArea .reccomend p.time {
	text-indent: 8px;
	margin-bottom: 5px;
	line-height: 20px;
	color: #ffffff;
	background-color: #333333;
}
#topMainArea .reccomend a {
	display: block;
}
#topMainArea .reccomend a:hover {
	text-decoration: none;
}
#topMainArea .reccomend a:hover strong {
	text-decoration: underline;
}


/* ------------------------------
データ放送
------------------------------ */
#topMainArea .dtv .box_inner{
	padding: 0px 0 15px 5px;
}
#topMainArea .dtv .bnrBox {
	float: left;
	width: 140px;
	margin-right: 15px;
}
#topMainArea .dtv .bnrBox .banner {
	padding: 3px 0px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #cccccc;
}
#topMainArea .dtv .bnrBox .readmore span.txt10px {
	line-height: 130%;
	padding-top: 2px;
	display: block;
}
#topMainArea .dtv a {
	display: block;
}
#topMainArea .dtv a:hover {
	text-decoration: none;
}
#topMainArea .dtv a:hover strong {
	text-decoration: underline;
}


/* ------------------------------
スペシャル
------------------------------ */
#topMainArea .special .bnrBox {
	float: left;
	/*width: 225px;
	margin-right: 5px;
	margin-bottom: 10px;*/
	margin:0 2.5px 10px 2.5px;
	border:1px solid #ddd;
	width:146px;
}
#topMainArea .special img {
	/*float: left;
	width: 60px;
	height: 60px;*/
	width:100%;
	height:auto;
	display: block;
}
#topMainArea .special .bnrBox p {
	/*float: right;
	width: 160px;
	line-height: 120%;*/
	width:100%;
	text-align: center;
	padding:5px 0;
}
#topMainArea .special .bnrBox a {
	display: block;
}
#topMainArea .special a:hover strong {
	text-decoration: underline;
}


/* ------------------------------
 おもしゃい
------------------------------ */
#topMainArea .omoshai {
	position: relative;
	height: 240px;
	background: url(../images/top/bg_omoshai.jpg) 0 0 no-repeat;
}
#topMainArea .omoshai {
	background: url(../images/top/bg_omoshai.jpg) 0 0 no-repeat;
	height: 240px;
}
#topMainArea .omoshai .comment {
	padding: 124px 0px 0px 38px;
	margin: 0px;
	border: none;
	background: url(../images/top/icon_camera.jpg) 16px 123px no-repeat;
}
#topMainArea .omoshai .photo {
	position: absolute;
	top: 145px;
	left: 16px;
	height: 55px;
}
#topMainArea .omoshai .photo a {
	float: left;
	display: block;
	width: 55px;
	height: 55px;
	margin-right: 7px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: red
}
#topMainArea .omoshai .photo a {
	float: left;
	display: block;
	width: 55px;
	height: 55px;
	margin-right: 7px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: red
}
#topMainArea .omoshai .fukidasi {
	position: absolute;
	top: 194px;
	left: 8px;
	width: 443px;
	height: 38px;
	background: url(../images/top/bg_omoshai_fuki.jpg) 0 0 no-repeat;
}
#topMainArea .omoshai .fukidasi p {
	padding: 11px 5px 0 10px;
	line-height: 28px;
	color: #459b00;
}


/* ------------------------------
バナー
------------------------------ */
#topMainArea .banner {
	margin-left: 10px;
}
#topMainArea .banner a {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* ------------------------------
アクセスランキング
------------------------------ */
#topSideAreaL .accessRanking {
	position:relative;
	height: 245px;
	background: url(../images/top/bg_accessrank.jpg) 0 0 no-repeat;
}
#topSideAreaL .accessRanking ul {
	position: absolute;
	top: 50px;
	left: 12px;
	height: 190px;
}
#topSideAreaL .accessRanking li {
	text-indent: 25px;
	line-height: 16px;
	position: relative;
	width: 200px;
	zoom: 1;
	float: left;
}
#topSideAreaL .accessRanking li.no1{
	margin-bottom: 4px;
	background: url(../images/common/icon_no1.png) 0 0 no-repeat;
}
#topSideAreaL .accessRanking li.no2 {
	margin-bottom: 4px;
	background: url(../images/common/icon_no2.png) 0 0 no-repeat;
}
#topSideAreaL .accessRanking li.no3 {
	margin-bottom: 4px;
	background: url(../images/common/icon_no3.png) 0 0 no-repeat;
}
#topSideAreaL .accessRanking li span.number {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: 0px;
	width: 16px;
	text-align: center;
}
#topSideAreaL .accessRanking li a {
	display: block;
	padding-right: 10px;
}
/*#topSideAreaL .accessRanking li a.stay {
	background: url(../images/common/icon_rank_s.jpg) right center no-repeat;
}
#topSideAreaL .accessRanking li a.up {
	background: url(../images/common/icon_rank_u.jpg) right center no-repeat;
}
#topSideAreaL .accessRanking li a.down {
	background: url(../images/common/icon_rank_d.jpg) right center no-repeat;
}*/
#topSideAreaL .accessRanking .data {
	position: absolute;
	top: 240px;
	left: 20px;
	width: 200px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	text-align: right;

	display: none;
}


/* ------------------------------
アナウンサーブログ
.anaBlog {
	width: 220px;
	background: url(../images/anouncer/bg_blog_b_top.png) 0 bottom no-repeat;
}
.ttl_anaBlog {
	background: url(../images/anouncer/ttl_blog_top.png) 0 bottom no-repeat;
	height: 55px;
}
.anaBlog .box_inner {
	background: url(../images/anouncer/bg_blog_top.png) 0 0 repeat;
}
.anaBlog .text {
	float: right;
	width: 150px;
	text-align: left;
}
------------------------------ */


/* ------------------------------
アナウンサーブログ add:2013/05/31
------------------------------ */
.anaBlog {
	width: 220px;
	text-align: center;
	padding-bottom: 21px;
	background: url(../images/top/img_blg_parts_bottom.png) 0 bottom no-repeat;
}
.anaBlog .box_inner {
	background: url(../images/top/img_blg_parts_body.png) 0 0 repeat;
	text-align: center;
	padding: 0px;
	zoom: 1;
}
.anaBlog .box_inner .innerSet{
	background: url(../images/top/img_blg_parts_inner.png) 0 0 repeat;
	width: 204px;
	margin: 0 auto;
	margin-top: -1px;
	padding: 10px 0px 0px 0px;
}
.anaBlog .linkbox {
	padding: 5px 0 10px 0;
	zoom: 1;
}
.anaBlog .text {
	width: 190px;
	text-align: left;
	margin: 0 auto;
}
.anaBlog .text p {
	margin: 0;
	padding: 1px 14px 1px 0;
}


/* ------------------------------
モバイル
------------------------------ */
#topSideAreaL .mobile {
}
#topSideAreaL .mobile p.sp {
	position: relative;
	height: 290px;
	background: url(../images/top/bg_mobile_v2.jpg) 0 0 no-repeat;
}
#topSideAreaL .mobile p.sp a {
	position: absolute;
	bottom: 8px;
	left: 10px;
}


/* ------------------------------
アプリ
------------------------------ */
#topSideAreaL .andoroid {
	height: 140px;
	background: url(../images/top/bg_andoroid.jpg) 0 0 no-repeat;
}
#topSideAreaL .andoroid p {
	padding: 105px 10px 0 0;
	text-align: right;
}


/* ------------------------------
ショップ商品ランキング
------------------------------ */
#topSideAreaR .shop {
	background: url(../images/top/bg_shop_b.jpg) 0 bottom no-repeat;
	padding-bottom: 5px;
	text-align: center;
}
#topSideAreaR .shop .box_inner {
	margin: 0px;
	padding: 8px 5px 3px 5px;
	text-align: left;
	background-color: #ffeaac;
}
#topSideAreaR .shop .linkbox {
	position: relative;
	margin-bottom: 10px;
	min-height: 70px;
}
#topSideAreaR .shop .linkbox .photo {
	position: absolute;
	top: 0px;
	left: 5px;
	width: 70px;
	height: 70px !important;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color:#fccf94;
}
#topSideAreaR .shop .linkbox .photo img {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 3px;
	left: 3px;
}
#topSideAreaR .shop .no1 {
	background: url(../images/common/icon_no1.png) 80px 0 no-repeat;
}
#topSideAreaR .shop .no2 {
	background: url(../images/common/icon_no2.png) 80px 0 no-repeat;
}
#topSideAreaR .shop .no3 {
	background: url(../images/common/icon_no3.png) 80px 0 no-repeat;
}
#topSideAreaR .shop .linkbox .readmore {
	padding-left: 80px;
	padding-top: 18px;
	text-align: right;
}
#topSideAreaR .shop .readmore a {
	display: block;
	background: url(../images/top/bg_shop_itemname.jpg) 0 0 repeat;
	padding: 3px 5px;
	font-weight: bold;
	color: #323232;
	line-height: 120%;
	text-align: left;
}
#topSideAreaR .shop .pickup {
	width: 250px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
}
#topSideAreaR .shop .pickup p {
	background: url(../images/top/bg_shop_pickup.jpg) 0 0 repeat;
	text-align: center;
	margin-bottom: 5px;
}
#topSideAreaR .shop .pickup strong {
	display: block;
	padding: 8px 5px 8px 30px;
	text-align: left;
	color: #ffffff;
	background: url(../images/top/icon_shop_pickup.png) 2px 2px no-repeat;
}
#topSideAreaR .shop .pickup strong a {
	color: #ffffff;
}
#topSideAreaR .shop .banner {
	width: 250px;
	margin: 0 auto;
	margin: 0 auto;
	padding-top: 15px;
/*	background: url(../images/top/ttl_shop_list.jpg) 0 0 no-repeat;*/
}
#topSideAreaR .shop .banner img {
	vertical-align: top;
}
#topSideAreaR .shop .banner .clearfix {
	height: 1px;
}


/* ------------------------------
SNS
------------------------------ */
#topSideAreaR .sns {
}
#topSideAreaR .sns .fb_wall {
	background-color: #ffffff;
	margin-bottom: 10px;
}
/* 2013/06 fb仕様変更に伴う対応 */
#topSideAreaR .sns iframe {
	width: 260px !important;
}
.facebook_box,.twitter_box {
	margin-bottom: 10px;
}
.twitter_box a {
	display: block;
	background:rgba(29,161,242,1.00);
	padding:6px 0;
	font-size:x-large;
	line-height: 1.2;
	color:#fff !important;
	position:relative;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-align: center;
}
.twitter_box a img {
	width: 50px;
    position: absolute;
    left: 4%;
    top: 10px;
}
.instagram_box a {
	display: block;
	background:#da3176;
	padding:6px 0;
	font-size:x-large;
	line-height: 1.2;
	color:#fff !important;
	position:relative;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-align: center;
}
.instagram_box a img {
	width: 50px;
    position: absolute;
    left: 4%;
    top: 10px;
}
.twitter_box a:hover,.instagram_box a:hover {
	text-decoration: none;
}



/*
インフォメーションバナー下
*/
.info_bnr {
	text-align: center;
}
.info_bnr_keizai {
	background:url("../images/top/keizai_bg.png") center center no-repeat;
	background-size:100%;
}
.info_bnr p {
	width:970px;
	margin:0 auto;
}
.info_bnr img {
	width:100%;
}