body {
color: #333;
font-size: 80%;
font-family: sans-serif;
background-image: url(img/bg_body.gif);
background-repeat: repeat-x;
background-attachment: fixed; }
div#page {
background-color: #fff;
width: 760px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto; }
/*header start*/
div#header {
background-color: #fff;
background-image: url(img/bg_header.gif);
background-repeat: repeat-x;
background-position: left bottom; }
div#header:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 }
 div#header{
 display:inline-table;
 }
 /*macIE\*/
 *html div#header{height:1%;}
 div#header{display:block;}
 /*macIE*/
#header p.logo {
float: left;
padding-top: 15px;
padding-left: 10px; }
#header p.counter {
float:        right;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px; }

#header form {
text-align: right;
padding: 5px 5px 18px; }

#header input.textbox {
color: #999;
font-size: 80%;
border: solid 1px #ccc;
 }

#header input.button {
vertical-align: middle;
padding-left: 5px; }

#header form { }

#header ul.groval {
float: right;
padding-bottom: 7px; }

#header ul.groval li {
font-size: 80%;
background-image: url(img/icon_arrow.gif);
background-repeat: no-repeat;
background-position: left center;
text-align: left;
padding-right: 10px;
padding-left: 15px;
display: inline; }

#header ul.navi {
text-align: right;
width: 500px;
margin-left: 260px; }
#header ul.navi li {
width: 125px;
float: left; }

#header ul.navi li img {
vertical-align: top; }

#header ul.navi li {
height:            150px;
margin-bottom:     -120px;
float: left;
display: block; 
}

#header ul.navi li ul li {
height:            24px;
margin-bottom:     0px;
}

#header ul.navi li ul {
//margin-right:      -100px;
//margin-bottom:     -120px;
position:          relative;
top:               0;
right:             0;
bottom:            0;
left:              0;
width:             125px;
//height:            120px;
z-index: 1;
//visibility: hidden;
//float: left;
display: block; }
#header ul li ul li {
font-size: 80%;
line-height: 200%;
text-align: center; }
#header span.search {
font-size: 80%;
margin-right: 5px; }

/*Mac IE*/
*>html #header ul li ul {
top:               30px;
 }
/*header end*/
div#panlist {
color: #fff;
background-color: #633d96;
clear: left;
padding: 3px; }

div#panlist a:link,
div#panlist a:visited{
color:            #fff;
text-decoration: underline;
padding:          3px; }

div#panlist a:hover,
div#panlist a:active{
color:            #ff0;}
div#panlist ul li {
color:            #fff;
font-size: 80%;
background-color: #633d96;
display: inline; }

/*main*/
div#main {
background-color: #fff;
background-image: url(img/bg_main.gif);
background-repeat: repeat-y;
padding-top: 2px;
border-color: #069;
border-width: 1px; }
div#contents {
width: 547px;
float: right;
padding-top: 7px;
padding-right: 10px;
padding-left: 5px; }
div#menu {
width: 191px;
float: left;
padding-left: 2px;
border-top: 2px solid #fff; }
div#menu img {
vertical-align: bottom; }

#menu ul.submenu li {
background-color: #fff;
border-bottom: 1px solid #069; }
#menu ul.submenu li a {
color: #069;
background-color: #fff;
text-decoration: none;
padding: 3px 3px 3px 30px;
display: block; }
#menu ul.submenu li a:hover {
color: #fff;
background-color:   #348ab5; }
#menu ul.submenu li.present {
color: #fff;
background-color: #348ab5; }
#menu ul.submenu li.present a {
color: #fff;
background-color:   #348ab5;
text-decoration: none;
padding: 3px 3px 3px 30px;
display: block; }
div#footer {color:            #fff;
font-size:        80%;
background-color: #ccc;
text-align:       right;
padding:          3px;
width:            754px;
clear:            both;
border-top:       2px solid #fff; }

#footer ul {
padding-top: 3px;
padding-bottom: 3px; }
#footer ul li {
display: inline;
 }
img#sub2_2 {
display: none; }

/*Safari*/
#header ul li ul {
top:               0px;#
 }
/* {outline: dashed 1px teal; border }*/