@charset "utf-8";
/* Style ver 2.0.1 */

div, span, object, h1, h2, h3, h4, h5, h6, p, em, font, img, small, strong, b, u, i, center, ol, ul, li, fieldset, label, 
table, caption, tbody, tr, th, td, body, html, dl, dt, form { margin: 0; padding: 0; border: 0; outline: 0;  font-size: 1em; }
td { vertical-align: top; }

h1 { padding: 5px 0 10px 0; font: italic 24px "Trebuchet MS", Arial, sans-serif; color: #702664; }
h2,h3,h4,h5,h6 { padding: 10px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #995c8f; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5,h6 { font-size: 14px; }

table.table0 { border-collapse: collapse; }
table.table0 td { padding:5px; border: none; }

table.table1 { border-collapse: collapse; }
table.table1 tr:hover { background: #dfd8de; }
table.table1 td { padding:5px; border: 1px solid #cab5c6; }

table.table2 { border-collapse: collapse; }
table.table2 tr:hover { background: #dfd8de; }
table.table2 td { padding:5px; border: 1px solid #cab5c6; }
table.table2 th { padding:8px 5px; border: 1px solid #cab5c6; background-color: #712662; color: #fff; text-align: left; }

a { color: #695167; }
a:hover { text-decoration: none; }

.path { color: #d790d0; font: italic 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-top: 3px; }
.path a { color: #d790d0; }

body {
  font-size: 100%;
    line-height: 1.125em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  background: url(body-line.jpg) top left repeat-x;
}

body, html {
  height: 100%;
  min-width: 990px;
}

#m_box {
  position: relative;
  min-height: 100%;
  _height: 100%;
  background: url(mbox.jpg) bottom left no-repeat;
}

#box {
  padding-bottom: 178px;
  background: url(header.jpg) top left no-repeat;
}

#header { position: relative; height: 343px; }

#logo { position: absolute; top: 66px; left: 40px; width: 185px; height: 59px; }
#logo a { display: block; width: 185px; height: 59px; }

#navi { position: absolute; bottom: 23px; left: 0; width: 100%; height: 34px; }
#navi ul { list-style: none; padding-left: 90px; }
#navi li { display: inline; padding: 0 10px; }
#navi li a { color: #702664; font: italic 13px/34px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; }
#navi li a:hover, #navi li.active a { text-decoration: underline; }

#main { width: 100%; }
#main .left { width: 228px; padding-left: 22px; }
#main .mwrap { min-height: 800px; _height: 800px; padding-bottom: 200px; }
#main .content { padding: 0 100px 0 48px; color: #695167; font: normal 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#main .content ul, #main .content ol { padding-left: 30px; }
#main .content p { padding: 5px 0; }

#menu { background: url(menu-t.png) top right no-repeat; padding-top: 14px; }
#menu-inr { background: url(menu-b.png) bottom right no-repeat; padding-bottom: 14px; }
#menu dl { background: url(menu-i.jpg) top right repeat-y; padding: 10px 0; }
#menu dt a { display: block; font: italic 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #df47c8; text-decoration: none; }
#menu dt a i { display: block; padding: 5px 36px 5px 10px; text-align: right; }
#menu dt a:hover, #menu dt.active a { color: #f294e4; background: url(menua-b.jpg) bottom left no-repeat; }
#menu dt a:hover i, #menu dt.active a i { background: url(menua-t.jpg) top left no-repeat; }

#footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 148px; background: #dfd8de url(mbox.jpg) bottom left no-repeat; }
#footer-inr { height: 148px; background: url(footer-right.jpg) top right no-repeat; }
#copyright { position: absolute; top: 65px; left: 83px; width: 200px; color: #86327b; font: italic 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#copyright a { color: #86327b; }
#counters { position: absolute; top: 57px; right: 129px; }
#d-title { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; font: bold 11px/16px Tahoma, Geneva, sans-serif; color: #b285ac; text-align: center; }