@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ユーザー定義　メインビジュアル
--------------------------------------------------------------------- */
#visual {
	float:right;
	width: 770px;
	height:	492px;
	padding:0 ;
}
#multiHero{
	width:700px;
	height:	353px;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
	
/*	background: url(../img/multihero/bg02.png);*/
}
.ifrm_inr_{
	background:url(../img/usr/top/top_bg_02.png) no-repeat 0 0;
	width:700px;
	height:353px;
	position:relative;
	}

#tabnavi{
	width:700px;
	height:82px;
	background:url(../img/usr/top/top_bg_01.png) no-repeat 0 0;
	}
#tabnavi ul{
	width:614px;
	margin:0 auto ;
	zoom:1;}
#tabnavi ul:after {
  content: ""; 
  display: block; 
  clear: both;
}
#tabnavi ul li{
	padding:0;
	margin:40px 1px 0;
	float:left;}		
#tabnavi ul li a{
	display:block;
	height:41px;
	position:relative;
	overflow:hidden;
	}					
#tabnavi ul li a img{
	position:absolute;
	top:-41px;
	}																v
#tabnavi span{
	position:absolute;}
#tabnavi ul li a.active img{
	top:0px;}
	



/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
div.recommend_{
	overflow:hidden;
	/*height:306px;*/
	
	}
.flex_wrp_{
	width:300px;
	margin:20px auto 0;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides li{
	border:none;
	zoom:1;}
.flexslider .slides li:after {
  content: ""; 
  display: block; 
  clear: both;}
.flexslider .slides li dl{
	float:left;
	width:132px;
	margin:0 9px;}
.flexslider .slides li dl dt{
	height:150px;
	border:1px #ccc solid;}
.flexslider .slides li dl dt.border_none_ {
    border: 0;
}
.flexslider .slides li dl dd{
	text-align:left;
	/*height:60px;*/
	overflow:hidden;
	padding:4px 6px;}
.flexslider .slides img {width: auto; display: block; height:150px;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 30px; position: relative; -webkit-border-radius: 4px; zoom: 1;}
.flex-viewport {
	max-height: 2000px;
	 -webkit-transition: all 1s ease; 
	 -moz-transition: all 1s ease; 
	 transition: all 1s ease;
	 }
	 
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;
z-index:1;}

.carousel li {margin:0;}


/* Direction Nav */
.flex-direction-nav {
	/*z-index:1000;*/
	position:absolute;
	width:330px;
	height:60px;
	left:-15px;
	top:85px;
	zoom:1;}
.flex-direction-nav:after {
  content: ""; 
  display: block; 
  clear: both;
}
.flex-direction-nav li{
	float:left;
	display:block;
	width: 165px; 
	height: 22px;}	

.flex-direction-nav a {
	display:block;
	width: 165px; 
	height: 22px; 
	margin: -20px 0 0; 
	z-index: 10; 
	cursor: pointer; 
	text-indent: -9999px; }

.flex-direction-nav .flex-next,
.flex-direction-nav .next
 {background-position: 100% 0; right: -50px;
background: url(../img/usr/arrow_red02.gif) no-repeat 98% 0; 
right:5px;}
.flex-direction-nav .flex-prev,
.flex-direction-nav .prev{left: -50px;
background: url(../img/usr/arrow_red01.gif) no-repeat 2% 0; 
left:5px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav,.control-nav {width: 100%; position: absolute; bottom: -20px; text-align: center; z-index:500;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li a {width: 11px; height: 11px; display: block;

	background:url(../img/usr/top/dot_gray.png) no-repeat 0 0;}
.flex-control-nav li a:hover ,.control-nav a:hover{ 
background:url(../img/usr/top/dot_gray.png) no-repeat 0 0;}
.flex-control-nav li a.active ,.control-nav a.activeSlide{ 
background:url(../img/usr/top/dot_red.png) no-repeat 0 0; cursor: default; }
.control-nav a{margin: 0 6px; display: inline-block; zoom: 1; *display: inline;
width: 11px; height: 11px;  cursor: pointer; text-indent: -9999px;
background:url(../img/usr/top/dot_gray.png) no-repeat 0 0;
	}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}



#top_main {
	margin-bottom: 0px;
	overflow: hidden;
	zoom: 1;
	background:url(../img/usr/top/top_bg_02.png) no-repeat 0 0;
	width: 700px;
	height:353px;
}
nav#top_main_img_menu {
	background: #fff;
	width: 260px;
	height: 460px;
	float: left;
}
nav#top_main_img_menu ul {
	padding: 10px 0 0 10px;
}
nav#top_main_img_menu ul li {
	margin-bottom: 5px;
}
#top_main_img_area {
	
	background:url(../img/usr/top/top_bg_02.png) no-repeat 0 0;
	width: 700px;
	height:353px;
}

#kv {
	width: 700px;
	margin-bottom: 0;
	position: relative;
    display: none;
}
	#kv #kv_img {
		width: 612px;
		height: 270px;
		margin: 0px auto 3px;
		*margin: 4px auto 3px;
		overflow: hidden;
		position:relative;
	}
		#kv #kv_img ul {
			margin-top:6px;
			*margin-top:0px;
		width: 612px;
		height: 270px;
		overflow:hidden;
		}
			#kv #kv_img ul li {
		width: 612px;
		height: 270px;
		overflow:hidden;
		left:0;
			}
				#kv #kv_img ul li img {
					max-width:
					display: block;
				}

	#kv #kv_frame_active {
		text-align: center;
		 bottom: -4px;
		 *bottom: -2px;
		 left:1px;
		 *left:0px;
		width: 690px;
		width: 700px\9;
		position: absolute;
		z-index: 100;
		pointer-events: none;
	}
	#kv #kv_frame_active:not(:target){
		 left:-4px\9;}
	#kv #kv_frame_active img {
		padding-left: 8px;
	}
    /* IE7 */
    *:first-child+html #kv #kv_frame_active img {
		padding-left: 0;
}
    /* IE8 */
    html>/**/body #kv #kv_frame_active img{
    padding-left /*\**/:0\9;
    }
	#kv #kv_bnr {
		/*background: url(../img/bg_kv_bnr.gif) no-repeat left top;*/
		width: 700px;
		height: 65px;
		position: relative;
	/*	overflow: hidden;*/
	}
		#kv #kv_bnr #kv_arrow_left,
		#kv #kv_bnr #kv_arrow_right {
			padding-top: 23px;
			position: absolute;
		}
			#kv #kv_bnr #kv_arrow_left {
				top:-17px;
				left: 0;
				z-index: 99;
			}
			#kv #kv_bnr #kv_arrow_right {
				top:-17px;
				right: 0;
				z-index: 98;
			}
		#kv #kv_bnr ul {
			position:absolute;
			top:-0px;
		*top:-2px;
			left:42px;
		width:614px;
		height:65px;
		*height:70px;
			padding-top:4px;
			margin:0;
			overflow:hidden;
		}
			#kv #kv_bnr ul li {
				text-align: center;
				float: left;
				padding: 0px;
position: absolute;
width: 145px;
height: 63px;
*height: 65px;
text-align:center;
/*
left: 290px;

				position: absolute;
				left:980px;*/
			}
			#kv #kv_bnr ul li.first_child {
			}
			#kv #kv_bnr ul li.last_child {
			}
			#kv #kv_bnr ul li.second_child {

			}
			#kv #kv_bnr ul li.first_child img {
			}
			#kv #kv_bnr ul li.last_child img {
/*				width:70%;
				height:70%;*/
			}
			#kv #kv_bnr ul li.second_child img {
/*				width:70%;
				height:70%;*/
			}
				#kv #kv_bnr ul li img {
					border:1px solid #fff;
				style="cursor: pointer; 
				margin-top: 10px; 
				opacity: 1;"
				}
iframe {
    vertical-align: bottom;
}


.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 
/*------------------------------------------
    メインビジュアル「番組」
------------------------------------------*/

#kv #kv_img ul li .img_ {
    float: left;
    display: inline;
    width: 175px;
    margin: 15px 0 15px 5px;
}
#kv #kv_img ul li .img_ img {
    width: 100%;
}
#kv #kv_img ul li .detail_ {
    float: right;
    display: inline;
    width: 405px;
    height: 240px;
    text-align: left;
    margin: 15px 15px 15px 0;
    position: relative;
}
#kv #kv_img ul li .detail_ .name_ {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
#kv #kv_img ul li .detail_ .comment_ {
    color: #fff;
    margin-bottom: 5px;
}
#kv #kv_img ul li .detail_ .day_ {
    color: #fff;
}
#kv #kv_img ul li .detail_ .btn_ {
    text-align:center;
    width: 405px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#kv #kv_img ul li .detail_ .btn_ div {
    display:inline-block;
    /display:inline;
    /zoom:1;
    width: 195px;
    margin: 0 2px;
}

/*------------------------------------------
    TVエリア
------------------------------------------*/
#toppage_tv_area {
	margin:0 0 10px 0;
	overflow:hidden;
	clear:both;
}
#toppage_tv_area #toppage_tv_area_pickup ul {
	width:105%;
	overflow:hidden;
	margin-bottom:10px;
}
#toppage_tv_area #toppage_tv_area_pickup ul li {
	width:339px;
	min-height:123px;
	margin:0 10px 10px 0;
	border:#eeeeee 3px solid;
	float:left;
}
#toppage_tv_area #toppage_tv_area_pickup ul li a {
	border:#ffffff 3px solid;
	padding:7px;
	display:block;
	overflow:hidden;
}
#toppage_tv_area #toppage_tv_area_pickup ul li:hover {
	border:#e7291b 3px solid;
}
#toppage_tv_area #toppage_tv_area_pickup ul li:hover a,
#toppage_tv_area #toppage_tv_area_pickup ul li a:hover {
	border:#ffd3d0 3px solid;
	text-decoration:underline;
}
#toppage_tv_area #toppage_tv_area_pickup ul li a span.image_ {
	width:100px;
	height:100px;
	text-align:center;
	border:#eeeeee 1px solid;
	display:block;
	float:left;
}
#toppage_tv_area #toppage_tv_area_pickup ul li a span.image_ img {
	max-width:100px;
	max-height:100px;
}
#toppage_tv_area #toppage_tv_area_pickup ul li a span.name_ {
	width:210px;
	font-size:14px;
	line-height:1.4;
	float:right;
	display:block;
}
#toppage_tv_area #toppage_tv_area_list ul {
	position:relative;
	top:-10px;
}
#toppage_tv_area #toppage_tv_area_list ul li {
	border-bottom:#cccccc 1px dotted;
	background:url(../img/usr/top/tvarea/star.png) 10px center no-repeat; 
}
#toppage_tv_area #toppage_tv_area_list ul li a,
#toppage_tv_area #toppage_tv_area_list ul li span.nolink_ {
	padding:8px 30px 7px 30px;
	background:url(../img/usr/top/tvarea/arrow.png) right center no-repeat; 
	display:block;
}
#toppage_tv_area #toppage_tv_area_list ul li:hover {
	background:#eeeeee url(../img/usr/top/tvarea/star.png) 10px center no-repeat; 
	text-decoration:underline;
}

/*------------------------------------------
    イベント/キャンペーン
------------------------------------------*/
#toppage_event_list {
	margin-bottom:10px;
}
#toppage_event_list h2 {
	width:700px;
	height:50px;
	text-indent:-9999px;
	background:url(../img/usr/top/tvarea/title_event.png) left top no-repeat; 
}
#toppage_event_list ul {
	width:105%;
	overflow:hidden;
}
#toppage_event_list ul li {
	width:160px;
	height:160px;
	margin:0 20px 20px 0;
	text-align:center;
	float:left;
}
#toppage_event_list ul li a {
	width:160px;
	height:160px;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
}
#toppage_event_list ul li a img {
	max-width:160px;
	max-height:160px;
}

/*------------------------------------------
    プレゼント
------------------------------------------*/
#toppage_present_list {
	margin-bottom:10px;
}
#toppage_present_list h2 {
	width:700px;
	height:50px;
	text-indent:-9999px;
	background:url(../img/usr/top/tvarea/title_present.png) left top no-repeat; 
}
#toppage_present_list ul {
	width:105%;
	overflow:hidden;
}
#toppage_present_list ul li {
	width:160px;
	height:160px;
	margin:0 20px 20px 0;
	text-align:center;
	float:left;
}
#toppage_present_list ul li a {
	width:160px;
	height:160px;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
}
#toppage_present_list ul li a img {
	max-width:160px;
	max-height:160px;
}