body  { color: black; background-color: white; background-image: url("/img/header_back.gif"); background-repeat: repeat-x; text-align: center }
#header   { margin-right: auto; margin-left: auto; width: 980px; height: 80px; clear: both }
#header h1  { font-size: 1px; background-image: url("/img/rogo_id.gif"); background-repeat: no-repeat; display: block; margin-top: 20px; width: 237px; height: 50px; float: left }
#header h1 a { font-size: 1px; background-image: url("/img/rogo_id.gif"); background-repeat: no-repeat; display: block; width: 237px; height: 50px; float: left }
#header h1 span { position: absolute; width: 0; height: 0; overflow: hidden }
#la-se    { list-style-type: none; margin-top: 20px; width: 730px; height: 20px; float: right }
#la-se span { position: absolute; width: 0; height: 0; overflow: hidden }
#japanease   { background-image: url("/img/japanease_btn.gif"); background-repeat: no-repeat; display: block; margin-left: 10px; width: 56px; height: 20px; float: right }
#japanease a { background-image: url("/img/japanease_btn.gif"); background-repeat: no-repeat; display: block; width: 56px; height: 20px; float: right }
#japanease a:hover { background-image: url("/img/japanease_btn.gif"); background-repeat: no-repeat; background-position: -56px 0; display: block; width: 56px; height: 20px; float: right }
#english   { background-image: url("/img/english_btn.gif"); background-repeat: no-repeat; display: block; margin-left: 10px; width: 56px; height: 20px; float: right }
#english a { background-image: url("/img/english_btn.gif"); background-repeat: no-repeat; display: block; width: 56px; height: 20px; float: right }
#english a:hover { background-image: url("/img/english_btn.gif"); background-repeat: no-repeat; background-position: -56px 0; display: block; width: 56px; height: 20px; float: right }
#chinese   { background-image: url("/img/chinese_btn.gif"); background-repeat: no-repeat; display: block; margin-left: 10px; width: 56px; height: 20px; float: right }
#chinese a { background-image: url("/img/chinese_btn.gif"); background-repeat: no-repeat; display: block; width: 56px; height: 20px; float: right }
#chinese a:hover { background-image: url("/img/chinese_btn.gif"); background-repeat: no-repeat; background-position: -56px 0; display: block; width: 56px; height: 20px; float: right }
#korean   { background-image: url("/img/korean_btn.gif"); background-repeat: no-repeat; display: block; margin-left: 10px; width: 56px; height: 20px; float: right }
#korean a { background-image: url("/img/korean_btn.gif"); background-repeat: no-repeat; display: block; width: 56px; height: 20px; float: right }
#korean a:hover { background-image: url("/img/korean_btn.gif"); background-repeat: no-repeat; background-position: -56px 0; display: block; width: 56px; height: 20px; float: right }
#ve   { background-image: url("/img/ve_btn.gif"); background-repeat: no-repeat; display: block; margin-left: 10px; width: 56px; height: 20px; float: right }
#ve a { background-image: url("/img/ve_btn.gif"); background-repeat: no-repeat; display: block; width: 56px; height: 20px; float: right }
#ve a:hover { background-image: url("/img/ve_btn.gif"); background-repeat: no-repeat; background-position: -56px 0; display: block; width: 56px; height: 20px; float: right }

#search { margin-left: 10px; height: 20px; float: right }
.s_btn { height: 20px }
.s_bar { width: 120px }
#h-menu   { list-style-type: none; margin-top: 10px; width: 730px; height: 20px; float: right; clear: right }
#h-menu span { position: absolute; width: 0; height: 0; overflow: hidden }
#contact_btn { background-image: url("/img/contact_btn.gif"); background-repeat: no-repeat; display: block; width: 77px; height: 20px; float: right }
#contact_btn a { background-image: url("/img/contact_btn.gif"); background-repeat: no-repeat; display: block; width: 77px; height: 20px; float: right }
#contact_btn a:hover { background-image: url("/img/contact_btn.gif"); background-repeat: no-repeat; background-position: -77px 0; display: block; width: 77px; height: 20px; float: right }
#documents_btn { background-image: url("/img/documents_btn.gif"); background-repeat: no-repeat; display: block; width: 80px; height: 20px; float: right }
#documents_btn a { background-image: url("/img/documents_btn.gif"); background-repeat: no-repeat; display: block; width: 80px; height: 20px; float: right }
#documents_btn a:hover { background-image: url("/img/documents_btn.gif"); background-repeat: no-repeat; background-position: -80px 0; display: block; width: 80px; height: 20px; float: right }
#mail_btn { background-image: url("/img/mail_btn.gif"); background-repeat: no-repeat; display: block; width: 102px; height: 20px; float: right }
#mail_btn a { background-image: url("/img/mail_btn.gif"); background-repeat: no-repeat; display: block; width: 102px; height: 20px; float: right }
#mail_btn a:hover { background-image: url("/img/mail_btn.gif"); background-repeat: no-repeat; background-position: -102px 0; display: block; width: 102px; height: 20px; float: right }
#access_btn { background-image: url("/img/access_btn.gif"); background-repeat: no-repeat; display: block; width: 105px; height: 20px; float: right }
#access_btn a { background-image: url("/img/access_btn.gif"); background-repeat: no-repeat; display: block; width: 105px; height: 20px; float: right }
#access_btn a:hover { background-image: url("/img/access_btn.gif"); background-repeat: no-repeat; background-position: -105px 0; display: block; width: 105px; height: 20px; float: right }
#sitemap_btn { background-image: url("/img/sitemap_btn.gif"); background-repeat: no-repeat; display: block; width: 94px; height: 20px; float: right }
#sitemap_btn a { background-image: url("/img/sitemap_btn.gif"); background-repeat: no-repeat; display: block; width: 94px; height: 20px; float: right }
#sitemap_btn a:hover { background-image: url("/img/sitemap_btn.gif"); background-repeat: no-repeat; background-position: -94px 0; display: block; width: 94px; height: 20px; float: right }
#link_btn { background-image: url("/img/link_btn.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 20px; float: right }
#link_btn a { background-image: url("/img/link_btn.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 20px; float: right }
#link_btn a:hover { background-image: url("/img/link_btn.gif"); background-repeat: no-repeat; background-position: -75px 0; display: block; width: 75px; height: 20px; float: right }
#menu  { background-color: #333; margin-right: auto; margin-left: auto; width: 980px; height: 40px; clear: both }
#menu span { position: absolute; width: 0; height: 0; overflow: hidden }
.hmenu00 { background-image: url("/img/top_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu00 a { background-image: url("/img/top_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu01 { background-image: url("/img/about_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu01 a { background-image: url("/img/about_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu02 { background-image: url("/img/c_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu02 a { background-image: url("/img/c_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu03 { background-image: url("/img/jc_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu03 a { background-image: url("/img/jc_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu04 { background-image: url("/img/life_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu04 a { background-image: url("/img/life_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu05 { background-image: url("/img/exam_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu05 a { background-image: url("/img/exam_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu06 { background-image: url("/img/rec_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu06 a { background-image: url("/img/rec_menu.gif"); background-repeat: no-repeat; display: block; width: 95px; height: 40px }
.hmenu07 { background-image: url("/img/kokusai_menu.gif"); background-repeat: no-repeat; display: block; width: 125px; height: 40px }
.hmenu07 a { background-image: url("/img/kokusai_menu.gif"); background-repeat: no-repeat; display: block; width: 125px; height: 40px }


dl.dropdown{
	float:left;
	display:inline;
}
dl.dropdown dd { display: none; position: absolute; z-index: 1; width: 170px; overflow: hidden; opacity: 0 }
dl.dropdown ul     { font-size: 0.75em; background: #fffafa; text-align: left; list-style-type: none; border: solid 1px #ff4141 }
dl.dropdown li a,
dl.dropdown li a:visited   { color: #333; text-decoration: none; background: #fffafa; display: block; padding: 4px 0 4px 10px; width: 156px; border-bottom: 1px dotted #696969 }
dl.dropdown li a:hover    { color: #000; text-decoration: none; background-color: #ffebeb }
dl.dropdown dt img { display: inline; vertical-align: top }
#menu .last a { text-decoration: none; border-bottom: 0 solid #fff }