#bodyid{  
  padding:0;
margin:0;
}
#page{  
  background : #ffffff url(img/bg.png) repeat-y 700px 0px;
}
#page2{  
  border:1px solid #666;
background:#fff;
width:700px;
font-size:0.8em;
color:#666;
text-align:center;
}
#banner{  
  background : #0c3566 url(img/banbg.png) repeat-x left top;
border-bottom:1px solid #fff;
height:50px;
letter-spacing:2px;
text-align:left
;
}
#banner h1{  
  font-size:24px;
color:#fff;
margin:0;
padding:10px 20px;
}
#menu{  
  border-collapse:collapse;
background:#666;
width:100%;
}
#menu td{  
  border:1px solid #666;
border-right-width:0;
background : #fbfbfc url(img/menubg.png) repeat-x left top;
height:20px;
font-size:13px;
width:20%;
letter-spacing:1px;
text-align:center;
}
#menu a{  
  color:#666;
font-weight:bold;
width:100%;
text-decoration:none;
}
#image{  
  border:1px solid #666;
background : #133d6f url(img/image.jpg) no-repeat left top;
width:680px;
height:80px;
margin:10px auto;
}
#image h3{  
  color:#fff;
font-size:1.1em;
text-align:right;
padding:10px;
margin:0;
}
#left{  
  width:170px;
float:left;
margin-bottom:20px;
text-align:left;
}
#sidemenu{  
  border:1px solid #777;
border-bottom-width:0;
margin-left:10px;
}
#left h2{  
  border-bottom:1px solid #777;
background : #2a5385 url(img/sidebg.png) repeat-y left top;
font-size:1em;
margin:0;
padding:4px 10px;
color:#fff;
}
#left ul{  
  list-style-type:none;
margin:0;
padding:0;
}
#left li{  
  border-bottom:1px solid #777;
font-weight:normal;
margin:0;
padding:4px 10px;
font-size:1em;
}
#left li a{  
  width:100%;
text-decoration:none;
color:#555;
}
#left li a:hover{  
  color:#5c7faa;
}
#right{  
  width:510px;
float:right;
padding:0 0 10px 0;
text-align:left;
}
#right a{  
  color:#4e71a9;
}
#right a:hover{  
  color:#ced5e5;
}
#right h2{  
  background : url(img/titlebg.png) no-repeat left top;
color:#fff;
font-size:13px;
margin:0 10px 0 0;
padding:6px 0 15px 10px;
}
#right p{  
  font-weight:normal;
margin:0 10px 13px 0;
padding:0 10px;
font-size:1em;
line-height:120%;
}
#pagetop{  
  padding:20px 10px 0 0;
text-align:right;
}
#copy{  
  clear:both;
border-top:1px solid #666;
color:#666;
padding:3px 10px;
text-align:center;
}
#omo{  
  display:none;
}
#box{  
  margin:10pt;
padding:10px;
border:2px dashed #dc143c;
}
OL{
    
  color : black;
  
}
/* ナビゲーション */
#navi_continer {  
  position: relative;
z-index:100;
width: 400px;
height:100px;
}

#navi {  
  position: absolute;
top : 0px;
left : 0px;
width : 500px;
}

#navi ul {  
  margin: 0;
padding: 0;
list-style: none;
}

#navi li {  
  color: #fffff;
float: left;
width: 100px;
margin: 0;
}

#navi li a {  
  font-size: 14px;
color: #ffffff;
display: block;
width: 100%;
padding: 3px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
background-color: #3399ff;
}

#navi li a:hover {  
  color: #ffffff;
background-color: #3366cc;
}

/* サブメニュー */
#navi ul.sub {  
  background: #eeeeee;
}

#navi ul.sub li {  
  float: none;
}

#navi ul.sub li a {  
  color: #666666;
background: none;
font-size: 12px;
font-weight: normal;
padding: 3px 0;
border-top:1px solid #000099;
}

#navi ul.sub li a:hover {
    

color: #ffffff;
background-color: #ff9900;
}

#navi ul li.navi_menu ul {  
  display: none;
}

#navi ul li.navi_menu_on ul {  
  display: block;
}

#navi li.navi_menu{  
  border:1px solid #000099;
}

#navi LI.navi_menu_on{  
  border:1px solid #000099;
}