body {
  width: 906px;
  height: 1074px;
  background-image:url("./img/haikeix.jpg");
  background-repeat: no-repeat;
  background-position: 40px 60px;
  background-color: #000;
  padding-left: 0;
  margin-left: 0;
}
li {
  list-style-type: none;
  padding-bottom: 0;
}
a {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
h1 {
  /*padding-top: 5px;
  padding-left: 1em;
  width: 180px;
  height: 30px;*/
  font-size: 20px;
  font-weight: bold;
  color: #00f;
  background-color: #ccf;
  border : outset 3px #ccf;
  position: absolute;
  top: 7px;
  left: 3px;
}
p#setu {
  font-size: 14px;
  color: #fff;
  background-color: #000;
  position: absolute;
  top: 123px;
  left: 225px;
}
#rinku {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 300;
  margin-left: 10px;
  margin-top: 53px;
  /*padding: 3px;*/
}

#rinku a:link,#rinku a:visited {
  color: #f6f;
  background-color: #fff;
  border: groove 3px #fcf;
}
#rinku a:hover {
  color: #f44;
  background-color: #fcc;
  border: groove 3px #fcc;
}
/*東方七宿*/
h2#toumi {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  background-color: #afa;
  position: absolute;
  top: 965px;
  left: 728px;
}
ul#tou li ul li a:link {
  color: #00f;
  background-color: #afa;
  border: inset 3px #afa;
  height: 24px;
}
ul#tou li ul li a:visited {
  color: #000;
  background-color: #afa;
  border: inset 3px #afa;
  height: 24px;
}

ul#tou li ul li a:hover {
  color: #080;
  background-color: #fff;
  border: outset 3px #cfc;
  height: 24px;
}
#tou01 {
  position: absolute;
  top: 653px;
  left: 768px;
}
#tou011 {
  position: absolute;
  top: 616px;
  left: 694px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#tou012 {
  position: absolute;
  top: 631px;
  left: 769px;
  color: #0f0;
  background-color: #000;
  font-size: 10px;
}
#tou013 {
  position: absolute;
  top: 609px;
  left: 813px;
}
#tou02 {
  position: absolute;
  top: 712px;
  left: 733px;
}
#tou021 {
  position: absolute;
  top: 681px;
  left: 657px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#tou022 {
  position: absolute;
  top: 692px;
  left: 735px;
  color: #0f0;
  background-color: #000;
  font-size: 10px;
}
#tou023 {
  position: absolute;
  top: 755px;
  left: 805px;
}  
#tou03 {
  position: absolute;
  top: 802px;
  left: 716px;
}
#tou031 {
  position: absolute;
  top: 765px;
  left: 648px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#tou032 {
  position: absolute;
  top: 784px;
  left: 718px;
  color: #0f0;
  background-color: #000;
  font-size: 10px;
}
#tou033 {
  position: absolute;
  top: 893px;
  left: 816px;
}
#tou04 {
  position: absolute;
  top: 872px;
  left: 673px;
}
#tou041 {
  position: absolute;
  top: 867px;
  left: 706px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#tou042 {
  position: absolute;
  top: 857px;
  left: 677px;
  color: #0f0;
  background-color: #000;
  font-size: 10px;
}
#tou043 {
  position: absolute;
  top: 995px;
  left: 829px;
}
#tou05 {
  position: absolute;
  top: 884px;
  left: 588px;
}
#tou051 {
  position: absolute;
  top: 854px;
  left: 558px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#tou052 {
  position: absolute;
  top: 869px;
  left: 591px;
  color: #0f0;
  background-color: #000;
  font-size: 10px;
}
#tou053 {
  position: absolute;
  top: 999px;
  left: 734px;
}
#tou06 {
  position: absolute;
  top: 971px;
  left: 583px;
}
#tou061 {
  position: absolute;
  top: 969px;
  left: 611px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#tou062 {
  position: absolute;
  top: 954px;
  left: 588px;
  color: #0f0;
  background-color: #000;
  font-size: 10px;
}
#tou063 {
  position: absolute;
  top: 999px;
  left: 630px;
}
#tou07 {
  position: absolute;
  top: 964px;
  left: 449px;
}
#tou071 {
  position: absolute;
  top: 930px;
  left: 444px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#tou072 {
  position: absolute;
  top: 948px;
  left: 456px;
  color: #0f0;
  background-color: #000;
  font-size: 10px;
}
#tou073 {
  position: absolute;
  top: 999px;
  left: 498px;
}
/*北方七宿*/
h2#hokumi {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  background-color: #b9d;
  position: absolute;
  top: 920px;
  left: 113px;
}
ul#hoku li ul li a:link {
  color: #00c;
  background-color: #b9d;
  border: inset 3px #b9d;
  height: 24px;
}
ul#hoku li ul li a:visited {
  color: #000;
  background-color: #b9d;
  border: inset 3px #b9d;
  height: 24px;
}

ul#hoku li ul li a:hover {
  color: #f0f;
  background-color: #fdf;
  border: outset 3px #fdf;
  height: 24px;
}
#hoku08 {
  position: absolute;
  top: 922px;
  left: 365px;
}
#hoku081 {
  position: absolute;
  top: 930px;
  left: 294px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#hoku082 {
  position: absolute;
  top: 904px;
  left: 374px;
  color: #faf;
  background-color: #000;
  font-size: 10px;
}
#hoku083 {
  position: absolute;
  top: 1004px;
  left: 324px;
}
#hoku09 {
  position: absolute;
  top: 865px;
  left: 263px;
}
#hoku091 {
  position: absolute;
  top: 828px;
  left: 279px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#hoku092 {
  position: absolute;
  top: 848px;
  left: 264px;
  color: #faf;
  background-color: #000;
  font-size: 10px;
}
#hoku093 {
  position: absolute;
  top: 999px;
  left: 221px;
}
#hoku10 {
  position: absolute;
  top: 793px;
  left: 197px;
}
#hoku101 {
  position: absolute;
  top: 777px;
  left: 243px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#hoku102 {
  position: absolute;
  top: 776px;
  left: 199px;
  color: #faf;
  background-color: #000;
  font-size: 10px;
}
#hoku103 {
  position: absolute;
  top: 1000px;
  left: 114px;
}
#hoku11 {
  position: absolute;
  top: 742px;
  left: 167px;
}
#hoku111 {
  position: absolute;
  top: 727px;
  left: 217px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#hoku112 {
  position: absolute;
  top: 725px;
  left: 168px;
  color: #faf;
  background-color: #000;
  font-size: 10px;
}
#hoku113 {
  position: absolute;
  top: 1002px;
  left: 9px;
}
#hoku12 {
  position: absolute;
  top: 684px;
  left: 163px;
}
#hoku121 {
  position: absolute;
  top: 675px;
  left: 211px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#hoku122 {
  position: absolute;
  top: 666px;
  left: 166px;
  color: #faf;
  background-color: #000;
  font-size: 10px;
}
#hoku123 {
  position: absolute;
  top: 900px;
  left: 5px;
}
#hoku13 {
  position: absolute;
  top: 606px;
  left: 187px;
}
#hoku131 {
  position: absolute;
  top: 603px;
  left: 232px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#hoku132 {
  position: absolute;
  top: 588px;
  left: 189px;
  color: #faf;
  background-color: #000;
  font-size: 10px;
}
#hoku133 {
  position: absolute;
  top: 794px;
  left: 8px;
}
#hoku14 {
  position: absolute;
  top: 547px;
  left: 180px;
}
#hoku141 {
  position: absolute;
  top: 545px;
  left: 226px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#hoku142 {
  position: absolute;
  top: 528px;
  left: 182px;
  color: #faf;
  background-color: #000;
  font-size: 10px;
}
#hoku143 {
  position: absolute;
  top: 691px;
  left: 5px;
}
/*西方七宿*/
h2#seimi {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  background-color: #ffd;
  position: absolute;
  top: 222px;
  left: 125px;
}
ul#sei li ul li a:link {
  color: #00f;
  background-color: #ffd;
  border: inset 3px #ffd;
  height: 24px;
}
ul#sei li ul li a:visited {
  color: #000;
  background-color: #ffd;
  border: inset 3px #ffd;
  height: 24px;
}

ul#sei li ul li a:hover {
  color: #cc0;
  background-color: #ffd;
  border: outset 3px #ffd;
  height: 24px;
}
#sei15 {
  position: absolute;
  top: 491px;
  left: 127px;
}
#sei151 {
  position: absolute;
  top: 485px;
  left: 157px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#sei152 {
  position: absolute;
  top: 476px;
  left: 131px;
  color: #ff0;
  background-color: #000;
  font-size: 10px;
}
#sei153 {
  position: absolute;
  top: 356px;
  left: 6px;
}
#sei16 {
  position: absolute;
  top: 414px;
  left: 155px;
}
#sei161 {
  position: absolute;
  top: 440px;
  left: 160px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#sei162 {
  position: absolute;
  top: 395px;
  left: 158px;
  color: #ff0;
  background-color: #000;
  font-size: 10px;
}
#sei163 {
  position: absolute;
  top: 233px;
  left: 10px;
}
#sei17 {
  position: absolute;
  top: 383px;
  left: 210px;
}
#sei171 {
  position: absolute;
  top: 408px;
  left: 203px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#sei172 {
  position: absolute;
  top: 367px;
  left: 212px;
  color: #ff0;
  background-color: #000;
  font-size: 10px;
}
#sei173 {
  position: absolute;
  top: 116px;
  left: 17px;
}
#sei18 {
  position: absolute;
  top: 338px;
  left: 240px;
}
#sei181 {
  position: absolute;
  top: 361px;
  left: 244px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#sei182 {
  position: absolute;
  top: 321px;
  left: 244px;
  color: #ff0;
  background-color: #000;
  font-size: 10px;
}
#sei183 {
  position: absolute;
  top: 98px;
  left: 116px;
}
#sei19 {
  position: absolute;
  top: 287px;
  left: 293px;
}
#sei191 {
  position: absolute;
  top: 317px;
  left: 297px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#sei192 {
  position: absolute;
  top: 270px;
  left: 295px;
  color: #ff0;
  background-color: #000;
  font-size: 10px;
}
#sei193 {
  position: absolute;
  top: 10px;
  left: 208px;
}
#sei20 {
  position: absolute;
  top: 304px;
  left: 380px;
}
#sei201 {
  position: absolute;
  top: 283px;
  left: 425px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#sei202 {
  position: absolute;
  top: 287px;
  left: 381px;
  color: #ff0;
  background-color: #000;
  font-size: 10px;
}
#sei203 {
  position: absolute;
  top: 9px;
  left: 312px;
}
#sei21 {
  position: absolute;
  top: 211px;
  left: 325px;
}
#sei211 {
  position: absolute;
  top: 234px;
  left: 325px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#sei212 {
  position: absolute;
  top: 191px;
  left: 328px;
  color: #ff0;
  background-color: #000;
  font-size: 10px;
}
#sei213 {
  position: absolute;
  top: 8px;
  left: 392px;
}
/*南方七宿*/
h2#nanmi {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  background-color: #faa;
  position: absolute;
  top: 142px;
  left: 726px;
}
ul#nan li ul li a:link {
  color: #00c;
  background-color: #faa;
  border: inset 3px #faa;
  height: 24px;
}
ul#nan li ul li a:visited {
  color: #000;
  background-color: #faa;
  border: inset 3px #faa;
  height: 24px;
}

ul#nan li ul li a:hover {
  color: #f00;
  background-color: #fdd;
  border: outset 3px #fdd;
  height: 24px;
}
#nan22 {
  position: absolute;
  top: 370px;
  left: 436px;
}
#nan221 {
  position: absolute;
  top: 334px;
  left: 469px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#nan222 {
  position: absolute;
  top: 354px;
  left: 438px;
  color: #faa;
  background-color: #000;
  font-size: 10px;
}
#nan223 {
  position: absolute;
  top: 8px;
  left: 541px;
}
#nan23 {
  position: absolute;
  top: 408px;
  left: 516px;
}
#nan231 {
  position: absolute;
  top: 390px;
  left: 547px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#nan232 {
  position: absolute;
  top: 392px;
  left: 523px;
  color: #faa;
  background-color: #000;
  font-size: 10px;
}
#nan233 {
  position: absolute;
  top: 7px;
  left: 621px;
}
#nan24 {
  position: absolute;
  top: 308px;
  left: 562px;
}
#nan241 {
  position: absolute;
  top: 269px;
  left: 551px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#nan242 {
  position: absolute;
  top: 292px;
  left: 561px;
  color: #faa;
  background-color: #000;
  font-size: 10px;
}
#nan243 {
  position: absolute;
  top: 6px;
  left: 727px;
}
#nan25 {
  position: absolute;
  top: 331px;
  left: 641px;
}
#nan251 {
  position: absolute;
  top: 297px;
  left: 646px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#nan252 {
  position: absolute;
  top: 317px;
  left: 644px;
  color: #faa;
  background-color: #000;
  font-size: 10px;
}
#nan253 {
  position: absolute;
  top: 11px;
  left: 822px;
}
#nan26 {
  position: absolute;
  top: 333px;
  left: 753px;
}
#nan261 {
  position: absolute;
  top: 356px;
  left: 704px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#nan262 {
  position: absolute;
  top: 315px;
  left: 754px;
  color: #faa;
  background-color: #000;
  font-size: 10px;
}
#nan263 {
  position: absolute;
  top: 117px;
  left: 823px;
}
#nan27 {
  position: absolute;
  top: 439px;
  left: 753px;
}
#nan271 {
  position: absolute;
  top: 404px;
  left: 719px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#nan272 {
  position: absolute;
  top: 423px;
  left: 757px;
  color: #faa;
  background-color: #000;
  font-size: 10px;
}
#nan273 {
  position: absolute;
  top: 226px;
  left: 844px;
}
#nan28 {
  position: absolute;
  top: 566px;
  left: 764px;
}
#nan281 {
  position: absolute;
  top: 530px;
  left: 724px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
}
#nan282 {
  position: absolute;
  top: 550px;
  left: 766px;
  color: #faa;
  background-color: #000;
  font-size: 10px;
}
#nan283 {
  position: absolute;
  top: 335px;
  left: 854px;
}

/*その他*/
h2#sonota {
  display: none;
}
#seki {
  position: absolute;
  top: 747px;
  left: 551px;
  color: #faa;
  font-size: 20px;
}
#ou {
  position: absolute;
  top: 903px;
  left: 510px;
  color: #ffa;
  font-size: 20px;
}
#ten {
  position: absolute;
  top: 763px;
  left: 395px;
  color: #ccf;
  font-size: 20px;
}
#h00 {
  position: absolute;
  top: 514px;
  left: 53px;
  color: #0f0;
  font-size: 14px;
}
#h06 {
  position: absolute;
  top: 156px;
  left: 415px;
  color: #0f0;
  font-size: 14px;
}
#h12 {
  position: absolute;
  top: 511px;
  left: 843px;
  color: #0f0;
  font-size: 14px;
}
#h18 {
  position: absolute;
  top: 1060px;
  left: 450px;
  color: #0f0;
  font-size: 14px;
}
#sonota01 {
  position: absolute;
  top: 544px;
  left: 468px;
  color: #fff;
  font-size: 12px;
}
#sonota02 {
  position: absolute;
  top: 501px;
  left: 435px;
  color: #fff;
  font-size: 12px;
}
#sonota03 {
  position: absolute;
  top: 545px;
  left: 557px;
  color: #fff;
  font-size: 12px;
}
#sonota04 {
  position: absolute;
  top: 492px;
  left: 497px;
  color: #fff;
  font-size: 12px;
}
#sonota05 {
  position: absolute;
  top: 642px;
  left: 511px;
  color: #fff;
  font-size: 12px;
}
#sonota06 {
  position: absolute;
  top: 621px;
  left: 592px;
  color: #fff;
  font-size: 12px;
}
#sonota07 {
  position: absolute;
  top: 665px;
  left: 347px;
  color: #fff;
  font-size: 12px;
}
#sonota08 {
  position: absolute;
  top: 649px;
  left: 420px;
  color: #fff;
  font-size: 12px;
}
#sonota09 {
  position: absolute;
  top: 734px;
  left: 350px;
  color: #fff;
  font-size: 12px;
}
#sonota10 {
  position: absolute;
  top: 497px;
  left: 369px;
  color: #fff;
  font-size: 12px;
}
#sonota11 {
  position: absolute;
  top: 406px;
  left: 361px;
  color: #fff;
  font-size: 12px;
}
#sonota12 {
  position: absolute;
  top: 446px;
  left: 320px;
  color: #fff;
  font-size: 12px;
}
#sonota13 {
  position: absolute;
  top: 162px;
  left: 463px;
  color: #fff;
  font-size: 12px;
}
#sonota14 {
  position: absolute;
  top: 731px;
  left: 808px;
  color: #fff;
  font-size: 12px;
}
#sonota15 {
  width: 14px;
  position: absolute;
  top: 587px;
  left: 54px;
  color: #fff;
  font-size: 12px;
}
#sonota16 {
  width: 13px;
  position: absolute;
  top: 454px;
  left: 71px;
  color: #fff;
  font-size: 12px;
}
#sonota17 {
  width: 14px;
  position: absolute;
  top: 315px;
  left: 114px;
  color: #fff;
  font-size: 12px;
}
#sonota18 {
 position: absolute;
  top: 140px;
  left: 609px;
  color: #fff;
  font-size: 12px;
}