body {
  background-color: #cccccc;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
h1 {
  font-size: 100%;
  color: white;
  text-align: left;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
h2 {
  font-size: 100%;
}
#page {
  background-image: url(../img/kage001.jpg);
  background-repeat: repeat-y;
  width: 784px;
  font-size: 95%;
  line-height: 140%;
  letter-spacing: 1px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#header {
  background-image: url(../img/top01.gif);
  width: 750px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}
#header  h2 {
  color: white;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 50px;
  padding-top: 20px;
}
#content {
  width: 750px;
  text-align: center;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
}
#main {
  width: 580px;
  float: right;
  text-align: left;
  padding-right: 10px;
}
#menu {
  width: 150px;
  float: left;
  text-align: left;
}
#footer {
  background-image: url(../img/back001.gif);
  clear: both;
  color: white;
}
#menu  li  a {
  margin: 0px;
  display: block;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  background-color: #FFFFFF;
  width: 150px;
  color: black;
}
#menu  li  a:hover {
  color: black;
  background-color: #bbddff;
}
#menu  ul {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  text-decoration: none;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
#menu  li {
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  list-style-type: none;
  letter-spacing: 1px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: gray;
}
#navi {
  margin-left: 207px;
  margin-right: auto;
}
#navi  ul {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  text-indent: -9999px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
#navi  li {
  float: left;
  list-style-type: none;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
#navi  #hp  a {
  background-image: url(../img/to_hp01.gif);
  width: 110px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
}
#navi  #nigaoe  a {
  background-image: url(../img/to_nigaoe01.gif);
  width: 110px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
}
#navi  #faxbox  a {
  background-image: url(../img/to_fax01.gif);
  width: 110px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
}
#navi  #pc  a {
  background-image: url(../img/to_pc01.gif);
  width: 110px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
}
#navi  #info  a {
  background-image: url(../img/to_info01.gif);
  width: 110px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
  margin-left: 10px;
}
#navi  #hp  a:hover {
  background-image: url(../img/to_hp02.gif);
  width: 110px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
}
#navi  #nigaoe  a:hover {
  background-image: url(../img/to_nigaoe02.gif);
  width: 110px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
}
#navi  #faxbox  a:hover {
  background-image: url(../img/to_fax02.gif);
  width: 110px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
}
#navi  #pc  a:hover {
  background-image: url(../img/to_pc02.gif);
  width: 110px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
}
#navi  #info  a:hover {
  background-image: url(../img/to_info02.gif);
  width: 110px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
}
#name {
  font-size: 80%;
  text-align: left;
  padding-left: 15px;
  line-height: 110%;
}
#prof {
  text-align: center;
  margin-top: 20px;
}
#prof  p {
  margin-top: 0px;
  margin-bottom: 0px;
}
#coment01 {
  font-size: 80%;
  text-align: left;
  line-height: 120%;
  padding-left: 5px;
  padding-top: 15px;
}
.title01 {
  background-image: url(../img/back002.gif);
  padding-left: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 150px;
  height: 25px;
  background-repeat: no-repeat;
  font-weight: bold;
  padding-top: 2px;
}
.title02 {
  font-size: 110%;
  background-repeat: no-repeat;
  padding-top: 3px;
  padding-left: 25px;
  padding-bottom: 3px;
  color: blue;
  margin-bottom: 0px;
  background-image: url(../img/hoshi01.gif);
}
.text80 {
  font-size: 80%;
}
.center {
  text-align: center;
}
.date {
  margin-bottom: 0px;
  font-weight: bold;
}
.b-red {
  font-weight: bold;
  color: red;
}
.b {
  font-weight: bold;
}
.top0 {
  margin-top: 0px;
}
.bar01 {
  background-image: url(../img/bar01.gif);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #ffcccc;
  padding-left: 10px;
  height: 19px;
  padding-top: 3px;
}
.light-pink {
  background-color: #ffd7d7;
}
.light-gray {
  background-color: #e3e3e3;
}
#info  a {
  width: 220px;
  height: 49px;
  background-image: url(../img/info01.gif);
  display: block;
}
#info  a:hover {
  background-image: url(../img/info02.gif);
  width: 220px;
  height: 49px;
}
#moushikomi  p {
  text-indent: -9999px;
}
#moushikomi {
  text-align: center;
  padding-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
.red-center {
  color: red;
  text-align: center;
}
.red {
  color: red;
}
#footer  a {
  color: white;
  text-decoration: none;
  cursor: text;
}
.left {
  text-align: left;
}
#kaiseki {
  clear: both;
  text-align: right;
}
#partner  a {
  background-image: url(../img/to_partner.gif);
  width: 120px;
  height: 80px;
  display: block;
}
#partner  a:hover {
  background-image: url(../img/to_partner.gif);
  width: 120px;
  height: 80px;
  background-position: 120px top;
}
#partner {
  text-align: center;
}
#partner  p {
  text-indent: -9999px;
}
#to_blog  a {
  background-image: url(../img/to_blog.gif);
  width: 120px;
  height: 80px;
  display: block;
}
#to_blog  a:hover {
  background-image: url(../img/to_blog.gif);
  width: 120px;
  height: 80px;
  background-position: 120px top;
}
#to_blog {
  text-align: center;
}
#to_blog  p {
  text-indent: -9999px;
}
#to_links  a {
  background-image: url(../img/to_links.gif);
  width: 120px;
  height: 80px;
  display: block;
}
#to_links  a:hover {
  background-image: url(../img/to_links.gif);
  width: 120px;
  height: 80px;
  background-position: 120px top;
}
#to_links {
  text-align: center;
}
#to_links  p {
  text-indent: -9999px;
}
.title03 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: maroon;
  color: red;
}
.cha-b {
  font-weight: bold;
  color: maroon;
}
.title04 {
  background-image: url(../img/bar02.gif);
  background-repeat: no-repeat;
  font-size: 90%;
  padding-top: 7px;
  padding-left: 10px;
  height: 38px;
}
.title05 {
  color: white;
  background-image: url(../img/bar03.gif);
  background-repeat: no-repeat;
  width: 464px;
  height: 38px;
  padding-top: 7px;
  padding-left: 10px;
  font-size: 90%;
}
.text-area {
  padding-left: 20px;
}
.title06{
  background-color : #ffdfdf;
  margin-top : 50px;
}
.newstitle01{
  background-color : #b5daff;
  padding-top : 3px;
  padding-left : 10px;
  padding-right : 3px;
  padding-bottom : 3px;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : blue;
}