@charset "UTF-8";

/* swf container */
#photo-container { width: 860px; height: 400px; padding-top: 18px; margin-bottom: 20px; background: #ffffff url(../images/stripes.gif) repeat-x; overflow: hidden; }
/*#html-head { width: 260px; height: 400px; float: left; }*/
#html-photo { float: right; }

#modechange-container { text-align: right;  padding: 5px 10px 20px 10px; }
/*
#topmenu-container { width: 860px; height: 156px; position: relative; margin: 0 0 10px 0; background: url(../images/topmenu_bg.gif) repeat; }
*/
#topmenu-container { width: 860px; height: 156px; position: relative; margin: 0 0 10px 0; background-color: #ffffff; }
#whatsnew-container { float: left; width: 425px; background: #ffffff; }
#situation-container { float: left; width: 425px; background: #ffffff; margin: 0 0 0 10px; }

#ws-wrap { width: 860px; margin: 0 0 10px 0; clear: both; }

#topmenu-container .heading { width: 860px; height: 30px; background: #143264 url(../images/top_heading1.gif) no-repeat; }
#whatsnew-container .heading { width: 425px; height: 30px; background: #e64b14 url(../images/top_heading2.gif) no-repeat; }
#situation-container .heading { width: 425px; height: 30px; background: #dca028 url(../images/top_heading3.gif) no-repeat; }

#topmenu-container .heading, #whatsnew-container .heading, #situation-container .heading { display: block; text-indent: -9999px; overflow:hidden; }

iframe { width:425px; height:560px; overflow:auto; margin: 0; padding: 0; border: 0; }

#ns-title { padding: 60px 0 0 10px; font-size: 150%; }
.head-notice { padding: 20px 0 0 10px; }
.download { padding: 10px 0 0 10px; }



/* top menu */
#topmenu-container ul { list-style-type: none; }
#topmenu-container li { display: inline; }
#topmenu-container li a { height: 32px; text-indent: -9999px; background: url(../images/topmenu_btn.gif) no-repeat; }
/* other mac IE5 \*/
#topmenu-container li a { height: 32px; text-indent: -9999px; overflow:hidden; background: url(../images/topmenu_btn.gif) no-repeat; }
/* other mac IE5 */
/* mouse action */
#topmenu-container li#n-01 a { background-position: 0 0; width: 280px; float: left; margin: 10px 0 0 10px; }
#topmenu-container li#n-02 a { background-position: -275px 0; width: 220px; float: left; margin: 10px 0 0 5px; }
#topmenu-container li#n-03 a { background-position: -490px 0; width: 330px; float: left; margin: 10px 0 0 5px; }
#topmenu-container li#n-04 a { background-position: 0 -32px; width: 280px; float: left; margin: 5px 0 0 10px; }
#topmenu-container li#n-05 a { background-position:  -275px -32px; width: 220px; float: left; margin: 5px 0 0 5px; }
#topmenu-container li#n-06 a { background-position: -490px -32px; width: 330px; float: left; margin: 5px 0 0 5px; }
#topmenu-container li#n-07 a { background-position: 0 -64px; width: 280px; float: left; margin: 5px 0 0 10px; }
#topmenu-container li#n-08 a { background-position:  -275px -64px; width: 220px; float: left; margin: 5px 0 0 5px; }
/* hover */
#topmenu-container li#n-01 a:hover { background-position: 0 -96px; }
#topmenu-container li#n-02 a:hover { background-position: -275px -96px; }
#topmenu-container li#n-03 a:hover { background-position: -490px -96px; }
#topmenu-container li#n-04 a:hover { background-position: 0 -128px; }
#topmenu-container li#n-05 a:hover { background-position: -275px -128px; }
#topmenu-container li#n-06 a:hover { background-position: -490px -128px; }
#topmenu-container li#n-07 a:hover { background-position: 0 -160px; }
#topmenu-container li#n-08 a:hover { background-position: -275px -160px; }
/* active */
#topmenu-container li#n-01 a:active { background-position: 0 -192px; }
#topmenu-container li#n-02 a:active { background-position: -275px -192px; }
#topmenu-container li#n-03 a:active { background-position: -490px -192px; }
#topmenu-container li#n-04 a:active { background-position: 0 -224px; }
#topmenu-container li#n-05 a:active { background-position: -275px -224px; }
#topmenu-container li#n-06 a:active { background-position: -490px -224px; }
#topmenu-container li#n-07 a:active { background-position: 0 -256px; }
#topmenu-container li#n-08 a:active { background-position: -275px -160px; }