/* Set height of body and the document to 100% to enable "full page tabs" */
body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Meiryo', 'Hiragino Kaku Gothic Pro', 'MS PGothic', 'Segoe UI', sans-serif;
}
div.stcky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 100;
}
.txt {margin: 10px;padding: 10px;border: 1px solid #333333;border-radius: 10px;background-color:#eeeeee;}
.txt a {text-decoration: none; font-weight: bold;padding: 2px;padding-right: 4px;border-radius: 3px;white-space: nowrap;}

.a0 {background-color:red;color:white;} 
.a1 {background-color:green;color:white;}
.a2 {background-color:blue;color:white;}
.a3 {background-color:orange;color:white;}
.a4 {background-color:purple;color:white;}
.a5 {background-color:turquoise;color:white;}

.a0::before,  .a1::before,  .a2::before,  .a3::before,  .a4::before,  .a5::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url('../_but/home_0.png');
  background-color:none;
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  vertical-align: middle;
}

.a0::before {background-image: url('../_but/home_1.png');background-color:red;}
.a1::before {background-image: url('../_but/draft_1.png');background-color:green;}
.a2::before {background-image: url('../_but/form_1.png');background-color:blue;}
.a3::before {background-image: url('../_but/progress_1.png');background-color:orange;}
.a4::before {background-image: url('../_but/map_1.png');background-color:purple;}
.a5::before {background-image: url('../_but/gallery_1.png');background-color:turquoise;}

.a0:hover::before {background-image: url('../_but/home_0.png');background-color: #dddddd;}
.a1:hover::before {background-image: url('../_but/draft_0.png');background-color: #dddddd;}
.a2:hover::before {background-image: url('../_but/form_0.png');background-color: #dddddd;}
.a3:hover::before {background-image: url('../_but/progress_0.png');background-color: #dddddd;}
.a4:hover::before {background-image: url('../_but/map_0.png');background-color: #dddddd;}
.a5:hover::before {background-image: url('../_but/gallery_0.png');background-color: #dddddd;}

.a0:hover, .a1:hover, .a2:hover, .a3:hover, .a4:hover, .a5:hover {color: black;background-color: #dddddd;}