@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: #dddddd;
  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;
}

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

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; }


/*
 * h2 menu
 */
h2.menu {
  margin: 8px 0px 0px 0px;
  padding: 0px;
  font-size: medium;
  color: #000000;
  line-height: 1.0;
  border-bottom: 1px gray solid;
}
h2.menu img {
  vertical-align: middle;
}


/*
 * container, headerblock, mainblock, footerblock
 */
div.container {
  width: 850px;
  margin: 0 auto 0 auto;
  padding: 0px;
  background: #ffffff;
  text-align: left;
}
div.headerblock {
  width: 830px;
  margin: 0 auto 0 auto;
  padding: 0px;
  background: #ffffff;
  text-align: left;
}
div.mainblock {
  width: 830px;
  margin: 0 auto 0 auto;
  padding: 0px;
  background: #ffffff;
  text-align: left;
}
div.footerblock {
  width: 830px;
  margin: 0 auto 0 auto;
  padding: 0px;
  background: #ffffff;
  text-align: left;
}

/*
 * menu
 */
div.navi {
  width: 850px;
  margin: 0 auto 0 auto;
  padding: 0px;
  background: navy;
  background-image:url(../img/bg-menu.gif);
  float:left;
}
div.navi ul {
  margin: 0;
  padding: 0px;
}
div.navi li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
  border: 1px gray solid;
  width: 16%;
  text-align : center;
  background: navy;
  background-image:url(../img/bg-menu.gif);
}
div.navi li.now {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
  border: 1px gray solid;
  width: 16%;
  text-align : center;
  background: navy;
  background-image:url(../img/bg-menu3.gif);
}
div.navi li a, div.navi li a:visited {
  text-decoration: none;
  display: block;
  padding: 4px;
  font-size: small;
  font-weight: bold;
  color: white;
}
div.navi li a:hover {
  text-decoration: none;
  display: block;
  padding: 4px;
  font-size: small;
  font-weight: bold;
  color: white;
  
  background-color: #8B0000;
  background-image:url(../img/bg-menu2.gif);
}
div.navi li.now a:hover {
  text-decoration: none;
  display: block;
  padding: 4px;
  font-size: small;
  font-weight: bold;
  color: white;
  
  background: navy;
  background-image:url(../img/bg-menu3.gif);
}

/*
 * table-topinfo
 */
table.topinfo {
  border          : 0px solid #215CB5;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 2px; 
}
table.topinfo td {
  border-bottom   : 1px solid #215CB5;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 2px;
}
table.topinfo td.head, tr.head {
  color       : #000000;
  background  : #E6E6FA;
  background:url(../img/bg-td-topinfo.gif);
  background-repeat: no-repeat;
  font-weight : bold;
  height: 30px;
  width: 827px;
  text-indent: -2000em;
  border          : 1px solid #215CB5;
}

/*
 * table-info
 */
table.info {
  border          : 1px solid #215CB5;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 2px; 
}
table.info td {
  border          : 1px solid #215CB5;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 2px;
}
table.info td.head, tr.head {
  color       : #000000;
  background  : #E6E6FA;
  background-image:url(/img/bg-td-info.gif);
  font-weight : bold;
  border          : 1px solid #215CB5;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 2px;
}

/*
 * table-content
 */
table.content {
  border          : 0px;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 2px; 
  border-bottom   : 1px solid #1E78e6;
}
table.content td {
  border          : 0px;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 2px;
}
table.content td.head, tr.head {
  color       : #000000;
  font-weight : bold;
  border          : 0px;
  border-collapse : collapse;
  border-spacing  : 0px;
  padding         : 2px;
}

/*
 * 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;
}