/* トップページのスタイルシート */

div.titlebar{
  background-color:snow;
  padding:5px 30px;
  margin:8px;
  height:62px;
  color:chocolate;
  font-size:35px;
  font-family: cursive;
  position:absolute;
  width:92%;
}

h1.title{
  background-color:snow;
  padding:2px 25px;
  margin:8px;
  color:chocolate;
  font-size:35px;
  font-family: Comic Sans MS;
  position:absolute;
  z-index:2;
}

div.kosin{
  padding:5px;
  position:absolute;
  top:25px;
  right:170px;
  width:385px;
  font-weight:bold;
  font-size:12px;
  z-index:1;
}

div.count{
  position:absolute;
  top:20px;
  right:25px;
}

div.tatebou{
  background-color:snow;
  position:absolute;
  top:0px;
  right:130px;
  width:40px;
  height:490px;
  z-index:0;
  
}


td.table_k div.hosoku{
  font-size:13px;
  color:#D6D6FA;
}

td.table_g div.hosoku{
  font-size:13px;
  color:#DED8AA;
}


div.table{
  position:absolute;
  top:105px;
  left:90px;
  width:750px;
  height:390px;
  z-index:2;
}

td.table_k{
  background-color:lavender;
  width:25%;
  text-align:center;
  vertical-align:middle;
  color:black;
  font-weight:bold;
  font-size:18px;
}

td.table_g{
  background-color:palegoldenrod;
  width:25%;
  text-align:center;
  vertical-align:middle;
  color:black;
  font-weight:bold;
  font-size:18px;
}

td.table_n{
  background-color:orange;
  width:25%;
  text-align:center;
  vertical-align:middle;
  color:black;
  font-weight:bold;
  font-size:18px;
#  border:dashed 2px peru;
}


div.table_un{
  position:absolute;
  top:120px;
  left:90px;
  width:740px;
  height:400px;
  padding:20px;
  font-size:13px;
  color:forestgreen;
  z-index:0;
}



div.nanigasi_u{
  font-size:10px;
  position:absolute;
  top:-20px;
  left:-35px;
  color:peru;
  font-weight:bold;
  border-bottom:peru dashed 1px;
}

div.nanigasi_b{
  position:absolute;
  bottom:50px;
  right:50px;
  color:indigo;
  font-weight:bold;
}


div.sitemap{
  position:absolute;
  top:90px;
  left:15px;

  color:peru;
  font-weight:bold;
  padding:5px;
  font-size:13px;
  z-index:0;
  width:70px;

}


div.copy{
  position:absolute;
  bottom:19px;
  left:20px;
  color:brown;
  font-style:italic;
  font-size:15px;
  z-index:1;
}

div.adress{
  position:absolute;
  bottom:19px;
  right:20px;
  color:darkolivegreen;
  font-style:italic;
  font-size:15px;
  z-index:1;
}



div.list{
  position:relative;
  padding:10px;
  color:#660066;
  border-color:darksalmon;
  border-style:double;
  z-index:1;
}



div.cm{
  background-color:white;
  padding:5px;
  width:58%;
  color:#660066;
  border-color:greenyellow;
  border-style:double;
}



a:link    { text-decoration:none; color:teal; }
a:visited { text-decoration:none; color:olive; }
a:hover   { text-decoration:none; color:red; }





body.summer{
  background-image:        url("bg/summer.gif");
  scrollbar-arrow-color:   black;
  scrollbar-base-color:    #CCFFFF;
  scrollbar-3dlight-color: grey;
}

body.autumn{
  background-image:        url("bg/autumn.gif");
  scrollbar-arrow-color:   yellow;
  scrollbar-base-color:    #FF9966;
  scrollbar-3dlight-color: yellow;
}

body.winter{
  background-image:        url("bg/winter.gif");
  scrollbar-arrow-color:   gray;
  scrollbar-base-color:    white;
  scrollbar-3dlight-color: gray;
}

div.right{
  position:  absolute;
  top:       325px;
  right:     3px;
  width:     140px;
}

div.left{
  background-color:snow;
  padding:5px;
  position:absolute;
  top:10px;
  left:10px;
  width:165px;
  font-weight:bold;
  font-size:12px;
  border-color:black;
  border-style:dashed dashed none none;
  z-index:0;
}