@charset "UTF-8";
/*
select {
 position float,rtc
 font
 text
 color
 fg/bg
 width/hright
 margin
 border
 padding
}
*/
/* Tags */
* {
  margin: 0;
}
html, body {
  text-align: center;
  height: 100%;
}

body {
  font: 12px/16px Verdana, Arial, Helvetica;
  text-align: center;
  background-image: url(../images/back/line.gif);
}

a:link    { color:#585858; }
a:visited { color:#585858; }
a:active  { color:#585858; }
a:hover   { color:#181818; }

h2 {
  font-size: 1.6em;
  font-weight: bold;
}
h3, h4, h5 {
  padding: 12px 0px 5px 0px;
  font-weight: bold;
}
h3 {
  font-size: 1.3em;
}
h4 {
  font-size: 1.1em;
}

p {
  padding: 5px 0px;
}

pre {
  clear: both;
  display: block;
  color: #333333;
  background-color: #fafafa;
  font-family: "ＭＳ ゴシック", "Osaka－等幅", "Courier New", Courier, mono;
  line-height: 140%;
  overflow: auto;
  white-space: pre;
  width:670px;
  margin: 5px 0 15px;
  border:1px solid #CCCCCC;
  padding: 10px;
}

blockquote {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 25px;
}

/* Classes */

/* Top Page */
.topTitle {
  line-height: 28px;
}
.welcome {
  font-family: Verdana, Arial, Helvetica;
  font-size: 18px;
  font-style: italic;
  color: #a8a8a8;
}

.mainTitle1 {
  font-family: Verdana, Arial, Helvetica;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -2px;
  color: #c078a8;
}
.mainTitle2 {
  font-family: Verdana, Arial, Helvetica;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -2px;
  color: #6088b8;
}

.subTitle {
  font-family: Verdana, Arial, Helvetica;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #409890;
}

.copyright {
  text-align: right;
  font: 11px Verdana, Arial, Helvetica;
  color: #46483B;
}

/* Link Page */
.linkList           { color: #555555; font-family: Verdana,Arial,Helvetica; font-size: 14px;}
.linkList a:link    { color: #555555; text-decoration: none; border: 1px solid #ffffff; padding: 1px; }
.linkList a:visited { color: #555555; text-decoration: none; border: 1px solid #ffffff; padding: 1px; }
.linkList a:hover   { background: #f0ffff; color: #207870; border: 1px dashed #207870; padding: 1px; }
.linkList a:active  { background: #f0ffff; color: #207870; border: 1px dashed #207870; padding: 1px; }

/* Page */
.header {
  height: 90px;
  background-color: #f4f4f4;
}
.logo {
  float: left;
  width: 200px;
  background-color: #f4f4f4;
}
.menu {
  float: right;
  background: url(../images/menu/menu-back.gif) no-repeat;
  background-color: #f4f4f4;
  width: 688px;
  height: 90px;
}
.menu-bar {
  width: 100%;
  background-image: url(../images/menu/menu-bar.gif);
  height: 10px;
}

.pagenavi {
  width: 672px;
  height: 68px;
  background: url(../images/menu/page-nav.gif) no-repeat;
  position: absolute;
}
#live{
  float: none;
  position: relative;
  top: 15px;
  left: 8px;
}
.pagenavi li {
  display: inline;
}
.pagenavi li a:link, .pagenavi li a:visited, .pagenavi li div {
  position: absolute;
  top: 0;
  height: 68px;
  text-indent: -9000px;
  overflow: hidden;
  z-index: 10;
}
.pagenavi li div {
  z-index: 0;
}

.pagenavi #pn_java a:link, .pagenavi #pn_java a:visited , .pagenavi #pn_java div{
  left: 0px;
  width: 112px;
}
.pagenavi #pn_java a:hover, .pagenavi #pn_java a:focus, .pagenavi #pn_java div{
  background: url(../images/menu/page-nav.gif) no-repeat 0px -68px;
}
.pagenavi #pn_java a:active, .pagenavi #pn_java div.click {
  background: url(../images/menu/page-nav.gif) no-repeat 0px -136px;
}
.pagenavi #pn_java.active a:link, .pagenavi #pn_java.active a:visited {
  background: url(../images/menu/page-nav.gif) no-repeat 0px -204px;
  cursor: default;
}

.pagenavi #pn_web a:link, .pagenavi #pn_web a:visited, .pagenavi #pn_web div{
  left: 112px;
  width: 112px;
}
.pagenavi #pn_web a:hover, .pagenavi #pn_web a:focus, .pagenavi #pn_web div {
  background: url(../images/menu/page-nav.gif) no-repeat -112px -68px;
}
.pagenavi #pn_web a:active, .pagenavi #pn_web div.click {
  background: url(../images/menu/page-nav.gif) no-repeat -112px -136px;
}
.pagenavi #pn_web.active a:link, .pagenavi #pn_web.active a:visited {
  background: url(../images/menu/page-nav.gif) no-repeat -112px -204px;
  cursor: default;
}

.pagenavi #pn_wizard a:link, .pagenavi #pn_wizard a:visited, .pagenavi #pn_wizard div {
  left: 224px;
  width: 112px;
}
.pagenavi #pn_wizard a:hover, .pagenavi #pn_wizard a:focus, .pagenavi #pn_wizard div {
  background: url(../images/menu/page-nav.gif) no-repeat -224px -68px;
}
.pagenavi #pn_wizard a:active , .pagenavi #pn_wizard div.click{
  background: url(../images/menu/page-nav.gif) no-repeat -224px -136px;
}
.pagenavi #pn_wizard.active a:link, .pagenavi #pn_wizard.active a:visited {
  background: url(../images/menu/page-nav.gif) no-repeat -224px -204px;
  cursor: default;
}

.pagenavi #pn_design a:link, .pagenavi #pn_design a:visited, .pagenavi #pn_design div {
  left: 336px;
  width: 112px;
}
.pagenavi #pn_design a:hover, .pagenavi #pn_design a:focus , .pagenavi #pn_design div{
  background: url(../images/menu/page-nav.gif) no-repeat -336px -68px;
}
.pagenavi #pn_design a:active, .pagenavi #pn_design div.click {
  background: url(../images/menu/page-nav.gif) no-repeat -336px -136px;
}
.pagenavi #pn_design.active a:link, .pagenavi #pn_design.active a:visited {
  background: url(../images/menu/page-nav.gif) no-repeat -336px -204px;
  cursor: default;
}

.pagenavi #pn_trivia a:link, .pagenavi #pn_trivia a:visited, .pagenavi #pn_trivia div {
  left: 448px;
  width: 112px;
}
.pagenavi #pn_trivia a:hover, .pagenavi #pn_trivia a:focus , .pagenavi #pn_trivia div{
  background: url(../images/menu/page-nav.gif) no-repeat -448px -68px;
}
.pagenavi #pn_trivia a:active, .pagenavi #pn_trivia div.click {
  background: url(../images/menu/page-nav.gif) no-repeat -448px -136px;
}
.pagenavi #pn_trivia.active a:link, .pagenavi #pn_trivia.active a:visited {
  background: url(../images/menu/page-nav.gif) no-repeat -448px -204px;
  cursor: default;
}

.pagenavi #pn_links a:link, .pagenavi #pn_links a:visited, .pagenavi #pn_links div {
  left: 560px;
  width: 112px;
}
.pagenavi #pn_links a:hover, .pagenavi #pn_links a:focus , .pagenavi #pn_links div{
  background: url(../images/menu/page-nav.gif) no-repeat -560px -68px;
}
.pagenavi #pn_links a:active, .pagenavi #pn_links div.click {
  background: url(../images/menu/page-nav.gif) no-repeat -560px -136px;
}
.pagenavi #pn_links.active a:link, .pagenavi #pn_links.active a:visited {
  background: url(../images/menu/page-nav.gif) no-repeat -560px -204px;
  cursor: default;
}

#category-path {
  font-weight: bold;
  height:2.3em;
  margin: 1px;
  border-width: 1px 3px 1px 6px;
  border-style: solid;
  border-color: #c0d3f0;
}
ul#category-path {
  padding: 0;
}

#category-path li {
  list-style-type: none;
  float:left;
  line-height:2.3em;
  color:#406898;
  padding-left:.75em;
}
#category-path li a {
  background:url(../images/menu/category-path.gif) no-repeat right center;
  display:block;
  padding:0 15px 0 0;
}	
#category-path li a:link,
#category-path li a:visited {
  color:#406898;
  text-decoration:none;
}
#category-path li a:hover,
#category-path li a:focus {
  color:#b30000;
}

.wrapper {
  background-color:#ffffff;
  min-height: 100%;
  min-width: 900px;
  max-width: 93%;
  /* width: auto !important; */
  width: 93%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: #aaaaaa;
}
.contents {
  text-align: left;
  margin: 5px;
  overflow:auto;
}
.footer, .push {
  height: 80px; /* .push must be the same height as .footer */
  margin: 0 auto;
}
.footer {
  font: 11px Verdana, Arial, Helvetica;
  text-align: center;
  color: #46483B;
  background-image: url(../images/back/bottom.gif);
  min-width: 900px;
  max-width: 93%;
  width: 93%;
}

.page-title {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 8px;
}
.page-comments {
  font-size: 13px;
  font-weight: normal;
  background-color: #ffffe5;
  padding: 5px 8px;
}
.page-color-java {
  color: #f0ffff;
  background-color: #207870;
}
.page-color-web {
  color: #e8f0ff;
  background-color: #406898;
}
.page-color-wizardry {
  color: #f0e8f8;
  background-color: #705090;
}
.page-color-design {
  color: #ffeef5;
  background-color: #e05682;
}
.page-color-trivia {
  color: #fff4ef;
  background-color: #e07835;
}

.statuslink           { color: #46483B; font-family: Verdana,Arial,Helvetica; font-size: 13px; padding-top: 15px; }
.statuslink a:link    { color: #46483B; text-decoration: none; }
.statuslink a:visited { color: #46483B; text-decoration: none; }
.statuslink a:active  { text-decoration: none; }
.statuslink a:hover   { color: #b30000; text-decoration: underline; }

.page-copyright {
  font: 11px Verdana, Arial, Helvetica;
  color: #46483B;
  width: 330px;
  margin:0 auto 0 auto;
}
.page-copyright dt {
  float: left;
  width: 40px;
  padding: 5px 0 5px 10px;
  clear: both;
}
.page-copyright dd {
  text-align: left;
  margin-left:35px;
  padding:5px 5px 5px 5px;
}

.titleGreen {
  font-weight: bold;
  color: #207870;
}
.titleBlue {
  font-weight: bold;
  color: #406898;
}
.titleRed {
  font-weight: bold;
  color: #b05050;
}
.titleYellow {
  font-weight: bold;
  color: #c8ba5f;
}
.titlePurple {
  font-weight: bold;
  color: #a05888;
}
.titlePink {
  font-weight: bold;
  color: #e05682;
}
.titleOrange {
  font-weight: bold;
  color: #e07835;
}
.titleWhite {
  font-weight: bold;
  color: #ffffff;
}
.titleGray {
  font-weight: bold;
  color: #585858;
}

.soucecode {
  font-family: "ＭＳ ゴシック", "Osaka－等幅", "Courier New", Courier, mono, Tahoma,Verdana,sans-serif;
  border: 1px solid #e5e0a4;
  background: #fffff0;
  margin: 15px 0;
  padding: 5px;
  width: 680px;
  text-align: left;
}
.soucecode_html {
  color: black;
  background-color: transparent;
}
.soucecode_keyword {
  color: #007700;
  background-color: transparent;
}

.soucecode_comment {
  color: #FF8000;
  background-color: transparent;
}

.soucecode_string {
  color: #DD0000;
  background-color: transparent;
}

.execute {
  background-color:#f0f8ff;
  border:1px dashed #6088b8;
  color:black;
  font-family:Courier,monospace;
  overflow:hidden;
  padding:0.5em;
}

.results {
  background-color:#EFEFEF;
  border:1px solid #CCCCCC;
  color:black;
  font-family:Courier,monospace;
  overflow:hidden;
  padding:0.5em;
}

.pre-normal {
  font-family: "ＭＳ ゴシック", "Osaka－等幅", "Courier New", Courier, mono, Tahoma,Verdana,sans-serif;
  border: none;
  background: inherit;
  margin: 15px 0;
  padding: 5px;
  width: 92%;
  text-align: left;
}

pre.commandline {
  padding: 0.5em 2em 0.5em 2em;
  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+ */
  background-color: #f8f8f8;
  border: 1px solid #f0f0f0;
}

pre.editline {
  padding: 0.5em 2em 0.5em 2em;
  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+ */
  background-color: #f0f8ff;
  border: 1px dashed #d5e5fb;
}

.toc {
  border-top: 1px solid #919699;
  border-left: 1px solid #919699;
  margin-bottom: 10px;
}
	
.toc th {
  padding: 4px 8px 4px 8px;
  background: #E2E2E2;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #919699;
  border-right: 1px solid #919699;
}
	
.toc td {
  padding: 8px;
  font-size: 12px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #919699;
  border-right: 1px solid #919699;
}
	
.toc table td {
  border: none;
  padding: 0;
  vertical-align: middle;
}

.contTable {
  border: 1px solid #c8c8c8;
  border-spacing:1;
}
.contTable th {
  border: 1px solid #c8c8c8;
}
.contTable td {
  border: 1px solid #c8c8c8;
}

.imageFrame {
  background: #ffffff;
  border: solid 1px #cccccc;
  padding: 1px;
}