@charset "utf-8";
/* CSS Document */

html {
  padding:0;
  margin:0;
}
body {
  background:#FFF;
  font-family:verdana, sans-serif;
  font-size:76%;
  color:#3E3E3E;
  padding-top:1em;
  margin:0;
}

a img {
  border:none;
}
em, i {
  font-style:italic;
}
strong, b {
  font-weight:bold;
}
.skip {
  display: none;
}
.clear {
  clear: both;
}
hr {
  border: solid 1px #C0C0C0;
}

/*******************************************************************************
 Columns definitions
*******************************************************************************/
.wrapper {
  min-width:400px;
  width:100%;
  border-top:20px ridge #90a897;
  margin: 0 -1px;
}
.outer {
  width:auto;
  /* left column width and color */
	border-left:200px solid #dce3e7/*左ペインの背景色*/;
  /* right column width and color */
	/*border-right:180px solid #F8F8F8/*右ペインの背景色*/;*/
  /* center column colour */
	background:#FFF;
}
.inner {
  margin:0;
  width:100%;
  border-left:1px solid #C0C0C0;
  /*border-right:1px solid #C0C0C0;*/
}
/* Mozilla code */
.outer > .inner {
  border-bottom:1px solid transparent;
}
/*******************************************************************************
 Header
*******************************************************************************/
.header {
	position:relative;
	background:#FFF;
	margin:0 0 0 0;
	/*border-bottom:20px ridge #90a897;*/
   color:#3E3E3E;
   text-align:right; }

.navBar {
	position:relative;
	font-size:1.0em;
   color::#4169e1;
	padding:20px 10px 0px 10px ;
	/*left:10px;
	top:5px;*/
	margin-bottom:5px; }
   
.navBar a:link, .navBar a:visited {
   color:#4169e1;
	text-decoration:none; }
   
.navBar a:hover, .navBar a:active { background:#7F7F7F; text-decoration:none; color:#FFF; }   

/*******************************************************************************
 Left column
*******************************************************************************/
.leftcol {
  float:left;
  position:relative;
  z-index:10;
  width:200px;
  margin-left:-200px;
  font-size:0.9em;
  line-height:120%;
  color:#3E3E3E;
  overflow:hidden;
}
.leftpad {
  padding:10px;
}
.leftcol a:link, .leftcol a:visited {
  color:#3E3E3E;
  text-decoration:none;
}
.leftcol a:hover, .leftcol a:active {
  background-color:#F5F5F5;
  text-decoration:none;
  color:#800000;
}
.leftcol h2 {
  background:transparent;
  font-size:1.2em;
  color:#800000;
  margin:5 0 3px 0;
  border:0;
}
.leftcol h2.separator {
  margin:8px 0 5px 0;
  padding-top:8px;
  border-top:1px solid #C0C0C0;
}
.leftcol ul {
  list-style:disc outside;
  margin-left:7px;
  padding-left:5px;
}
.leftcol li {
  list-style: disc decimal circle outside;
  margin-left:0px;
  padding-left:5px;
  line-height: 1.6;
}
.leftcol hr {
  border: solid 1px #c0c0c0;
}
/*******************************************************************************
 Middle column
*******************************************************************************/
.middlecol {
  float:left;
  width:100%;
  position:relative;
  z-index:12;
  font-size:1.0em;
  line-height:160%;
  color:#2A2A2A;
}
.middlepad {
	margin:0 1px;
  padding:6px 0 15px 0;
}
.middlecolleft {
  float:left;
  position:relative;
  padding-right:10px;
  z-index:11;
  font-size:0.9em;
  line-height:130%;
  color:#3E3E3E;
  overflow:hidden;
}
.middlecolright {
  float: right;
  position:relative;
  z-index:11;
  margin-right:20px;
  font-size:0.9em;
  line-height:130%;
  color:#3E3E3E;
  overflow:hidden;
}
.middlecoltbox {
  font-size: 12px;
  color: #333;
  font-style:normal;
  font-weight:400;
  width: 95%;
  text-align:left;
  background-color: #f8f8f8;
  margin:10px 0 0 10px;
  padding-left:5px;
  border:1px solid;
  border-color:#cccccc;
  line-height: 1.5;
}
.middlecolbbox {
  font-size: 12px;
  color: #333;
  font-style:normal;
  font-weight:400;
  width: 95%;
  text-align:left;
  background-color: #f8ffff;
  margin:10px 0 0 10px;
  padding-left:5px;
  border:1px solid;
  border-color:#cccccc;
  line-height: 1.5;
}
.middlecol pre {
  color: #3E3E3E;
  width:93%;
	 margin-left:5px;
  padding-left:32px;
	 font-family:monospace;
	 font-size:13px;
	 background-image:url("../images/line-numbers.png");
  background-color:#fcfdfd;
	 background-repeat:repeat-y;
	 background-position:0 3px;
	 line-height:16px;
	 height:100%;
  border:1px solid;
  border-color:#cccccc;
}
.middlecol pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}
.middlecol a:link, .middlecol a:visited {
  color:#0000cd;
  text-decoration:none;
}
.middlecol a:active {
  background:#7F7F7F;
  text-decoration:none;
  color:#FFF;
}
.middlecol ul {
  list-style:disc outside;
  margin-left:7px;
  padding-left:5px;
}

.middlecol li {
  margin-left:10px;
  padding-left:5px;
}
.middlecol apimg {
  position: absolute;
  left: 573px;
  top: 70px;
}
h1.item {
  font-size:1.4em;
  margin:0 0 5px 0;
}
h1.item a {
  text-decoration:none;
}
h1.item a:hover {
  color:#FFF;
}
.iteminfo {
  font-size:0.9em;
  color:#7F7F7F;
  padding:3px 0 15px 15px;
  margin:0 0 10px 0;
  border-bottom:1px dashed #C0C0C0;
}
.middlecol h5 {
  background-color:#a52a2a;
  border-style: solid;
  border-color: eee;
  color:#FFFFFF;
  font-size: 1.2em;
  font-weight: bolder;
  height: 20px;
  text-align:left;
  margin: 0 0 10px 5px;
  padding:0px 0 0px 5px;
}
.middlecol h6 {
  background-color:#008000;
  border-style: solid;
  border-color: eee;
  color:#FFFFFF;
  font-size: 1em;
  font-weight: bolder;
  height: 20px;
  text-align:left;
  margin: 0 0 10px 5px;
  padding:0px 0 0px 5px;
}
.middlecol p {
  text-align:left;
  margin: 0 0 10px 5px;
  padding:0px 10px 0px 30px;
}

/*******************************************************************************
 Footer
*******************************************************************************/
.footer {
  width:100%;
  position:relative;
  z-index:13;
  background:#FFF;
  margin:0 0 10px 0;
  border-top:1px solid #C0C0C0;
}
.footer div {
  font-size:1em;
  text-align:center;
  padding: 5px 0px 0px 0px;
/*margin:5px 0 0px 0px;*/ }
.footright {
  float: right;
  position:relative;
  z-index:13;
  margin:0 20px 0 0;
  padding: 5px 0px 0px 0px;
  overflow:hidden;
}
/* Mozilla code */
.leftcol {
  margin-right:1px;
}
.rightcol {
  margin-left:1px;
}
.middlecol {
  margin:0 -3px 0 -2px;
}