@charset "euc-jp";
/*-----------------------------------------------

File Name:			top.css
Style Info:			トップページ用スタイル

-----------------------------------------------*/

/*--フラッシュコンテンツ--*/
#topflash{
  clear:both;
  width:970px;
  padding:0 0 28px 0;
}
#Hidden{
  display:none;
}
#hfBox{ clear:both;}


/*--非常事態発生中--*/
#hijouBox{
    border:5px solid #F33;
    margin-bottom:10px;
}
	#hijouContent{
        padding:10px;
    }
    	#hijouCntBox{
        }
        	#hijouCntBox h3{
            font-size:150%;
            margin-bottom:10px;
            padding:10px 10px 0 5px;
          }
        	#hijouCntBox span{
            display:block;
            padding:0 10px;
          }
        	#hijouCntBox p{
            padding:10px 10px 0;
          }
        #hijouCateBox{
          border:5px solid #FF9999;
          padding:10px;
          margin:10px;
        }
        	#hijouCateBox ul{
          	padding:0 10px;
          }
            #hijouCateBox ul li{
              background:url(../images/icon_hijou.gif) no-repeat left center;
              padding-left:20px;
              display:inline;
            }
   	#hijouImg{
      padding:10px;
    }

        h3#hijouTitle{
          background:url(../images/bg_hijou_title.jpg) no-repeat #C00;
          padding:15px 15px 15px 0;
          text-align:left; font-size:150%;
          border-bottom:3px solid #F33;
          font-size:180%;
        }
        h3#hijouTitle a{
          display:block;
          color:#FFF;
          background:#C00;
          text-decoration:none;
          background:url(../images/icon_hijou_title.jpg) no-repeat left center;
          padding-left: 22px
        }



/*--重要なお知らせ--*/
.juuyouContent{
  border-right:1px solid #FFCC00;
  border-bottom:1px solid #FFCC00;
  border-left:1px solid #FFCC00;
  padding:8px 10px 5px;
  margin:0;
}
  .juuyouContent ul li{
    background:url(../images/dotline.gif) repeat-x left bottom;
    padding:5px 0;
  }
    .juuyouContent ul li a{
      display:block;
      padding-left:16px;
      background:url(../images/icon_jyuuyou.gif) no-repeat left center;
    }





  /*--トップページ専用：メイン--*/
  div#topmain{
    width:530px;
    float:left;
  }
    /*--緊急情報--*/
    div#kinkyuBox{
      margin-bottom:10px;
    }
      div#kinkyuBox div{
        padding:10px;
        border-right:1px solid #C00;
        border-bottom:1px solid #C00;
        border-left:1px solid #C00;
      }
        div#kinkyuBox li{
          background:url(../images/dotline.gif) repeat-x bottom left;
          padding-bottom:5px;
        }
        div#kinkyuBox li a{
          display:block;
          padding-left:16px;
          background:url(../images/icon_kinkyu.gif) no-repeat left center;
        }
    
    div#kaigo{
      float:left;
      width:230px;
      border:6px solid #E6E9EA;
      padding:9px 9px 5px;
    }
      div#kaigo ul li{
        line-height:1.0em;
        margin:0 0 5px 0;
        padding:0;
      }
      /* IE6 */
      * html div#kaigo ul li{
        line-height:0;
        font-size:1%;
      }
        div#kaigo ul li a{
          display:block;
        }
          div#kaigo ul li a img{
            vertical-align:bottom;
          }
    div#konkatsu{
      float:right;
      width:230px;
      border:6px solid #E6E9EA;
      padding:9px 9px 5px;
    }
      div#konkatsu ul li{
        line-height:1.0em;
        margin:0 0 5px 0;
        padding:0;
      }
      /* IE6 */
      * html div#konkatsu ul li{
        line-height:0;
        font-size:1%;
      }
        div#konkatsu ul li a{
          display:block;
        }
          div#konkatsu ul li a img{
            vertical-align:bottom;
          }
      div#konkatsu h2,div#kaigo h2{
        padding-bottom:10px;
      }

    
    /*--新着情報--*/
    #topnews{
      clear:both;
      margin-bottom:10px;
      padding-top:20px;
    }
    #toposhirase{
      clear:both;
      margin-bottom:10px;
    }
      /*--記事の表示部分（共通）--*/
      .newsContent{
          padding:10px;
      }
        .newsContent dl{
            background:url(../images/dotline.gif) repeat-x bottom left;
            padding:6px 0;
            clear:both;
        }
          .newsContent dl dt{
              padding-right:10px;
              float:left;
          }
          .newsContent dl dd{
              padding-left:19px;
          }
          .newsContent img{ vertical-align:middle;}
          .newsContent p.txtright{ padding:10px 0;}



  /*--トップページ専用：サブ（右サイド）--*/
  div#topsub{
    width:200px;
    float:right;
  }
    /*--お天気情報--*/
    div#weather{
      width:200px;
    }
        p#designNum{
          letter-spacing:0.1em;
          padding:16px 8px 6px;
          margin-bottom:5px;
          background:url(../images/dotline.gif) repeat-x left bottom;
          text-align:center;
          font-size:90%;
        }
          p#designNum span{
            font-size:180%;
            font-weight:bold;
            font-family:"Arial Black", Gadget, sans-serif;
          }
        div#weather-today{
          width:86px;
          float:left;
          padding:5px 0 0 10px;
          border-right:2px solid #CCC;
        }
        div#weather-tomorrow{
          width:86px;
          float:right;
          padding:5px 10px 0 0;
        }
          div#weather-tomorrow table{ padding-left:2px;}
            div#weather-today table th,div#weather-today table td,div#weather-tomorrow table th,div#weather-tomorrow table td{
              text-align:center;
              font-size:90%;
            }
            td.tmp-max{ color:#990000; text-align:right}
            td.tmp-min{ color:#0000FF; text-align:left}
  
        div p#weather-desc{
          clear:both;
          padding:10px;
          font-size:95%;
          line-height:1.75em;
        }
      
    /*--自治体バナー・医療ナビ--*/
    ul#banners li{
      margin-bottom:5px;
    }
    ul#banners li.listend{
      margin-bottom:0;
    }
    /* IE6 */
    * html ul#banners li{
      line-height:0;
      font-size:1%;
    }
      ul#banners li a{
        display:block;
      }
        ul#banners li a img{
          vertical-align:bottom;
        }
    /*婚活バナー*/
    /* IE6 */
    * html ul.banner-list li{
      line-height:0;
      font-size:1%;
    }
      ul.banner-list li a{
        display:block;
      }
        ul.banner-list li a img{
          vertical-align:bottom;
        }