@charset 'UTF-8';
/* commom.css */

body {
       background-image: url(bg/bg01.png);
       background-repeat: repeat-y;
       background-position: 50% top;
       color: #000000;

       
       font-family: Meiryo,sans-serif;
       font-size: 16px;
       font-style: normal;
       font-weight: normal;

       text-align: center;
}

#mybody {
          width: 880px;

          margin-left: auto;
          margin-right: auto;

          text-align: left;

          outline: black solid 0px;
}


#header {
          margin-top: 50px;
          margin-left: auto;
          margin-right: auto;

          height: 200px;
          width: 880px;

          background-image: url(bg/bg02.png);
          background-repeat: repeat;

          text-align: center;

          outline: blue solid 0px; 

          -moz-box-shadow: 1px 1px 6px black;
          -webkit-box-shadow: 1px 1px 6px black;
}

#header h1 {
             padding-top: 65px;
             padding-right: 30px;
}

#sub-header {
          margin-top: 50px;
          margin-left: auto;
          margin-right: auto;

          height: 160px;
          width: 880px;

          background-image: url(bg/bg02.png);
          background-repeat: repeat;

          text-align: center;

          outline: blue solid 0px; 

          box-shadow: 1px 1px 6px black;
          -moz-box-shadow: 1px 1px 6px black;
          -webkit-box-shadow: 1px 1px 6px black;
}

#sub-header h1 {
             padding-top: 40px;
             padding-right: 30px;
}

#footer {
          margin: 20px -40px 40px auto;
          padding: 10px 30px;
          width: 15em;

          background-image: url(bg/bg02.png);
          background-repeat: repeat;

}

#footer p {
            line-height: 120%;
            text-align: right;
            font-size: 80%;
}
ul#menu {
          margin-top: -20px;
          margin-left: 70px;
          margin-right: -100px;

}

ul#menu li {
             display: inline;

             margin-right: -12px;
}


#main {

}

.section {
           position: relative;

           margin: 60px 10px 60px 40px;
           padding: 20px 70px 20px 70px;
           background-image: url(bg/bg02.png);

           clear: right;

          box-shadow: 1px 1px 6px black;
          -moz-box-shadow: 1px 1px 6px black;
          -webkit-box-shadow: 1px 1px 6px black;
}

.section h1 {
              position: absolute;

              top: -60px;
              left: -30px;

              width: 437px;
              height: 80px;

              padding-left: 60px;
              padding-top: 40px;

              background-image: url(bg/bg05.png);
              background-repeat: no-repeat;
              background-position: 0% 50%;

              font-size: 200%;
              font-weight: normal;
}

.section h1.long { 
                   width: 621px;
                   height: 80px;
                   
                   background-image: url(bg/bg05-long.png);
                   background-position: 0% 50%;
}

h1+p {
                  margin-top: 50px;
}

h1+h2 {
                  margin-top: 50px;
}

p.cover+p {
                  margin-top: 50px;
}


h2 {
     margin: 0.5em 15px 1em 15px;
     padding: 0.5em 0px 0.2em 0.3em;
     border-bottom: 1px solid #50002e;

     font-size: 150%;
     font-weight: normal;
}

h3 {
     margin: 20px 0px 20px 1em;

     font-size: 150%;
     font-weight: normal;
}


.cover {
         float: right;
         margin-left: 0.5em;
         padding-right: 2em;
         text-align: center;
}

.cover p {
           text-align: center;
}

#members img {
                 margin-right: 1em;
}

dl {
     margin: 0.5em 0px 0.5em 1em;
     outline: green solid 0px;
     
}

dt {
     margin-top: 1.5em;
}

dt.continuous {
     margin-top: 0.7em;
}

dd {
     margin-top: 0.7em;
     margin-left: 2em;
}

.subsection p {
                margin: 1em 0px 1em 2em;
}

.subsection dl {
                 margin-left: 2em;
                 margin-top: 2em;
}

/*.subsection dt {
                 margin: 0.5em 0px 0.8em 2em;
}

.subsection dd {
                 margin: 0.3em 0px 0.3em 5em;
}*/

.subsection h2 { margin-right: 250px;
}

p {
    margin: 0.5em 2em 0.5em 2em;

    line-height: 150%;
    text-indent: 0px;
}

p.indent {
           text-indent: 1em;
           }

.left {
        float: left;
        margin: 0px;
        text-indent: 0px;
}

em {
     font-weight: bold;
}