h1 { 
color: #333; 
font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, sans-serif; 
font-size: 18px; 
font-weight: lighter; 
letter-spacing: 6px; 
line-height: 1.2; 
text-align: center; }

hr.r {
  height: 24px;
  border: none;
  border-top: 24px #d11 solid;
}

hr.w {
  height: 24px;
  border: none;
  border-top: 24px #000000 solid;
}



/*
p { 
color: #333; 
font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, sans-serif; 
font-size: 10px; 
font-weight: lighter; 
letter-spacing: 4px; 
line-height: 10; 
text-align: center; }
*/

a {
    color: #333;
    text-decoration: none; 
}

 /* unvisited link */
a:link {
    color: #333;
    text-decoration: none; 
}

/* visited link */
a:visited {
    color: #333;
    text-decoration: none; 
}

/* mouse over link */
a:hover {
    color: #d11;
    text-decoration: none; 
}

/* selected link */
a:active {
    color: #333;
    text-decoration: none; 
} 





/*TOP*/

.tmtop {/* ROOT div*/
  position: relative;
  margin-top: 8%;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  }

.tmtop p { /*text in banner*/
  position: absolute;
  color: #fff;
  top: -100;
  left: -20;
  font-family: monospace, sans-serif, sans-serif; 
  font-size: 32px; 
  font-weight: 900; 
  letter-spacing: 3px; 
  line-height: 1; 
  width: 30%;
  padding: 16px;
  text-align: left;
  }

.tmtop div.logo { /*LOGO on top image*/
  position: absolute;
  color: white;
  top: 40%;
  left: 0;
  width: 100%;
  opacity: 0.9;
  }

.tmtop h2{ /*TEXT on top image*/
  position: absolute;
  color: #fff;
  top: 60%;
  left: 0;
  width: 100%;
  opacity: 0.9;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, sans-serif; 
font-size: 18px; 
font-weight: lighter; 
letter-spacing: 6px; 
line-height: 10; 
text-align: center;
  }


.tmtop img {
  width: 100%;
  }

.tmtop hr {
  width: 100%;
  vertical-align: middle;
  }



/*BODY*/
.tmbody {/* ROOT div*/
  position: relative;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 4%;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  z-index: 2;
  }



/*FOOTER*/

.tmfooter {/* ROOT div*/
  position: relative;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 4%;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  }

.tmfooter h1 {
  position: relative;
  color: #333;
  text-align: right; 
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, sans-serif; 
font-size: 14px; 
letter-spacing: 2px; 
line-height: 1.2; 
z-index:0;
  }

.tmfooter p {
  position: relative;
  color: #333;
  text-align: left; 
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, sans-serif; 
font-size: 18px; 
letter-spacing: 1px; 
line-height: 1.2; 
z-index:1;
  }

 /* unvisited link */
.tmfooter a:link {
    color: #333;
    text-decoration: none; 
}

/* visited link */
.tmfooter a:visited {
    color: #333;
    text-decoration: none; 
}

/* mouse over link */
.tmfooter a:hover {
    color: #d11;
    text-decoration: none; 
}

/* selected link */
.tmfooter a:active {
    color: #333;
    text-decoration: none; 
}