body { background-color: lime; background-repeat: repeat; background-position: left top; text-align: center; margin: 0; padding: 0; }
.body_top { background-color: #ecf1f3; background-image: url(../img/images/body_02.gif); background-repeat: repeat-x; background-position: left top; }
.body_left { background-image: url(../img/images/body_04.gif); background-repeat: repeat-y; background-position: left top; }
.body_right { background-image: url(../img/images/body_06.gif); background-repeat: repeat-y; background-position: right top; }
.body_bottom { background-image: url(../img/images/body_08.gif); background-repeat: repeat-x; background-position: left bottom; }
.body_top_left { background-image: url(../img/images/body_01.gif); background-repeat: no-repeat; background-position: left top; }
.body_top_right { background-image: url(../img/images/body_03.gif); background-repeat: no-repeat; background-position: right top; }
.body_bottom_left { background-image: url(../img/images/body_07.gif); background-repeat: no-repeat; background-position: left bottom; }
.body_bottom_right { background-image: url(../img/images/body_09.gif); background-repeat: no-repeat; background-position: right bottom; height: inherit; padding-top: 20px; padding-bottom: 20px; }
.wrapper { text-align: left; width: 800px; margin: auto; }
.navi { }
.navi p { color: #fff; font-size: 11px; background-color: #00f; text-align: center; margin: 0; }
.navi ul { color: white; background-color: #02f71a; text-align: left; margin: 0; padding: 0; list-style-type: none; }
.navi li { text-align: center; margin: 0; padding: 0; display: inline; }
.navi .kita { background-color: blue; border-right: 10px solid blue; border-left: 10px solid blue; }
.navi .mango { background-color: green; border-right: 10px solid green; border-left: 10px solid green; }
.sub_menu { background-color: green; vertical-align: 2px; margin: 0; padding: 0; list-style-type: none; }
.sub_menu li { color: silver; font-size: 12px; padding: 2px 5px; border-right: 1px solid lime; display: inline; }
.sub_menu li a { background-color: #008000; text-decoration: underline; }
p { }
td { text-indent: 30px; padding: 2px; }
.white_raw { background-color: white; }
.indent { text-indent: 10px; }
table p { font-size: 12px; margin: 0; padding: 0; }
a:link { color: white; text-decoration: underline; }
a:visited { color: white; }
a:hover { color: silver; }
a:active { }

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
.test { color: white; }
.title h1 { color: white; font-weight: normal; background-repeat: repeat-x; background-position: left top; margin: 10px 0 0 10px; padding: 0; }
.title { background-image: url(../img/mango_titleback.gif); background-repeat: repeat-x; background-position: left top; height: 80px; }
.head { margin-bottom: 20px; padding-right: 20px; padding-left: 20px; }
.head img { width: 300px; float: left; }
.head_right { width: 420px; float: right; margin-top: 0; }
.head h2 { margin-top: 0; }
.content { background-color: white; clear: both; padding: 15px; }
table { clear: both; margin-right: 20px; }
.img_left { float: left; padding-right: 5px; }
.img_right { float: right; }
.content h2 { font-size: 11px; background-color: white; clear: left; margin: 10px 0 0; padding: 5px 0 0 5px; border-bottom: 2px solid blue; border-left: 2px solid blue; }
.content h3 { font-size: 11px; text-indent: 10px; clear: left; }
.content h4 { font-size: 14px; margin: 0; }
.content p { margin-top: 0; }
.content img { background-color: white; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; padding: 5px; }
.x { font-size: 1px; text-indent: -9999px; clear: both; }