body { margin-left: 1em; margin-right: 1em; color: #000000; background-color: #FFFFFF;}

.contents { text-align: left; width: 604; margin: auto; background-color: #FFFFFF; 
  position: relative; }

h4 { width: 150px; height: 150px; font-family: 'Times New Roman'; font-size: 22px; 
  text-align: center; padding-top: 115px; position: absolute; filter: alpha( opacity = 80 ); }

#top_link_1 { font-family: 'Times New Roman'; font-size: 16px; font-weight: bold; }
#top_link_1 a { text-decoration: none; }
#top_link_1 a:link { color: #333333; }
#top_link_1 a:visited { color: #333333; }
#top_link_1 a:hover { color: #666666; background-color: goldenrod; }
#top_link_1 a:active { color: #333333; }

#top_link_2 { font-family: 'Times New Roman'; font-size: 16px; font-weight: bold; }
#top_link_2 a { text-decoration: none; }
#top_link_2 a:link { color: #333333; }
#top_link_2 a:visited { color: #333333; }
#top_link_2 a:hover { color: #666666; background-color: darkkhaki; }
#top_link_2 a:active { color: #333333; }

#top_link_2_1 { font-family: 'Times New Roman'; font-size: 10px; font-weight: bold; }
#top_link_2_1 a { text-decoration: none; }
#top_link_2_1 a:link { color: #333333; }
#top_link_2_1 a:visited { color: #333333; }
#top_link_2_1 a:hover { color: #666666; background-color: darkkhaki; }
#top_link_2_1 a:active { color: #333333; }

#top_link_3 { font-family: 'Times New Roman'; font-size: 16px; font-weight: bold; }
#top_link_3 a { text-decoration: none; }
#top_link_3 a:link { color: #333333; }
#top_link_3 a:visited { color: #333333; }
#top_link_3 a:hover { color: #333333; background-color: #AAAAAA; }
#top_link_3 a:active { color: #333333; }



.topleft { left: 0px; top: 0px; background-image: url( ../images/PORON-1-2.JPG ); }
.topleft a { text-decoration: none; }
.topleft a:link { color: #333333; }
.topleft a:visited { color: #333333; }
.topleft a:hover { color: #003399; }
.topleft a:active { color: #333333; }

.topcenter1 { left: 151px; top: 0px; padding-top: 110px; background-image: url( ../images/CHICHI-1-2.JPG ); }
.topcenter1 a { text-decoration: none; }
.topcenter1 a:link { color: #333333; }
.topcenter1 a:visited { color: #333333; }
.topcenter1 a:hover { color: #CC0033; }
.topcenter1 a:active { color: #333333; }

.topcenter2 { left: 302px; top: 0px; padding-top: 10px; background-image: url(  ); }

.topright { left: 453px; top: 0px; background-image: url( ../images/MAPLE-1-2.JPG ); }
.topright a { text-decoration: none; }
.topright a:link { color: #333333; }
.topright a:visited { color: #333333; }
.topright a:hover { color: #999999; }
.topright a:active { color: #333333; }

// .centerleft { left: 0px; top: 151px; background: white url( ../relativefinder/images/icon_chap01.gif ) no-repeat; }
.centerleft { left: 0px; top: 151px; padding-top: 100px; background-image: url( ../images/BEENEE-1-2.JPG ); }
.centerleft a { text-decoration: none; }
.centerleft a:link { color: #333333; }
.centerleft a:visited { color: #333333; }
.centerleft a:hover { color: #CC0033; }
.centerleft a:active { color: #333333; }

.centercenter1 { left: 151px; top: 151px; background-image: url( ../images/MARBLE-1-2.JPG ); }
.centercenter1 a { text-decoration: none; }
.centercenter1 a:link { color: #333333;  }
.centercenter1 a:visited { color: #333333; }
.centercenter1 a:hover { color: #CC0033; }
.centercenter1 a:active { color: #333333; }

// .centercenter2 { left: 302px; top: 151px; padding-top: 100px; background-image: url( ../images/BEENEE-1-2.JPG ); }
.centercenter2 { left: 322px; top: 42px; }
.centercenter2 a { text-decoration: none; }
.centercenter2 a:link { color: #333333; }
.centercenter2 a:visited { color: #333333; }
.centercenter2 a:hover { color: #CC3300; }
.centercenter2 a:active { color: #333333; }

.centerright { left: 453px; top: 151px;  padding-top: 0px; background: white url( ../relativefinder/images/icon_polon00.gif ) no-repeat; }

.bottomleft { left: 0px; top: 302px; background-image: url( ../images/FUWA-1-2.JPG ); }
.bottomleft a { text-decoration: none; }
.bottomleft a:link { color: #333333; }
.bottomleft a:visited { color: #333333; }
.bottomleft a:hover { color: #999900; }
.bottomleft a:active { color: #333333; }

.bottomcenter1 { left: 151px; top: 302px; background: white url( ../relativefinder/images/icon_uran2_01.gif ) no-repeat; }

.bottomcenter2 { left: 302px; top: 302px; background-image: url( ../images/URAN-1-2.JPG ); }
.bottomcenter2 a { text-decoration: none; }
.bottomcenter2 a:link { color: #333333; }
.bottomcenter2 a:visited { color: #333333; }
.bottomcenter2 a:hover { color: #990066; }
.bottomcenter2 a:active { color: #333333; }

.bottomright { left: 453px; top: 302px; background-image: url( ../images/CHABEE-1-2.JPG ); }
.bottomright a { text-decoration: none; }
.bottomright a:link { color: #333333; }
.bottomright a:visited { color: #333333; }
.bottomright a:hover { color: #006600; }
.bottomright a:active { color: #333333; }


#banner { font-size: 10px; color:#FF6600; }
#smallletter { font-size: 12px; }

.login_out { font-size : 10px; font-weight : normal; text-align: center; 
  color: #EFEFEF; background-color: #708090; padding: 1 0 3 0; }
.login_in { background-color: #C0D0E0; }
.login_contents { font-size : 10px; font-weight : bold; }
.login_title { background-color: cadetblue; }
#login_title_main { font-size : 11px; font-weight : normal; }
#login_title_pulldown { width: 120px; font-size : 12px; font-weight : normal; 
  background-color: #6FAEB0; }
#login_title_link { font-size : 9px; font-weight : normal; padding: 0 8 0 0; }
#login_title_link a { color: #333399; }
#login_button1 { font-size : 9px; font-weight : normal; padding: 1 0 0 0; }
#login_button2 { font-size : 11px; font-weight : bold; padding: 1 0 0 0; }
#login_buttontitle { background-color: #A0B0C0; }
#login_text { width: 130px; height: 18px; font-size : 12px; background-color: aliceblue; }

.counter { font-size: 10px; font-weight : normal; }

.bottom { width:600px; top: 450px; position: absolute; padding-top: 10px; }
.linetop{ position:relative; margin:0px 12% 1px 5%; z-index : 0; }
.linebottom{ position:relative; margin:1px 5% 0px 12%; z-index : 0; }
#copyright { font-family : "Times New Roman"; font-size : 12px; margin : -8px 0px -9px 0px ; }
#copyright1 { font-family : "Times New Roman"; font-size : 12px; margin : 0px 0px 0px 0px ; }

marquee#upside { width:144; height:110; text-align: left; font-size: 11; color: #3399CC; background-color:#DDDDDD; }

.title1 { font-size: 14px; color: #65318e; }


div#fn { display: none; }