/*
 * FILE:	magickworx.css
 * DESCRIPTION:	Cascading Style Sheets for MagickWorX
 * DATE:	Wed, Apr 18 2001
 * UPDATED:	Sun, May 25 2008
 * AUTHOR:	Kouichi ABE (WALL) / 阿部康一
 * E-MAIL:	kouichi@MagickWorX.COM
 * URL:		http://www.MagickWorX.COM/
 * COPYRIGHT:	(c) 2007 阿部康一／Kouichi ABE (WALL), All rights reserved.
 */
@charset "euc-jp";
@font-face {
  font-family: Verdana,Arial,Helvetica,"MS Pゴシック",Osaka,IPAPGothic,"Sazanami Gothic","Kochi Gothic",Sans-Serif;
}
@page {
  size: 210mm 297mm;
  margin: 10mm;
}

/******************************************************************************
 *
 * Default Style
 *
 *****************************************************************************/
body {
  width: 810px;
  background-color: #808080;
  /*
  background-color: #e8ebf0;
  background-color: #cecdce;
  */
  /*
  */
  background-image: none;
  color: #333333;
  font-size: 10pt;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;	/* Opera may need this line. */
  /*
  border: 2px solid #4f4d83;
  */
  /*
  border: 2px solid #8396a2;
  */
}

h1 {
  /*
  color: #222950;
  */
  color: black;
  padding: 0;
  margin: 0.5em 0;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14pt;
  /*
  border-bottom: 2px solid #4b7e4b;
  */
  border-bottom: 2px solid #339;
}

h2 {
  /*
  color: #3366cc;
  */
  color: #222222;
  margin: 0.5em 0;
  padding: 0;
  white-space: nowrap;
  font-weight: bold;
  font-size: 12pt;
  border-bottom: 1px solid;
}

h3 {
  color: #111111;
  margin: 0.5em 0;
  padding: 0;
  white-space: nowrap;
  font-weight: bold;
  font-size: 10pt;
}

h4 {
  color: #111111;
  margin: 0.5em 0;
  padding: 0;
  white-space: nowrap;
  font-weight: bold;
  font-size: 10pt;
}

p {
  margin: 0.5em 5px;
  font-size: 10pt;
  text-indent: 1em;
  line-height: 1.2;
}

p.header {
  text-indent: 0;
}

p.notice {
  color: #cc3366;
  font-size: smaller;
  text-indent: 0;
}

p.noindent {
  text-indent: 0;
}

p.more {
  text-indent: 0;
  text-align: right;
}

img {
  vertical-align: middle;
  outline-width: 0;
  border-width: 0;
  border-style: none;
}

sup {
  font-size: xx-small;
}

a {
  color: #0066B3;
  background: inherit;
  text-decoration: none;
}
a:hover {
  /*
  color: #808080;
  */
  color: #0066B3;
  background: inherit;
  text-decoration: underline;
}

ul, ol, dl {
  padding: 0;
  margin: 0;
}
li {
  list-style-type: none;
}

dd {
  margin: 0.5em;
  padding: 0;
}
dt {
  margin-left: 0.5em;
  font-weight: bold;
}

/*****************************************************************************/

ul.itemize {
  margin: 0.5em 0.5em 0.5em 2.5em;
  font-size: 10pt;
}

.itemize li {
  list-style-type: disc;
  list-style-position: outside;
}

ol.enumerate {
  margin: 0.5em 0.5em 0.5em 3em;
  font-size: 10pt;
}

.enumerate li {
  list-style-type: decimal;
  list-style-position: outside;
}

/*****************************************************************************/

table {
  padding: 0.5em 0;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
  border-collapse: collapse;
  color: black;
}

caption {
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em 0;
}

tr.flip {
  background-color: #ebe1e2;
}
tr.flop {
  background-color: #e6eaf3;
}

ins {
  font-size: smaller;
  font-weight: bold;
}

del {
  color: #900;
  font-size: smaller;
}

span.attention {
  color: blue;
}

span.date {
  font-weight: bold;
}

pre.example {
  background-color: #f4f4f4;
  margin: 0.5em;
  padding: 0;
  border: thin solid #ccc;
}

samp {
  font-family: monospace,sans-serif;
  color: black;
}

samp.config span {
  color:#3300ff;
}

samp.config span.edited {
  color:#ee0033;
}

code.program span {
  color:#3300ff;
}

div.minibox {
  margin: 0.5em auto;
}

div.none {
  display: none;
}

/*****************************************************************************/

/*
 * Base Area
 */
div#ground {
  background-color: white;
}

/*
 * Header Area
 */
div#boxHeader {
  /*
  margin: 0 10px;
  */
  margin: 0;
  padding: 0;
}

#boxHeader div#logo {
  float: left;
}

#boxHeader div#infoHeader {
  float: right;
  width: 640px;
  height: 100px;
  margin: 0;
  padding: 0;
}

#infoHeader div#amazon {
  text-align: right;
}

/*
 * Content Area
 */
div#boxContent {
  clear: both;
  margin: 0;
  padding: 0;
  background-color: white;
}

#boxContent div#boxMain {
  float: left;
  width: 680px;
}

#boxMain div#contents {
  float: right;
  width: 500px;
  margin: 5px 0;
  padding: 0 5px;
  /*
  background-color: #f0f1f5;
  background-color: #faf8f4;
  */
}

#contents ul.notice {
  margin: 1em;
  font-size: 10pt;
}

.notice li {
  list-style-type: disc;
  list-style-position: outside;
}


#boxContent div#navigation {
  width: 160px;
  padding: 0 5px;
  font-style: normal;
  font-size: 10pt;
}

#navigation ul#menu {
  border: 1px solid #ccc;
  padding: 1em;
  margin: 5px 0;
}
#menu li {
  margin: 0 0 0.5em 0;
  list-style-type: none;
}
#menu span#here {
  font-weight: bold;
}

#menu ul.submenu {
  border: none;
  padding: 0;
  margin: 0.5em 0 0 0;
}
#menu ul.submenu li {
  margin-left: 1em;
  list-style-type: none;
}
.submenu span {
  font-weight: bold;
}

#boxContent div#boxGadget {
  width: 160px;
  padding: 0 5px;
  font-style: normal;
  font-size: 8pt;
}
#boxGadget object, #boxGadget iframe {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

#boxContent div#boxAds {
  float: right;
  width: 120px;
  padding: 0 5px 0 0;
  font-size: 8pt;
}
#boxAds h2 {
  color: black;
}
#boxAds a, #boxAds a:visited {
  color: #3333ff;
}
#boxAds h2 {
  border: 0;
  font-size: 10pt;
}
#boxAds h3 {
  font-size: 8pt;
}
#boxAds p {
  font-size: 8pt;
  text-indent: 0;
}
#boxAds p a {
  color: #0066B3;
  text-decoration: none;
}

#boxAds div#ads-google {
  margin: 1em 0;
}

/*
 * Footer Area
 */
div#boxFooter {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em 0;
}

#boxFooter div#footnavi {
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
}
#footnavi a {
  color: black;
  text-decoration: none;
}

#boxFooter div#copyright {
  color: #900;
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid gray;
  font-style: normal;
  font-size: 8pt;
  text-align: center;
}

/*****************************************************************************/

pre#bsd-copyright {
  background-color: #f4f4f4;
  margin: 0.5em 0.5em 1em 0.5em;
  padding: 0;
  border: thin solid #ccc;
  font-size: 8pt;
}

/*****************************************************************************/

div#download div#license {
/*
  background-color: #f0f1f5;
  */
  background-color: #faf8f4;
  margin: 0.5em 0.5em 1em 0.5em;
  border: 1px solid;
  font-size: 8pt;
}

div#download div#license p, div#download div#license dt {
  font-size: 8pt;
}

div#download div#license p#title {
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
}

div#download div#mwx-software {
  background-color: #faf8f4;
  margin: 1em;
  border: 1px solid;
}

div#download h3 {
  margin: 0.5em;
}

div#download table.software {
  /*
  background-color: #f4f4f4;
  */
  margin: 0 0.5em 0.5em 0.5em;
  border-collapse: separate;
  border-spacing: 4px;
  border-width: 0;
  border-style: solid;
  border-color: #ccc;
}

div#download table.download {
  /*
  background-color: #f4f4f4;
  */
  margin: 0 0.5em;
  border-collapse: separate;
  border-spacing: 4px;
  border-width: 0;
  border-style: solid;
  border-color: #ccc;
}

div#download table.download td.size {
  text-align: right;
}

div#download table.software td.md5, div#download table.download td.md5 {
  color: #8c0f05;
}

/*****************************************************************************/

div#company ul.description {
  margin: 1em;
  font-size: 10pt;
}
div#company ul.description li {
  list-style-type: disc;
}

div#company ol.description {
  margin: 1em;
  font-size: 10pt;
}
div#company ol.description li {
  list-style-type: decimal;
}

div#company table#outline {
  margin-bottom: 1em;
  border: 0;
  border-collapse: collapse;
}

div#company table#outline td.item {
  white-space: nowrap;
  padding: 5px;
}

div#company table#outline td.value {
  padding: 5px;
}

/*****************************************************************************/

div#privacy p {
  margin: 0.5em;
}

div#privacy div#mwx-privacy {
  background-color: #faf8f4;
  margin: 0.5em 0.5em 1em 0.5em;
  border: 1px solid;
  font-size: 8pt;
}

div#privacy div#mwx-privacy p {
  font-size: 8pt;
}

div#privacy div#mwx-privacy h2 {
  margin: 0.5em;
  font-size: 10pt;
  border-bottom: 0;
}

div#privacy div#mwx-privacy li {
  list-style-type: disc;
}

div#privacy div#mwx-privacy ol {
  margin: 0.5em 0.5em 0.5em 3em;
}

div#privacy div#mwx-privacy ol li {
  list-style-type: decimal;
}

div#privacy div#mwx-privacy p#signature {
  text-align: right;
  font-weight: bold;
}

/*****************************************************************************/

div#sitemap ul.level1 {
  margin: 1em;
  padding-left: 1em;
  font-size: 10pt;
}
ul.level1 li {
  margin: 0.5em 0;
  list-style-type: square;
}

div#sitemap ul.level2 {
  margin: 0 1em;
  padding-left: 1em;
  font-size: 10pt;
}
ul.level2 li {
  margin: 0.5em 0;
  list-style-type: square;
}

div#sitemap a {
  text-decoration: none;
}

/*****************************************************************************/

ol.ranking {
  margin-left: 4em;
}

ol.ranking li {
  list-style-type: decimal;
  list-style-position: outside;
}

div.survey {
  clear: both;
}

div.survey table {
  float: left;
  padding: 0.5em;
  margin-left: 0;
  margin-right: 1em;
  border-width: 0;
  border-collapse: separate;
  border-spacing: 1px;
}
div.survey caption {
  margin: 0 1em 0 0;
  padding: 0;
}
div.survey th {
  background-color: #3a6ea5;
  border-top: 1px solid #99ccff;
  border-left: 1px solid #99ccff;
  border-bottom: 1px solid #003366;
  border-right: 1px solid #003366;
  color: white;
  font-weight: bold;
  padding-left: 2px;
}
div.survey table td {
  padding: 1px 4px 1px 1px;
  text-align: right;
}

div.survey p {
  padding-top: 2em;
}

div.comment {
  clear: both;
  padding-top: 1em;
}

div.survey table#summary {
  padding: 0.5em;
  margin: 1em 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 1px;
  color: black;
}
div.survey table#summary td {
  text-align: left;
}

/*****************************************************************************/

table.data {
  border-collapse: separate;
  border-spacing: 2px;
  border-color: #0066B3;
  border-width: 0;
}

table.data caption {
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em 0 0 0;
}

table.data td.subject {
  padding: 0.5em 0;
  font-weight: bold;
  text-align: center;
  color: black;
}

table.data th {
  background-color: #3a6ea5;
  border-top: 1px solid #99ccff;
  border-left: 1px solid #99ccff;
  border-bottom: 1px solid #003366;
  border-right: 1px solid #003366;
  color: white;
  font-weight: bold;
  padding-left: 2px;
}

/*****************************************************************************/

div.manual h2 {
  counter-increment: chapter;
  counter-reset: section;
}
div.manual h2:before {
  content:counter(chapter) ". ";
}
div.manual h3 {
  counter-increment: section;
  counter-reset: part;
}
div.manual h3:before {
  content:counter(chapter) "." counter(section) ". ";
}
div.manual h4 {
  counter-increment: part;
}
div.manual h4:before {
  content:counter(chapter) "." counter(section) "." counter(part) ". ";
}

/*****************************************************************************/

div.screenshot {
  height: 250px;
  clear: both;
  margin-top: 0.5em;
}

div.page {
  height: 250px;
  clear: both;
  border-bottom: solid 1px;
}

div.page-end {
  height: 250px;
  clear: both;
}

div.image {
  width: 162px;
  float: left;
  margin-top: 0.5em;
}

div.desc {
  width: 330px;
  float: right;
}

div.desc-half {
  width: 170px;
  float: right;
}