@charset "UTF-8";

body {
  font-family: MS PGothic, sans-serif;
  margin: 0px;
  background-color: #ccc;
  text-align: center;
  color: #222;
  font-size: 10pt;
  line-height: 130%;
}

a:link  {
  color: #777;
  text-decoration: none;
  font-weight: bold;
}

a:visited  {
  color: #777;
  text-decoration: none;
  font-weight: bold;
}

a:active  {
  color: #aaa;
  text-decoration: none;
  font-weight: bold;
}

a:hover  {
  color: #eee;
  background-color: #666;
  text-decoration: none;
  font-weight: bold;
}

img {
  border-style: none;
}

hr {
  border-style: solid ;
  border-width: 0px 0px 1px 0px ;
  border-color: #000;
}

ul {
  padding: 0px 0px 0px 30px;
  margin: 5px 0px;
}

li {
  margin: 5px 0px;
}


#menu {
  padding: 0px;
  width: 700px;
  height: 30px;
  border-collapse: collapse;
  border-spacing: 0px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #000;
  background-color: #fff;
  margin-bottom: 40px;
}

#menu td {
  padding: 0px;
  margin: 0px;
}

#menu td.header {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  width: 700px;
  height: 80px;
  background-color: #fff;
  background-image: url("/img/head.png");
}

#menu td.footer {
  width: 100%;
  height: 30px;
  background-image: url("/img/head2.png");
  background-repeat: no-repeat;
  background-position: left top;
}

.link_top,
.link_about,
.link_program,
.link_diary,
.link_link {
  width: 140px;
  height: 30px;
  float: left;
}

.link_top { background-image: url("/img/top.png");}
a:hover .link_top { background-image: url("/img/top_i.png");}

.link_about { background-image: url("/img/about.png");}
a:hover .link_about { background-image: url("/img/about_i.png");}

.link_program { background-image: url("/img/product.png");}
a:hover .link_program { background-image: url("/img/product_i.png");}

.link_diary { background-image: url("/img/blog.png");}
a:hover .link_diary { background-image: url("/img/blog_i.png");}

.link_link { background-image: url("/img/link.png");}
a:hover .link_link { background-image: url("/img/link_i.png");}



#contents {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  width: 700px;
  background-color: #fff;
  border-color: #444;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
}

h1 {
  font-size: large;
  vertical-align: bottom;
  text-indent: 15px;
  margin: 0px;
  width: 100%;
  background-image: url("/img/h1.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

h2 {
  padding: 2px 0px 0px 0px;
  text-indent: 20px;
  font-size: medium;
  font-weight: bold;
  vertical-align: bottom;
  background-image: url("/img/h2.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

h3 {
  margin: 1em 0 0.5em 0;
  padding: 2px 8px;
  border-bottom: 1px solid #ccc;
  font-size: small;
  font-weight: bold;
  color: aaa;
}


div.block {
  line-height: 120%;
  padding: 0px 10px;
  margin-top: 15px;
}

div.block2 {
  padding: 0px 10px 20px 10px;
}


#footer {
  border-style: none;
  margin-top: 20px;
  padding: 3px 10px;
  text-align: right;
  font-size: x-small;
}