body {font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
h2, .l2 {padding-left:20px;}
h3, .l3 {padding-left:40px;}
h1, h2, h3 {border-left:solid 10px #DDDDFF; border-bottom:solid 1px #AABBFF;}
.th1 {background-color: #AABBFF; text-align: center; }
.bgred {background-color: #FFDDDD; }
.bgblue {background-color: #DDDDFF; }
.bggreen {background-color: #EEFFEE; }
.textblue {color: #0055FF; }
.textred {color: #FF5500; }
.imeon {ime-mode: active; }
.imeoff {ime-mode: disabled; }
.textright {text-align: right; }
.textcenter {text-align: center; }

@media (min-width:401px) {
  body, td {font-size: 1.3rem;}
  .titlebar {font-size: 1.2rem; height: 4.5rem;}
  .titlebig {font-size: 2.8rem;}
  .menu {font-size: 1.2rem; height: 1.8rem;}
  .footer {font-size: 1.2rem; height: 1.8rem;}
}
@media (max-width:400px) {
  body, td {font-size: 0.8rem;}
  .titlebar {font-size: 0.6rem; height: 3.5rem;}
  .titlebig {font-size: 1.1rem;}
  .menu {font-size: 0.7rem; height: 2.2rem;}
  .footer {font-size: 0.8rem; height: 1.1rem;}
}