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%; }