@charset "utf-8";
/* CSS Document */
body  {
    width: 100%;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #666;
	font-size: 10pt;
}
.none {
display: none;
}
.invis {
visivility: hidden;
}
/*clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

*html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*clearfix 終わり*/

a:link { text-decoration:none; color: #666666;}
a:visited { text-decoration:none;  color: #999999;}
a:hover { text-decoration:none;  color: #000033;}

.clears {
clear: both;
}
img {
	border: 0px;
	float: left;
}

#container {
	width: 980px;
	height: auto;
	background: #FFFFFF;
	margin: 0 auto ;/*- 自動マージン（幅と連動）により、必要に応じてページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	border: 1px solid black;
border-bottom: 0px;
	padding : 0 ;
	/*margin: 0;*/
}  
#header {
 position: fixed;
 top: 0;
 width: 980px;
 height: 100px;
 margin: 0px auto;
 border: 0px;
 padding: 0;
 background-image: url(../sozai/headBG_l.jpg);
 background-repeat: no-repeat;
 float: left;
 z-index: 110;
 }
 
*html #header {
 position: absolute;
 width: 980px;
 height: 100px;
 margin: 0px;
 border: 0px;
 padding: 0;
 float:left;
 background-image: url(../sozai/headBG_l.jpg);
 background-repeat: no-repeat;
 z-index: 110;
 }
 
#header img {
  top: 17px;
  left: 15px;
  border: 0px;
  margin: 0px;
  padding: 0px;
}
h1 {
	font-size: 9pt;
	color:#b2320c;
	margin-right:0.5em;
	float: right;
	margin-top: 80px;
 }

#navi {
 position: fixed;
 top: 100px;
 width: 980px;
 height: 20px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 background-image: url(../sozai/menubar_black2.jpg);
 background-repeat: repeat-x;
 z-index: 108;
 }
*html #navi {
 position: absolute;
 top: 100px;
 width: 980px;
 height: 20px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 background-image: url(../sozai/menubar_black2.jpg);
 background-repeat: repeat-x;
 z-index: 108;
 }

/*以上をテンプレートに*/
#container #firstperiod {
  position: relative;
  top: 130px;
  width: 760px;
  margin: 0px;
  padding: 10px;
  padding-bottom: 0px;
  border: 0px;
  height: 330px;
  }

#container #firstperiod #powerp {
 position: relative;
 width: 260px;
 margin: 0px;
 margin-left:15px;
 border: 0px;
 padding: 0px;
 height: 240px;/*powerp widthの総和＝３００ｐｘ*/
 float: left;
 background-color:#000000; 
 color: #FAF0E6;
 }
     .ttl-red {
    width: 100%;
	height: 20px;
	border: 0px;
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
	background-image: url(../sozai/menubar_red.gif);
	color: #FAF0E6;
	font-size: 12px;
	text-align: center;
	}
	.vertbottom {
	 vertical-align: -1px;
	 }
 #powerp p {
    border: 0px;
	padding: 0px;
	margin: 0px;
	width: 250px;
	padding-left: 10px;
	padding-top: 25px;
	height: 115px;
	background-image: none;
	background-color: transparent;
	}
   #powerp p img {
    border: 0px;
	padding: 0px;
	float: left;
	margin-top: -20px;
	margin-right: 5px;
	margin-bottom: 10px;
	}
	
#request {
margin-top: 5px;
}	
.req a:link { text-decoration: none; color: #ccc;}
.req a:visited { text-decoration: none; color: #ccc;}
.req a:hover { text-decoration: none; color: #fff;}
.req a:active { text-decoration: none; color: #fff;}
  
.req {
 margin-left: 1em;

 width: 100%;
 text-align: center;
 }
.TabbedPanelsContent h5 {
margin: 0.2em 0;
}


#container #firstperiod .banners {
 position: relative;
 width: 450px;
 margin: 0px;
 margin-left: 15px;
 border: 0px;
 padding: 0px;
 height: 240px;
 float: left;
 }
   .ttl-black1 {
    width: 100%;
	height: 20px;
	border: 0px;
	margin: 0;
	margin-bottom: 0;
	padding: 0;
	background-image: url(../sozai/menubar_black2.jpg);
	color: #FAF0E6;
	font-size: 12px;
	text-align: center;
	}

	
#container #second-period {
  position: relative;
  width: 760px;
  margin: 0px;
  margin-top: 30px;
  padding: 10px;
  border: 0px;
  height: 250px;
  }

 #container #second-period .topics {
 position: relative;
 width: 450px;
 margin: 0px;
 margin-left: 15px;
 margin-top: 15px;
 border: 0px;
 padding: 0px;
 height: 200px;
 float: left;
 }

.image-in-tab img {
 padding: 0px;
 border: 0px;
 margin: 5px;
 }
.weather {
 width: 260px;
 padding: 0px;
 border: 1px solid #ccc;
 height: 238px;
 margin-left: 10px;
 text-align: center;
 float: left;
 font-size: 10pt;
 }
.weather .cont{
margin: auto;
margin-top: 30px;
width: 250px;
height: 2em;
}
.weather .cont2 {
margin: 0px;
margin-top: 5px;
margin-left: 10px;
padding: 0px;
border: 0px;
width: 250px;
}
#container #third-period {
  position: relative;
  float:right;
  height: 500px;
  margin: 0;
  width: 200px;
  top: -600px;
  margin-top: 100px;
  margin-bottom: -600px;
  }
.inlineimg {
display: inline;
}
/*広告スペース用（ｓは横）*/
 #third-period #pr {
position: relative;
width: 170px;
clear: both;
height: 495px;
border: 1px solid #ccc;
padding: 0px;
}
#pr .commspace {
 width: 150px;
 height: 100px;
 padding: 0px;
 border: 0;
 margin: 10px auto;
} 
.commspace img {
border: 0;
margin-bottom: 0.3em;
}
#container #fourth-preiod {
width: 960px;
height: 140px;
clear: both;
margin: 0 auto;
border: 0;
padding: 0px 10px 5px 10px;
background-color: #fff;
}
#fourth-preiod .pr-s {
	width: 138px;
	height: 100px;
	margin: 10px 7px 10px 0px;
	padding: 10px 5px;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	}
#fourth-preiod .pr-m {
	width: 290px;
	height: 100px;
	margin: 10px 7px 10px 0px;
	padding: 10px 5px;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	}
#fourth-preiod .pr-l {
	width: 460px;
	height: 100px;
	margin: 10px 7px 10px 0px;
	padding: 10px 5px;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	}
.pr-s p, .pr-m p , .pr-l p {
	display: block;
	width: 100%;
	position: relative;
	left: 50%;
	margin: 0 auto;
	margin-left: -44%;
	padding: 0 auto;
	border: 0;
	float: left;
	text-align: center;
	}
*html .pr-l p {
	display: inherit;
	width: 100%;
	position: relative;
	left: 4%;
	margin: 0 auto;
	padding: 0 auto;
	border: 0;
	float: left;
	text-align: justify;
	}		
.pr-l span.adds {
	display: block;
	position: relative;
	clear: both;
	width: 96%;
	padding: 0 5px;
	text-align: center;
	bottom: 0px;
	}
/*広告スペースここまで（ｓは横）*/
#footer {
width: 980px;
height: 80px;
margin: 0px auto;
padding: 0px;
border: 1px solid black;
border-top: 0px;
background-image: url(../sozai/footbg.jpg);
background-repeat: repeat-x;
background-color: transparent;
}
#footer img {
 border: 0;
 margin: 0;
 padding: 0;
 float: right;
 }
#footer ul {
font-size: 9pt;
list-style-type: none;
height: 1.5em;
margin-top: 45px;
margin-left: 10px;
padding: 0;
float: left;
}
#footer ul li {
display: inline;
margin-right: 1em;
}

#footer ul a:link {text-decoration:none; color:#999;}
#footer ul a:hover {text-decoration:underline; color:#999;}

.leftblock {
width: 800px;
height: 800px;
margin: 0;
padding:0;
border: 0;
}
.rightblock {
width: 180px;
height: 800px;
float: right;
margin: 0;
padding: 0;
border: 0;
}
#container #wrapper {
 width: 100%;
 background-color: transparent;
 margin: 0;
 border: 0;
 padding: 0;
 }
.floatbox-right {
width: 50%;
float: right;
margin:0;
padding: 0;
border: 0;
}
.floatbox-right ul {
margin-left: 0;
}

.inline-image img {
display: inline;
clear: both;
border: 0;
float: none;
}

/* 番組テンプレート　*/
#container #spread {
width: 100%;
height: 800px;
margin:0;
padding:0;
border: 0;
padding-top: 130px;
z-index: -10;
}
#whatsnew {
overflow: scroll;
}
.new {
color:#FF3300;
}
.image img{
border: 0;
padding: 0;
margin: 7px;
}