* {
  font-family: Verdana,Chicago,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}

div {
  margin: 0;
}
.page {
  width: 750px;
  margin-left:  auto;
  margin-right: auto;
  text-align: justify;
  border: red;
}

.header_before {background: url("img/header_before.gif"); height: 28px;}
.header        {background: url("img/header.gif"       ); padding: 0px 30px;}
.header_footer {clear: both;}

.main {
  background: url("img/main.gif");
  border: 1px solid #EEEEEE;
  padding: 10px 20px;
}
.main_header {
  height: 1em;
  margin-bottom: 1ex;
}
.main_footer {
  clear: both;
}
.footer       {clear: both;}
.footer       {background: url("img/footer.gif"      ); padding: 10px 10px 2px 10px; color: white;}
.footer_after {background: url("img/footer_after.gif"); height: 28px; margin-top: -1px;}


.menu_container     {width: 150px; padding-right: 20px;}
.contents_container {width: 530px;                     }
.menu_container, .contents_container {
  position: relative; float: left;
}
.Lcontents_container {width: 708px;}
.Lcontents {
  width: 708px;
  width: 684px;
  padding: 12px;
  background: white;
  margin-bottom: 1ex;
}

.menu_before {background: url("img/menu_before.gif"); width: 150px; height: 32px;}
.menu_after  {background: url("img/menu_after.gif" ); width: 150px; height: 32px;}
.menu        {background: url("img/menu.gif"       ); width: 130px;               padding: 0 10px 1ex 10px;}
.menu        {font-size: 13pt; font-size: small;}
.menu h1     {display: none;}
.menu h2     {display: none;}

.contents {
  width: 506px;
  padding: 12px;
  background: white;
  margin-bottom: 1ex;
}

ul, ol {
  margin: 0;
  padding: 0;
}
li {
  margin: 0 0 0 2em;
  padding: 0;
}

img {
  border: 0;
  margin: 0;
}


/*-------------------------------------------------------------------
 * header
 */

.header {
  height: 140px;
  overflow: hidden;
}

.title {background: url("img/title_bg2.jpg") no-repeat right;}

.header .yusymbol {
  float: left;
  width: 82px; height: 100px;
}

.header h1 {
  margin: 0;
  position: relative;
  top: 46px;
  font-size: 54px;
  font-weight: 500;
  text-align: right;
  color: #E0FFE0;
  overflow: hidden;
  height: 54px;
  line-height: 54px;
}

.header ul {
  float: left;
  position: relative;
  display: block;
  margin: 0;
}

.header { overflow: visible;}
.header .insitelinks {position: absolute; left: 220px; top: -120px;}
.header .yulinks     {position: absolute; left:   0px; top:    4px;}

.header li {
  margin: 2px 4px 2px 0;
  float: left;
  padding: 0 2px 4px 2px;
  width: 106px;  height: 18px;
  font-size: 14px;
  overflow: hidden;
  list-style-type: none;
}
.header .insitelinks li {width: auto;}
.header .insitelinks {width: 600px; left: auto; right: 0px;}

.header .insitelinks :link    {color: #FFE080; text-decoration: none; font-weight: 900;}
.header .insitelinks :visited {color: #FFE080; text-decoration: none; font-weight: 900;}
.header .yulinks     :link    {color: #004000; text-decoration: none; font-weight: 900;}
.header .yulinks     :visited {color: #004000; text-decoration: none; font-weight: 900;}

.header .insitelinks li {
  text-align: right;
}

.header li:first-child {
  clear: both;
}

.header .title_footer {
  clear: both;
}

.header .links {
  width: 100%;
  height: 0px;
  overflow: visible;
  position: relative;
}

.menu li {
  margin-left: 18px;
  margin: 0px 0px 1ex 18px;
  list-style-image: url("img/leftpole_marker.gif");
}

.menu li:hover {
  list-style-image: url("img/leftpole_marker2.gif");
}
a:hover {
  color: #F44;
}

.menu ul {
  padding-bottom: 1em;
  margin-bottom:  1em;
}

.menu ul ul {
  padding-bottom: .5em;
  margin-bottom:  .51em;
}

.menu ul ul li {
  margin: 1ex 0;
  list-style-type:  none;
  list-style-image: none;
}

.link_yu {
  padding-right: 16px;
  background: url("img/icon_link_yu3c.gif") no-repeat right bottom;
}

.nodisplay {
  display: none;
}
