@charset "utf-8";
a:link {
  color: #0000ff;
  text-decoration: underline;
}

a:visited {
  color: #990099;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

a:active {
  color: #ff0000;
  text-decoration: underline;
}

body { font-size: 85%; }

.logo { font-size: 160%; }

h1 { font-size: 100%; }

.description { font-size: 100%; }

.header-info { font-size: 100%; }

#globalnavi { font-size: 100%; }

h2,h3,h4,h5,h6 { font-size: 120%; }

p {
  line-height: 1.8em;
  margin: 0 0 0.5em;
  padding: 0;
}

.topic-path { font-size: 100%; }

.localnavi { font-size: 85%; }

.dl-info { font-size: 85%; }

.copyright { font-size: 100%; }

address { font-size: 95%; }

address span.name { font-size: 140%; }

body {
  background: #eee url(image/bg-body.jpg) repeat-x 0 0;
  color: #000;
}

#wrapper { }

#column-one #container {
  background-image: none;
  background-color: #fff;
}

#column-two-left #container { background: #fff url(image/bg-container.gif) repeat-y 0 0; }

#column-two-right #container { background: #fff url(image/bg-container.gif) repeat-y 100% 0; }

#column-three #container { background: #fff url(image/bg-container.gif) repeat-y 0 0; }

#header {
}

#content { }

#sidebar { }

#right-sidebar { }

#undernavi { }

#footer { background: url(image/bg-footer.jpg) repeat-x 0 0; }

.header-inner {
}

.content-inner { }

.sidebar-inner { }

.footer-inner { }

h1 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #666;
  position: absolute;
  top: 20px;
  left: 0;
}

.logo {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 35px;
  left: 0;
}

#header .logo a {
  text-decoration: none;
  color: #000000;
  background-color: transparent;
}

#header .logo a:hover {
  text-decoration: none;
  color: #9f0;
  background-color: transparent;
}

.description {
  padding-right: 20px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 40px;
  left: 20px;
}

#globalnavi {
  list-style-type: none;
  height: 40px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 2px groove #666;
}

#globalnavi li {
  float: left;
  width: 141px;
  line-height: 1;
  margin: 0;
  padding: 0;
  border-right: 2px groove #666;
}

#globalnavi a {
  text-decoration: none;
  text-align: center;
  display: block;
  width: 100%;
  height: 25px;
  padding: 15px 0 0;
  overflow: hidden;
  color: #fff;
}

#globalnavi a:hover {
  text-decoration: none;
  background-color: #333;
  color: #9f0;
}

.header-info {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 20px;
  right: 0;
}

.header-info li {
  display: inline;
  margin: 0;
  padding: 0;
}

#header .header-info a {
  text-decoration: none;
  padding: 0 0 0 5px;
}

#header .header-info a:hover { text-decoration: underline; }

h2,h3,h4,h5,h6 {
  font-weight: normal;
  line-height: 1;
  margin: 0 0 20px;
  padding: 0;
  background: url(image/bg-h.gif) no-repeat 0 0;
}

h2 span,h3 span,h4 span,h5 span,h6 span {
  display: block;
  height: 28px;
  margin: 0;
  padding: 12px 0 0 25px;
  background: url(image/bg-h-span.gif) no-repeat 100% 0;
}

h3,h4,h5,h6 { margin-top: 40px; }

.topic-path {
  line-height: normal;
  height: 30px;
  margin: 0;
}

#content ul,
#content ol {
  margin-top: 1em;
  margin-bottom: 1em;
}

#content li { margin: 0 0 0.5em; }

.sidebar-inner .localnavi dl {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
}

.sidebar-inner .localnavi dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 10px;
}

.sidebar-inner .localnavi dd {
  line-height: 1;
  display: inline;
  margin: 0;
  padding: 0;
}

.sidebar-inner .localnavi a {
  text-decoration: none;
  display: block;
  overflow: hidden;
  width: 190px;
  height: 30px;
  padding: 10px 0 0 10px;
  background: url(image/bg-localnavi.gif) no-repeat 0 0;
}

.sidebar-inner .localnavi a:hover {
  text-decoration: none;
  background: url(image/bg-localnavi.gif) no-repeat -200px 0;
}

.sidebar-inner .dl-info {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
}

.sidebar-inner .dl-info dt {
  line-height: 1;
  font-weight: bold;
  margin: 0 0 0.5em;
  padding: 5px 0 5px 10px;
  background-color: #666;
  color: #eee;
}

.sidebar-inner .dl-info dd {
  margin: 0;
  padding: 0 10px;
}

.sidebar-inner .dl-info p {
  line-height: 1.5em;
  margin: 0 0 0.5em;
  padding: 0;
}

.sidebar-inner .dl-info ul {
  margin: 0 0 0 10px;
  padding: 0;
}

.sidebar-inner .dl-info ol {
  margin: 0 0 0 20px;
  padding: 0;
}

.sidebar-inner ul {
  margin: 0 10px 20px 20px;
  padding: 0;
}

.sidebar-inner ol {
  margin: 0 10px 20px 30px;
  padding: 0;
}

.sidebar-inner li {
  line-height: 1.5em;
  margin: 0 0 5px;
  padding: 0;
}

#right-sidebar .dl-info dt {
  background-color: #666;
  color: #eee;
}

#right-sidebar .dl-info dd {
  margin: 0;
  padding: 0 10px 0 0;
}

#right-sidebar ul {
  margin: 0 0 20px 20px;
  padding: 0;
}

#right-sidebar ol {
  margin: 0 0 20px 30px;
  padding: 0;
}

#undernavi p {
  text-align: right;
  line-height: 1;
  height: 30px;
  margin: 0;
  padding: 0 20px 0 0;
}

#column-two-right #undernavi p { padding: 0 240px 0 0; }

#undernavi img,
#undernavi img a,
#undernavi img a:hover {
  text-decoration: none;
  border: 0;
}

.copyright {
  text-align: center;
  line-height: 1;
  margin: 0;
}

address span { display: block; }

#rights {
  height: 15px;
  margin: 0 auto;
  padding: 15px 0 0;
  background: url(image/bg-webmagic.jpg) repeat-x 0 0;
}

#rights p {
	text-align: right;
	font-size: 90%;
	line-height: 1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding-right: 1em;
	color: #666;
}