/*
	 *  @2010
	 * Screen CSS
	 *
	 *
	 */



html, body, div, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { background: #b4e0ff url(../../image/bg-html.png) repeat-x 0 0; }
body { font: normal 12px/18px Arial, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #5e5e5e; text-decoration: none; }
a:focus, a.focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#page:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 540px; margin: 0 auto; padding: 10px 0 0; }

#top { position: relative; }
#top #logo,
#top #logo img { display: block; }
#top #logo { position: relative; margin: 0 0 -39px; z-index: 3; }
#top #banner { height: 115px; background: #246396; }
#top #nav { position: absolute; left: -149px; top: 30px; width: 691px; z-index: 4; }
#top #nav li { height: 115px; }
#top #nav li a { display: block; width: 100%; height: 100%; background: url(../../image/nav-item-1.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#top #nav li:first-child { height: 130px; margin: 0 0 1px }
#top #nav li:first-child a { background: url(../../image/nav-item-0.png) no-repeat 0 100%; }

/* content */
#content { margin: 10px 0 0; background: #246396 url(../../image/bg-content.png) no-repeat 0 0; }
#content h2 { margin: 0 0 1em; font-size: 14px; font-weight: bold; }
#content .tab { position: relative; top: 10px; display: none; padding: 10px 20px 20px; border-radius: 10px 10px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; color: #fff; background: url(../../image/bg-tab-cnt.png) no-repeat 0 100%; }
#content .tab:first-child { display: block; }
.bold { font-weight: bold; }