table, table * {
  border-spacing: 0px;
  padding: 0px;
}

/* Main */

#tableMain {
  border: 1pt solid #c8c8c8;
  width: 700px;
  height: 574px;
  margin: 25px auto;
}

#tdMain00, #tdMain10, #tdMain20, #tdMain30, #tdMain03, #tdMain13, #tdMain23, #tdMain33 {
  width: 35px;
}

#tdMain01, #tdMain11, #tdMain21, #tdMain31, #tdMain02, #tdMain12, #tdMain22, #tdMain32 {
  width: 315px;
}

#tdMain00, #tdMain01, #tdMain02, #tdMain03 {
  height: 35px;
}

#tdMain10, #tdMain11, #tdMain12, #tdMain13 {
  height: 30px;
  vertical-align: top;
  text-align: right;
}

#tdMain20, #tdMain21, #tdMain22, #tdMain23 {
  height: 222px;
  vertical-align: bottom;
}

#tdMain01 *, #tdMain04 * { 
  vertical-align: bottom;
}

#tdMain30, #tdMain31, #tdMain32, #tdMain33 {
  height: 287px;
  background-color: #d8e4f1;
  vertical-align: top;
}

#tdMain31 {
  vertical-align: bottom;
}

#tdMain22, #tdMain32 {
  text-align: left;
}

#tdMain22 *, #tdMain32 * {
  margin: 0px;
}

#tdMain21, #tdMain31 {
  text-align: right;
}

#tdMain21 *, #tdMain31 * {
  margin: 0px;
}

#tdMain21 *, #tdMain22 * {
  vertical-align: bottom;
  position: relative;
  top: 0px;
}

#tdMain31 *, #tdMain32 * {
  vertical-align: bottom;
  position: relative;
  top: 0px;
}

/* Menu */
#tableMenu {
  text-align: left;
  height: 338px;
  width: 256px;
  
}

#tdMenu00, #tdMenu01, #tdMenu02 {
  height: 112px;
  vertical-align: top;
}

#tdMenu00 img, #tdMenu01 img, #tdMenu02 img {
  vertical-align: top;
}
 
a.submenu {
  color: gray;
  font-size: 12px;
  text-decoration: none;
  font-family: "Arial", "Helvetica", "Helvetica CY", "sans-serif";
}

a.balloon {
  color: gray;
  font-size: 13px;
  text-decoration: none;
  font-family: "Arial", "Helvetica", "Helvetica CY", "sans-serif";
}

p.reference {
  color: #364d91;
  font-size: 11px;
  font-family: "Arial", "Helvetica", "Helvetica CY", "sans-serif";
  margin: 0;
  padding: 0;
}


span.comment {
  color: gray;
  font-size: 11px;
  font-style: italic; 
}

body {
  margin: 5px 5px 5px 0px;
  padding: 0px;
}

div.menu {
  color: #a6a6a6;
  font-size: 16px;
  font-family: "Arial", "Helvetica", "Helvetica CY", "sans-serif";
  font-weight: 900;
  position: relative;
  top: 10px;
  left: 10px;
  
}



div.menu-a {
  color: #9b2a00;
  font-size: 16px;
  font-family: "Arial", "Helvetica", "Helvetica CY", "sans-serif";
  font-weight: 900;
  position: relative;
  left: 10px;
  top: -15px;
  display: block;
}

div.menu-b {
  color: #a6a6a6;
  font-size: 15px;
  font-family: "Arial", "Helvetica", "Helvetica CY", "sans-serif";
  font-weight: 900;
  position: relative;
  left: 5px;
  top: 0px;
  display: block;
}

.menu-d {
  position: absolute;
  top: 50px;
  left: 10px;
}

.menu-t {
  position: absolute;
  top: 10px;
  left: 10px;
}

div.menu-descr-a {
  color: #6a6a6a;
  font-size: 10px;
  font-family: "Arial", "Helvetica", "Helvetica CY", "sans-serif";
  font-weight: 100;
  position: relative;
  top: -5px;
  left: 10px;
  line-height: 95%;
}

div.logo {
  position: relative;
  top: 190px;
  text-align: right;
}

div.corners {
  text-align: left;
  position: relative;
  top: -20px;
}


div.nav {
}

img.nav_delim {
  position: relative;
  top: 5px;
}

img.nav {
  margin: 0px 3px 0px 3px;
  border: 0px;
}

img.nav-lang {
  margin: 0px 3px 0px 3px;
  border: 0px;
}

img.text-title {
  margin: 0px 0px 10px 0px;
  border: 0px;
}

img.corner-f-tl {
  position: relative;
  top: -2px;
  left: -2px;
  vertical-align: top;
}
 
img.corner-f-tr {
  position: relative;
  top: -2px;
  left: 234px;
  vertical-align: top;
}

img.corner-f-bl {
  position: relative;
  top: 101px;
  left: -2px;
  vertical-align: top;
}
 
img.corner-f-br {
  position: relative;
  top: 101px;
  left: 230px;
  vertical-align: top;
}

#redFrame {
  border: 2px solid #b14d43;
  width: 254px; 
  height: 110px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  position: relative; 
  left: 23px; 
  top: 22px;
}

#menu1, #menu2, #menu3 {
  border: 1px solid #4f5760;
  height: 112px;
  width: 256px;
  position: relative;
  left: -1px;
}

#menu1 {
  top: -1px;
}

#menu2 {
  top: -2px;
}

#menu3 {
  top: -3px;
}


#menu1-m, #menu2-m, #menu3-m {
  position: relative;  
  z-index: 1;
}


div.menu_element {
  position: relative;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 2;
}

.menu_item {
  float: none;
  position: relative;
  width: 300px;
  height: auto;
  margin: 0;
  padding: 0;
}

.menu_item .mi_l_a
{
 float: none;
 position: relative;
 width: auto;
 height: auto;
 margin: 0;
 padding: 0;
}

.menu_item .mi_ll_a
{
  display: none;
}

.menu_item .mi_l_a {
  background: url("shadow.png") no-repeat left bottom;
  left: -23px;
  top: -23px; 
  width: 310px;
  height: 165px;
}


.menu_item .mi_c,
.menu_item .mi_c_a {
  float: none;
  position: relative; 
  left: 23px; 
  top: 22px;
  padding: 0px;
  margin: 0px; 
  background-repeat: no-repeat; 
  background-position: bottom right; 
  width: 256px; 
  height: 112px; 
}


* html .menu_item .mi_l_a,
* html .baloon
{
  height: 0px;
}

* html .menu_item .mi_ll_a,
* html .menu_item .mi_ll_a *,
* html .baloon_internal,
* html .baloon_internal *
{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}


* html .menu_item .mi_ll_a {
  width: 312px;
}

* html .baloon_internal {
  width: 189px;
  height: 117px; 
}

* html .menu_item .mi_ll_a,
* html .baloon_internal {
  overflow: visible;
}


* html .menu_item .mi_ll_a,
* html .menu_item .mi_ll_a * {
  bottom: expression(this.parentNode.offsetHeight % 2 ? -1 : 0);
  top: 0px;
}

* html .baloon_internal * {
  width: 189px;
  height: 117px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='e/baloon.png',sizingMethod='crop');
}

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

.about-b,
.about-b-c {
  float: left;
  position: relative; z-index: 1;
  width: auto; height: auto;
  margin: 0; padding: 0;
}

.about-bs {
  display: none;
}

.about-b {
  top: -30px;
  background: url("about-b.png") no-repeat left bottom;
  width: 340px;
  height: 455px;
  display: none;
}

.about-b-c {
  float: none;
  position: relative;
  top: 32px;
  left: 38px;
  padding: 0; margin: 0 0 0 0;
  width: 260px;
  height: 453px;
}

* html .about-b {
  height: 0; 
}

* html .about-bs, 
* html .about-bs * {
  display: block;
  position: absolute;
  left: 0; top: 0;
}

* html .about-bs {
  width: 340px;
  height: 455px;
  overflow: hidden;
}


#about-ss {
  width: 173px;
  height: 127px;
}


#about-s {
  position: relative;
  top: 450px;
  left: 150px;
  background: url("about-s.png") no-repeat left bottom;
  height: 127px;
  width: 173px;
  vertical-align: top;
}

#about-s-c {
  position: relative;
  top: -95px;
  left: 33px;
  cursor: pointer; 
  cursor: hand;
}

#about-s-c-group {
  position: relative;
  top: 0px;
  left: 0px;
}

#about-s-c-kpg {
  position: relative;
  top: 5px;
  left: 15px;
}

#about-b-c {
  font-size: 10px;
  font-family: "Arial", "Helvetica", "Helvetica CY", "sans-serif";
  line-height: 95%;
}

.boldRed {
	font-weight: bold;
	color: #b14d43;
}

.boldGray {
	font-weight: bold;
	color: gray;
}

#bodyTextMainIndex {
  width: 250px;
  height: 290px;
  overflow: hidden;
  font-size: 12px;
  font-family: "Arial", "Helvetica", "Helvetica CY", "sans-serif";
  position: relative;
  top: 20px;
  line-height: 130%;
}

#mainTextIndex {
  position: relative; 
  top: 0px;
}

#bodyTextScrollIndex {
  position: relative;
  top: 19px;
  left: 250px;
} 

#scrollUpIndex {
  position: absolute;
  top: 0px;
  left: 0px;
} 

#scrollDownIndex {
  position: absolute;
  top: 282px;
  left: 0px;
} 

#indWinTab1, #indWinTab2, #indWinTab3 {
  color: gray;
  text-align: center;
  font-size: 12px;
  line-height: 100%;
  font-weight: bold;
  cursor: pointer; 
  cursor: hand;
}

#menuCell1, #menuCell2, #menuCell3 {
  height: 111px;
  width: 256px;
  cursor: pointer; 
  cursor: hand;
}

#tabs {
  position: absolute;
  top: 60px;
  left: -9px;
}