<!--
@font-face{ font-family: 'JK_Font_M'; src:url('font/JKG-M_3.ttf'); }
@font-face{ font-family: 'JK_Font_L'; src:url('font/JKG-L_3.ttf'); }
@font-face{ font-family: 'Chicago'; src:url('font/Chicago'); }
@font-face{ font-family: 'hirgino_pro_w6'; src:url('font/hirgino_pro_w6.otf'); }
@font-face{ font-family: 'maru_pro_w4'; src:url('font/maru_pro_w4.otf'); }
@font-face{ font-family: 'Lovinn'; src:url('font/Lovinn.ttf'); }
body{ font-family:"Hiragino Maru Gothic Pro"; text-decoration: none; }
font{ line-height:130%; font-weight: normal; }
a{text-decoration: none; }


/* FONT FAMILY SETUP */
div.JK_Font_M{ font-family:"JK_Font_M"; text-decoration: none; }
div.JK_Font_L{ font-family:"JK_Font_L"; text-decoration: none; }
div.Chicago{ font-family:"Chicago"; text-decoration: none; }
div.hirgino_pro_w6{ font-family:"hirgino_pro_w6"; text-decoration: none; }
div.maru_pro_w4{ font-family:"maru_pro_w4"; text-decoration: none; }
div.Lovinn{ font-family:"Lovinn"; text-decoration: none; }

/* LINK COLOR - CATEGORY */
a.path:hover{ color : #ffffcf; background-color : #cf0000; }
a.index:hover{ color : #ffffcc; background-color : #cf0000; }
a.global:hover{ color : #f3f7ff; background-color : #00486f; }
a.ecology:hover{ color : #c8ff00; background-color : #287800; }
a.private:hover{ color : #000048; background-color : #48dfcf; }
a.group:hover{ color : #000048; background-color : #48dfcf; }
a.life:hover{ color : #f3f7ff; background-color : #003878; }
a.culture:hover{ color : #c8ff00; background-color : #287800; }
a.art:hover{ color : #c8ffff; background-color : #0078a8; }
a.studio:hover{ color : #c8ffff; background-color : #0078a8; }
a.inamura:hover{ color : #c8ffff; background-color : #0068d8; }
a.produce:hover{ color : #c8ffff; background-color : #0078a8; }
a.works:hover{ color : #c8ffff; background-color : #0078a8; }
a.science:hover{ color : #ffffee; background-color : #330066; }
a.media:hover{ color : #f3f7ff; background-color : #08185f; }
a.mac:hover{ color : #ffffee; background-color : #0068dd; }
a.computer:hover{ color : #ffffee; background-color : #0068dd; }
a.mystery:hover{ color : #000048; background-color : #c8c8df; }
a.profile:hover{ color : #ffe878; background-color : #ff6800; }
a.general:hover{ color : #ffffcc; background-color : #cf0000; }
a.moral:hover{ color : #ffffcc; background-color : #187800; }
a.menu:hover{ color : #ffffcc; background-color : #ff7800; }
a.link:hover{ color : #c80000; background-color : #ffd800; }

/* BUTTON */
a.button:hover img{ opacity: 0.0; filter: alpha(opacity=0); -moz-opacity: 0.0; }

/* LINK COLOR - TYPE */
a.gray:hover{ color : #ffffee; background-color : #554477; }
a.silver:hover{ color : #000048; background-color : #c8c8df; }
a.light-silver:hover{ color : #3366ff; background-color : #a8a8af; }
a.light-pink:hover{ color : #ffffef; background-color : #ff0098; }
a.pink:hover{ color : #ffffef; background-color : #ff0068; }
a.sky:hover{ color : #0000ff; background-color : #00ffff; }
a.sky-blue:hover{ color : #c8ffff; background-color : #3366ff; }
a.cecilian-blue:hover{ color : #c8ffff; background-color : #0078a8; }
a.blue-sky:hover{ color : #ffffee; background-color : #0068dd; }
a.green1:hover{ color : #c8ff00; background-color : #287800; }
a.green2:hover{ color : #ffffff; background-color : #447700; }
a.blue-green:hover{ color : #f3f7ff; background-color : #00486f; }
a.indigo:hover{ color : #f3f7ff; background-color : #08185f; }
a.blue:hover{ color : #f3f7ff; background-color : #003878; }
a.parple:hover{ color : #ffffee; background-color : #330066; }
a.wine:hover{ color : #f3f7ff; background-color : #780038; }
a.drak-red:hover{ color : #ffffcc; background-color : #b80800; }
a.red:hover{ color : #ffffcc; background-color : #cf0000; }
a.red-orange:hover{ color : #ffffee; background-color : #ff3800; }
a.orange:hover{ color : #ffe878; background-color : #ff6800; }
a.yellow:hover{ color : #c80000; background-color : #ffd800; }

/* FONT SIZE */
font.size1 { font-size: 10px; line-height: 130%; font-weight: normal }
font.size1b { font-size: 11px; line-height: 130%; font-weight: normal }
font.size1c { font-size: 12px; line-height: 130%; font-weight: normal }
font.size2 { font-size: 13px; line-height: 130%; font-weight: normal }
font.size2b { font-size: 14px; line-height: 130%; font-weight: normal }
font.size3 { font-size: 16px; line-height: 130%; font-weight: normal }
font.size3b { font-size: 17px; line-height: 130%; font-weight: normal }
font.size4 { font-size: 18px; line-height: 130%; font-weight: normal }
font.size4b { font-size: 20px; line-height: 130%; font-weight: normal }
font.size5 { font-size: 24px; line-height: 130%; font-weight: normal }
font.size5b { font-size: 28px; line-height: 130%; font-weight: normal }
font.size6 { font-size: 32px; line-height: 130%; font-weight: normal }
font.size6b { font-size: 40px; line-height: 130%; font-weight: normal }
font.size7 { font-size: 48px; line-height: 130%; font-weight: normal }
font.size7b { font-size: 56px; line-height: 130%; font-weight: normal }
font.size8 { font-size: 64px; line-height: 130%; font-weight: normal }
font.size8b { font-size: 80px; line-height: 130%; font-weight: normal }
font.size9 { font-size: 96px; line-height: 130%; font-weight: normal }
font.size9b { font-size: 128px; line-height: 130%; font-weight: normal }
font.size10 { font-size: 160px; line-height: 130%; font-weight: normal }
font.size10b { font-size: 224px; line-height: 130%; font-weight: normal }
font.size11 { font-size: 388px; line-height: 130%; font-weight: normal }
font.size11b { font-size: 516px; line-height: 130%; font-weight: normal }
font.size12 { font-size: 644px; line-height: 130%; font-weight: normal }

/* Copyright (C) 2021 Yoshimitsu Inamura. All Rights Reserved. */
-->