html, body {
  height: 100%;
  font-size: small;
  font-family: Osaka,Verdana;
  color: #222222;
  letter-spacing: 0.5px;
}

body {
  margin: 0;
  padding: 0;
  background: #58514f url("/asikun/img/background.png") repeat-x left bottom;
}

html>/**/body {
  background-color: #645d5b;
}


td {
  font-size: small;
  font-family: Osaka,Verdana;
  color: #222222;
  letter-spacing: 0.5px;
  text-align:left;
}

a:link,a:visited { color:#330000; text-decoration:underline }
a:active,a:hover { color:#800000; text-decoration:none;}




.wrapper {
	width: 750px;
  background-color:#ffffff;
}
`
.wrapper,
.footer {
  text-align: center;
  margin: 0;

}

/* sticky-footer see http://ryanfait.com/sticky-footer/ */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px;
}

.footer,
.push {
	height: 90px;
}
.push {
  background-color:#ffffff;
}
/* sticky-footer */



.header {
	width: 750px;
}
.body {
  width: 750px;
  margin:0 auto;
  padding: 0 0 15px 0;
}
.footer {
  width: 750px;
	margin: 0 auto;
  color: #ffffff;
  background: #544c65 url("/asikun/img/footer.png") no-repeat 0 0;
}




/*------ navi ------*/
#navi {
  height:54px;
  background:url(/asikun/img/navi.png) no-repeat;
  margin:0;
  padding:0;
  position:relative;
}

#navi li {
  display:inline;
  list-style-type:none;
  position:absolute;
  top:0;
}

#navi li a {
  height:34px;
  display:block;
  float:left;
  text-indent:-9999em;
  text-decoration:none;
  overflow:hidden;
  background:url(/asikun/img/navi.png) no-repeat
}


#navi li.navi01 {
  left: 0px;
}
#navi li.navi02 {
  left: 116px;
}
#navi li.navi03 {
  left: 232px;
}
#navi li.navi04 {
  left: 590px;
}

#navi li.navi01 a {
  background-position: 0px 0px;
  width:116px;
}
#navi li.navi02 a {
  background-position: -116px 0px;
  width:116px;
}
#navi li.navi03 a {
  background-position: -232px 0px;
  width:116px;
}
#navi li.navi04 a {
  background-position: -590px 0px;
  width:86px;
}

#navi li.navi01 a:hover {
  background-position: 0px 0px;
}
#navi li.navi02 a:hover {
  background-position: -116px -53px;
}
#navi li.navi03 a:hover {
  background-position: -232px -106px;
}
#navi li.navi04 a:hover {
  background-position: -590px -159px;
}
/*------ navi ------*/

/*------ menu ------*/
#menu {
  height:27px;
  background:url(/asikun/img/menu.png) no-repeat;
  margin:0;
  padding:0;
}

#menu li {
  display:inline;
  list-style-type:none;
}

#menu li a {
  width:87px;
  height:27px;
  display:block;
  float:left;
  text-indent:-9999em;
  text-decoration:none;
  overflow:hidden;
  background:url(/asikun/img/menu.png) no-repeat;
}

#menu li.menu01 a {
  background-position: 0px 0px;
}
#menu li.menu02 a {
  background-position: -87px 0px;

}
#menu li.menu03 a {
  background-position: -174px 0px;
}
#menu li.menu04 a {
  background-position: -261px 0px;
}

#menu li.menu01 a:hover {
  background-position: 0px -27px;
}
#menu li.menu02 a:hover {
  background-position: -87px -27px;
}
#menu li.menu03 a:hover {
  background-position: -174px -27px;
}
#menu li.menu04 a:hover {
  background-position: -261px -27px;
}
/*------ menu ------*/