@charset "utf-8";

html, body, td, th, p, h1, h2, h3, h4, h5, form {   
  margin: 0px;
  padding: 0px;
}

ul, ol { 
margin: 0 0 0 2em; 
padding: 0; 
} 
html {
  height:100%;
  margin-bottom:1px;
}
body {
  line-height: 1.4;
  color: #222222;
  background: #00B36B;
  font-size: small;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
  text-align: center;
}
td, th, p {
  line-height: 1.4;
  color: #222222;
  background: #ffffff;
  font-size: small;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

textarea.msg {
  width: 820px;
  height: 8em;
  color: #222222;
  background: #f0f0f0;
  font-size: small;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

a         { font-size: small;  text-decoration: none; }
a.big     { font-size: medium; text-decoration: none; }
a:link    { color: blue; } 
a:visited { color: blue; } 

a.h1 { font-size: large;    color: #222222; }
a.h2 { font-size: medium;   color: #222222; }
a.h3 { font-size: small;    color: #222222; }
a.h4 { font-size: x-small;  color: #222222; }
a.h5 { font-size: xx-small; color: #222222; }

h1 { font-size: large;    color: #000000; }
h2 { font-size: medium;   color: #000000; }
h3 { font-size: small;    color: #000000; }
h4 { font-size: x-small;  color: #000000; }
h5 { font-size: xx-small; color: #000000; }
h1.low { font-size: large;    color: #000000; line-height:1.0; }
h2.low { font-size: medium;   color: #000000; line-height:1.0; }
h3.low { font-size: small;    color: #000000; line-height:1.0; }
h4.low { font-size: x-small;  color: #000000; line-height:1.0; }
h5.low { font-size: xx-small; color: #000000; line-height:1.0; }





/*
 * container, headerblock, mainblock, footerblock
 */
div.container {
  width: 850px;
  margin: 0 auto 0 auto;
  padding: 0px;
  background: #ffffff;
  text-align: left;
}
div.sukima10 {
  width: 850px;
  height: 10px;
  margin: 0 auto 0 auto;
  padding: 0px;
  background: #00B36B;
  text-align: left;
}
div.headerblock {
  width: 850px;
  margin: 0 auto 0 auto;
  padding: 20px;
  background: #ffffff;
  text-align: left;
}
div.mainblock {
  width: 850px;
  margin: 0 auto 0 auto;
  padding: 20px;
  background: #ffffff;
  text-align: left;
}
div.footerblock {
  width: 850px;
  margin: 0 auto 0 auto;
  padding: 20px;
  background: #ffffff;
  text-align: left;
}


/*
 * table-lined
 */
table.line {
  border          : 1px solid #999999;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 2px; 
}
table.line td {
  border          : 1px solid #999999;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 2px;
}
table.line td.head, tr.head {
  color       : #ffffff;
  background  : gray;
  background-image:url(/img/bg-td-lined.gif);
  font-weight : bold;
  border          : 1px solid #999999;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 5px;
}

/*
 * table-noborder
 */
table.noborder {
  border          : 0px;
  padding         : 2px; 
}
table.noborder td, tr {
  border          : 0px;
  padding         : 2px;
}

/*
 * postbutton
 */
input.postbutton, button.postbutton {
  border: 3px double #999999;
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC;
  padding: 3px;
  background-color: #EEEEEE;
  color: #333333;
  font-size: 100%;
  font-weight: bold;
  overflow: visible;
}

/*
 * dlbutton
 */
input.dlbutton, button.dlbutton {
  border: 3px double #999999;
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC;
  padding: 5px;
  background-color: #EEEEEE;
  color: #333333;
  font-size: 120%;
  font-weight: bold;
  overflow: visible;
}

/*
 * dot hr
 */
hr.dot { 
  border-style: dotted none none none; 
  border-top-width: 2px; 
  border-top-color: #333333; 
  height: 2px; 
} 


/*
 * style string
 */
.copyright {
  font-size: x-small;
  color: #0f0f0f;
}

.red {
  color: red;
} 
.redbold {
  color: red;
  font-weight: bold;
} 

.warn {
  color: red;
} 
.error {
  color: red;
  font-size: small;
  font-weight: bold;
}
.need_mark {
  color: red;
  font-size: small;
  font-weight: bold;
} 

.h_top_crypt{
  background:url(../img/top-headline-1.gif);
  background-repeat: no-repeat;
  height: 25px;
  width: 396px;
  text-indent: -2000em;
}
.h_top_ss{
  background:url(../img/top-headline-2.gif);
  background-repeat: no-repeat;
  height: 25px;
  width: 396px;
  text-indent: -2000em;
}
.h_top_pcsoft{
  background:url(../img/top-headline-3.gif);
  background-repeat: no-repeat;
  height: 25px;
  width: 396px;
  text-indent: -2000em;
}
.h_top_usage{
  background:url(../img/top-headline-4.gif);
  background-repeat: no-repeat;
  height: 25px;
  width: 396px;
  text-indent: -2000em;
}
.h_top_sell{
  background:url(../img/top-headline-sell.gif);
  background-repeat: no-repeat;
  height: 25px;
  width: 396px;
  text-indent: -2000em;
}