/*
 * 静岡地方気象台WWWスタイルシート
 */
body {
  background-color: #ffffff;
  color: black;
  margin: 1.0em 2.0em;
  text-align: left;
  line-height: 1.5;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}


#site {
          width : 1075px;
          margin: 10px auto;
}


#top {
          width : 998px;
          margin: 10px auto;
}


#info {
          width : 800px;
          margin: 10px auto;
}

#main {
          width : 845px;
          margin: 10px auto;
          float: left;
}

#realtime {
}

#contents {
          margin: 10px auto;
}

#banner {
          width : 225px;
          margin: 10px auto;
          float: right;
}


.banner img {
margin: 5px 5px;
}


#footer {
          clear: both;
          width : 1073px;
}


.topic {
 color:blue;
 font-size:small;
 height:145px;
 overflow-y:scroll;
 border:1px inset #000000;
 }


 .contents {
 font-size:small;
 border:1px inset #000000;
 }

/* type01 注警報・レーダー・予報表示テーブル用 */
.type01 table {
border-collapse: collapse;
background-color: #99ccFF;
}

.type01 td {
border: 1px solid;
text-align: left;
vertical-align: top;
}

.type01 th {
border: 1px solid;
background-color: #fbee93;
padding: 5px 0;
text-align: center;
vertical-align: middle;
}

td.time { 
 height:25px;
 background-position:-3px 0px;
 background-repeat:no-repeat;
 position: relative; top: 2px; left: 0px;
 color:blue;
white-space: nowrap; 
}

td.yoho { 
white-space: nowrap; 
}



/* type02トップページcontents表示テーブル用 */
.type02 table {
border: none;
}

.type02 td {
  width: 300px;
  border: none;
text-align: left;
vertical-align: top;
}

.type02 th {
border: none;
background-color: #99CC99;
padding: 10px 10px;
text-align: center;
vertical-align: middle;
}

td.act { 
background-color:#F0F0F0;
padding: 10px 10px;
}

/* type03 独自ページのテーブル用 */
.type03 table {
border: 1px solid;
border-collapse:collapse;
border-color: #BCBCBC;
}

.type03 td {
  width: auto;
border: 1px solid;
border-color: #BCBCBC;
text-align: left;
vertical-align: top;
padding: 5px;
empty-cells: show;
}

.type03 th {
border: 1px solid;
border-color: #BCBCBC;
background-color: #FFA500;
padding: 5px;
text-align: center;
vertical-align: middle;
 white-space: nowrap;

}

/* type04トップページ災害時気象支援資料 表示テーブル用 */
.type04 table {
border: none;
}

.type04 td {
  width: 300px;
  border: none;
text-align: left;
vertical-align: top;
}

.type04 th {
border: none;
background-color: #FFFFCC;
padding: 10px 10px;
text-align: center;
vertical-align: middle;
}

td.act { 
background-color:#F0F0F0;
padding: 10px 10px;
}






th.name { 
width: 200px;
 white-space: nowrap;
 vertical-align: middle; 
text-align: center;
}

td.name { 
background-color: #FFA500;
 white-space: nowrap;
 vertical-align: middle; 
text-align: center;
}

.seibu { 
background-color: #EEEAB7;
 white-space: nowrap;
padding: 5px;
}

.chubu { 
background-color: #CCDDB9;
 white-space: nowrap;
padding: 5px 0;
}

.toubu { 
background-color: #FDC0FE;
 white-space: nowrap;
padding: 5px 0;
}

.izu { 
background-color: #C8C2FC;
 white-space: nowrap;
padding: 5px 0;
}

/* type04 気象台の活動のテーブル用 */

table.type04 {
border: 1px solid;
border-collapse:collapse;
border-color: #BCBCBC;
background-color: #fff4ea;
}

td.type04img {
text-align:center
}


#container {
	max-width: 900px;
	min-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	margin-bottom: 0em;
	min-height: 300px;
}



#footer {
          clear: both;
          width : 1073px;
          	margin-top: 3ex;
	border-top: 1px ridge #999;
	}
	
#footer address{ text-align: center;
  color:#999999; }



.menu table {
border: 0 ;
}

.menu td {
border: 0 ;
}



img {
	border:0;
}

img.tokusei {
width: 50%;
height: 50%;
}

p {
	margin: 1em;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}


h1 {
	margin: 1em 0 0.5em;
	padding: 20px 2px 0 50px;
	font-size: 42px;
	color: #006633;
	}


h2{
	font-size: x-large;
	color: #006633;
	padding: 0.1em 1em 0.2em 0.5em;
	border-top-style: solid;
	border-top-color: #99CC00;
	border-top-width: 0.1em;
	background-color: #F0FFF0;
	margin-top: 0em;
	margin-bottom: 0em;
}


h3{
	font-size:large;
	color: #006633;
	padding: 0.4em 0em 0.2em 0.5em;
	margin-bottom: 0.8em;
	border-left-style: solid;
	border-left-color: #99CC00;
	border-left-width: 0.2em;
	border-bottom-style: solid;
	border-bottom-color: #DADFEC;
	border-bottom-width: 0.1em;
	font-weight: bold;
	margin-top: 0.8em;
}


a:link{color:#432DB2;text-decoration:underline}
a:visited{color:#432DB2;text-decoration:underline}
a:hover{color:#432DB2;text-decoration:underline}
a:active{color:#432DB2;text-decoration:underline}


ul li, ol li {
  line-height: 1.2;
  padding: 0.5em 0;
}

p.red { color: #ff0000; }


/* breadcrumb パンくずリスト表示用 */

.breadcrumb {
  padding-left:0;
  margin-left:0;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
}

.breadcrumb li:after{/* >を表示*/
  content: ' ';
  padding: 0 3px;
  color: #999999;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #999999;/*色*/
}

.breadcrumb li a:hover {
    text-decoration: underline;
}


iframe {
border: none; }