td.x {
	list-style:none;background-color:#00ff99;text-align:center;
}
td.xx {
	list-style:none;
       list-style:outside none;
      
}

a{
	text-decoration:none;
}
a:link {
	color:#0000ff;
}
a:visited{
	color:#0000ff;
}
a:hover{
	color:#ff0000;
}
a:active{
	color:#0000ff;
}


li{
	text-indent:0em;
   margin:5px 0;   /* 1つ1つのリストの行間隔を上下10px左右0pxの余白を空ける */
  
}
li.x {
	background : transparent url(670/nogyo/f2.png) no-repeat scroll 0px 30%;
       padding-left:20px;                           /* 背景画像と文字がかぶるので左から20pxの位置に文字を配置 */
     
}
li.xx {
	background : transparent url(670/nogyo/f1.png) no-repeat scroll 0% 30%;
        padding-left:20px;    
      
}
li.xxx {
	background : transparent url(670/nogyo/f3.png) no-repeat scroll 0% 30%;
         padding-left:20px;
      
}

li.y {
	background : transparent url(670/nogyo/f2.png) no-repeat scroll 0px 30%;
       padding-left:20px;                           /* 背景画像と文字がかぶるので左から20pxの位置に文字を配置 */     
       margin:10px 0;
     
}

li.yy {
	background : transparent url(670/nogyo/f1.png) no-repeat scroll 0% 30%;
        padding-left:20px;
        margin:10px 0;    
      
}

li.yyy {
	background : transparent url(670/nogyo/f3.png) no-repeat scroll 0% 30%;
        padding-left:20px;
        margin:10px 0;    
      
} 

/* 注意報、天気予報、レーダーの表示部分 */
p.xx {
	position:relative;
}
/* ▼(A)表示領域全体 */
div.tabbox {
	margin: 0px; padding: 0px; width: 310px; 
}

/* ▼(B)タブ部分 */
p.tabs {
	margin: 0px; padding: 0px;
}
p.tabs a.tab1 {
   /* ☆リンクをタブのように見せる */
   display: block; width: 12em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs a.tab2 {
   /* ☆リンクをタブのように見せる */
   display: block; width: 5em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs a.tab3 {
   /* ☆リンクをタブのように見せる */
   display: block; width: 3em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs a.tab4 {
   /* ☆リンクをタブのように見せる */
   display: block; width: 3em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs a.tab5 {
   /* ☆リンクをタブのように見せる */
   display: block; width: 4em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs a.tab6 {
   /* ☆リンクをタブのように見せる */
   display: block; width: 5em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs a.tab7 {
   /* ☆リンクをタブのように見せる */
   display: block; width: 5em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs a.tab8 {
   /* ☆リンクをタブのように見せる */
   display: block; width: 7em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs a.tab9 {
   /* ☆リンクをタブのように見せる */
   display: block; width: 4em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs a.tab10 {
   /* ☆リンクをタブのように見せる */
   display: block; width: 4em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
/* ◇各タブの配色 */
p.tabs a.tab1 {
	background-color: blue;  color: white; 
}
p.tabs a.tab2 {
	background-color: green; color:white;
}
p.tabs a.tab3 {
	background-color: red;   color: white; 
}
p.tabs a.tab4 {
	background-color: blue;  color: white; 
}
p.tabs a.tab5 {
	background-color: green; color:white;
}
p.tabs a.tab6 {
	background-color: red;   color: white; 
}
p.tabs a.tab7 {
	background-color: blue;  color: white; 
}
p.tabs a.tab8 {
	background-color: green; color:white;
}
p.tabs a.tab9 {
	background-color: red;  color: white; 
}
p.tabs a.tab10 {
	background-color: blue; color:white;
}
p.tabs a:hover {
	color: yellow; 
}

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ☆ボックス共通の装飾 */
/*   height: 180px; overflow: auto; clear: left; */
     height: 300px; width: 300px;overflow: none; clear: left;
}
/* ◇各ボックスの配色 */
div#tab1 {
	border: 2px solid blue; background-color: #ccffff; 
}
div#tab2 {
	border: 2px solid green; background-color: #ccffcc; 
}
div#tab3 {
	border: 2px solid red; background-color: #ffcccc; 
}
div#tab4 {
	border: 2px solid blue; background-color: #ccffff; 
}
div#tab5 {
	border: 2px solid green; background-color: #ccffcc; 
}
div#tab6 {
	border: 2px solid red; background-color: #ffcccc; 
}
div#tab7 {
	border: 2px solid blue; background-color: #ccffff; 
}
div#tab8 {
	border: 2px solid green; background-color: #ccffcc; 
}
div#tab9 {
	border: 2px solid red; background-color: #ffcccc; 
}
div#tab10 {
	border: 2px solid blue; background-color: #ccffff; 
}
div.tab p {
	margin: 0.5em; 
}