/* General Settings */
* { background: transparent no-repeat; border: none; color: #000; font-size: 9pt; font-family: Arial, Verdana, sans-serif; margin: 0; padding: 0; text-decoration: none; }

/* Classes */
.break { clear: both; }
.img { background: transparent no-repeat; display: block; overflow: hidden; letter-spacing: -1000em; text-indent: -999em; }
.hidden { display: none; visibility: hidden; }
.transparent { background: transparent; opacity: 0.0; }

/* html */
html { height: 100%; }

/* #main (body) */
#main { height: 100%; }

/* #wrap */
#wrap { height: 100%; min-height: 768px; width: 900px; position: relative; margin: 0 auto; }
#wrap > * { position: absolute; }

/* #header */
#header { background: #DBDCDD url(../img/template/header.jpg) no-repeat; color: transparent; height: 200px; left: 0; right: 0; top: 0; }

/* #navigation */
#navigation { background: #C4C4C4; bottom: 0; left: 0; width: 200px; top: 200px; }
#navigation ul { margin-top: 40px; list-style: square inside; text-indent: 20px; }
#navigation ul li a { font-size: 1.2em; line-height: 2em; }
#navigation ul li.active a { color: #F1BF38; text-decoration: underline; }

#navigation ul li.subnavi { list-style: none; }
#navigation ul li.subnavi ul { list-style: none; text-indent: 35px; margin: 0 0 20px; }
#navigation ul li.subnavi ul li a { font-size: 1em; }

#navigation ul li a.active,
#navigation ul li a:active { color: #fff; }

/* #content */
#content { overflow: auto; bottom: 50px; left: 200px; right: 0; top: 225px; }
#content,
#content * { color: #000; }
#content > * { margin: 20px 30px; }
#content h1 { color: #2d8ccf; font-size: 1.2em; margin-bottom: 1.5em; }
#content h2 { color: #2d8ccf; font-size: 1.2em; margin-bottom: 0.5em; }
#content h2 a { color: inherit; font-size: inherit; text-decoration: inherit; }
#content h3 { color: #2d8ccf; margin-bottom: 0.3em; }
#content p { line-height: 1.8em; margin-bottom: 0.8em; }
#content a { color: #2D8CCF; text-decoration: underline; }
#content pre { border: 1px solid #ccc; font-family: monospace; padding: 1em; }
#content p pre { border: none; padding: 0; display: none; }
#content del { text-decoration: line-through; }

/* #footer */
#footer { background: #c4c4c4; color: #000; font-weight: bold; height: 25px; bottom: 0; left: 200px; right: 0; line-height: 25px; text-align: right; padding: 0 15px; }
#footer a { color: #216EB5; }