html {font-size: 62.5%;} 

body {font-size: 14px; font-size: 1.4rem;
     color:#333333; background-color: #F0F8FF;
     padding:1% 0% 3% 0%;
font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

div {margin:2% 5% 0% 5%; padding: 0% 3% 3% 2%;
    border-style:double; border-color:#793D00; 
    background-color: #FFFFFF;
    clear: both;}


img { border:double 5px #793D00; margin:10px;}

hr {width:60%;}


h1 {font-size: 16px; font-size: 1.6rem;
   width:340px ; border-color:#000000; 
   border-style:none none solid none;
   border-width:2px;
   float : left;}

h2 {font-size: 18px; font-size: 1.8rem;
    margin:2% 0%; color:#663300;}

h3 {font-size: 16px; font-size: 1.6rem;
    margin:2% 0% 0% 4%; color:#6a5acd;
    font-family:ＭＳ ゴシック;
    letter-spacing:2.0px;}

h4 {font-size: 14px; font-size: 1.6rem;
    margin:2% 0% 0% 6%; color:#FA8072;
    font-family:ＭＳ ゴシック;
    letter-spacing:2.0px;}

p      {font-size: 14px; font-size: 1.4rem; 
        margin:0% 8% 0% 8%; }
p.a    {margin:2% 8% 2% 18%; }
p.b    {margin:2% 8% 2% 28%; }
p.poem {margin:2% 8% 2% 8%;} 
p.rink {margin: 1% 2% 0% 60%;
        font-size: 16px; font-size: 1.6rem;
        text-align: right;font-weight: bolder;
        letter-spacing:1.0px; line-height:100%; 
        border-style:none ; float:none;}

p.roudoku {margin: 2% 8% 2% 8%;
        font-size: 16px; font-size: 1.6rem;
        ;font-weight: bolder;
        letter-spacing:1.0px; line-height:100%; 
        border-style:none ;}


span.v {background-color:#ffff66; font-weight:bold;}
span.w {background-color:#ccffff; font-weight:bold;}
span.x {color:#6a5acd; font-weight:bold;}
span.y {color:#b22222; font-weight:bold;}
span.z {color:#008888; font-weight:bold;}
span.n {color:#008800; }



dl {font-size: 14px; font-size: 1.4rem;
    margin:1% 8% 1% 10%; 
    list-style-type: none;}
dd {margin:0% 0% 1% 4%; }

ul {font-size: 14px; font-size: 1.4rem;
    margin:1% 8% 1% 10%; }
li {margin:0% 0% 1% 0%; }




a:link {color: #993300; text-decoration:none;}
a:visited {color: #993300; text-decoration:none;}
a:active {color: #993300;text-decoration:none;}
a:hover {color:#cccccc;text-decoration:none;}

a.h1:link {color: #333333; text-decoration:none;}
a.h1:visited {color: #333333; text-decoration:none;}
a.h1:active {color: #333333;text-decoration:none;}
a.h1:hover {color:#cccccc;text-decoration:none;}

a.n:link {color: #008800; text-decoration:none;}
a.n:visited {color: #008800; text-decoration:none;}
a.n:active {color: #008800;text-decoration:none;}
a.n:hover {color:#cccccc;text-decoration:none;}
