img { border: 0; margin: 0; padding: 0 }
body { background: #000 url("images/bg.png"); margin: 0; text-align: center; line-height: 0; overflow-y: scroll }
h2 { font-family: "Polo"; color: #765423; border-bottom: 1px solid #765423; border-left: 10px solid #765423; width: 700px; line-height: 23px; padding-left: 5px; font-size: 20px }
p, li, td { font-family: "Segoe Print" }
#centerthing { width: 890px; text-align: left; margin: 0 auto; }
#leftthing { width: 26px; height: 200px; background: url("images/index_01.png") no-repeat; float: left; margin-left: -26px; }
#logo { display: block; width: 890px; height: 124px; background: url("images/index_02.jpg") no-repeat; text-decoration: none }
#logo:hover{ background-position: 0 -124px }
#menu { height: 61px; }
#menu img, #menu a, #menu b { margin: 0; padding: 0; float: left }
#menu a, #menu b { display: block; height: 61px; text-decoration: none; outline: none }
#menu0 { width: 165px; background-image: url("images/index_04.png") }
#menu1 { width: 98px; background-image: url("images/index_05.jpg") }
#menu2 { width: 102px; background-image: url("images/index_06.jpg") }
#menu3 { width: 103px; background-image: url("images/index_07.jpg") }
#menu4 { width: 102px; background-image: url("images/index_08.jpg") }
#menu5 { width: 102px; background-image: url("images/index_09.jpg") }
#menu6 { width: 103px; background-image: url("images/index_10.jpg") }
#menu7 { width: 108px; background-image: url("images/index_11.jpg") }
/*#menu9 { width: 416px; background-image: url("images/index_11 gray.png") }*/
#menu a:hover { background-position: 0 -61px }
#mainnews { float: left; position: relative; top: 367px; left: 38px; width: 368px; height: 220px; overflow-y: scroll }
#mainnews dl { margin-top: 0; font: 14px "Segoe Print", "Comic Sans MS"; color: #ccc; line-height: 16px; }
#mainnews a { color: #ccc }
#mainnews dt { font-size: 12px; font-weight: bold; padding-top: 4px }
#mainnews dd { margin-left: 20px }
#mainget, #mainbanner { text-decoration: none; display: block; width: 384px; height: 61px }
#mainget    { position: relative; top: 465px; left: 480px; background: url("images/banner_buy_n.png") no-repeat }
#mainbanner { position: relative; top: 485px; left: 480px; background: url("images/banner_senden_n.png") no-repeat }
#mainget:hover    { background-image: url("images/banner_buy_p.png") }
#mainbanner:hover { background-image: url("images/banner_senden_p.png") }
#indiegogo, #bundleinbox, #trialbut, #patchbut, #jppatchbut { text-decoration: none; display: block; position: relative; }
#indiegogo  { width: 194px; height: 74px; top: 380px; left: 570px; background: url("images/99S%20Crowdfunding%20Success.png") no-repeat }
#bundleinbox  { width: 194px; height: 73px; top: 220px; left: 570px; background: url("images/99S%20Community's%20Choice.png") no-repeat }
#trialbut     { width: 384px; height: 61px; top: 306px; left: 475px; background: url("images/Download%20Demo.png") no-repeat }
#patchbut     { width: 384px; height: 61px; top: 307px; left: 475px; background: url("images/Download Patch 106.png") no-repeat }
#jppatchbut     { width: 192px; height: 30px; top: 309px; left: 571px; background: url("images/Japanese Patch 101.png") no-repeat }
#trialbut:hover, #patchbut:hover { background-position: 0 -61px; }
#jppatchbut:hover { background-position: 0 -30px; }
#about1n, #about2n { text-decoration: none; display: block; width: 158px; height: 28px; position: relative; left: 620px; top: 30px }
#about1n { background: url("images/Req_but.png") no-repeat }
#about2n { background: url("images/Back_but.png") no-repeat }
#about2n:hover, #about1n:hover { background-position: 0 -28px }
#charalist { height: 49px; padding: 6px 0 0 180px; background: url("images/menu_13.jpg") no-repeat }
#charalist a { float: left; text-decoration: none; display: block; height: 35px; width: 34px; margin-right: 6px; outline: none }
#charalist img { margin-right: 5px }
#charalist #charal1, #charalist #charal2, #charalist #charal3 { width: 50px; margin-right: 0 }
#charal1 { background: url("images/menu_c00_m1_p.png") no-repeat }
#charal2 { background: url("images/menu_c00_m2_p.png") no-repeat }
#charal3 { background: url("images/menu_c00_m3_p.png") no-repeat; margin-right: 40px!important }
#charal1:hover, #charal1.sel { background-image: url("images/menu_c00_m1_n.png") }
#charal2:hover, #charal2.sel { background-image: url("images/menu_c00_m2_n.png") }
#charal3:hover, #charal3.sel { background-image: url("images/menu_c00_m3_n.png") }
#chara01 { background-image: url("images/menu_c01_n.png") }
#chara02 { background-image: url("images/menu_c02_n.png") }
#chara03 { background-image: url("images/menu_c03_n.png") }
#chara04 { background-image: url("images/menu_c04_n.png") }
#chara05 { background-image: url("images/menu_c05_n.png") }
#chara06 { background-image: url("images/menu_c06_n.png") }
#chara07 { background-image: url("images/menu_c07_n.png") }
#chara08 { background-image: url("images/menu_c08_n.png") }
#chara09 { background-image: url("images/menu_c09_n.png") }
#chara10 { background-image: url("images/menu_c10_n.png") }
#chara11 { background-image: url("images/menu_c11_n.png") }
#chara12 { background-image: url("images/menu_c12_n.png") }
#chara13 { background-image: url("images/menu_c13_n.png") }
#chara14 { background-image: url("images/menu_c14_n.png") }
#chara15 { background-image: url("images/menu_c15_n.png") }
#chara16 { background-image: url("images/menu_c16_n.png") }
#chara17 { background-image: url("images/menu_c17_n.png") }
#chara18 { background-image: url("images/menu_c18_n.png") }
#chara19 { background-image: url("images/menu_c19_n.png") }
#chara20 { background-image: url("images/menu_c20_n.png") }
#chara21 { background-image: url("images/menu_c21_n.png") }
#chara22 { background-image: url("images/menu_c22_n.png") }
#chara23 { background-image: url("images/menu_c23_n.png") }
#chara01:hover { background-image: url("images/menu_c01_p.png") }
#chara02:hover { background-image: url("images/menu_c02_p.png") }
#chara03:hover { background-image: url("images/menu_c03_p.png") }
#chara04:hover { background-image: url("images/menu_c04_p.png") }
#chara05:hover { background-image: url("images/menu_c05_p.png") }
#chara06:hover { background-image: url("images/menu_c06_p.png") }
#chara07:hover { background-image: url("images/menu_c07_p.png") }
#chara08:hover { background-image: url("images/menu_c08_p.png") }
#chara09:hover { background-image: url("images/menu_c09_p.png") }
#chara10:hover { background-image: url("images/menu_c10_p.png") }
#chara11:hover { background-image: url("images/menu_c11_p.png") }
#chara12:hover { background-image: url("images/menu_c12_p.png") }
#chara13:hover { background-image: url("images/menu_c13_p.png") }
#chara14:hover { background-image: url("images/menu_c14_p.png") }
#chara15:hover { background-image: url("images/menu_c15_p.png") }
#chara16:hover { background-image: url("images/menu_c16_p.png") }
#chara17:hover { background-image: url("images/menu_c17_p.png") }
#chara18:hover { background-image: url("images/menu_c18_p.png") }
#chara19:hover { background-image: url("images/menu_c19_p.png") }
#chara20:hover { background-image: url("images/menu_c20_p.png") }
#chara21:hover { background-image: url("images/menu_c21_p.png") }
#chara22:hover { background-image: url("images/menu_c22_p.png") }
#chara23:hover { background-image: url("images/menu_c23_p.png") }
#butlist { height: 38px; padding: 10px 0 7px 180px; background: url("images/menu_13.jpg") no-repeat; text-align: center }
#butlist a { float: left; text-decoration: none; display: block; height: 28px; width: 132px; margin-right: 10px; outline: none }
#butlist a:hover { background-position: 0 -28px }
#but1 { background-image: url("images/Gray Button - Videos.png") }
#but2 { background-image: url("images/Gray Button - Screenshots.png") }
#but3 { background-image: url("images/Gray Button - Avatars.png") }
#but4 { background-image: url("images/Gray Button - Press Kit.png") }
#buts1 { background-image: url("images/Gray Button - Combat.png") }
#buts2 { background-image: url("images/Gray Button - Gems.png") }
#buts3 { background-image: url("images/Gray Button - Tsukumogami.png") }
#buts4 { background-image: url("images/Gray Button - Exploration.png") }
#toraiki { text-decoration: none; float: left; display: block; width: 192px; height: 51px; background: url("images/banner_toraiki_n.png") no-repeat; position: relative; left: 694px; top: -53px }
#toraiki:hover { background-position: 0 -51px; }
#fruitbat { text-decoration: none; display: block; width: 90px; height: 52px; background: url("images/banner_fruitbat_n.png") no-repeat; position: relative; left: 4px; top: -55px }
#fruitbat:hover { background-position: 0 -52px; }
.contentbox { width: 800px; min-height: 556px; background-image: url(images/menu_14.jpg); padding: 20px 40px 50px 50px; line-height: 20px }
.systembox { width: 800px; min-height: 556px; background-image: url(images/system_14.jpg); padding: 20px 40px 50px 50px; line-height: 20px }
.systembox p, td { color: #fff }
.systembox b { font-weight: normal; color: #ffd258 }
.systembox h2 { color: #c9c6be; border-bottom: 1px solid #fff; border-left: 10px solid #fff }
td h2 { width: 320px }
.systembox td { padding-right: 10px; vertical-align: top }