﻿@charset "utf-8";

/* ================================================================
 Breadcrumbs Navigation Sample
=================================================================== */
div#container div#wrapper {
  margin-top: 0;
}

.breadcrumbs {
    display: block;
    list-style: none;
    padding: 0 0 0 2px;
    margin: 0;
    background: #fff;
    font-size: 90%;
}

.breadcrumbs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 1.6em;
    line-height: 1.6em;
}

.breadcrumbs ul li {
    float: left;
    display: block;
    margin: 0;
    padding: 0 6px;
    background: url('images/path.gif') no-repeat right center;
}

.breadcrumbs ul li.current {
    float: left;
    display: block;
    padding: 0 6px;
    background: transparent none;
}

.breadcrumbs ul li a {
    padding-right: 6px;
    text-decoration: none;
    cursor:pointer;
}


/* ================================================================
 Header Navigation Sample 1
=================================================================== */

.navi_001 {
    display: block;
    clear: both;
    width: 1040px;
    height: 36px;
    margin: 0;
    padding: 0 20px;
    background: transparent url(images/navi_001/bg_navigation.png) repeat-x left bottom;
    border-bottom: 4px solid #bbb;
}

.navi_001 ul.top {
    list-style: none;
    padding: 0;
    margin: 0;
}

.navi_001 li {
    padding: 0;
    margin: 0;
}


.navi_001 a.level1 {
  display: block;
  float: left;
  width: auto;
  height: 36px;
  margin: 2px 0 0 0;
  padding: 0 16px;
  color: #222;
  font-weight:bold;
  background: transparent url(../../images/custom/bg_navigation_menu.png) no-repeat left bottom;
  text-decoration: none;
  line-height: 36px;
}
.navi_001 li.selected a.level1,
.navi_001 a.level1:hover {
  height: 36px;
  margin: 2px 0 0 0;
  padding: 0 16px 0 16px;
  background: transparent url(../../images/custom/bg_navigation_menu_up.png) repeat-x left bottom;
  line-height: 40px;
}
* html .navi_001 li.selected a.level1,
* html .navi_001 a.level1:hover {
  height: 36px;
  margin: 2px 0 0 0;
  padding: 0 16px;
  line-height: 36px;
}

.navi_001 ul.top li.level1             {float:left; display:block;}
.navi_001 ul.top li a.level1           {float:left; display:block;}
.navi_001 ul.top li      a.level1 span {float:left; display:block; width:auto; height: auto;}
.navi_001 ul.top li.drop a.level1 span {float:left; display:block; width:auto; height: auto;}

.navi_001 ul.top li.selected       a.level1                 {}
.navi_001 ul.top li.selected       a.level1       span      {width:auto; height: auto;}
.navi_001 ul.top li.selected       a.level1       span.drop {width:auto; height: auto;}

.navi_001 ul.top li:hover          a.level1                 {}
.navi_001 ul.top li:hover          a.level1       span      {width:auto; height: auto;}
.navi_001 ul.top li:hover          a.level1       span.drop {width:auto; height: auto;}
/* for IE6 */
.navi_001 ul.top                   a.level1:hover           {}
.navi_001 ul.top                   a.level1:hover span      {width:auto; height: auto;}
.navi_001 ul.top                   a.level1:hover span.drop {width:auto; height: auto;}

.navi_001 ul.top li.selected:hover a.level1                 {}
.navi_001 ul.top li.selected:hover a.level1       span      {width:auto; height: auto;}
.navi_001 ul.top li.selected:hover a.level1       span.drop {width:auto; height: auto;}
/* for IE6 */
.navi_001 ul.top li.selected       a.level1:hover           {}
.navi_001 ul.top li.selected       a.level1:hover span      {width:auto; height: auto;}
.navi_001 ul.top li.selected       a.level1:hover span.drop {width:auto; height: auto;}

.navi_001 ul.top table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}

.navi_001 ul.top .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_001 ul.top li:hover          {position:relative; z-index:200;}
.navi_001 ul.top li.selected:hover {position:relative; z-index:200;}
/* for IE6 */
.navi_001 ul.top  a:hover          {position:relative; white-space:normal; z-index:200;}

.navi_001 ul.top :hover ul.sub1            {left:0px; top:38px; background: #f7f7f7; padding:3px; border:1px solid #395475; white-space:nowrap; width:130px; height:auto; z-index:300;}
.navi_001 ul.top :hover ul.sub1 li         {display:block; height:20px; width:130px; position:relative; float:left; font-weight:normal;}
.navi_001 ul.top :hover ul.sub1 li a       {display:block; height:18px; width:128px; font-size:11px; line-height:18px; text-indent:5px; color:#000; text-decoration:none; border:1px solid #f7f7f7;}
.navi_001 ul.top :hover ul.sub1 li a:hover {background:#336699; color:#FFF; border-color:#f7f7f7;}

/* keep the 'next' level invisible by placing it off screen. */
.navi_001 ul.top ul,
.navi_001 ul.top :hover ul ul,
.navi_001 ul.top :hover ul :hover ul ul,
.navi_001 ul.top :hover ul :hover ul :hover ul ul,
.navi_001 ul.top :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_001 ul.top :hover ul :hover ul,
.navi_001 ul.top :hover ul :hover ul :hover ul,
.navi_001 ul.top :hover ul :hover ul :hover ul :hover ul,
.navi_001 ul.top :hover ul :hover ul :hover ul :hover ul :hover ul
{left:130px; top:0; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; z-index:400; height:auto;}

.navi_001 ul.top ul.sub1 li.selected > a {background:#6699cc; color:#FFF; border-color:#f7f7f7;}

.navi_001 ul.top :hover ul.sub1 li          a.fly       {background:url(images/navi_003/fly.png) no-repeat right center;}
.navi_001 ul.top :hover ul.sub1 li          a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #336699;}
.navi_001 ul.top :hover ul.sub1 li.selected a.fly       {background:url(images/navi_003/fly.png) no-repeat right center #6699cc;}
.navi_001 ul.top :hover ul.sub1 li.selected a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #336699;}



/* ================================================================
 Header Navigation Sample 2
=================================================================== */

.navi_002 {
    display: block;
    width: 100%;
    background: url('images/navi_002/menu-bg.gif');
    border-bottom: 1px solid #CCCCCC;
    padding: 0;
    margin: 0;
    height: 25px;
    line-height: 25px;
}

.navi_002 ul.top {
    list-style: none;
    padding: 0;
    margin: 0;
}

.navi_002 li {
    padding: 0;
    margin: 0;
}

.navi_002 a.level1:active  {color:#CCC;}

.navi_002 a.level1:visited  {color:#CCC;}

.navi_002 a.level1:link  {color:#CCC;}
.navi_002 a.level1:hover   {color:#FFF; background:url('images/navi_002/menu-hover.gif') repeat-x right top;
}

.navi_002 ul.top li.level1             {float:left; display:block; padding:0px 0px 0 0px;
                                            background:transparent; font-size:.9em; border-right:1px solid #000;}
.navi_002 ul.top li a.level1           {float:left; display:block; padding:0 12px 0 12px; text-decoration:none; cursor:pointer;}
.navi_002 ul.top li      a.level1 span {float:left; display:block; padding:0 0px 0 0;}
.navi_002 ul.top li.drop a.level1 span {float:left; display:block; padding:0 0px 0 0;}

.navi_002 ul.top li.selected       a.level1                 {color:#FFF; background:url('images/navi_002/menu-hover.gif') repeat-x right top;
}
.navi_002 ul.top li.selected       a.level1       span      {}
.navi_002 ul.top li.selected       a.level1       span.drop {padding-bottom:0px;}

.navi_002 ul.top li:hover          a.level1                 {color:#FFF;}
.navi_002 ul.top li:hover          a.level1       span      {}
.navi_002 ul.top li:hover          a.level1       span.drop {padding-bottom:0px;}
/* for IE6 */
.navi_002 ul.top                   a.level1:hover           {color:#FFF;}
.navi_002 ul.top                   a.level1:hover span      {}
.navi_002 ul.top                   a.level1:hover span.drop {padding-bottom:0px;}

.navi_002 ul.top li.selected:hover a.level1                 {color:#FFF;}
.navi_002 ul.top li.selected:hover a.level1       span      {}
.navi_002 ul.top li.selected:hover a.level1       span.drop {padding-bottom:0px;}
/* for IE6 */
.navi_002 ul.top li.selected       a.level1:hover           {color:#FFF;}
.navi_002 ul.top li.selected       a.level1:hover span      {}
.navi_002 ul.top li.selected       a.level1:hover span.drop {padding-bottom:0px;}

.navi_002 ul.top table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}

.navi_002 ul.top .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_002 ul.top li:hover          {position:relative; z-index:200;}
.navi_002 ul.top li.selected:hover {position:relative; z-index:200;}
/* for IE6 */
.navi_002 ul.top  a:hover          {position:relative; white-space:normal; z-index:200;}

.navi_002 ul.top :hover ul.sub1            {left:-1px; top:25px; background: #000; padding:0px; border-left:1px solid #444; white-space:nowrap; width:130px; height:auto; z-index:300;}
.navi_002 ul.top :hover ul.sub1 li         {display:block; height:25px; width:130px; position:relative; float:left; font-weight:normal;}
.navi_002 ul.top :hover ul.sub1 li a       {display:block; height:25px; width:130px; font-size:11px; line-height:25px; text-indent:5px; color:#CCC; text-decoration:none; border-top:1px solid #444;}
.navi_002 ul.top :hover ul.sub1 li a:hover {color:#FFF; background:url('images/navi_002/menu-hover.gif') repeat-x right top; 
height:24px;
}

/* keep the 'next' level invisible by placing it off screen. */
.navi_002 ul.top :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_002 ul.top :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_002 ul.top :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_002 ul.top :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_002 ul.top ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_002 ul.top :hover ul :hover ul :hover ul :hover ul :hover ul
{left:130px; top:0px; background: #000; padding:0px; border-left:1px solid #444; white-space:nowrap; width:130px; z-index:400; height:auto;}

.navi_002 ul.top :hover ul :hover ul :hover ul :hover ul
{left:130px; top:0px; background: #000; padding:0px; border-left:1px solid #444; white-space:nowrap; width:130px; z-index:400; height:auto;}

.navi_002 ul.top :hover ul :hover ul :hover ul
{left:130px; top:0px; background: #000; padding:0px; border-left:1px solid #444; white-space:nowrap; width:130px; z-index:400; height:auto;}

.navi_002 ul.top :hover ul :hover ul
{left:130px; top:0px; background: #000; padding:0px; border-left:1px solid #444; white-space:nowrap; width:130px; z-index:400; height:auto;}

.navi_002 ul.top ul.sub1 li.selected > a {color:#FFF; background:url('menu-hover.gif') repeat-x right top; 
height:24px;
}

.navi_002 ul.top :hover ul.sub1 li          a.fly       {background:url('fly.png') no-repeat right center;
}
.navi_002 ul.top :hover ul.sub1 li          a.fly:hover {color:#FFF; background:url('images/navi_002/menu-hover.gif') repeat-x right top; 
height:24px;
}
.navi_002 ul.top :hover ul.sub1 li.selected a.fly       {color:#FFF; background:url('images/navi_002/menu-hover.gif') repeat-x right top; 
height:24px;
}
.navi_002 ul.top :hover ul.sub1 li.selected a.fly:hover {color:#FFF; background:url('images/navi_002/menu-hover.gif') repeat-x right top; 
height:24px;
}



/* ================================================================
 Header Navigation Sample 3
=================================================================== */
.navi_003 ul.top {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    width: auto;
    height: 35px;
    background: #FFF url('images/navi_003/ld_0.png') repeat-x;
    position: relative;
    z-index: 200;
    font-family: arial, verdana, sans-serif;
}

.navi_003 li {
    padding: 0;
    margin: 0;
}

.navi_003 ul.top li.level1                                  {float:left; display:block;}
.navi_003 ul.top li                a.level1                 {float:left; display:block; padding:0 0 0 25px; height:35px; background:url('ld_0.png');
                                                                line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer;
}
.navi_003 ul.top li                a.level1       span      {float:left; display:block; padding:0 25px 0 0; height:35px; background:url('ld_0.png') no-repeat right top;
}
.navi_003 ul.top li.drop           a.level1       span      {float:left; display:block; padding:0 25px 0 0; height:35px; background:url('ld_0b.png') no-repeat right top;
}

.navi_003 ul.top li.selected       a.level1                 {background:url('images/navi_003/ld_2a.png') no-repeat; 
color:#FFF;
}
.navi_003 ul.top li.selected       a.level1       span      {background:url('images/navi_003/ld_2b.png') no-repeat right top;
}
.navi_003 ul.top li.selected       a.level1       span.drop {background:url('images/navi_003/ld_2c.png') no-repeat right top;
}

.navi_003 ul.top li:hover          a.level1                 {background:url('images/navi_003/ld_1a.png') no-repeat; 
color:#FFF;
}
.navi_003 ul.top li:hover          a.level1       span      {background:url('images/navi_003/ld_1b.png') no-repeat right top;
}
.navi_003 ul.top li:hover          a.level1       span.drop {background:url('images/navi_003/ld_1c.png') no-repeat right top;
}
/* for IE6 */
.navi_003 ul.top                   a.level1:hover           {background:url('images/navi_003/ld_1a.png') no-repeat; 
color:#FFF;
}
.navi_003 ul.top                   a.level1:hover span      {background:url('images/navi_003/ld_1b.png') no-repeat right top;
}
.navi_003 ul.top                   a.level1:hover span.drop {background:url('images/navi_003/ld_1c.png') no-repeat right top;
}

.navi_003 ul.top li.selected:hover a.level1                 {background:url('images/navi_003/ld_2a.png') no-repeat; 
color:#FFF;
}
.navi_003 ul.top li.selected:hover a.level1       span      {background:url('images/navi_003/ld_2b.png') no-repeat right top;
}
.navi_003 ul.top li.selected:hover a.level1       span.drop {background:url('images/navi_003/ld_2c.png') no-repeat right top;
}
/* for IE6 */
.navi_003 ul.top li.selected       a.level1:hover           {background:url('images/navi_003/ld_2a.png') no-repeat; 
color:#FFF;
}
.navi_003 ul.top li.selected       a.level1:hover span      {background:url('images/navi_003/ld_2b.png') no-repeat right top;
}
.navi_003 ul.top li.selected       a.level1:hover span.drop {background:url('images/navi_003/ld_2c.png') no-repeat right top;
}

.navi_003 ul.top table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}

.navi_003 ul.top .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_003 ul.top li:hover          {position:relative; z-index:200;}
.navi_003 ul.top li.selected:hover {position:relative; z-index:200;}
/* for IE6 */
.navi_003 ul.top  a:hover          {position:relative; white-space:normal; z-index:200;}

.navi_003 ul.top :hover ul.sub1            {left:1px; top:34px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; height:auto; z-index:300;}
.navi_003 ul.top :hover ul.sub1 li         {display:block; height:20px; width:130px; position:relative; float:left; font-weight:normal;}
.navi_003 ul.top :hover ul.sub1 li a       {display:block; height:18px; width:128px; font-size:11px; line-height:18px; text-indent:5px; color:#000; text-decoration:none; border:1px solid #f7f7f7;}
.navi_003 ul.top :hover ul.sub1 li a:hover {background:#336699; color:#FFF; border-color:#f7f7f7;}
/* for IE6 */
.navi_003 ul.top li.selected :hover ul.sub1 li a span  {background-image: none; height:18px; line-height:18px;}


.navi_003 ul.top :hover ul.sub1 li a span  {background-image: none; height:18px; line-height:18px;}


/* keep the 'next' level invisible by placing it off screen. */
.navi_003 ul.top :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_003 ul.top :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_003 ul.top :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_003 ul.top :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_003 ul.top ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_003 ul.top :hover ul :hover ul :hover ul :hover ul :hover ul
{left:129px; top:-4px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; z-index:400; height:auto;}

.navi_003 ul.top :hover ul :hover ul :hover ul :hover ul
{left:129px; top:-4px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; z-index:400; height:auto;}

.navi_003 ul.top :hover ul :hover ul :hover ul
{left:129px; top:-4px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; z-index:400; height:auto;}

.navi_003 ul.top :hover ul :hover ul
{left:129px; top:-4px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; z-index:400; height:auto;}

.navi_003 ul.top ul.sub1 li.selected > a {background:#6699cc; color:#FFF; border-color:#f7f7f7;}

/* for IE6 */
.navi_003 ul.top ul.sub1 li.selected {background:#6699cc; color:#FFF; border-color:#f7f7f7;}


.navi_003 ul.top :hover ul.sub1 li          a.fly       {background:url('images/navi_003/fly.png') no-repeat right center;
}
.navi_003 ul.top :hover ul.sub1 li          a.fly:hover {background:#336699 url('images/navi_003/fly.png') no-repeat right center;
}
.navi_003 ul.top :hover ul.sub1 li.selected a.fly       {background:#6699cc url('images/navi_003/fly.png') no-repeat right center;
}
.navi_003 ul.top :hover ul.sub1 li.selected a.fly:hover {background:#336699 url('images/navi_003/fly.png') no-repeat right center;
}




/* ================================================================
 Block Navigation Sample 1
=================================================================== */
div#container div#wrapper div#leftblocks {
  overflow: visible;
}

.bnavi_001 ul.top {
    display: block;
    padding: 0;
    margin: -7px 0 0 5px;
    list-style: none;
    width: 173px;
    position: relative;
    z-index: 200;
    font-family: arial, verdana, sans-serif;
    border:1px solid #ccc;
    border-width:1px 1px 0 1px;
}

.bnavi_001 ul li {
    background: none;
    padding: 0;
    margin: 1px 0 0 0;
}

.bnavi_001 li {
    background: none;
    padding: 0;
    margin: 0;
}
* html .bnavi_001 ul li {
    float: left;
}

* html .bnavi_001 li {
    float: left;
}

.bnavi_001 ul.top li.level1             {display:block;}
.bnavi_001 ul.top li a.level1  {
  display:block;
  padding:0 0 0 0px;
  height:23px;
  text-indent:5px; 
  background:#f5f5f5;
  border-bottom:1px solid #ccc;
  line-height:21px;
  color:#039;
  text-decoration:none;
  font-size:0.9em;
  cursor:pointer;
}
*:first-child+html .bnavi_001 ul.top li.level1 { /* IE7 */ /* ivywe_ikeda 0311 */
  margin-left: -16px;
}

.bnavi_001 ul.top li      a.level1 span {display:block; padding:0 0px 0 0; height:23px;}
.bnavi_001 ul.top li.drop a.level1 span {display:block; padding:0 0px 0 0; height:23px; background:url('images/navi_003/fly.png') no-repeat right center;
}

.bnavi_001 ul.top li.selected       a.level1                 {color:#039; background:#fd9;}
.bnavi_001 ul.top li.selected       a.level1       span      {}
.bnavi_001 ul.top li.selected       a.level1       span.drop {background:#eee url('images/navi_003/fly.png') no-repeat right center;
}

.bnavi_001 ul.top li:hover          a.level1                 {color:#039; background:#eee;}
.bnavi_001 ul.top li:hover          a.level1       span      {}
.bnavi_001 ul.top li:hover          a.level1       span.drop {background:url('images/navi_003/fly.png') no-repeat right center;
}
/* for IE6 */
.bnavi_001 ul.top                   a.level1:hover           {color:#039; background:#eee;}
.bnavi_001 ul.top                   a.level1:hover span      {}
.bnavi_001 ul.top                   a.level1:hover span.drop {background:url('images/navi_003/fly.png') no-repeat right center;
}

.bnavi_001 ul.top li.selected:hover a.level1                 {color:#039; background:#eee;}
.bnavi_001 ul.top li.selected:hover a.level1       span      {}
.bnavi_001 ul.top li.selected:hover a.level1       span.drop {background:#eee url('images/navi_003/fly.png') no-repeat right center;
}
/* for IE6 */
.bnavi_001 ul.top li.selected       a.level1:hover           {color:#039; background:#eee;}
.bnavi_001 ul.top li.selected       a.level1:hover span      {}
.bnavi_001 ul.top li.selected       a.level1:hover span.drop {background:#eee url('images/navi_003/fly.png') no-repeat right center;
}

.bnavi_001 ul.top table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}

.bnavi_001 ul.top .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.bnavi_001 ul.top li:hover          {position:relative; z-index:200;}
.bnavi_001 ul.top li.selected:hover {position:relative; z-index:200;}
/* for IE6 */
.bnavi_001 ul.top  a:hover          {position:relative; white-space:normal; z-index:200;}

.bnavi_001 ul.top :hover ul.sub1            {top:0px; left:155px; background: #CDD9E7; padding:3px; border:1px solid #395475; white-space:nowrap; width:130px; height:auto; z-index:300;}
.bnavi_001 ul.top :hover ul.sub1 li         {display:block; height:20px; width:130px; position:relative; float:left; font-weight:normal;}
.bnavi_001 ul.top :hover ul.sub1 li a       {display:block; height:18px; width:128px; font-size:11px; line-height:18px; text-indent:5px; color:#039; text-decoration:none; border:1px solid #CDD9E7;}
.bnavi_001 ul.top :hover ul.sub1 li a:hover {background:#A9BDD6; color:#039; border-color:#A9BDD6;}
/* for IE6 */
.bnavi_001 ul.top li.selected :hover ul.sub1 li a span  {height:18px; line-height:18px;}

.bnavi_001 ul.top :hover ul.sub1 li a span  {height:18px; line-height:18px;}

/* keep the 'next' level invisible by placing it off screen. */
.bnavi_001 ul.top :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.bnavi_001 ul.top :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.bnavi_001 ul.top :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.bnavi_001 ul.top :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.bnavi_001 ul.top ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.bnavi_001 ul.top :hover ul :hover ul :hover ul :hover ul :hover ul
{left:130px; top:-4px; background: #CDD9E7; padding:3px; border:1px solid #395475; white-space:nowrap; width:130px; z-index:400; height:auto;}

.bnavi_001 ul.top :hover ul :hover ul :hover ul :hover ul
{left:130px; top:-4px; background: #CDD9E7; padding:3px; border:1px solid #395475; white-space:nowrap; width:130px; z-index:400; height:auto;}

.bnavi_001 ul.top :hover ul :hover ul :hover ul
{left:130px; top:-4px; background: #CDD9E7; padding:3px; border:1px solid #395475; white-space:nowrap; width:130px; z-index:400; height:auto;}

.bnavi_001 ul.top :hover ul :hover ul
{left:130px; top:-4px; background: #CDD9E7; padding:3px; border:1px solid #395475; white-space:nowrap; width:130px; z-index:400; height:auto;}

.bnavi_001 ul.top ul.sub1 li.selected > a {background:#A9BDD6; color:#039; border-color:#A9BDD6;}

.bnavi_001 ul.top :hover ul.sub1 li          a.fly       {background:url('images/navi_003/fly.png') no-repeat right center;
}
.bnavi_001 ul.top :hover ul.sub1 li          a.fly:hover {background:#A9BDD6 url('images/navi_003/fly.png') no-repeat right center;
}
.bnavi_001 ul.top :hover ul.sub1 li.selected a.fly       {background:#A9BDD6 url('images/navi_003/fly.png') no-repeat right center;
}
.bnavi_001 ul.top :hover ul.sub1 li.selected a.fly:hover {background:#A9BDD6 url('images/navi_003/fly.png') no-repeat right center;
}


div#container div#wrapper div#leftblocks .bnavi_001 ul.top :hover ul.sub1 li a:visited {
  color: #222222;
  text-decoration:none;
}


div#container div#wrapper div#leftblocks .bnavi_001 ul.top :hover ul.sub1 li a {
  color: #222222;
  text-decoration:none;
}


div#container div#wrapper div#leftblocks .bnavi_001 ul.top li a.level1:visited {
  color: #222222;
  text-decoration:none;
}


div#container div#wrapper div#leftblocks .bnavi_001 ul.top li a.level1 {
  color: #222222;
  text-decoration:none;
}


/* ================================================================
 Info Navigation Sample (header)
=================================================================== */
.info_navi ul.top {
  float: right;
  list-style-type: none;
  margin: 5px 10px 0;
  padding: 0;
}
.info_navi ul.top li {
  display: inline;
  padding-left: 1em;
}
.info_navi ul.top li a {
  padding-left: 18px;
  background: url('images/arrow_info.gif') no-repeat left 50%;
}


/* ================================================================
 Footer Navigation Sample
=================================================================== */
div#container div#footer .fnavi_001 ul.top {
    display: block;
    margin: 0;
    padding: 0 0 2em;
    list-style: none;
    text-align: center;
}
.fnavi_001 ul.top li {
    display: inline;
    border-right: 1px solid #fff;
    font-size: 90%;
}
.fnavi_001 ul.top li.selected.last {
    border-right: none;
}
.fnavi_001 ul.top li.last {
    border-right: none;
}
.fnavi_001 ul.top li.selected {
    font-weight: bold;
}
.fnavi_001 ul.top li.selected a:hover {
    text-decoration: none;
}
.fnavi_001 ul.top li span {
    margin: 0 5px;
}

div#container div#footer .fnavi_001 ul.top ul {
    display: none;
}
* html div#container div#footer .fnavi_001 ul.top table {
    display: none;
}


/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop7.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */