@charset "utf-8";

/*---------------------------
author: Ryogo Sugai
last update: 2007/05/08
version: 1.1
使用ハック：子セレクタ,IE7
---------------------------*/

* {
  margin: 0;
  padding: 0;
  }

body { 
  line-height: 160%;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",meiryo,"メイリオ","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
  font-size: small;
  }

* html body { line-height: 140%; }
*:first-child+html body { line-height: 140%; }

a:link    { text-decoration: none; color: #06C; }
a:visited { text-decoration: none; color: #06C; }
a:hover   { text-decoration: underline; color: #06C; }
a:active  { text-decoration: underline; color: #06C; }

img { border: 0; }

ul,ol { list-style-type: none; }

h2 {
  margin: 0.5em 0;
  color: navy;
  font-size: large;
  }
h3 { margin: 15px 0 7px 15px; color: #000; }
h4 { margin: 10px 0 5px 15px; color: #000; }

br.clear {
  clear: both;
  line-height: 0px;
  }

div#container {
  width: 96%;
  height: auto;
  margin: 0 auto;
  }

div.header {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #ccc;
  }

div.contents {
  width: 100%;
  height: 100%;
  }

div.main-layer {
  clear: both;
  float: right;
  width: 100%;
  height: 100%;
  margin-left: -16em;
  padding-bottom: 1em;
  }

div.main {
  width: auto;
  margin-left: 16em;
  padding-left: 1em;
  border-left: 1px dotted #ccc;
  }

div.sidemenu {
  width: 15em;
  padding:0 0.5em 1em 0;
  }

div.footer {
  clear: both ;
  width: 100% ;
  padding-top: 0.5em;
  border-top: 1px solid #ccc;
  }

div.header-main {
  height: 100%;
  padding: 0.5em 0;
  background: url("../images/logo.gif") center left no-repeat;
  }

div.header-main h1{
  margin: 0 0 0 120px;
  color: navy;
  font-size: 150%;
  }

div.header-main a:hover  { color: #fff; background-color: #06C; }
div.header-main a:active { color: #fff; background-color: #06C; }

div.header-main ul {
  margin-left: 120px;
  }

div.header-main ul li {
  display: inline;
  padding: 0 0.5em;
  border-left: 1px solid #000;
  }

div.header-main ul li.last-list {
  border-right: 1px solid #000;
  }

div.header-icon {
  position: relative;
  text-align: right;
  margin: 0;
  }

div.header-icon ul {
  position: absolute;
  top: -2em;
  right: 2em;
  }

div.header-icon ul li {
  display: inline;
  }

div.main h2 {
  width: auto;
  padding-left: 0.2em;
  border-left: 0.5em solid #06c;
  border-bottom: 0.2em solid #06c;
  }

div.main h3 {
  border-bottom: 1px dotted #999;
  }

div.main p {
  margin-left: 15px;
  }

div.main ul {
  margin-left: 15px;
  }

img#e3method {
  margin: 15px 0 0 15px;
  border: 1px dotted #000;
  }

div.code {
  margin: 10px 30px;
  padding: 10px;
  border: 1px dotted #000;
  background-color: #ccc;
  }

div.code_coding {
  margin: 1px 30px 15px 30px;
  padding: 10px;
  border: 1px dotted #000;
  background-color: #ccc;
  }

div.code_ok {
  margin: 5px 30px 1px 30px;
  padding: 1px;
  background-color: #008000;
  color: #fff;
  width:30px;
  text-align:center;
  }

div.code_ng {
  margin: 5px 30px 1px 30px;
  padding: 1px;
  background-color: #ff0000;
  color: #fff;
  width:30px;
  text-align:center;
  }

dl {
  margin: 10px 30px;
  padding: 0 15px 15px 0;
  color: #000;
  border: 1px dotted #900;
  }
  
dl dt {
  margin: 10px;
  color: #900;
  font-weight: bold;
  }
  
dl dd {
  margin-left:30px;
  padding: 0;
  }

dl#rates_css {
  margin: 0;
  border: 0;
  }

blockquote {
  padding: 10px ;
  background-color: #FF9;
  border: 1px solid #00F;
  }

blockquote ol {
  margin: 10px 30px 10px 30px;
  line-height: 1.2em;
  }

strong {
  text-decoration: underline;
  font-weight:normal;
  }

table#mashups {
  margin: 0 0 0 25px;
  }

table#mashups tr {
  padding: 0;
  border: 5px solid #F00;
  }

table#mashups tr.mashups-header {
  background-color: #06C;
  }

table#mashups tr th {
  margin:0;
  padding: 3px 10px 3px 5px;
  color: #fff;
  font-weight: normal;
  background-color: #06C;
  text-align:left;
  }

table#mashups tr td {
  margin:0;
  padding: 0 10px 0 5px ;
  }

td.uname {color: #999; }

table#rates {
  margin: 1em 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
  border-spacing: 0;
  }

* html table#rates { margin: 2em 0; }
*:first-child+html table#rates { margin: 2em 0; }

table#rates td, table#rates th {
  padding: 0.5em;
  border-collapse: collapse;
  border: 1px solid #ccc;
  }

table#rates th {
  background-color: #ffc;
  }

span.warn{ color: #F00; }

div.sidemenu ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin-bottom: 1em;
  font-weight: bold;
  }

div.sidemenu ul {
  list-style-type: circle;
  list-style-position: inside;
  font-weight: normal;
  }
div.sidemenu ul.links {
  list-style-type: disc;
  }

div.sidemenu ul li {
  margin-left: 1em;
  }

div.sidemenu form {
  margin: 1em 0;
  }

address { margin: 15px; }

div.prevnext {
  padding-top:50px;
}

div.pageprev{
  clear: both;
  float: left;

}

div.pagenext{
  text-align: right;
}