html, body, body * {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
html {
 background-color: #F1E7DE;
}
body {
 background-color: #f0dea7;
 background-image: url(bodybg.png);
 color: #000000;
 width: 860px;
 margin-top:1ex;
 margin-bottom:1ex;
 margin-left:auto;
 margin-right:auto;
}
hr{
 background-color:#999999;
 color:#666666;
 height:1px;
}
li {
  list-style-type: none;
  list-style-position: inside;
}
.menu li{
  list-style-position: outside;
}
/*-----------------*/
.fluid {float: left;}
.fluidright {float: right;}
.fluidlist ul,
.fluidlist ul li{
	display: inline;
}
.solid {float: none;}
.flask:after{
	content: url(spacer.gif);
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.flask{
	display: inline-table;
}
/* ¥*/
* html .flask{height:1%;}
.flask{
	display: block;
}
/* */
.attention {
	color: #FF6600;
}
/*-----------------*/
ul.topicpath{
	background-color: #ffffff;
	color: #000000;
  font-size: small;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 0.8ex;
	border-bottom: 1px solid #6666aa;
}
ul.topicpath :after{
	content: url(spacer.gif);
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul.topicpath {
	display: inline-table;
}
/* ¥*/
* html ul.topicpath {height:1%;}
ul.topicpath {
	display: block;
}
/* */
ul.topicpath li{
	float:left;
	background-color: #ffffff;
	display: list-item;
	list-style-type: none;
	list-style-image: url(topicpath.gif);
	list-style-position: inside;
}
ul.topicpath+li{
	list-style-type: none;
	list-style-image: url(spacer.gif);
	list-style-position: inside;
}
/*-----------------*/
div#top {
	background-image:url(top.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	height: 165px;
	width: 600px;
	margin: 0px auto;
}
div#top * {
	display: none;
}
div#top h1{
  font-size: 36px;
  font-family: "ＤＦＰ行書体W7", serif;
  font-weight: 300;
}
div#top h1 sup {
  font-weight: bold;
  font-size: 20px;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: -30px;
  text-indent: -6em;
}
div#top h2{
  font-size: 18px;
  font-weight: 200;
}
/*-----------------*/
div#atp h2{
font-size: x-large
}
div#atp h2 sup,
div#atp h2 sup {
  font-size: small
}
div#atp {
	margin: 5px;
	padding-right: 2ex;
	padding-left: 2ex;
}
/*-----------------*/
div#menu ul {
  list-style-type: none;
  list-style-image:none;
}
div#menu ul li a{
 display:block;
 width: 140px;
 height:32px;
 background-position: 0px 0px;
 background-repeat: no-repeat;
  background-image: url(menubg.png);
}
div#menu ul li a:hover,
div#menu ul li a:focus,
div#menu ul li a:active{
 background-position: 0px -32px;
}
div#menu ul li img {
  height: 32px;
  width: 140px;
}
div#menu ul li.index a {
}
div#menu ul li.method a {
/*  background-image: url(menu_method.gif);*/
}
div#menu ul li.template a {
/*  background-image: url(menu_template.gif);*/
}
div#menu ul li.support a {
/*  background-image: url(menu_support.gif);*/
}
div#menu ul li.sample a {
/*  background-image: url(menu_sample.gif);*/
}
div#menu ul li.download a {
/*  background-image: url(menu_download.gif);*/
}

div#footer {
 width: 550px;
 margin:0 auto;
 padding-bottom: 1ex;
 background-color: #f0f0f0;
}

div#footer,
div#footer *{
  font-size: small;
}
div#footer #copyright h2,
div#footer #copyright h3,
div#footer #copyright h4,
div#footer #copyright h5 {
  font-weight: bold;
}
div#footer #copyright p {
  margin-top: 0.8ex;
  margin-bottom: 0.8ex;
}

div#footer .sitemap {
  font-size: small;
}
div#footer .sitemap ul{
  list-style-type: none;
  list-style-position: inside;
}
div#footer .sitemap h2{
  float: left;
  margin-right: 1ex;
}
div#footer .sitemap ul li{
  float: left;
  margin-left: 1ex;
}

div#footer .sitemap .cr{
  clear: left;
}

div#toc {
 margin: 0.5ex;
 padding-top:1em;
 font-size: medium;
}
div#toc ul{
  list-style-type: none;
  list-style-position: inside;
}
