@font-face {
		font-family: 'century-import';
		src: url('/font/Century-Schoolbook.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'century-import';
		src: url('/font/Century-Schoolbook-Italic.ttf') format('truetype');
		font-weight: normal;
		font-style: italic;
	}
	@font-face {
		font-family: 'century-import';
		src: url('/font/Century-Schoolbook-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
	}
	@font-face {
		font-family: 'century-import';
		src: url('/font/Century-Schoolbook-Bold-Italic.ttf') format('truetype');
		font-weight: bold;
		font-style: italic;
	}
	/*
	@media (min-aspect-ratio: 1/1) {
		.sitename {
			position:relative;
			top:calc(50% + 90px);
			left:calc(50% - 54px);
			font-size:20px
  		}
  	}
	*/
.atarashii {
  animation: blinker2 0.6s cubic-bezier(1, 0, 0, 1) infinite alternate;  
  font-weight: normal;
  color: red;
}
@keyframes blinker2 { to { opacity: 0; } }

	
.container{
    position:relative;
}

.link-spanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;

}   
	
	.joyo_girl:hover {
		background-image:url('imgarchive/joyo_girl.png');
		background-size:cover;	
	}
	.archive_girl:hover {
		background-image:url('imgarchive/archive_girl.png');
		background-size:cover;	
	}
	.music_girl:hover {
		background-image:url('imgarchive/music_girl.png');
		background-size:cover;	
	}
	
	 /* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
} 

	/*html, body {
		background-color: rgb(255, 254, 236);
	}*/

	* {
    	font-family: "century-import";
  	}