@charset "utf-8";
html{
  background-color:#eaeaeb;
  text-align:center;
}
body{
  width:900px;
  margin:0px auto 0px auto;
  padding:0;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  background-color:#ffffff;
  text-align:left;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a:link{
  color:#1762e3;
}
a:visited{
  color:#224977;
}
a:hover{
  color:#1762e3;
  text-decoration:none;
}

/*Header start*/

.header{
  background-image:url(images/hdtp_bg.gif);
  background-repeat:repeat-x;
  font-size:12px;
  color:#666666;
  padding: 9px 0px 4px 7px;
  margin:0;
}
.header a:link{
  color:#666666;
  text-decoration:underline;
}
.header a:hover{
  color:#1762e3;
  text-decoration:none;
}
.header span.explanation{
  color:#0070c6;
  font-weight:bold;
}
.header .title{
  margin:6px 0 0px 0;
}


/*Main start*/
.body{
  margin:10px 0 6px 0;
}
/*Menu start*/
.menu{
  padding:0px 10px 0px 10px;
  /* padding used instead of margin to avoid IE6 bugs */
  width:200px;
  vertical-align:top;
  float:left;
}
.menu h2{
  border-left:3px solid #0070c6;
  color: #505050;
  padding-left:4px;
  font-size:85%;
  margin:10px 0 4px 0;
}
.menu ul{
  font-size:85%;
  line-height:135%;
  margin:6px 10px 10px 20px;
  letter-spacing:1px;
  padding:0;
}
.menu ul li{
  margin-left:12px;
}
.menu ol{
  font-size:85%;
  line-height:135%;
  margin:6px 10px 10px 20px;
  letter-spacing:1px;
  padding:0;
}
.menu ol li{
  margin-left:20px;
}

.menu p{
  font-size:85%;
  width:160px;
  margin:6px 20px 10px 20px;
  line-height:135%;
  letter-spacing:1px;
}
.menu img{
  border-top:1px solid #666666;
  border-bottom:1px solid #666666;  
}
/*Menu end*/
/*Body start*/
.article{
  float:left;
  width:670px;
  margin:0px 10px 0px 0px;
}
.article h1{
  border-left:3px solid #0070c6;
  padding:6px 0px 6px 8px;
  background-color:#f4f4f4;
  font-size:1.07em;
  color:#505050;
  margin:0px 0px 8px 0px;
}
.article h2{
  border-bottom:1px solid #0070c6;
  font-size:1.0em;
  margin:16px 0px 0px 3px;
  line-height:160%;
  color:#505050;
}
.article h3{
  font-size:0.94em;
  margin:2px 0px 0px 6px;
  line-height:175%;
  color:#505050;
}
.article p{
  font-size:0.94em;
  margin:2px 0px 10px 6px;
  line-height:175%;
  color:#333333;
}
.article ul{
  font-size:0.94em;
  margin:2px 0px 10px 36px;
  line-height:160%;
  color:#333333;
  padding:0;
}
.article ol{
  font-size:0.94em;
  margin:2px 0px 10px 44px;
  line-height:150%;
  color:#333333;
  padding:0;
}
.article table{
  font-size:0.94em;
  margin:2px 0px 10px 26px;
  line-height:140%;
  background-color:#333333;
}
.article table td{
  background-color:#ffffff;
  padding:3px;
}
.article pre{
  font-size:14px;
  font-family:"Courier New", Courier, mono;
  margin:2px 20px 10px 26px;
  padding: 0px 10px 0 26px;
  line-height:18px;
  color:#333333;
  background-color:#f4f4f4;
  background-image:url(images/code_bg.gif);
  background-repeat:no-repeat;
}
.article p.image{
  font-size:14px;
  margin:2px 20px 10px 26px;
  color:#333333;
}
.adbox{
  float:right;
  width:120px;
  height:240px;
  background-color:#FFFFFF;
  padding:0px 0px 5px 5px;
}

.footer{
  clear:both;
  padding:12px 10px 2px 10px;
  background-color:#FFFFFF;
  font-size:0.84em;
  text-align:center;
  line-height:160%;
}