body {direction: rtl;overflow-y:auto;margin:0;color:#333333;background:#f5f5dc}
A{font-size:1em;text-decoration:none;font-weight:600;color:#800000}
A:hover{color:#005400;background:#d3efc1} 
A:active{color:red}
A:visited{font-size:1em;font-weight:400;color:#a52a2a}
div{direction:ltr}

/* === .header === */
div.header{overflow-x:auto;width:100%;height:5%;color:inherit;background:#008000 url(treeframe-t.jpg) no-repeat}
.header h1{writing-mode:ltr;text-align:center;letter-spacing:4;font-size:11pt;font-weight:900;color:yellow;margin-top:5pt;margin-bottom:2pt}

/* === .body === */
div.body{overflow-x:auto;writing-mode:tb-rl;font-family:"ＭＳ ゴシック", monospace;width:100%;height:95%;color:inherit;background:beige}
h2{writing-mode:tb-rl;text-align:left;font-size:1.6em;color:#822020;font-weight:600;margin:2em;font-family:"ＭＳ ゴシック,monospace"}
h3{writing-mode:tb-rl;text-align:left;font-size:1.2em;font-weight:600;color:#822020;padding:0em;margin:2em;font-family:"ＭＳ ゴシック,monospace"}
h4{writing-mode:tb-rl;text-align:center;font-size:1em;font-weight:600;padding:0.5em 0.5em;color:#822020;padding:0em;margin:1em;font-family:"ＭＳ ゴシック,monospace"}
p, li, blockquote {text-align: justify;text-justify: inter-ideograph;}
p{writing-mode:tb-rl;letter-spacing:1;padding:0em;font-size:1em;font-color:green;font-weight:400;margin-top:8%;margin-bottom:0%;line-height:180%;font-family:"ＭＳ 明朝",serif}
blockquote{writing-mode:tb-rl;text-align:left;font-size:0.9em;font-weight:500;color:brown;margin-top:12%;margin-bottom:0%;line-height:170%;font-family:"ＭＳ 明朝",serif}
div.box{align:center;height:65%;margin-top:3em;margin-left:2em; margin-right:2em;border-width:thin;border-color:green;border-style:solid}
div.boxl{align:center;height:95%;margin-top:3em;margin-left:2em; margin-right:2em;border-width:thin;border-color:green;border-style:solid}
div.navbar{margin:2%}
div.navbar p{margin:2}
hr{color:green;background-color:green}