html,body{
color: #000000;
font-size: 15px;
font-family: YuMincho, "Yu Mincho", serif;
writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
height: 100%;
line-height: 200%;
}
body:after{
position: fixed;
top: 0; left: 0;
width: 100%;
height: 100%;
content: "";
background: #f001e43;
background: -moz-linear-gradient(top, #001e43 0%,#ffffff 100%);
background: -webkit-linear-gradient(top, #001e43 0%,#ffffff 100%);
background: linear-gradient(to bottom, #001e43 0%,#ffffff 100%);
z-index: -1;
}
a{
text-decoration: none;
}
a:link{
color: #0075c2;
}
a:visited{
color: #0075c2;
}
a:active {
color: #0075c2;
}
a:hover{
color: #ffffff;
background-color: #d2691e;
}
.hon{
position: relative;
background: #ffffff;
border-width: 1px;
border-color: #006948;
border-style: solid;
margin: 10% 10% 10% 5%;
height: 76%;
padding: 2%;
}
.ato{
position: relative;
font-size: 0.7em;
text-align: right;
background: rgba(255, 255, 255, 0.7);
border-width: 1px;
border-color: #006948;
border-style: solid;
margin: 10% 0% 10% 10%;
height: 76%;
padding: 2%;
}
.tit{
background: rgba(255, 255, 255, 0.7);
border-width: 1px;
border-color: #006948;
border-style: solid;
margin: 10% 10% 0% 5%;
height: 76%;
padding: 2%;
}
.sub{
font-size: 2em;
background: rgba(255, 255, 255, 0.7);
border-width: 1px;
border-color: #006948;
border-style: solid;
margin:10% 10% 10% 5%;
height: 76%;
padding: 2%;
}
.tex{
background: #ffffff;
border-width: 1px;
border-color: #006948;
border-style: solid;
margin: 10% 0% 10% 5%;
height: 76%;
padding: 2%;
}
.aft{
font-size: 0.8em;
text-align: right;
background: rgba(255, 255, 255, 0.7);
border-width: 1px;
border-color: #006948;
border-style: solid;
margin: 10% 0% 10% 10%;
height: 76%;
padding: 2%;
}
.table{
position: absolute;
background: #ffffff;
border-width: 1px;
border-color: #006948;
border-style: solid;
margin: 10%;
height: 76%;
padding: 2%;
}
.ep{
position: relative;
height: 100%;
;
}
.no{
position: relative;
right: 0% left: 0%;
top: 0%; bottom: 90%;
height: 10%;
}
.wa{
position: relative;
right: 0% left: 0%;
top: 10%; bottom: 50%;
height: 40%;
}
.ch{
position: relative;
right: 0% left: 0%;
top: 50%; bottom: 0%;
height: 50%;
}
.line{
float: left;
}
.bottom{
width: 20%;
margin: 10%;
}