@charset "UTF-8";

/*------------------------------------------------------------------------------
	SHIZUOKA TELECASTING Co.,Ltd.  - Structure CSS
	URL: http://www.sut-tv.com/
	Date: 2010-06-09
	Copyright (C) SHIZUOKA TELECASTING Co.,Ltd.  All Rights Reserved.
------------------------------------------------------------------------------*/

/* #wrapper */
div#wrapper{
	position:relative;
	width:980px;
	margin:0 auto;
	background:url(../img/bg/bg_body_001.gif) repeat-x 0 0;
}

body#home div#wrapper{
	background: #fff url(../img/bg/bg_body_001.gif) repeat-x 0 0;
}

/* #skip */
ul#skip{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	height:0;
}

/*==============================================================
	#header : ヘッダ
===============================================================*/

div#header{
	width:980px;
	height:162px;
	position:relative;
	z-index:98;
}

/* #siteTitle */
div#header h1#siteTitle,
div#header p#siteTitle{
	position:absolute;
	margin:4px 0 0 52px;}

/* #tagline */
div#header #siteTitle #tagline{
	display:none;
}

/* #globalNav 
----------------------------------------------------*/

div#header ul#globalNav{
	position:absolute;
	margin:73px 0 0 0;
	z-index:999999 !important;
}

div#header ul#globalNav li{
	float:left;
	z-index:999999 !important;
}
div#header ul#globalNav li#gAnnouncer ul.mdd_lv2 li a img{
	height:201px;
}
div#header ul#globalNav li#gAnnouncer ul.mdd_lv2 li p a img{
	height:auto;
}
#showList li{
	text-align:center;
	line-height:1.2;
	font-size:80%;
	z-index:1000 !important;
}

#showList li img{
	display:block;
	margin-bottom:5px;
}

#showList li a img{
	border:3px solid #DEDEDE;
}

#showList li a:hover img{
	border:3px solid #34B2CF;
}

#showList li a{
	text-decoration:none;
}

#showList li em{
	font-weight:bold;
	font-size:100%;
}

/* #subNav
----------------------------------------------------*/

div#header ul#subNav li{
	position:absolute;
}

div#header ul#subNav .snav01{margin:4px 0 0 435px;}
div#header ul#subNav .snav02{margin:4px 0 0 498px;}
div#header ul#subNav .snav03{margin:4px 0 0 561px;}
div#header ul#subNav .snav04{margin:4px 0 0 355px;}


/* #search ： サイト内検索
----------------------------------------------------*/

div#header #search{
	width: 200px;
	position:absolute;
	top:37px;
	left: 759px;
	z-index:999999;
}

div#header #search table.gsc-above-wrapper-area-container{
	display:none;
}

div#header #search table.gsc-search-box,
div#header #search table.gsc-search-box th,
div#header #search table.gsc-search-box td{
	border: none;
	padding: 0;
}
div#header #search td.gsc-branding-text,
div#header #search td.gsc-branding-user-defined,
div#header #search td.gsc-branding-img{
	display: none;
}

div#header #search table.gsc-resultsHeader,
div#header #search table.gsc-resultsHeader td,
div#header #search table.gsc-resultsHeader th{
	border:none;
}

div#header #search input.gsc-input{
	width:154px;
	height:24px;
	border:1px solid #ccc;
}

div#header #search img{
	position:absolute;
	margin:0 0 0 0;
}
body:nth-of-type(1) div#header #search img { margin:0 0 0 -30px; } 
body:first-of-type div#header #search img {  margin:0 0 0 -30px; }

div#header #search img {
    *margin:0 0 0 -25px; /* IE7 and below */
}
div#header #search img:not(:target) {
    margin:0 0 0 30px¥9 !important;/* IE9 */
}

div#header #search div.gsc-wrapper{
	position:relative;
	background: #fff;
	width: 650px;
	top:0;
	left: -450px;
	border-right: 2px solid #fff600;
	border-left: 2px solid #fff600;
	overflow:visible;
	z-index: 10500;
}
*+html div#header #search div.gsc-wrapper{
	margin-right: -450px;
}
* html div#header #search div.gsc-wrapper{
	margin-right: -450px;
}
div#header #search div.gsc-wrapper .gsc-webResult{
	padding: 5px 5px 20px;
	line-height: 1.4;
	border-bottom: 2px solid #fff600;
}

div#header #search .gsc-result-info{
	display:none;
}

div#header #search div.gsc-wrapper .gs-webResult th,
div#header #search div.gsc-wrapper .gs-webResult td{
	border:none;	
}

div#header #search div.gsc-wrapper .gs-image:not(:target) {
    margin-left:0;¥9; /* IE9 */
}

/* #login
----------------------------------------------------*/

div#header #login{
	width:318px;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	position:absolute;
	margin:0 0 0 648px;
	font-size:80%;
	padding:3px 6px;
}

div#header #login dt{
	float:left;
	padding:6px 0 0 0;
}

div#header #login dd{
	float:right;	
}

div#header #login li{
	float:left;
}

div#header #login li.lastChild{
	margin-left:4px;	
}

/* #twit
----------------------------------------------------*/

div#header dl#twit dt{
	position:absolute;
	margin:22px 0 0 210px;
}

div#header dl#twit dd{
	position:absolute;
	margin:29px 0 0 335px;	
}

div#header dl#twit dd li{
	float:left;	
}

div#header dl#twit dd li input{
	width:320px;
	height:24px;
	margin:8px 0 0 0;
	border:1px solid #62a7c0;
	background:#e4f7ff;
}

div#header dl#twit dd li #teleshizuTweet{
	width:320px;
	height:24px;
	margin:8px 0 0 0;
	border:1px solid #62a7c0;
	background:#e4f7ff;
	overflow: hidden;
	position: relative;
}

/* liScroll styles */

div#header dl#twit dd li #teleshizuTweet .tickercontainer { /* the outer div with the black border */
width: 320px; 
height:24px;
margin: 0; 
padding: 0;
overflow: hidden; 
}
div#header dl#twit dd li #teleshizuTweet .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 4px;
width: 999em;
overflow: hidden;
}
div#header dl#twit dd li #teleshizuTweet ul.newsticker { /* that's your list */
position: relative;
left:  320px;
list-style-type: none;
margin: 0;
padding: 0;
line-height: 1.2;
}
div#header dl#twit dd li input{	
color: #1466b4;
padding-left: 5px;
}
div#header dl#twit dd li #teleshizuTweet ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0 15px 0 0;
color: #1466b4;
line-height: 1.4;
}

*:first-child+html div#header dl#twit dd li #teleshizuTweet ul.newsticker li,
div#header dl#twit dd li #teleshizuTweet ul.newsticker li, x:-moz-broken, x:last-of-type{
	line-height: 1.5;		
}

div#header dl#twit dd li #teleshizuTweet ul.newsticker a {
white-space: nowrap;
text-decoration: underline !important;
} 
div#header dl#twit dd li #teleshizuTweet ul.newsticker span {
margin: 0 10px 0 0;
} 


/* #underNav
----------------------------------------------------*/

div#header div#underNav{
	width:960px;
	position:absolute;
	margin:132px 0 0 0;
	padding:4px 9px;
	background:#eee;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	z-index:1;
}

/* #qNav
----------------------------------------------------*/

div#header div#underNav #qNav select{
	width:251px;
	border:1px solid #ccc;
}

/* #weather
----------------------------------------------------*/

div#header div#underNav #weather{
	float:right;
	width:540px;
	border-left:1px dotted #3f99c4;
	padding-left:20px;
	padding-top:1px;
	display:none;
}

div#header div#underNav #weather dt{
	margin-right:20px;
}
div#header div#underNav #weather dt img{
	display:block;
  margin-top: 7px;
	height: 7px;
}

div#header div#underNav #weather dt,
div#header div#underNav #weather li{
	float:left;	
}

div#header div#underNav #weather li{
	margin-right:15px;
	margin-top:1px;
}

div#header div#underNav #weather li img{
	vertical-align:middle;
}

div#header div#underNav .floatR{
	float:right !important;	
}

/* #programBanners
----------------------------------------------------*/

div#header #programBanners{
	position:absolute;
	top:103px;
	left:0;
	width:970px;
	padding:8px;
	padding-right:0;
	background:#e4f7ff;
	border:1px solid #b4e4ff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	z-index:99999 !important;
}

div#header #programBanners #programLoad{
	z-index:99999 !important;	
}

div#header #programBanners ul li{
	float:left;
	margin:0 6px 5px 0;
	z-index:99999 !important;
}
div#header #programBanners p.closeBtn{
	clear:both;
	margin:0;
	padding:0 6px;
	text-align:right;
	z-index:99999 !important;
}

/*==============================================================
	#main : 主コンテンツ
===============================================================*/

div#main{
	margin:5px 10px 40px 10px;
}

* html div#main{
	padding-top: 30px;
	margin-left: 5px;
}
*+html div#main{
	padding-top: 6px;
}
div#main #headline{
	position:relative;
	margin:0 0 0 0;
}

*:first-child+html div#main #headline{
	margin:23px 0 0 0;	
}

/*==============================================================
	#pan : パンクズ
===============================================================*/

div#main #headline p#pan{
	position:absolute;
	margin:0 0 0 0px;
	top: -22px;
	left: 80px;
	line-height: 1.1;
}

/*==============================================================
	#sub : 副コンテンツ
===============================================================*/

div#sub{
	float:right;
	width:300px;
	margin:32px 10px 40px 0;
	display:inline;
}

/* .toTop : 先頭へ戻る */
p.toTop{
	clear:both;
	text-align:right !important;
}

/*==============================================================
	#footer : フッタ
===============================================================*/

div#footer{
	clear:both;
	background:url(../img/bg/bg_footer_001.gif) repeat-x 0 0;
}

div#footer #inner{
	position:relative;
	width:980px;
	margin:0 auto;
}

div#footer dl.floatR{
	position:absolute;
	top:0;
	right:0;
	width:234px;
	padding:15px 0 0 0;
	float:right;
}

div#footer dl.floatR dt{
	float:left;	
}

div#footer dl.floatR dd{
	float:right;	
}

/* #txtNav
----------------------------------------------------*/

div#footer ul#txtNav{
	padding:19px 0 9px 0;
	width:780px;
	height:47px;
}
* html div#footer ul#txtNav{
	padding-bottom: 8px;
}

div#footer ul#txtNav li{
	float:left;
	border-right:1px solid #000;
	padding:0 5px;
	margin-bottom:10px;
	white-space:nowrap;
	line-height: 1.1;
}

/* #copyright : 著作権表示 */
div#footer p#copyright{
	clear: both;
	text-align:center;
	padding:2px 0;
}

/*-- メガドロップダウンメニュー --*/

div#header nav.siteNav {
	position: relative;
	width: 100%;
	height: 54px;
	z-index: 999;
}
div#header nav.siteNav ul#globalNav {
	width: 980px;
	margin: 0 auto;
}
/* Level1
-------------------------  */

div#header ul.mdd_lv1 {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:999999 !important;
}
div#header ul.mdd_lv1 li {
	float: left;
	z-index:999999 !important;
}
div#header ul.mdd_lv1 li a {
	display: block;
	padding: 0;
	width: 89px;
	height: 54px;
}
div#header ul.mdd_lv1 li#gHome a {
	width: 88px;
}
/*
-- Level2 -------------------------  */

div#header ul.mdd_lv2 {
	display: none;
	position: absolute;
	top: 60px;
	left: 0px;
	width: 968px;
	padding: 20px 0 60px 10px !important;
	margin: 0;
	background: #fff;
	font-size: 80%;
	border: 1px solid #B4E4FF;
	border-top: none;
	z-index:999999 !important;
}
/*
div#header ul.mdd_lv1 li:hover ul.mdd_lv2 {
	display: block;
}
*/
div#header ul.mdd_lv2 li {
	margin: 0px 10px 0 10px !important;
	width: 170px;
	text-align: center;
	z-index:999999 !important;
}
div#header ul.mdd_lv2 li img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
	z-index:999999 !important;
}
div#header ul.mdd_lv2 li a {
	height: 140px;
	width: auto;
	text-decoration: none;
}
div#header ul.mdd_lv2 li a img {
	border: 3px solid #fff;
}
div#header ul.mdd_lv2 li a:hover img {
	border: 3px solid #55B6CC;
}
/* イベント */
/* アナウンサー */
div#header li#gEvent ul.mdd_lv2 li a, li#gAnnouncer ul.mdd_lv2 li a, li#gWebmarket ul.mdd_lv2 li a, li#gToku ul.mdd_lv2 li a{
	height: auto !important;
}

/* ニュース */
div#header li#gNews ul.mdd_lv2 li {
	width: auto !important;
	float: none !important;
	font-size: 120%;
	text-align: left;
	margin: 0 !important;
}
div#header li#gNews ul.mdd_lv2 li.photo {
	float: left !important;
	width: 360px !important;
	margin-left: 20px !important;
}
div#header li#gNews ul.mdd_lv2 li.photo img {
	width: 100%;
	height: auto;
}
div#header li#gNews ul.mdd_lv2 li #anchorNav {
	background: #fff9ee;
	margin: 0;
	width: 540px;
	float: right;
	margin-right: 30px !important;
}
div#header li#gNews ul.mdd_lv2 li #anchorNav dt {
	font-weight: bold;
	font-size: 120%;
	background: #f5f5f5;
	width: 498px;
	padding: 5px 20px;
	margin: 0 0 0 0;
	border: 1px solid #ccc;
}
div#header li#gNews ul.mdd_lv2 li #anchorNav dd {
	border: 1px solid #cecece;
	border-top: none;
	overflow: hidden;
}
div#header li#gNews ul.mdd_lv2 li #anchorNav dd li {
	border-bottom: 1px dotted #ccc;
	background: url(http://www.sut-tv.com/news/shared/img/ico_arw.gif) no-repeat 10px 14px;
	padding: 10px 20px;
}
div#header li#gNews ul.mdd_lv2 li #anchorNav dd li img.icotv {
	width:20px;
	height:auto;
	display:inline !important;
	border:none;
	margin-bottom:0;
}
div#header li#gNews ul.mdd_lv2 li #anchorNav dd li.even {
	background: #feefd5 url(http://www.sut-tv.com/news/shared/img/ico_arw.gif) no-repeat 10px 14px;
}
div#header li#gNews ul.mdd_lv2 li #anchorNav dd li a {
	font-weight: bold;
	color: #eb6100;
	height: auto;
}
div#header li#gNews ul.mdd_lv2 li #anchorNav dd li.lastChild {
	border: none;
}
/* 閉じるボタン */
div#header ul.mdd_lv2 li p.closeBtn {
	position: absolute;
	bottom: 10px;
	right: 20px;
}
div#header ul.mdd_lv2 li p.closeBtn img {
	width: auto;
}
div#header ul.mdd_lv2 li p.closeBtn a {
	height: auto;
}
div#header ul.mdd_lv2 li p.closeBtn a img {
	border: none;
}
div#header ul.mdd_lv2 li p.closeBtna:hover img {
	border: none;
}

#home .link {
	position: absolute;
	width: 200px;
	top: 0px;
	min-height: 100%;
	z-index: 0;
	height: 1000px;
	visibility: visible;
}


#home div.link a {
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
 @media screen and (max-width: 1220px) {
#home .link {
visibility: hidden;
}
}
#home #wrapper.tablet {
overflow: hidden;
}

@media only screen and (orientation: portrait){
#home .link {
	width:auto;
}	
.gsc-clear-button{display:none !important;}
}

@media only screen and (orientation : landscape){
.gsc-clear-button{display:none !important;}
}

/*--EOF-----------------------------------------------------------------------*/