/*==========================================================*/
/*  header   */

#header {
   width: 100%;
   margin: 0;
   padding: 0;
   }
   
#local-nav {
   position: relative;
   width: 100%;
   height: 70px;
   margin: 0;
   padding: 0;
   z-index: 1;
   }

#local-nav img.top_title {
   position: absolute;
   top: 15px;
   left: 30px;
   z-index: 10;
   }
   
#local-nav #cse {
   position: absolute;
   top: 28px;
   right :50px;
   z-index: 10;
   }
   
#local-nav #cse-back img {
   position: absolute;
   top: 18px;
   right :30px;
   z-index: 5;
   }

/*==========================================================*/
/*  pulldown  */ 

#global-nav {
   width: 804px;
   height: 40px;
   margin: 0;
   padding: 0 0 0 4px;
   background-image: url(../img/common/gnav-back.png); 
   background-repeat: no-repeat;
   background-position: center;
   z-index: 300;
   position: relative;
   }
   
body.b-home #global-nav {
   margin: 0 0 18px 0;
   }

#global-nav .home, #global-nav .gaiyou, #global-nav .member, #global-nav .doc, #global-nav .support {
   position: relative;
   width: 160px;
   float: left;
   }
   
#global-nav p {
   width: 160px;
   height: 40px;
   margin: 0px;
   z-index: 100;
   }

#global-nav ul a:link, #global-nav ul a:visited,
#global-nav ul a:hover, #global-nav ul a:active {
   display: block;
   width: 160px;
   padding: 2px 1px 0 5px;
   text-decoration: none;
   color: #006400;
   border-bottom: 1px dotted #006400; 
   margin-bottom: -1px;
   }

body.b-support #global-nav ul.left-menu a:link, 
body.b-support #global-nav ul.left-menu a:visited, 
body.b-support #global-nav ul.left-menu a:hover, 
body.b-support #global-nav ul.left-menu a:active {
   display: block;
   width: 160px;
   padding: 2px 1px 0 5px;
   text-decoration: none;
   color: #006400;
   border-bottom: 1px dotted #006400; 
   margin-bottom: -1px;
   float: left;
   }

body.b-support #global-nav ul.right-menu a:link, 
body.b-support #global-nav ul.right-menu a:visited, 
body.b-support #global-nav ul.right-menu a:hover, 
body.b-support #global-nav ul.right-menu a:active {
   display: block;
   width: 160px;
   padding: 2px 1px 0 5px;
   text-decoration: none;
   color: #006400;
   border-bottom: 1px dotted #006400;
   margin-bottom: -1px;
   float: left;
   clear: both;
   }

body.b-home #global-nav ul a:link, 
body.b-home #global-nav ul a:visited, 
body.b-home #global-nav ul a:hover, 
body.b-home #global-nav ul a:active {
   padding: 8px 0px 8px 5px;
   }
   
#global-nav ul a:hover, #global-nav ul a:active {
   color:#32cd32;
   background:#ccffcc;
   }
   
#global-nav ul {
   width:160px;
   background-image: url(../img/common/opa90.png); 
   border: solid #006400;
   border-width:0px 1px 1px 1px;
   position:absolute;
   top: 40px;
   margin: 0 1px 0 -1px;
   padding: 0;
   list-style:none;
   z-index: 50;
   overflow:hidden;
   }
   
body.b-support #global-nav ul.left-menu {
   width:160px;
   background-image: url(../img/common/opa90.png); 
   border: solid #006400;
   border-width:0px 1px 1px 1px;
   position:absolute;
   top: 40px;
   margin: 0 1px 0 -1px;
   padding: 0;
   list-style:none;
   z-index: 50;
   overflow:hidden;
   float: left;
   }
   
#global-nav ul.right-menu {
   width:160px;
   background-image: url(../img/common/opa90.png); 
   border: solid #006400;
   border-width:0px 1px 1px 1px;
   position:absolute;
   top: 40px;
   margin: 0 1px 0 160px;
   padding: 0;
   list-style:none;
   z-index: 50;
   overflow:hidden;
   float: left;
   clear: both;
   }
   
#global-nav li {
   display: inline;
   width: 160px;
   height: 40px;
   margin: 0px;
   padding: 0px;
   list-style: none;
   z-index: 50;
   }

#global-nav .home, #global-nav .gaiyou, #global-nav .member, #global-nav .doc, #global-nav .support {
   height:40px;
   overflow:hidden;
   }
   
#global-nav .home:hover, #global-nav .gaiyou:hover, #global-nav .member:hover, #global-nav .doc:hover, #global-nav .support:hover {
   overflow:visible;
   }