body, form, h1, h2, h3, li, p, ul { margin: 0; padding: 0; }
td, th { padding: 0; }

a, a:visited { cursor: pointer; text-decoration: underline; }
a, a:visited, input { color: #2f5aae; font-size: 11px; font-weight: bold; }
body { background: #fff url( /img/bg.png?2 ) repeat-x; color: #333; font-family: verdana,sans-serif; font-size: 12px; line-height: 1.1; }
img { border-width: 0; }
input { font-family: verdana,sans-serif; }
p { line-height: 1.5; margin: 8px 0; }
ul { list-style-type: none; }

h1, #home h2 { color: #039; font-size: 18pt; height: 32px; }
h2, #home h1 { color: #5475c9; font-size: 13pt; height: 23px; }
h3 { color: #5475c9; font-size: 11px; letter-spacing: 2px; margin-top: 36px; text-transform: uppercase; }

span.sup { bottom: 6px; font-size: 10px; position: relative; }
#text span.sup { bottom: 3px !important; }

.back { background: url( /img/back_more_note_bg.png ) left 5px no-repeat; padding-left: 12px; }
.email { font-weight: normal !important; text-decoration: none; }
.email:hover { text-decoration: underline!important; }
.image { font-size: 1pt; line-height: 0.01pt; }
.more { background: url( /img/back_more_note_bg.png ) right -7px no-repeat; padding-right: 12px; }

span.back, span.more { color: #999; font-size: 11px; font-weight: bold; }
span.back { background-position: left -19px !important; }
span.more { background-position: right -31px !important; }

.kana#hiragana table { background-position: 0 0; height: 234px; }
.kana#hiragana table th { width: 6.25%; }
.kana#hiragana-double table { background-position: 0 -234px; height: 152px; }
.kana#hiragana-double table th { width: 8.33%; }
.kana#katakana table { background-position: 0 -386px; height: 234px; }
.kana#katakana table th { width: 6.25%; }
.kana#katakana-double table { background-position: 0 -620px; height: 152px; }
.kana#katakana-double table th { width: 8.33%; }
.kana#katakana-extended table { background-position: 0 -772px; height: 234px; }
.kana#katakana-extended table th { width: 7.14%; }

#all { left: 50%; margin-left: -300px; margin-top: -245px; position: absolute; top: 50%; width: 600px; }

#adsense { position: absolute; top: 62px; right: -136px; }
#giant-robot { position: absolute; top: 62px; right: -196px; }
#photo-link { border: 1px solid #b6cbf3; font-size: 1pt; line-height: 0.01pt; position: absolute; right: -136px; top: 16px; }
#white-rabbit-press { position: absolute; top: 228px; right: -75px; }

#photo h2 { margin-bottom: 12px; }
#photo #show { bottom: 166px; color: #2f5aae; cursor: pointer; font-size: 11px; font-weight: bold; position: absolute; right: 0; text-decoration: underline; }
#photo #kana { background-repeat: no-repeat; display: none; height: 120px; left: 2px; margin-right: 16px; position: relative; top: 2px; }
#photo #kana span { display: none; font-size: 14px; }
#photo #left { height: 376px; width: 266px !important; }
#photo #left #kana, #photo #left #show { line-height: 1.5; margin-top: 12px; }
#photo #map { border: 1px solid #b6cbf3; bottom: 0; height: 152px; left: 0; position: absolute; width: 264px; }
#photo #paging { bottom: 168px; left: -18px; position: absolute; }
#photo #right { float: right; margin-top: 4px; width: 280px; }
#photo #right img { border: 1px solid #b6cbf3; }

#bottom-center { font-weight: bold; left: 267px; width: 60px; }
#bottom-left { left: 16px; text-align: left; }
#bottom-right, #iphone-edition, #social { right: 16px; text-align: right; }
#bottom-center, #bottom-left, #bottom-right, #iphone-edition, #social { bottom: 16px; font-size: 11px; position: absolute; }

#home h1 { position: relative; top: 32px; }
#home h2 { position: relative; bottom: 23px; }
#home .note { background: url( /img/back_more_note_bg.png ) left -42px no-repeat; color: #666; font-size: 11px; margin-top: 12px; padding-left: 11px; }
#home .note a { padding: 1px 0; }
#home #bottom-left li, #options #social li { display: inline; }
#home #bottom-left li a { margin-right: 16px; right: 3px; }
#home #bottom-left a, #home #bottom-right a, #home .note a, #options #social li a, #iphone #bottom-left a { color: #777; }
#options #social li a { margin-left: 16px; }
#home #bottom-left li a, #options #social li a { float: left; height: 16px; position: relative; top: 3px; }
#home #facebook, #options #facebook { background: url( /img/facebook_bg.png ) no-repeat; padding-left: 20px; }
#home #ilikejapan, #options #ilikejapan { background: url( /img/ilikejapan_bg.png ) no-repeat; padding-left: 18px; }
#home #twitter, #options #twitter { background: url( /img/twitter_bg.png ) no-repeat; padding-left: 18px; }
#home #right { float: right; margin-top: 4px; width: 124px; }
#home #right div { text-align: center; }
#home #right .image { border: 1px solid #ccc; }
#home #right #text { background: #eee; border: 1px solid #ccc; border-top-width: 0 !important; font-family: trebuchet,'trebuchet ms',sans-serif; font-size: 10px; line-height: 1.2; padding: 7px 5px 2px; }
#home #right #text a { font-size: 12px !important; position: relative; bottom: 1px; }
#home #right #text div { margin-bottom: 5px; }

#iphone strong { color: #444; font-size: 11px; text-transform: uppercase; }
#iphone #review { margin-top: 18px; }
#iphone #review ul { list-style-type: none; }
#iphone #review ul li { border: 1px dotted #5475c9; margin-bottom: 14px; padding: 7px 8px 8px; width: 339px; }
#iphone #review ul li div { font-size: 10px; margin-top: 5px; }
#iphone #review ul li h3 { color: #039; font-size: 11px; letter-spacing: 0; margin-top: 0; }
#iphone #review ul li img { float: right; }
#iphone #review ul li p { font-size: 11px; font-style: italic; margin-bottom: 0; }
#iphone #review ul li p a { font-weight: normal; }
#iphone #review ul li p span { font-style: normal; }
#iphone #right { float: right; margin-top: 4px; width: 124px; }
#iphone #right div { text-align: center; }
#iphone #right .image { border: 1px solid #ccc; }

#shop p { margin-bottom: 14px; }
#shop p a { font-size: 11px; text-decoration: none; text-transform: uppercase; }
#shop p a:hover { text-decoration: underline; }
#shop #right { float: right; margin-top: 4px; width: 124px; }
#shop #right div { text-align: center; }
#shop #right #browse { background: #eee; border: 1px solid #ccc; height: 18px; padding: 2px 6px 0; }
#shop #right #browse li a { text-decoration: none; }
#shop #right #browse .back { float: left; }
#shop #right #browse .more { float: right; }
#shop #right #carousel .image { border: 1px solid #ccc; border-bottom-width: 0; border-top-width: 0; }
#shop #right #carousel .text a { background: #eee; border: 1px solid #ccc; display: block; font-family: trebuchet,'trebuchet ms',sans-serif; font-size: 10px; height: 18px; line-height: 1; padding-top: 8px; text-decoration: none; text-transform: uppercase; }
#shop #right #carousel .text a:hover { text-decoration: underline; }

#language { height: 14px; position: absolute; right: 0; top: 4px; }
#language li { display: inline; }
#language li a { background-image: url( /img/language_bg.png ); float: left; margin-left: 4px; height: 14px; }
#language li a span { display: none; }

#language li a#de { background-position: 0 0; width: 22px; }
#language li a#en { background-position: -21px 0; width: 26px; }
#language li a#en-us { background-position: -46px 0; width: 25px; }
#language li a#fr { background-position: -70px 0; width: 20px; }
#language li a#pl { background-position: -89px 0; width: 21px; }
#language li a#pt-br { background-position: -109px 0; width: 19px; }
#language li a#sv { background-position: -127px 0; width: 21px; }

#left { float: left; position: relative; width: 407px; }

#main { background: #fff; border: 3px solid #b6cbf3; border-top-width: 0 !important; height: 376px; padding: 12px 16px 16px; position: relative; }

#nav { border-bottom: 3px solid #b6cbf3; height: 43px; padding-right: 5px; }
#nav li { display: inline; }
#nav li a { background-image: url( /img/nav_bg.png?2 ); float: left; cursor: pointer; height: 23px; margin-left: 6px; padding-top: 20px; text-align: center; text-decoration: underline; width: 113px; }
#nav li.current a { background-position: -113px 0; color: #5475c9; height: 30px !important; padding-top: 13px !important; position: relative; text-decoration: none; top: 3px; }
#nav li a span { display: none; }

#nav-bottom { height: 43px; padding-right: 5px; }
#nav-bottom li { display: inline; }
#nav-bottom li a { background-image: url( /img/nav_bottom_bg.png?2 ); float: right; cursor: pointer; height: 34px; margin-left: 6px; padding-top: 9px; text-align: center; text-decoration: underline; width: 113px; }
#nav-bottom li.current a { background-position: -113px 0; color: #5475c9; height: 26px !important; padding-top: 17px !important; position: relative; text-decoration: none; bottom: 3px; }
#nav-bottom li a span { display: none; }

#options table { background-position: 0 -1006px; height: 214px; }
#options table, .kana table { background-image: url( /img/kana_options_bg.png ); background-repeat: no-repeat; width: 100%; }
#options table td, .kana table td { text-align: center; visibility: hidden; }
#options table th { width: 14.29%; }
#options table th, .kana table th { height: 28px; vertical-align: top; }
#options #bottom-left input, .kana #bottom-left input { margin-right: 7px; }

#paging li { display: inline; margin-left: 18px; }

#practice h1, #practice p { text-align: left; }
#practice input { width: 36px; }
#practice #bottom-center, #practice #bottom-left, #practice #bottom-right { font-weight: bold; }
#practice #guess { color: #333; text-align: center; }
#practice #main { text-align: center; }
#practice #question { height: 36px; margin: 74px auto 24px; width: 36px; }
#practice #question span, #practice #wrong span { display: none; }
#practice #wrong { background: url( /img/wrong_bg.gif ) no-repeat; height: 11px; margin: 24px auto 0; width: 11px; }

.k-1 { background: 0 0; }
.k-2 { background: -36px 0; }
.k-3 { background: -72px 0; }
.k-4 { background: -108px 0; }
.k-5 { background: -144px 0; }
.k-6  { background: -180px 0; }
.k-7  { background: -216px 0; }
.k-8  { background: -252px 0; }
.k-9  { background: -288px 0; }
.k-10 { background: -324px 0; }
.k-11 { background: -360px 0; }
.k-12 { background: -396px 0; }
.k-13 { background: -432px 0; }
.k-14 { background: -468px 0; }
.k-15 { background: -504px 0; }
.k-16 { background: -540px 0; }
.k-17 { background: -576px 0; }
.k-18 { background: -612px 0; }
.k-19 { background: -648px 0; }
.k-20 { background: -684px 0; }
.k-21 { background: -720px 0; }
.k-22 { background: -756px 0; }
.k-23 { background: -792px 0; }
.k-24 { background: -828px 0; }
.k-25 { background: -864px 0; }
.k-26 { background: -900px 0; }
.k-27 { background: -936px 0; }
.k-28 { background: -972px 0; }
.k-29 { background: -1008px 0; }
.k-30 { background: -1044px 0; }
.k-31 { background: -1080px 0; }
.k-32 { background: -1116px 0; }
.k-33 { background: -1152px 0; }
.k-34 { background: -1188px 0; }
.k-35 { background: -1224px 0; }
.k-36 { background: -1260px 0; }
.k-37 { background: -1296px 0; }
.k-38 { background: -1332px 0; }
.k-39 { background: -1368px 0; }
.k-40 { background: -1404px 0; }
.k-41 { background: -1440px 0; }
.k-42 { background: -1476px 0; }
.k-43 { background: -1512px 0; }
.k-44 { background: -1548px 0; }
.k-45 { background: -1584px 0; }
.k-46 { background: -1620px 0; }
.k-47 { background: -1656px 0; }
.k-48 { background: -1692px 0; }
.k-49 { background: -1728px 0; }
.k-50 { background: -1764px 0; }
.k-51 { background: -1800px 0; }
.k-52 { background: -1836px 0; }
.k-53 { background: -1872px 0; }
.k-54 { background: -1908px 0; }
.k-55 { background: -1944px 0; }
.k-56 { background: -1980px 0; }
.k-57 { background: -2016px 0; }
.k-58 { background: -2052px 0; }
.k-59 { background: -2088px 0; }
.k-60 { background: -2124px 0; }
.k-61 { background: -2160px 0; }
.k-62 { background: -2196px 0; }
.k-63 { background: -2232px 0; }
.k-64 { background: -2268px 0; }
.k-65 { background: -2304px 0; }
.k-66 { background: -2340px 0; }
.k-67 { background: -2376px 0; }
.k-68 { background: -2412px 0; }
.k-69 { background: -2448px 0; }
.k-70 { background: -2484px 0; }
.k-71 { background: -2520px 0; }
.k-72 { background: 0 -72px; }
.k-73 { background: -36px -72px; }
.k-74 { background: -72px -72px; }
.k-75 { background: -108px -72px; }
.k-76 { background: -144px -72px; }
.k-77 { background: -180px -72px; }
.k-78 { background: -216px -72px; }
.k-79 { background: -252px -72px; }
.k-80 { background: -288px -72px; }
.k-81 { background: -324px -72px; }
.k-82 { background: -360px -72px; }
.k-83 { background: -396px -72px; }
.k-84 { background: -432px -72px; }
.k-85 { background: -468px -72px; }
.k-86 { background: -504px -72px; }
.k-87 { background: -540px -72px; }
.k-88 { background: -576px -72px; }
.k-89 { background: -612px -72px; }
.k-90 { background: -648px -72px; }
.k-91 { background: -684px -72px; }
.k-92 { background: -720px -72px; }
.k-93 { background: -756px -72px; }
.k-94 { background: -792px -72px; }
.k-95 { background: -828px -72px; }
.k-96 { background: -864px -72px; }
.k-97 { background: -900px -72px; }
.k-98 { background: -936px -72px; }
.k-99 { background: -972px -72px; }
.k-100 { background: -1008px -72px; }
.k-101 { background: -1044px -72px; }
.k-102 { background: -1080px -72px; }
.k-103 { background: -1116px -72px; }
.k-104 { background: -1152px -72px; }
.k-105 { background: -1188px -72px; }
.k-106 { background: -1224px -72px; }
.k-107 { background: -1260px -72px; }
.k-108 { background: -1296px -72px; }
.k-109 { background: -1332px -72px; }
.k-110 { background: -1368px -72px; }
.k-111 { background: -1404px -72px; }
.k-112 { background: -1440px -72px; }
.k-113 { background: -1476px -72px; }
.k-114 { background: -1512px -72px; }
.k-115 { background: -1548px -72px; }
.k-116 { background: -1584px -72px; }
.k-117 { background: -1620px -72px; }
.k-118 { background: -1656px -72px; }
.k-119 { background: -1692px -72px; }
.k-120 { background: -1728px -72px; }
.k-121 { background: -1764px -72px; }
.k-122 { background: -1800px -72px; }
.k-123 { background: -1836px -72px; }
.k-124 { background: -1872px -72px; }
.k-125 { background: -1908px -72px; }
.k-126 { background: -1944px -72px; }
.k-127 { background: -1980px -72px; }
.k-128 { background: -2016px -72px; }
.k-129 { background: -2052px -72px; }
.k-130 { background: -2088px -72px; }
.k-131 { background: -2124px -72px; }
.k-132 { background: -2160px -72px; }
.k-133 { background: -2196px -72px; }
.k-134 { background: -2232px -72px; }
.k-135 { background: -2268px -72px; }
.k-136 { background: -2304px -72px; }
.k-137 { background: -2340px -72px; }
.k-138 { background: -2376px -72px; }
.k-139 { background: -2412px -72px; }
.k-140 { background: -2448px -72px; }
.k-141 { background: -2484px -72px; }
.k-142 { background: -2520px -72px; }
.k-143 { background: 0 -36px; }
.k-144 { background: -64px -36px; }
.k-145 { background: -128px -36px; }
.k-146 { background: -192px -36px; }
.k-147 { background: -256px -36px; }
.k-148 { background: -320px -36px; }
.k-149 { background: -384px -36px; }
.k-150 { background: -448px -36px; }
.k-151 { background: -512px -36px; }
.k-152 { background: -576px -36px; }
.k-153 { background: -640px -36px; }
.k-154 { background: -704px -36px; }
.k-155 { background: -768px -36px; }
.k-156 { background: -832px -36px; }
.k-157 { background: -896px -36px; }
.k-158 { background: -960px -36px; }
.k-159 { background: -1024px -36px; }
.k-160 { background: -1088px -36px; }
.k-161 { background: -1152px -36px; }
.k-162 { background: -1216px -36px; }
.k-163 { background: -1280px -36px; }
.k-164 { background: -1344px -36px; }
.k-165 { background: -1408px -36px; }
.k-166 { background: -1472px -36px; }
.k-167 { background: -1536px -36px; }
.k-168 { background: -1600px -36px; }
.k-169 { background: -1664px -36px; }
.k-170 { background: -1728px -36px; }
.k-171 { background: -1792px -36px; }
.k-172 { background: -1856px -36px; }
.k-173 { background: -1920px -36px; }
.k-174 { background: -1984px -36px; }
.k-175 { background: -2048px -36px; }
.k-176 { background: -2112px -36px; }
.k-177 { background: -2176px -36px; }
.k-178 { background: -2240px -36px; }
.k-179 { background: 0 -108px; }
.k-180 { background: -64px -108px; }
.k-181 { background: -128px -108px; }
.k-182 { background: -192px -108px; }
.k-183 { background: -256px -108px; }
.k-184 { background: -320px -108px; }
.k-185 { background: -384px -108px; }
.k-186 { background: -448px -108px; }
.k-187 { background: -512px -108px; }
.k-188 { background: -576px -108px; }
.k-189 { background: -640px -108px; }
.k-190 { background: -704px -108px; }
.k-191 { background: -768px -108px; }
.k-192 { background: -832px -108px; }
.k-193 { background: -896px -108px; }
.k-194 { background: -960px -108px; }
.k-195 { background: -1024px -108px; }
.k-196 { background: -1088px -108px; }
.k-197 { background: -1152px -108px; }
.k-198 { background: -1216px -108px; }
.k-199 { background: -1280px -108px; }
.k-200 { background: -1344px -108px; }
.k-201 { background: -1408px -108px; }
.k-202 { background: -1472px -108px; }
.k-203 { background: -1536px -108px; }
.k-204 { background: -1600px -108px; }
.k-205 { background: -1664px -108px; }
.k-206 { background: -1728px -108px; }
.k-207 { background: -1792px -108px; }
.k-208 { background: -1856px -108px; }
.k-209 { background: -1920px -108px; }
.k-210 { background: -1984px -108px; }
.k-211 { background: -2048px -108px; }
.k-212 { background: -2112px -108px; }
.k-213 { background: -2176px -108px; }
.k-214 { background: -2240px -108px; }
.k-215 { background: 0 -144px; }
.k-216 { background: -64px -144px; }
.k-217 { background: -128px -144px; }
.k-218 { background: -192px -144px; }
.k-219 { background: -256px -144px; }
.k-220 { background: -320px -144px; }
.k-221 { background: -384px -144px; }
.k-222 { background: -448px -144px; }
.k-223 { background: -512px -144px; }
.k-224 { background: -576px -144px; }
.k-225 { background: -640px -144px; }
.k-226 { background: -704px -144px; }
.k-227 { background: -768px -144px; }
.k-228 { background: -832px -144px; }
.k-229 { background: -896px -144px; }
.k-230 { background: -960px -144px; }
.k-231 { background: -1024px -144px; }
.k-232 { background: -1088px -144px; }
.k-233 { background: -1152px -144px; }
.k-234 { background: -1216px -144px; }
.k-235 { background: -1280px -144px; }
.k-236 { background: -1344px -144px; }
.k-237 { background: -1408px -144px; }
.k-238 { background: -1472px -144px; }
.k-239 { background: -1536px -144px; }
.k-240 { background: -1600px -144px; }
.k-241 { background: -1664px -144px; }
.k-242 { background: -1728px -144px; }
.k-243 { background: -1792px -144px; }
.k-244 { background: -1856px -144px; }

.t-1 { background-image: url( /img/1_bg.png ); }
.t-2 { background-image: url( /img/2_bg.png ); }
.t-3 { background-image: url( /img/3_bg.png ); }
.t-4 { background-image: url( /img/4_bg.png ); }
.t-5 { background-image: url( /img/5_bg.png ); }
.t-6 { background-image: url( /img/6_bg.png ); }
.t-7 { background-image: url( /img/7_bg.png ); }

.d-b { display: block !important; }
.d-n { display: none !important; }
.fs-11 { font-size: 11px !important; }
.fs-14 { font-size: 14px !important; }
.mt-4 { margin-top: 4px !important; }
.pbt-12 { padding-bottom: 12px !important; padding-top: 12px !important; }
.pbt-32 { padding-bottom: 32px !important; padding-top: 32px !important; }
.v-h { visibility: hidden !important; }
.w-64 { width: 64px !important; }
