/* common */
body { color: black; font-size: 100%; background-color: white; margin: 0px; padding: 0px }
a:link    { color: #03c; text-decoration: underline }
a:visited { color: #339; text-decoration: underline }
a:active  { color: red; text-decoration: underline }
a:hover   { color: red; text-decoration: underline }
a img { text-decoration: none; border: none }

/* header area */
#header { margin: 0px; padding: 0px; width: 100% }
#header td { vertical-align: bottom }
#logo { font-size: 75%; margin: 0px; padding: 5px 0px 0px 5px }
#lang { font-size: 75%; margin: 0px; text-align: right; padding: 10px }
#lang img { vertical-align: middle; margin-right: 3px }
#search { text-align: right; padding: 0px 10px; white-space: nowrap }
#search form { margin: 0px; padding: 0px }
#search input.box { margin: 0px 1px }
#search a { margin-left: 1px }
#search img { vertical-align: middle }

/* global navigation */
#globalnavi { clear: both; font-family: sans-serif; margin: 5px 0px 0px 0px; padding: 0px; width: 100%; border-top: solid 1px gray; border-bottom: solid 1px gray; font-size: 1px; }
#globalnavi td { vertical-align: top; margin: 0px; padding: 0px; white-space: nowrap }
#globalnavi ul { margin: 0px; padding: 0px; height: 29px }
#globalnavi li { display: inline; margin: 0px; padding: 0px }
#globalnavi li img { vertical-align: top }
#globalnavi a:link    { color: white; text-decoration: none }
#globalnavi a:visited { color: white; text-decoration: none }
#globalnavi a:active  { color: yellow; text-decoration: none }
#globalnavi a:hover   { color: yellow; text-decoration: none }

#leftnavi { margin: 0px; padding: 0px }
#leftnavi li img { border-right: solid 1px #333 }
#rightnavi { text-align: right; margin: 0px; padding: 0px; width: 105px; }
#globalnavi li.staff { margin-left: 0px }
#globalnavi li.staff img { border-right: none }

/* layout */
#layout { clear: both; margin: 0px; padding: 0px; width: 100% }

/* local area */
#local { font-size: 75%; font-family: sans-serif; margin: 0px; padding: 0px; border-right: 1px solid gray; width: 170px; vertical-align: top }
#local ul { margin: 0px; padding: 0px }
#local li { list-style-type: none; padding: 0px; border-bottom: 1px solid gray }
#local li a { display: block; background-repeat: no-repeat; background-position: left center; padding: 5px 20px 5px 5px }
#local li a:link    { color: black; text-decoration: none }
#local li a:visited { color: black; text-decoration: none }
#local li a:active  { color: red; text-decoration: underline; background-color: #fcc }
#local li a:hover   { color: red; text-decoration: underline; background-color: #fcc }

#local li a.nolink { background-image: none }
#local li a.nolink:active { color: black; text-decoration: none; background-color: transparent }
#local li a.nolink:hover  { color: black; text-decoration: none; background-color: transparent }

#local li.library { padding: 5px 0px; width: 100%; background-image: url(/share/img/home/localnavi.gif); background-repeat: no-repeat; background-position: right center }
#local li.library a { display: inline; padding: 5px; background-image: none; width: auto }

#local ul.common { background-color: #f5f5f5; margin-bottom: 1em }

/* main area */
#main { background-color: white; margin: 0px; padding: 30px; vertical-align: top }
#main h1 { font-size: 150%; font-family: sans-serif; background: white url(/share/img/h1-bg.jpg) repeat-y right top; margin: 0px; padding: 3px; border-bottom: 1px solid gray }
#main h2 { font-size: 140%; font-family: sans-serif; padding: 2px 10px; border-right: 5px solid gray; border-left: 5px solid gray }
#main h3 { font-size: 120%; font-family: sans-serif; border-bottom: 1px dashed gray }
#main h4 { font-size: 100%; font-family: sans-serif }
#main p  { line-height: 150% }
#main td { line-height: 120% }
#main li { line-height: 120%; padding-bottom: 0.5em }
#main dt { font-weight: bold; line-height: 120% }
#main dd { line-height: 120%; padding-bottom: 0.5em }
#main li ul { margin-top: 0.5em }
#main li ol { margin-top: 0.5em }

#main .lead { color: #006600; line-height: 180% }
#main .t80 { font-size: 80% }
#main .rightname { font-size: 80%; text-align: right }
#main .pagetop { font-size: 80%; text-align: right; clear: both }
#main .pagetop a { margin-left: 4px }
#main .pagelink { font-size: 80%; text-align: right; clear: both }
#main .pagelink a { margin-left: 4px }
#main ul.list li { list-style-image: url(/share/img/list.gif) }
#main .imgleft  { float: left; margin-right: 1em; margin-bottom: 0.5em }
#main .imgright { float: right; margin-left: 1em; margin-bottom: 0.5em }
#main .mail { vertical-align: middle; margin: 0px 3px }

#main .line { padding: 5px; background-color: #FFE; border: 1px solid gray }

#main table.tline { border-top: 1px solid gray; border-right: 1px solid gray }
#main table.tline td { border-bottom: 1px solid gray; border-left: 1px solid gray }
#main table.tline th { border-bottom: 1px solid gray; border-left: 1px solid gray }
#main table.tline table td { border: none }
#main table.tline table th { border: none }

/* main area hnavi */
#hnavi { position: relative ; top: -20px; left: -20px; font-size: 80%; margin: 0px; padding: 0px }

/* toptitle area */
#toptitle { background: white url(/share/img/home/topimage.jpg) no-repeat center top; text-align: center; margin-bottom: 30px; padding: 0px; border-bottom: 1px solid silver; height: 300px }
#toptitle div.title { display: none }
#toptitle-en { background: white url(/english/share/img/home/topimage.jpg) no-repeat center top; text-align: center; margin-bottom: 30px; padding: 0px; border-bottom: 1px solid silver; height: 300px }
#toptitle-en div.title { display: none }

#main h1.news { font-size: 120%; border-bottom: 4px dotted gray; background: none }
#main dl.update { margin-left: 1em; padding-left: 0px }
#main dl.update dt { color: #333; font-size: 75%; font-weight: normal; width: 9em; margin: 0px; padding: 0px }
#main dl.update dd { border-bottom: 1px dashed silver; margin: -1em 0px 0.5em 0px; padding: 0px 0px 0.5em 7.5em }
#main dl.update dd.noline { border: none; margin-bottom:1em }

#main .date { color: #333; font-size: 80% }


/* footer */
#footer { clear: both; font-family: sans-serif; margin: 0px; padding: 0px; width: 100%; border-top: solid 1px gray; clear: both }
#footer td { vertical-align: bottom; padding: 5px }
#footer ul { margin: 0px; padding: 0px }
#footer li { display: inline; font-size: 80%; margin-right: 1em; padding: 0px; white-space: nowrap }
#footer a:link    { color: #333; text-decoration: none }
#footer a:visited { color: #333; text-decoration: none }
#footer a:active  { color: red; text-decoration: underline }
#footer a:hover   { color: red; text-decoration: underline }
#copyright { color: #333; font-size: 80%; text-align: right }