@charset "Shift_JIS";

/* 将棋入門のページ */

html,body {
  background:black url(../images/koma.jpg) no-repeat top right fixed;
}

blockquote,q {
  font-style:italic;
}

#container {
  width:90%;
  margin:0 auto;
  padding:0 1em 0.5em;
  text-align:justify;
  font-size:1.15em;
  color:black;
  background:#eaeada url(../images/koma_n_con.jpg) no-repeat top right fixed;
  border:outset 2px #eaeada;
}

#container a {
  text-decoration:none;
}

#container a:link {
  color:#3366ff;
}

#container a:visited {
  color:#666699;
}

#container a:hover {
  color:white;
  background-color:#3366ff;
}

#container a:active {
  color:red;
  background-color:white;
}

#container h1 {
  width:99%;
  margin:0.1em auto;
  padding:0 0 0 0.4em;
  font-size:1.8em;
  color:white;
  background:#3300ff url(../images/h1_blue.png) repeat-x;
  border-top:solid 1px #6666ff;
  border-right:solid 1px #220099;
  border-bottom:solid 1px #220099;
  border-left:solid 1px #6666ff;
} 

#container h2 {
  width:99%;
  margin:1em auto;
  padding:0 0 0 0.4em;
  font-size:1.32em;
  color:white;
  background:#3300ff url(../images/h2_blue.png) repeat-x;
  border-top:solid 1px #6666ff;
  border-right:solid 1px #220099;
  border-bottom:solid 1px #220099;
  border-left:solid 1px #6666ff;
}

#container h2 a:link {
  color:white;
}

#container h2 a:visited {
  color:#ccffff;
}

#container h2 a:hover {
 color:#3300ff;
 background-color:white;
}

#container h2 a:active {
  color:red;
 background-color:white;
}

#container h3 {
  width:99%;
  margin:1em auto;
  padding:0 0 0 0.4em;
  font-size:1.1em;
  color:white;
  background:#3300ff url(../images/h3_blue.png) repeat-x;
  border-top:solid 1px #6666ff;
  border-right:solid 1px #220099;
  border-bottom:solid 1px #220099;
  border-left:solid 1px #6666ff;
}

div.content {
  width:99%;
  margin:0 auto;
  padding:0 0.5em;
}

.content p {
  overflow:auto;
}

div.con_footer {
  width:99%;
  margin:1em auto 0 ;
  padding:0 0.5em;
  font-size:0.86em;
  text-align:right;
}