/* CSS Document */
body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #cccccc;
  margin: 0px;
}

a {
  text-decoration: underline;
  color: #000000;
}
a:hover {
  text-decoration: none;
  color: #000000;
}

.cbox a {
  text-decoration: underline;
  color: #999999;
}
.cbox a:hover {
  text-decoration: none;
  color: #999999;
}

h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 2px 0px;
  color: #999999;
}
h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 2px 0px;
  color: #999999;
}
img {
  border: none;
}
table {
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
}
form {
  margin: 0px;
}
input {
  border: 1px solid #000000;
  width: 250px;
  font-size: 10px;
  background: none;
}
textarea {
  font-family: Verdana, Arial, sans-serif;
  border: 1px solid #000000;
  width: 250px;
  height: 100px;
  font-size: 10px;
  background: none;
}
button {
  border: 1px solid #000000;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}

#main-area {
  width: 900px;
  margin: auto;
  min-height: 300px;
  _height: 300px;
  background-color: #ffffff;
}
#line-1 {
  height: 8px;
  background: url("../img/repeat_line_1.png") repeat-x;
  _font-size: 1px;
}
#line-2 {
  height: 12px;
  background: url("../img/repeat_line_2.png") repeat-x;
  _font-size: 1px;
}
#top-image {
  height: 121px;
  background: url("../img/top_1.jpg") no-repeat;
}
#main-menu {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
#main-menu a {
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  margin-left: 10px;
  text-decoration: none;
  padding-bottom: 6px;
}
#main-menu a.pink {
  border-bottom: 6px solid #f640f6;
}
#main-menu a.blue {
  border-bottom: 6px solid #5fa4a4;
}
#main-menu a.green {
  border-bottom: 6px solid #5cb14d;
}
#main-menu a.violet {
  border-bottom: 6px solid #7f7fe3;
}
#main-menu a:hover {
  color: #000000;
  padding-bottom: 6px;
}
#main-menu a:hover.pink {
  background: url("../img/menu_border_pink.png") repeat-x 0px 20px;
}
#main-menu a:hover.blue {
  background: url("../img/menu_border_blue.png") repeat-x 0px 20px;
}
#main-menu a:hover.green {
  background: url("../img/menu_border_green.png") repeat-x 0px 20px;
}
#main-menu a:hover.violet {
  background: url("../img/menu_border_violet.png") repeat-x 0px 20px;
}
#main-menu a.pink-active {
  background: url("../img/menu_border_pink.png") repeat-x 0px 20px;
  border-bottom: 18px solid #f640f6;
  color: #000000;
}
#main-menu a.blue-active {
  background: url("../img/menu_border_blue.png") repeat-x 0px 20px;
  border-bottom: 18px solid #5fa4a4;
  color: #000000;
}
#main-menu a.green-active {
  background: url("../img/menu_border_green.png") repeat-x 0px 20px;
  border-bottom: 18px solid #5cb14d;
  color: #000000;
}
#main-menu a.violet-active {
  background: url("../img/menu_border_violet.png") repeat-x 0px 20px;
  border-bottom: 18px solid #7f7fe3;
  color: #000000;
}
#line-4 {
  height: 16px;
  background: url("../img/line_2.png") no-repeat;
}
#footer-line {
  margin-top: 10px;
  background: url("../img/line_1.png") no-repeat top #cccccc;
  padding-top: 12px;
  font-size: 10px;
}

.navi {
  padding: 0px 10px;
  font-size: 10px;
}
.image-box {
  margin: 10px;
  _margin: 10px 5px;
  position: relative;
  float: left;
  height: 200px;
}
.br-border {
  position: absolute;
  width: 200px;
  min-height: 190px;
  _height: 190px;
  background: url("../img/border_br.png") no-repeat bottom right;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
}
.br-border table {
  width: 200px;
  height: 190px;
  _height: 190px;
}
.text-box {
  margin: 10px 0px 0px 210px;
  _margin: 10px 0px 0px 115px;
  min-height: 200px;
  _height: 200px;
  position: relative;
  float: left;
  width: 400px;
  background: url("../img/bg_text_1.png") no-repeat bottom right;
}
.right-box {
  margin-right: 10px;
  _margin-right: 5px;
  float: right;
  width: 230px;
  background: url("../img/vertical_line_1.png") repeat-y top left;
  padding-left: 10px;
}

.text-box div.box {
  margin: 0px 0px 15px;
  background: url("../img/tl_corner.png") no-repeat top left;
  padding: 10px 3px 0px 15px;
}
.right-box div.box {
  margin: 0px 0px 15px;
  color: #999999;
}

.right-box div.keybox span {
  position: relative;
  display: inline;
  margin-right: 6px;
  height: 30px;
  _height: 30px;
  vertical-align: middle;
}
.right-box div.keybox span a {
  text-decoration: none;
}
.right-box div.keybox span a.key1,
.right-box div.keybox span.key1 {
  font-size: 13px; 
  font-weight: bold;
}
.right-box div.keybox span a.key2,
.right-box div.keybox span.key2 {
  font-size: 13px; 
}
.right-box div.keybox span a.key3,
.right-box div.keybox span.key3 {
  font-size: 10px; 
  font-weight: bold;
}
.right-box div.keybox span a.key4,
.right-box div.keybox span.key4 {
  font-size: 10px; 
}
.right-box div.keybox span a.key5,
.right-box div.keybox span.key5 {
  font-size: 12px; 
  font-weight: bold;
}
.right-box div.keybox span a.key6,
.right-box div.keybox span.key6 {
  font-size: 12px; 
}
.right-box div.keybox span a.key7,
.right-box div.keybox span.key7 {
  font-size: 11px; 
  font-weight: bold;
}
.right-box div.keybox span a.key8,
.right-box div.keybox span.key8 {
  font-size: 14px; 
}
.right-box div.keybox span a.key9,
.right-box div.keybox span.key9 {
  font-size: 15px; 
  font-weight: bold;
}
.right-box div.keybox span a.key10,
.right-box div.keybox span.key10 {
  font-size: 15px; 
}

.desc {
  font-size: 10px;
}
.desc a {
  color: #aaaaaa;
}

.msg {
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  padding: 3px 0px;
}
.msg.err {
  background-color: #ff0000;
}
.msg.ok {
  background-color: #5cb14d;
}

/* Various */
.align.center {text-align: center;}
.align.left {text-align: left;}
.align.right {text-align: right;}
.align.justify {text-align: justify;}
.align.middle {vertical-align: middle;}
.align.top {vertical-align: top;}
.align.bottom {vertical-align: bottom;}

img.left {float: left;}
img.right {float: right;}

.m20 {margin: 20px;}
.m10 {margin: 10px;}
.mb {margin-bottom: 3px;}
.mb2 {margin-bottom: 10px;}

.absolute {position: absolute;}
.relative {position: relative;}

.clr {clear: both;}

sub {font-size: 0.7em; vertical-align: top;}

.sbt {
  margin-top: 10px;
  border-top: 1px solid #666666;
  padding-top: 5px;
  color: #666666;
}