body {
      text-align: left;
     }

#box1 {
       display: block;
       width: 750px;
       padding: 0px;
       margin: 0px;
      }

#header{
        width: 750px;
        height: 80px;
        padding: 0px;
        margin: 0px;
       }

#box2 {
       width: 750px;
       padding: 0px;
       margin: 0px;
      }

iframe {
        padding: 5px 0px;
        margin: 5px 0px;
        width: 180px;
        height: 50px;
        border: 1px #ccccff solid;
       }

#menu {
       float: left;
       display: block;
       width: 180px;
      }

#menu ol {
          display: block;
          list-style: none;
	  margin: 0px;
          padding: 0px;
         }

#menu a {
	 display: block;
	 padding: 8px 0px 0px 10px;
	 height: 20px;
	 text-decoration: none;
	 background: url('images/background.gif') no-repeat right;
        }

#menu a:hover{
	      display:block;
	      padding: 8px 0px 0px 10px;
              height: 20px;
              text-decoration: none;
              background: url('images/highlight.gif') no-repeat right;
             }

div#active {
	    display:block;
	    padding: 8px 0px 0px 10px;
            height: 20px;
            text-decoration: none;
            background: url('images/highlight.gif') no-repeat right;
           }

div#posting a {
               paddin: 0px;
               display: block;
               height: 50px;
               text-decoration: none;
               background: no-repeat left;
              }

div#posting a:hover{
                    paddin: 0px;
                    display: block;
                    height: 50px;
                    text-decoration: none;
                    background: no-repeat left;
                   }

#contents {
           float: right;
           display: block;
           width: 520px;
           padding: 0px 0px 0px 10px;
           margin: 0px 0px 0px 10px;
           text-align: left;
          }

table {
       padding: 0px 0px 10px 0px;
       margin: 0px 0px 10px 0px;
       width: 500px;
       border-collapse: separate;
       border-spacing: 2px;
      }

th {
    padding: 5px;
    margin: 5px;
    text-align: center;
    background: #90ee90;
   }

td {
    padding: 5px;
    margin: 5px;
    background: #e0ffff;
   }

.hyou {
       padding: 0px;
       margin: 0px;
       text-align: center;
      }

.hyou table {
             padding: 0px 0px 10px 0px;
             margin: 0px 0px 10px 0px;
             height: 120px;
             width: 450px;
             border-collapse: separate;
             border-spacing: 2px;
            }

.hyou th {
          padding: 5px;
          margin: 5px;
          text-align: center;
          background: #90ee90;
         }

.hyou td {
          padding: 5px;
          margin: 5px;
          background: #e0ffff;
         }

div#smnlink {
             display: block;
            }

div#smnlink ul li {
                   list-style: none;
                   padding: 0px;
                   margin: 0px;
	           height: 120px;
                  }

div#smnlink ul li img{
                      border: none;
                      padding: 5px;
                      margin: 5px;
                     }

div#smnlink ul li img:hover {
                             border: 1px solid #d3d3d3;
                             padding: 5px;
                             margin: 5px;
                            }

#flash {
        margin-left: 80px;
       }

#map img {
          margin: 0px;
          padding: 0px;
          width: 480px;
         }

.list {
       display: inline;
       float: left;
       width: 500px;
       padding: 0px;
       margin: 0px;
      }

.list ul li {
             padding: 3px 0px;
             margin: 3px 0px;
             list-style-type: none;
            }

.list ul li a {
             padding-left: 20px;
             margin-left: 20px;
             list-style-type: none;
             background: url('images/list.gif') no-repeat 0px;
            }

.list ul li a:hover {
                     padding-left: 20px;
                     margin-left:  20px;
                     list-style-type: none;
                     background: url('images/list2.gif') no-repeat 0px;
                    }

.list ul li img {
                 height: 15px;
                 vertical-align: middle
                 padding-left: 5px;
                 margin-left: 5px;
                }

.list2 {
        display: inline;
        float: left;
        width: 200px;
        padding: 0px;
        margin: 0px;
       }

.list2 ul li {
              padding: 3px 0px;
              margin: 3px 0px;
              list-style-type: none;
             }

.list2 ul li a {
                padding-left: 20px;
                margin-left: 20px;
                list-style-type: none;
                background: url('images/list.gif') no-repeat 0px;
               }

.list2 ul li a:hover {
                      padding-left: 20px;
                      margin-left:  20px;
                      list-style-type: none;
                      background: url('images/list2.gif') no-repeat 0px;
                     }

.list3 {
        display: block;
        width: 500px;
        padding: 0px;
        margin: 0px;
       }

.list3 ul li {
              list-style-type: none;
              background: url('images/list.gif') left no-repeat;
              text-indent: 20px;
              padding: 2px;
              margin: 2px;
             }

.list4 {
        padding: 0px;
        margin: 0px;
       }

.list4 ul {
           padding: 0px 0px 0px 10px;
           margin: 0px 0px 0px 10px;
          }

.list4 ul li {
              padding: 2px 0px 1px 0px;
              margin: 2px 0px  1px 0px;
              text-indent: 0px;
              list-style-type: disc;
              
             }

.list4 ul li ol li {
                    padding: 2px 0px 1px 0px;
                    margin: 2px 0px  1px 0px;
                    text-indent: 0px;
                    list-style-type: decimal;
                   }

.yajirushi {
            float: left;
            padding: 2px;
            margin: 2px;
           }

.yajiend {
           clear: both;
          }

.list5 {
        padding: 0px;
        margin: 0px;
       }

.list5 ul li {
              padding: 5px 30px;
              margin: 5px 30px;
              list-style-type: none;
             }

.photo {
        margin: 0px;
        width: 520px;
       }

.photo ul {
           list-style: none;
          }

.photo ul li {
              float: left;
              margin: 0px 3px 0px 0px;
              padding: 0px 3px 0px 0px;
             }

.photo ul li img {
                  border: none;
                 }

.photo ul li a {
                display: block;
               }

.photo ul li a:hover {
                      position: relative;
                     }

.photo ul li a .dai {
                     display: none;
                    }

.photo ul li a:hover .dai {
                           display: block;
                           position: absolute;
                           top: -20px;
                           left: -50px;
                          }

.photo2 {
         float: left;
         margin: 0px;
         padding: 0px;
         width: 520px;
        }

.photo2 img {
             display: block;
             top: -10000px;
             left: -10000px;
             position: absolute;
            }

.photo2 ul li {
               margin: 10px 5px;
               padding: 10px 5px;
              }

.photo2 a:hover {
                 position: relative;
                }

.photo2 a:hover img {
                     top: -30px;
                     left: -200px;
                     border: none;
                    }

.photo3 {
         float: left;
         width: 160px;
         margin: 0px 0px 20px 0px;
         padding: 0px 0px 20px 0px;
        }

.photo3 img {
             border: none;
             margin: 0px;
             padding: 0px;
             width: 150px;
            }

.photo4 img {
             float: right;
             border: none;
             width: 150px;
             hight: 130px;
             margin: 10px;
             padding: 10px;
            }

.photo5 {
         float: left;
         margin: 0px;
         padding: 0px;
         width: 520px;
        }

.photo5 ul li {
               margin: 10px 5px;
               padding: 10px 5px;
              }

.photo5 ul li a {
                 display: inline;
                 position: absolute;
                }

.photo5 ul li a:hover {
                       padding: 0px;
                       margin: 0px;
                      }

.photo5 ul li .dai {
                    display: none;
                    padding: 0px;
                    margin: 0px;
                   }

.photo5 ul li .dai img {
                        border: none;
                        margin: -70px 0px 0px -220px;
                        padding: -70px 0px 0px -220px;
                       }

.photo5 ul li a:hover .dai {
                            display: block;
                            padding: 0px;
                            margin: 0px;
                           }

.photo6 img {
             padding: 1px 10px;
             margin: 1px 10px;
             width: 40px;
             hight: 50px;
            }

p#epilogue{
           clear: left;
          }

p#epilogue2{
            clear: right;
           }

h1 {
    border-style: dashed;
    border-color: #99ccff #ffffff;
    border-width: 3px;
    padding: 10px 0px;
    margin: 10px 0px;
   }

h2 {
    padding: 10px 0px 5px 0px;
    margin: 10px 0px 5px 0px;
   }

h3 {
    padding: 3px 0px 2px 0px;
    margin: 3px 0px 2px 0px;
   }

h4 {
    padding: 2px 0px 1px 0px;
    margin: 2px 0px 1px 0px;
   }

h5 {
    padding: 0px;
    margin: 0px;
   }

.bun {
      padding: 5px 0px;
      margin: 5px 0px;
     }

.bun ul {
         padding: 5px;
         margin: 5px;
        }

.bun2 {
       padding: 0px 0px 2px 10px;
       margin: 0px 0px 2px 10px;
       text-indent: -20px;
      }

.bun3 {
       padding: 0px 0px 2px 20px;
       margin: 0px 0px 2px 20px;
       text-indent: -22px;
      }

.chu {
      padding: 2px 0px;
      margin: 2px 0px;
      text-indent: 20px;
     }

.chu2 {
       padding: 2px 7px;
       margin: 2px 7px;
       text-indent: -12px;
      }

.chu3 {
       padding: 0px 7px;
       margin: 0px 7px;
       text-indent: -12px;
      }

.next {
       text-align: right;
      }

.next2 {
        text-align: center;
       }

.rinen img {
            padding: 10px;
            margin: 10px;
            margin-left: 50px;
            width: 400px;
           }

#harutoku img {
               vertical-align: middle;
               border: none;
               padding: 2px;
               margin: 2px;
              }

#footer {
         clear: both;
         width: 750px;
         text-align: center;
         padding: 20px 0px 10px 0px;
         margin: 20px 0px 10px 0px;
        }

#footer2 {
          clear: both;
         }