/* ----------------------------------------------------

                      backbone

---------------------------------------------------- */

body {
  margin: 0;
  text-align: center;
  background-color: #090c0f;
  background-image: url(/images/bg_body.gif);
  color: #eee;
}
#wrapper {
  width: 750px;
  margin: 0 auto;
  text-align: center;
}
#border_top {
  background: url(/images/bg_top.jpg);
  width: 700px;
  height: 40px;
}
#border_main {
  background-image: url(/images/bg_main.jpg);
  background-repeat: repeat-y;
  width: 700px;
}
#border_bottom {
  background-image: url(/images/bg_bottom.jpg);
  width: 700px;
  height: 40px;
}
#border_foot {
  background-image: url(/images/bg_foot.jpg);
  width: 700px;
  height: 62px;
}

/* ----------------------------------------------------

                       header

---------------------------------------------------- */

#header {
  width: 700px;
  margin: 0px;
  color: #d4dee1;
  text-align: left;
}
img#top_banner {
  width: 480px;
  height: 192px;
  border-style: none;
}
ul.navi {
  _height: 1px;
  min-height: 1px;
  margin: 0.1em 5px -2px;
  padding: 0.2em 0 0 0;
  background-image: url(/images/bg_break01.gif);
  background-position: left 0.3em;
  background-repeat: no-repeat;
}
ul.navi:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: inline;
  clear: both;
}
ul.navi li {
  margin: 0;
  float: left;
  width: 7em;
  width: 135px;
  background-image: url(/images/bg_break01.gif);
  background-position: right 0.1em;
  background-repeat: no-repeat;
  list-style-type: none;
  text-align: center;
  font-weight: bold;
}
ul.navi li a {
  margin: 0 1px;
  padding: 0.3em 0.5em;
  border: none;
  display: block;
  line-height: 1;
  font-size: 16px;
  color: #a0c9dd;
  text-decoration: none;
}
#navi_1 a:hover {
  color: #eee;
  background-color: #00957e;
}
#navi_1_f a {
  color: #eee;
  background-color: #00957e;
}
#navi_2 a:hover {
  color: #eee;
  background-color: #1a439b;
}
#navi_2_f a {
  color: #eee;
  background-color: #1a439b;
}
#navi_3 a:hover {
  color: #eee;
  background-color: #e30020;
}
#navi_3_f a {
  color: #eee;
  background-color: #e30020;
}
#navi_4 a:hover {
  color: #eee;
  background-color: #ffc827;
}
#navi_4_f a {
  color: #eee;
  background-color: #ffc827;
}
#navi_5 a:hover {
  color: #eee;
  background-color: #8b278d;
}
#navi_5_f a {
  color: #eee;
  background-color: #8b278d;
  text-align: center;
}
#navi_6 a:hover {
  color: #eee;
  background-color: #f0027e;
}
#navi_6_f a {
  color: #eee;
  background-color: #f0027e;
}
#navi_7 a:hover {
  color: #eee;
  background-color: #00957e;
}
#navi_7_f a {
  color: #eee;
  background-color: #00957e;
}
#navi_8 a:hover {
  color: #eee;
  background-color: #1a439b;
}
#navi_8_f a {
  color: #eee;
  background-color: #1a439b;
}
#navi_9 a:hover {
  color: #eee;
  background-color: #e30020;
}
#navi_9_f a {
  color: #eee;
  background-color: #e30020;
}
#navi_10 a:hover {
  color: #eee;
  background-color: #ffc827;
}
#navi_10_f a {
  color: #eee;
  background-color: #ffc827;
}
#font_b {
  color: #eee;
}

/* ----------------------------------------------------

                       footer

---------------------------------------------------- */

#footer {
  clear: both;
  margin: 0px 5px;
  font-size: 13px;
  text-align: center;
}
#backtop {
  margin: 0px 10px 10px 0px;
  text-align: right;
  border-bottom:1px dotted #888888;
}
#footer a {
  color: #a0c9dd;
}
#footer a:hover {
  color: #fff;
}

/* ----------------------------------------------------

                         main 

---------------------------------------------------- */

#main {
  width: 650px;
  padding: 20px 0px 10px 20px;
  font-size: 16px;
  color: #fff;
  text-align: left;
}
#main h1{
  font-size: 18px;
  padding: 0px;
  color: #ffc827
}
#main a {
  color: #a0c9dd;
}
#main a:hover {
  color: #eee;
}
li#main {
  color: #fff;
}
#news table {
  font-size: 12px;
  width: 610px;
  padding: 7px;
  background-color: #090c0f;
  border-width: thick;
  border-style: double;
  border-color: #eee;
  color: #eee;
}
td.date {
  text-align: left;
  vertical-align:top;
  border: none;
}
td.category {
  text-align: left;
  vertical-align:top;
  border: none;
  width: 5.5em;
}
td.contents {
  text-align: left;
  vertical-align:top;
  border: none;
}
td.more {
  text-align: right;
  vertical-align:top;
  border: none;
}

/* ----------------------------------------------------

                         font 

---------------------------------------------------- */

.attention {
  color: red;
  font-weight: bold;
  font-size: 18px;
}
.red{
  color: red;
}