/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
  div#title {
    width:100%;
    height:72px;
    margin:0px;
    padding:0px;
  }

  div#title img{
    vertical-align:bottom;
  }
  
  div#title_l{
     float:left;
     width:68%;
     margin:0px;
     padding:0px;
     text-align: right;
     
  }
  
  div#title_r {
     text-align: left;
     margin:0px;
     padding:0px;
     padding-top:20px;
     
  }
  
/*----------------------------------------------------------------------------------------------*/

  div#header { 
   text-align: center;
   margin-left:auto;margin-right:auto;
    margin-bottom:1em;
    }

  
  div#index  {clear:both;}
  
  div#header ul {
    margin-bottom:0px;
    margin-top:0px;
   }
   
  div#header ul a {
   padding: 0.3em 0.3em 0.2em 1.3em;
   background-image: url(../img/link.gif);
   background-repeat: no-repeat ;
   }
   
  div#header li { display:inline;
  margin-top:0px;

   }
/*----------------------------------------------------------------------------------------------*/
  div#index{
   width:55em;
   height:4em;
    text-align: right;
    margin-left:auto;margin-right:auto;
    margin-bottom:0.5em;
    padding:0;
    clear:both;
  }

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

  div#menu_bar{
   text-align: center;
    margin-left:auto;margin-right:auto;
  }

  div.menu_tip{
    text-align: center;
    width:8.6em;
    background-image: url(../img/line_menu.gif);
    background-repeat:repeat-x;
   margin-left:0.1em;
   margin-right:0.1em;
   background-color: rgb(218, 223, 236);
   color:rgb(33, 33, 33);
   float:left;
   padding-top:0.8em;
   padding-bottom:0.3em;
   padding-left:0.1em;
   padding-right:0.1em;
   

  }

  div#contents{
    clear:both;
  }
  
/*----------------------------------------------------------------------------------------------*/
  div#top {
   text-align: center;
    margin-bottom: 1%;
    clear:both;
    }

  div#top table {
    border-style: solid;
    border-color: rgb(236, 233, 216);
    margin-left:auto;margin-right:auto;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 0px;
    }

  div#top table caption {
    border-style: solid;
    border-color: rgb(236, 233, 216);
    margin-left:auto;margin-right:auto;
    border-bottom-width: 0px;
    border-left-width:5px;
    border-right-width:5px;
    border-top-width:5px;
    }
    
  div#top tr, th {
    margin-top:0px;
    padding-top:0px;
    border-style: solid;
    border-color: rgb(236, 233, 216);
    border-width: 1px;
    }
    
  div#top ul{
    text-align: left;
    list-style:none;
    margin-left:0px;
    padding:0px;
    margin:0px;
  }
  
  th#warn_date_pa{
     padding:0px;
     margin:0px;
  }
  
  div#yoho0_img { background-image: url(http://www.jma.go.jp/jp/yoho/images/g0/212_telop_today.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 240px;
    height: 190px;
    }

  div#yoho1_img { background-image: url(http://www.jma.go.jp/jp/yoho/images/g0/212_telop_tomorrow.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 240px;
    height: 190px;
    }

  div#warn_img { background-image: url(http://www.jma.go.jp/jp/warn/imgs/212/99.png);
    background-repeat: no-repeat;
    background-position: 0px -335px;
    width: 240px;
    height: 190px;
    }
    
  div#yoho0_date { background-image: url(http://www.jma.go.jp/jp/yoho/images/g0/212_telop_today.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 204px;
    height: 25px;
    margin-bottom:2px;
    }

  div#warn_date { background-image: url(http://www.jma.go.jp/jp/warn/imgs/212/99.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-bottom:2px;
    width: 238px;
    height: 25px;
    }
    
/*----------------------------------------------------------------------------------------------*/
  div#left { padding: 10px;
    float: left;
    width: 25%;
    text-align: left;
    font-size: medium;
    clear:both;
    }

  div#left h2 { 
    border-left: 0.3em solid rgb(43, 71, 142);
    font-size: medium;
    padding-left: 0.5em;
    margin-bottom: 3px;
    }

    div#left dl { 
    list-style-type: none;
    }

    div#left dt {
    padding-left: 0px;
    margin-left:0px;
    }
    
    div#left dd {
    margin-bottom:10px;
    }
    
    div#left ul { 
    list-style-type: none;
    }

  div#left li {
  margin-top:3px;
  margin-bottom:3px;
    }

   div#left  img{ border:none;
   }
    
/*----------------------------------------------------------------------------------------------*/
  div#right { padding-left: 15px;
    padding-top: 5px;
    margin-left: 3%;
    float: left;
    width: 65%;
    margin-bottom:1em;
    }

  div#right h2 { border-left: 0.3em solid rgb(43, 71, 142);
    padding-left: 0.5em;
    margin-bottom: 3px;
        clear:left;
    }

  div#right h3 { border-left: 0.2em solid rgb(87, 107, 165);
    font-size: medium;
    padding-left: 0.5em;
    margin-bottom: 0px;
    }

  div#right ul { list-style-type: none;
    list-style-position: outside;
    }
    
  div#right li { list-style-type: none;
    margin-top:5px;
    }
  
  div#right dd { 
    list-style-type: none;
    margin-bottom:0.7em;
  }
  
    
  div.block { border: 1px solid rgb(87, 107, 165);
    padding: 0px;
    }
  
  div#fuku {
    background-image: url(../img/hugu.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    }

  div#right table {
    border-style: solid;
    border-width:2px;
    border-color: rgb(236, 233, 216);
  }

  div#right td {
    border-style: solid;
    border-width:2px;
    border-color: rgb(236, 233, 216);
  }
  
  div#right dt{
    clear:both;
  }
  
  div#right dd img{
    float:left;
  }
  
  div#right dd p{
    float:left;
  }
  
  div#right p{
    clear:both;
  }
/*----------------------------------------------------------------------------------------------*/
  div#right0{
    float:left;
    width:30%;
    padding-right:2%;
    padding-bottom:3%;

  }
  
  div#right1{
    float:left;
    width:33%;
    padding-bottom:3%;
    padding-right:2%;

  }
  
   div#right2{
    float:left;
    width:33%;
    padding-bottom:3%;
  }
  
  div#right3{
    clear:both;
  }
  
  div#link1 { border: thin solid rgb(252, 155, 154);
    background-color: rgb(254, 248, 248);
    color:rgb(33, 33, 33);
    }

  div#link1 ul {
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left:0px;
     margin-right:0px;
     padding-left:0em;
     padding-right:0em;
    }

  div#link1 li { list-style-image: url(../img/sublink1.gif);
     margin-left:1em;
     margin-right:0em;
     padding-left:0em;
     padding-right:0em;
    }
    
  div#link2 {
    border: thin solid rgb(120, 134, 182);
    background-color: rgb(237, 239, 245);
    color:rgb(33, 33, 33);
    margin-top: 0em;
    padding-top: 0em;
    }

  div#link2 ul {
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left:0px;
     margin-right:0px;
     padding-left:0em;
     padding-right:0em;
    }
    
  div#link2 li { list-style-image: url(../img/sublink2.gif);
     margin-left:1em;
     margin-right:0em;
    }
    
  div#link3 { border: thin solid rgb(120, 134, 182);
    background-color: rgb(237, 239, 245);
    color:rgb(33, 33, 33);
    margin-top: 0em;
    padding-top: 0em;
    }
    
  div#link3 ul {
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left:0px;
     margin-right:0px;
     padding-left:0em;
     padding-right:0em;
    }
    
  div#link3 li { list-style-image: url(../img/sublink2.gif);
     margin-left:1em;
     margin-right:0em;
    }
    
    div#right3 ul {
     margin-left:0em;
     padding-left:0em;
     margin-right:1em;
    }
    
  div#right3 li { list-style-image: url(../img/sublink3.gif);
     margin-left:0em;
     margin-left:1em;
     margin-right:0em;
    }
/*----------------------------------------------------------------------------------------------*/
  div#bottom{
  margin-top:10px;
  clear:both;
  }
  
  div#adobe {
    padding:3px;
    background-color: rgb(200, 200, 200);
    color: rgb(33, 33, 33);
    height:33px;
  }
  div#adobe img{
    margin-right:5px;
    float:left;
  }
  div#adobe hr{
    clear:left;
  }

/*----------------------------------------------------------------------------------------------*/
/*-- quiz --*/

  div.hide {
    display:none;
  }