@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@500;600&display=swap');


body, html {
	margin: 0px; 
	padding: 0px;
    line-height: 0px;}

body, div, p, th, td, html {
	font-family: Helvetica, Arial, sans-serif;}

.body-white {color:#000000;background-color: #ffffff;}
.body-black {color:#ffffff;background-color: #000000;}

.body-black a, .body-black a:link, .body-black a:hover, .body-black a:visited {color: #ffffff;}
.body-white a, .body-white a:link, .body-white a:hover, .body-white a:visited {color: #000000;}

h1, .h1 {
    font-size: 62px;
    font-weight: 400;
    line-height: 0.5;
    margin-left:-6px;}

a:link, a:visited, a:hover, a:click { text-decoration: none;  }
/*a:visited { color: #1b1b1b; text-decoration: none; }
a:hover { color: #6a6a6a; text-decoration: none;   }
a:click { color: #1b1b1b; text-decoration: none; }*/

a img { border:none; }
a { text-decoration: none; outline: none;}
a img { border:none; }

img { border-style: none; border:none; }
iframe { margin:0;padding:0;border:0; }

.f10 {
	font-size: 10px;
	line-height: 1.45} 

.f11 {
	font-size: 11px;
	line-height: 1.45;} 

.f12 {
	font-size: 12px;
	line-height: 1.45;} 

.f12x {
	font-size: 12px;
	line-height: 0.55;} 

.f21 { 
    font-size: 21px;
    line-height: 25px;}

.f21x { 
    font-size: 21px;
    line-height: 0.6;}

.f32x { 
    font-size: 32px;
    line-height: 0.6;}

.f100 { 
    font-size: 100px;
    line-height: 0.79;}

.f150 { 
    font-size: 150px;
    line-height: 0.79;}

.f220 { 
    font-size: 220px;
    line-height: 1.0;}

.f320 {
    font-size: 320px;
    line-height: 0.5;}

.f820 {
    font-size: 820px;
    line-height: 0.5;}

.f1120 {
    font-size: 1220px;
    line-height: 0.35;}

.f1120x {
    font-size: 1220px;
    line-height: 0.6;}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

#box-index { 
    position: absolute;  
    height: 670px; 
    width: 960px; 
    margin: -320px 0px 0px -480px; 
    top: 50%; 
    left: 50%;}

#top, #bottom, #left, #right, .box {border: 1px solid #cccccc;}
#top {height: 318px; width: 958px; }
#bottom {height: 318px; width: 958px;}
#box, .box {height: 638px; width: 958px;}

#left {height: 638px; width: 477px; float: left; }
#right {height: 638px; width: 477px; float: left; }

.link {
    position:absolute;
    top:0;
    z-index:99;}

.nav{
	width:968px;
    height:20px;
    margin-top: 20px;
    font-family: 'Heebo', sans-serif;
    font-weight:600;
    font-size:12px;
    display: flex;
    justify-content: space-between;}

.nav a {flex: 1; color: #222222; }

a.navi:hover{text-decoration:none; color: #cccccc;}
a.navi:focus{text-decoration:none; color: #cccccc;}
a.navi:selected{text-decoration:none; color: #cccccc;}

a.navi-now {text-decoration:none; color: #cccccc;}