@charset "utf-8";

body {color: #0080FF; background-color: #000030;}
a:link {color: #FFFFFF}
a:active {color: #FF0000}
a:visited {color: #660099}
a:hover {color: #FFFFFF; text-decoration: none}

h1 {text-align: center; margin: 0;}

b.round-small1, b.round-small2, b.round-small3, b.round-small4 {height: 1px; display: block; background-color: #000000}
b.round-wrap {background-color: transparent; display: block;}
b.round-small1 {margin-left: 5px; margin-right: 5px; }
b.round-small2 {margin-left: 3px; margin-right: 3px; }
b.round-small3 {margin-left: 2px; margin-right: 2px; }
b.round-small4 {margin-left: 1px; margin-right: 1px; }

div.content {position: fixed; top: 0; left: 0; width: 100%; height: auto;}
div.sidebar-left-outter {position: fixed; top: 0; left: 0; width: 12.5%; height: 100%;}
div.sidebar-left-inner { margin-left: 20px; margin-right: 20px; margin-top: 25px; }
div.sidebar-left {background-color: #000000; border: 1px solid #000000; padding: 0; text-align: center;}
div.main-outter {position: fixed; top: 0%; left: 13%; width: 87%; height: 100%; }
div.main-inner {margin-left: 5px; margin-right: 5px; margin-top: 25px; }
div.main {background-color: #000000; border: 1px solid #000000; padding: 0;}

@media screen and (max-width: 600px) {
div.main-outter {position: fixed; top: 0%; left: 0%; width: 100%; height: auto;}
div.sidebar-left-outter {position: static; width: 100%; height: auto;}
}