@charset "shift_jis";
@import url("globals.css");
@import url("topmenu.css");

#mainContainer {
  background: url("images/2008logo.gif") 0px 0px no-repeat;
  padding-top: 75px;
}

/*
 *
 */
#sidenavi {
	float: left;
	width: 180px;
	height: auto;
	font-size: x-small;
}

#mainContainer > #sidenavi { font-size: small; }

#sidenavi ul {
  list-style: none;
}

#sidenavi ul li {
  color: #fff;
  background-color: #080850;
  border-bottom: 1px solid #ccc;
}

#sidenavi ul li a, #sidenavi ul li span {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 8px 6px 8px 12px;
}

#sidenavi ul li a:hover {
  background-color: #2242ac;
  text-decoration: underline;
}

#sidenavi ul li span.selected {
  background: url("images/tri_bullet.gif") center left no-repeat;
  font-weight: bold;
}

/*
 *
 */
#mainContents {
	float: left;
	width: auto;
	min-height: 600px;
	padding-left: 4px;
}

#mainContainer > #mainContents {
	width: 517px;
	border-left: 1px solid #2242ac;
}

#mainCaption {
  background-color: #fe6;
  border-top: 8px solid #fc3;
  border-bottom: 8px solid #fc3;
  padding: 4px;
}

#mainCaption a {
  color: #00f;
  text-decoration: none;
}

#mainCaption a:hover {
  text-decoration: underline;
}

#mainCaption h2 { margin-bottom: 4px; }

#mainCaption .supp {
  font-size: 80%;
}

#mainSection {
  padding-top: 16px;
  font-size: x-small;
  min-height: 300px;
}

#mainContents > #mainSection {
 font-size: small;
}

#mainSection h3 {
  margin: 0px 0px 1ex 0px;
  padding: 6px;
  color: #fff;
  background-color: #2242ac;
  border-top: 6px double #fff;
  border-bottom: 6px double #fff;
}

#mainSection .feature {
  margin-top: 5ex;
}

#mainSection .feature .caption {
  border-bottom: 1px dashed #036;
  margin-bottom: 1ex;
  font-size: small;
  font-weight: bold;
}

#mainSection > .feature > .caption {
  font-size: medium;
}

#mainSection .feature .figure {
  float: right;
  margin: 0px 0px 0px 1em;
  vertical-align: top;
}

#mainSection .feature p {
  clear: none;
}

#mainSection .feature li {
  margin-left: 1.5em;
}

#mainSection .figure {
  margin: 2ex auto 2ex auto;
  text-align: center;
}

#mainSection .figureR {
  float: right;
  margin: 0.5ex 0px 0px 1em;
}

#mainSection .rollout {
  border: 2px solid #36c;
  margin: 7ex 0px 2ex 0px;
}

#mainSection .rollout .caption {
  color: #fff;
  background-color: #36c;
  padding: 4px;
  font-weight: bold;
}

#mainSection .rollout .roContent {
  margin: 8px;
}

#mainSection .rollout .roContent ul {
  margin: 2ex 0px 1ex 0px;
}

#mainSection .rollout .roContent li {
  margin-left: 1.2em;
  font-size: 110%;
}

#mainSection .rollout .roContent ul.supp {
  margin-bottom: 3ex;
}

#mainSection .rollout .roContent ul.supp li {
  color: #000;
  margin-left: 4em;
  font-size: 80%;
}

#mainSection .rollout .roContent p {
  margin-left: 1em;
}

#mainSection .rollout .roContent .caption {
  color: #000;
  background: none;
  margin: 0px 0px 1ex 0px;
  padding: 0px;
  font-size: 110%;
}

#mainSection .note {
  margin: 2ex 0px 2ex 0px;
  background-color: #fe9;
}

#mainSection .snote {
  margin: 2ex 0px 3ex 0px;
  padding: 8px;
  border: 1px solid #9cf;
}

#mainSection .snote .caption {
  color: #369;
  border-bottom: 1px dotted #369;
  margin-bottom: 1ex;
}

#mainSection .snote ul li {
  margin-left: 1.5em;
}

#mainSection #smildesc {
  margin-top: 5ex;
  padding-top: 4px;
  border-top: 1px solid #006;
  font-size: x-small;
}

#mainSection #date {
  margin-top: 3ex;
  text-align: right;
}