@charset "UTF-8";

/*-----------------------------------------------------------

1. common-共通部分
2. #area1
3. #area2
4. #area3
5. others

-----------------------------------------------------------*/



/* TOP
-----------------------------------------------------------*/

/*イベント時背景
body {
    background: url(http://www.sun-tv.co.jp/wp-content/uploads/background/sunback.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
/*背景軽量化*/
body {
    background: url(http://www.sun-tv.co.jp/wp-content/uploads/background/sunback_dot.jpg) repeat center top fixed;
}


.slider-nav{
width:648px;updates
}

/* #area1
-----------------------------------------------------------*/

#area1{
	margin-bottom: 10px;
	padding: 0 10px;
}


#slide {
	float: left;
	width: 67.708333%;
	margin-right: 10px;
}

#slide img, .flexslider .slides img{
	width: auto !important;
	display:inline-block !important;
}


#programToday {
	float: left;
	width: 31.25%;
	margin-bottom: 20px;
    /*padding-top: -20px;
    margin-top: -16px;*/
    height:362px;
    /*overflow:auto;
    -webkit-overflow-scrolling: touch;*//*週間番組表追加時修正*/
}

#today_under{
	background-color:#1f1f1f;
	padding-right:1em;
  font-size:13px;
  padding:3px 10px;
}
#today_under a{
	color:#ffffff;
}

#bannerArea1 {
	clear: both;
}
#bannerArea1 ul {
	overflow: hidden;
}
#bannerArea1 li {
	float: left;
	width: 234px;
	margin-right: 5px;
	margin-bottom: 10px;
}

/* #area2
-----------------------------------------------------------*/


#area2 {
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0 10px;
}

#area2Left {
	float: left;
	width: 74.791667%;
	margin-bottom: 20px;
    line-height:1.5em;
}


.bannerArea h2,
#area2Left h2 {
	font-weight:bold;
	margin-bottom: 8px;
	padding: 0 0 0 8px;
	color: #ffffff;
}
.bannerArea h2,
#area2Left #updates h2,
#area2Left #entry h2,
#area2Left #announcement h2,
#suntv_recommend h2,
#suntv_special h2 {
	background: #8e8e8e;
}
#area2Left #announcement h2,
#suntv_recommend h2  {
    margin-top:5px;
}

#suntv_recommend ul {
	overflow: hidden;
	margin-right: -8px;
  margin-bottom:1em;
}
#suntv_recommend li {
	float: left;
	width: 234px;
	margin-right: 8px;
	margin-bottom: 10px;
}
#suntv_recommend li:nth-child(3n){
margin-right:0;
}

#suntv_special ul {
	overflow: hidden;
}
#suntv_special ul li {
	float: left;
	width: 169px;
	margin-right: 10px;
	margin-bottom: 10px;
}
/*#suntv_special ul li :nth-child(3){
    margin-right:0;
    
}*/

.original_txt{
    font-weight:bold;
	padding-top:10px;
}
.original_desc{
	font-size:0.7em;
}

#area2Left #updates {
	margin-right: 8px;
}
#area2Left #updates dt{
	clear: both;
	float: left;
	width: 60px;
	padding-left: 5px;
}
#area2Left #updates dd{
	padding-left: 60px;
}


#area2Left #entry,
#area2Left #updates {
	float: left;
	width: 49.42%;
    overflow:hidden;
    /*height:225px;*/
    margin-bottom:1em;
}


#area2Left #announcement {
	clear: both;
    overflow:hidden;
    /*height:223px;*/
    margin-bottom:1.5em;
}
#area2Left #announcement ul {
	list-style: disc inside;
}
#area2Left #announcement li {
	margin-left: 35px;
	text-indent: -25px;
}



#area2Left #announcement .important,
#area2Left #announcement .important a,
#area2Left .new {
	color: #cc0000;
}


#other {
	float: right;
	width: 24.375%;
}

/* #area3
-----------------------------------------------------------*/

#area3{
	clear: both;
	padding: 0 10px;
	padding-bottom: 30px;
}
.area3{/*ワイワイ用にクラス追加　15.03.31*/
	clear: both;
	padding: 0 10px;
	padding-bottom: 30px;
}
.program_list_font{
    font-size:0.7em;
}

#area3 #programList {
	background: #f7e000;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 10px;
}
#area3 #programList h2 {
	float: left;
	width: 100px;
	margin: 6px 0 5px 10px;
	font-size: 120%;
	font-weight:bold;
}
#area3 #programList #tabMenu {
	overflow: hidden;
}
#area3 #programList #tabMenu li{
	float:left;
	width: 20px;
	margin-left:6px;
	padding:0.5em 0 1em 14px;
	font-weight:bold;
	/*border-left: 1px solid #333;*/
}
#area3 #programList #tabMenu li:first-child{
	border-left: none;
}
#area3 #programList #tabMenu li a{
	padding:0.3em 0.5em;
	background: #ffffff;
	border-radius:50px;
	}
#area3 #programList #tabMenu li a:hover{
	color:#FFFFFF;
	background: #E02171;
	border-radius:50px;
	}
#area3 #programList #tabBoxes{
	clear: both;
}
#area3 #programList #tabBox1,
#area3 #programList #tabBox2,
#area3 #programList #tabBox3,
#area3 #programList #tabBox4,
#area3 #programList #tabBox5,
#area3 #programList #tabBox6,
#area3 #programList #tabBox7,
#area3 #programList #tabBox8{
	width: 100%;
	height: 100%;
	background:#ffffff;
	padding: 0 0 20px 0;
	display:none;
}
#area3 #programList div ul {
	margin-top: 0px;
	padding-top: 20px;
}
#area3 #programList div li {
	float: left;
	width: 156px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 85%;
	text-align: center;
	border-bottom: 1px dotted #f7e000;
    height:135px;
}


.topProgramListStyle{
}

.topProgramListTitle{
    padding-top:10px;
    font-weight:bold;
}

.saihousou{
    font-size:90%;
    display:inline;
    background:#0057A8;
    color:#FFFFFF;
    padding-left:3px;
    padding-right:3px;
    margin-right:3px;}

.shinbangumi{
    font-size:90%;
    display:inline;
    background:#FF7E00;
    color:#FFFFFF;
    padding-left:3px;
    padding-right:3px;
    margin-right:3px;}

.smallProgramTitle{
    font-size:0.9em;
}

#area3 #contents {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666666;
}
#area3 #contents h2 {
	font-weight:bold;
	margin-bottom: 10px;
	padding: 2px 0;
	padding-left: 40px;
	color: #ffffff;
	background: #7a7a7a url(../images/icon_onpu.png) no-repeat 10px center;
}
#area3 #contents ul {
	overflow: hidden;
}
#area3 #contents li {
	float: left;
	width: 20.833333%;
	padding: 0 19px 0 20px;
	border-left: 1px dotted #666666;
	font-size: 75%;
	cursor: pointer;
    height:220px;
}
#area3 #contents li:first-child {
	padding: 0 20px;
	border-left: none;
}
#area3 #contents li a {
	display: block;
}
#area3 #contents li span {
	display: block;
	font-size: 125%;
}


#area3 #bannerArea2 ul {
	overflow: hidden;
	margin-right: -8px;
}
#area3 #bannerArea2 li {
	float: left;
	width: 234px;
	margin-right: 8px;
	margin-bottom: 10px;
}


/* #footer
-----------------------------------------------------------*/

#footerInner .pagetop {
	position: absolute;
	top: -24px;
	right: 0;
}
#footerInner .pagetop a {
	display: block;
	width: 100px;
	height: 17px;
	background: url(../images/bt_pagetop.gif) no-repeat right top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#footerInner .pagetop a:hover{
	background-position:0 -17px;
	}

#footerInner .privacy {
	margin-left: 20px;
	padding-top: 20px;
	display: none;
}


/*#footerInner #fNav ul {
	margin-top: 30px;
	margin-left: 30px;
}*/
#footerInner #fNav ul {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 15px;
}
/*#footerInner #fNav > li{
	float: left;
	width: 15.104167%;
	margin-right: 15px;
}*/
#footerInner #fNav > li{
	float: left;
	width: 150px;
	margin-right: 15px;
}
#footerInner #fNav li {
	margin-bottom: 5px;
	font-size: 85%;
}
#footerInner #fNav #fgroup0 {
	display: none;
}

/*#footerInner #copyright{
	clear:both;
	width:100%;
	background:#F7E000;
	}
#footerInner #copyright img {
	position: absolute;
	bottom: 5px;
	right: 0;
}*/
#copyright{
	clear:both;
	width:100%;
	background:#F7E000;
	}
	
#copyright{
	clear:both;
	width:100%;
	background:#F7E000;
	}
#copyimg{
	width:960px;
	margin:0 auto;}
#copyimg{
	text-align:right;}


/* other
-----------------------------------------------------------*/


.s_open {
	display: none;
}

.pcview a {
	display: none;
}

/* スマホ用コンテンツを非表示
-----------------------------------------------------------*/
.sp_display{
    display:none !important;
}


/* テレホンバナー
-----------------------------------------------------------*/
#tel_pre_HP{
  margin:0 auto 1em auto;
  padding:0.5em;
  text-align:center;
}
#tel_pre_S{
  display:none;}


/* Topページアドセンス
-----------------------------------------------------------*/
.top_adsense{
    width:728px;
}

.pc_top_ad_area{
    clear:both;
    width:610px;
    margin:0 auto 100px auto;
}
.pc_top_ad_box_left{
    float:left;
}
.pc_top_ad_box_right{
    float:right;
}


/* カンパイ神戸用Topページバナー 
-----------------------------------------------------------
.kanpai{
    float:left;
    width:234px;
}
.bannerArea{
    float:right;
    width:725px;
}*/


/* 印刷用CSS
-----------------------------------------------------------*/
@media print {
  #header_adsense,
  .top_adsense,
  .pc_top_ad_area{
    display:none;}
}


/* いちおし！ひょうご館（twitter上部）
-----------------------------------------------------------*/
.ichioshi_movie{
  /*border:4px solid #ff2929;
  padding:8px;*/
  box-sizing:border-box;
  margin-bottom:1em;
  }
.ichioshi_movie p{
  font-size:75%;
  }
.ichioshi_movie img{
  /*margin:0.5em 0;*/
  text-align:center;
  }
.ichioshi_btn{
  margin:0.6em 0;
  text-align:center;
  }
 .ichioshi_btn a:hover{
  opacity:0.7; 
  }
  

/* テレホンバナー表示（神戸マラソン2015）
-----------------------------------------------------------*/
.tel_pre_bnrlist{
  margin:0 auto 1em auto;
  text-align:center;
  }
.tel_pre_bnrlist li{
  float:left;
  margin:0 1em 1em 1em;
  }
.tel_pre_bnrlist li:nth-child(even){
  margin-right:0;
  }


/*TOPだけ追加 */
#container{
  padding-top: 10px; }