﻿/* ページ構造に関するCSS */

body{
	background-color:#eeeeff;
	margin:10px 20px 10px 20px;
}

table.menu{
	line-height:26px;
}

.padding5px{
	padding:1px 5px 1px 5px;
}
a:hover{
	color:#000040;
	text-decoration:none;
	background-color:#ffbbbb;
}
a:hover#toplogo{
	background-color:#ffffe0;
}
a:visited{
	color:#000000;
}
a:link{
	color:#000000;
}

.kaisou{
	color:#0000ff;
	font-size:12px;
	/* align:left; */
}

b{
	color:red;
}

.new{
	background-color:#ffff00;
}

.blue{
	color:#0000ff;
}

.title{
	color:darkblue;
	font-size:55px;
	vertical-align:bottom;
}

.footer{
	color:darkblue;
	font-size:13px;
	text-align:center;
}

.minititle{
	color:white;
	font-weight:bold;
	font-size:20px;
}

.txtright{
	text-align:right;
}

.color1{
	background-color:darkorange;
}
.color1Oval{
	color:darkorange;
}

.color1bg{
	background-color:#ffdddd;
}

.color2{
	background-color:blue;
}
.color2Oval{
	color:blue;
}

.color2bg{
	background-color:#ddddff;
}

.color3{
	background-color:green;
}
.color3Oval{
	color:green;
}

.color3bg{
	background-color:#ddffdd;
}

.color4{
	background-color:red;
}
.color4Oval{
	color:red;
}

.color4bg{
	background-color:#ffdddd;
}

.color5{
	background-color:maroon;
}
.color5Oval{
	color:maroon;
}

.color6{
	background-color:darkblue;
}
.color6Oval{
	color:darkblue;
}

.color7{
	background-color:orange;
}
.color7Oval{
	color:orange;
}


.color7bg{
	background-color:#ffdddd;
}

.color8{
	background-color:lightblue;
}

.color9{
	background-color:lightgreen;
}

.color10{
	background-color:gray;
}

.color0Oval{
	color:#999999;
}

hr{
	color:#0000ff;
}
.color_kinkyu{
	background-color:#90ee90;
}

#header_1{
		width:500px;
		float:left;
	 }
#header_2{
		width:380px;
		float:right;
		background-color:hotpink;
         }
#nav{
    }

#content{
        }

/* コンテンツに関するCSS */
/* ナビゲーション */
#nav li{
	float:left;
	width:118px;
	height:18px;
	border: 1px solid #000;
	margin-top:0px;
	margin-right: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 13px;
        background-color: #f0f0f0;
	}

#nav a{
	display: block;
	width:118px;
	height:18px;
	color:#000;
	text-decoration:none;
	}

#nav a:hover{
	color:#fff;
	background-color: #936;
        }

/*　トピックス */
table#topic{   
		clear:left;
		width:840px;
		border:solid 1px #ccc;
		margin:0px 0px 3px 0px;
	    }
td#topic_title{
		padding:1px 5px 1px 5px;
		background-color:blue;
		color:white;
              }
td#topic{
		overflow: auto;
		background-color:#fffff0;
	}
ul#topic{
	    font-size:75%;
	    height:70px;
	    padding:1px;
 	    border-style:solid;
	    border-width:2px;
	    border-top-color:teal;
	    overflow: auto;
	    background-color:#F5F5F5;
          }

/*レーダーイメージ*/
DIV#radar{        
	BACKGROUND-POSITION: -160px -30px; WIDTH: 210px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 260px;
	}
div#radartime{
	BACKGROUND-POSITION: 10px -1px; WIDTH: 195px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 23px;
           }
/*　予報イメージ */
DIV#yoho_img {
	BACKGROUND-POSITION: -255px -47px; BACKGROUND-IMAGE: url(http://www.jma.go.jp/jp/yoho/images/g0/215_telop_today.png); 
	WIDTH: 195px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 260px;
	     }
div#yohotime{
	BACKGROUND-POSITION: -5px 1px; BACKGROUND-IMAGE: url(http://www.jma.go.jp/jp/yoho/images/g0/215_telop_today.png); 
	WIDTH: 195px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 23px;
	     }
/*注警報イメージ */
DIV#warn_img{
	BACKGROUND-POSITION: -255px -47px; BACKGROUND-IMAGE: url(http://www.jma.go.jp/jp/warn/imgs/215/99.png);
        WIDTH: 223px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 260px;
	     }
DIV#warntime{
	BACKGROUND-POSITION: -5px 1px; BACKGROUND-IMAGE: url(http://www.jma.go.jp/jp/warn/imgs/215/99.png);
        WIDTH: 223px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 23px;
	     }

div#gazojyoho{
	position:relative;
	top:10px;
	left:5px;
	}
#gazojyoho_table{
	width:"820px";
	/* border :solid 1px blue; */
	}
th#gazojyoho{
	border :solid 1px green;
	text-align:center;
	}
td#gazojyoho{
	border :solid 1px green;
	text-align:center;
	}
#gazojyoho_th1{
	width:"195px";
	height:"20px";
	border :solid 1px green;
	}
#gazojyoho_th2{
	width:"223px";
	height:"20px";
	border:solid 1px green;
	}
#gazojyoho_th3{
	width:"210px";
	height:"20px";
	border :solid 1px green;
	}
#gazojyoho_th4{
	width:"190px";
	height:"20px";
	border:solid 1px green;
	}

	


/*　タイトル */
.title{
	color:darkblue;
	font-size:55px;
	vertical-align:bottom;
       }
/*　フッター */
.footer{
	color:darkblue;
	font-size:13px;
	text-align:left;
	}

/* 防災情報などコンテンツ */
div#bosai{
		position:relative;
		top:-275px;
		left:5px;
	 }
table.bosai{width:820px;
            border-top:blue 1pt solid;
            border-left:blue 1pt solid;
            border-right:blue 1pt solid;
            border-bottom:blue 1pt solid;
           }

th.bosai{ 
           width:205px;
           background-color:blue;
           color:white;
           /* font-size:9pt; */
	   white-space:nowrap;
        }
td.bosai{
	 /* font-size:10pt; */
	 border:blue 1pt solid;
	 vertical-align:top;
	 text-align:left;
	 padding: 4px;
	}
ul.bosai{
	margin-left:20px;
	margin-top:1px;
	padding-left:0px;
	padding-top:0px;
	}
.bottombana{
	   width:200px;
	 }
