@charset "euc-jp";

/*Blues*/

/*===各要素===*/
/*初期化*/
* {
  border: none;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}

/*基本要素*/
html{
  background: #f8f8f8 url(bg-stripes.png) repeat;
  color: #222;
  margin: 0;
  padding: 0;
}
body {
  font-size: 100%;
  font-style: normal;
  line-height: 1.6;
  margin: 0;
  padding: 2%;
}

/*見出し*/
h1,h2,h3,h4,h5,h6 {
  background-color: transparent;
  color: #555;
  line-height: 1.1;
  font-weight: normal;
}
h1 {
  background: transparent url(solid-gray2.png) 100% 65% repeat-x;
  font-size: 160%;
  margin: 0 6% 1em -2%;
  padding: 0 4%;
  text-align: right;
}
h1:first-letter {
  font-size: 200%;
  vertical-align: -0.5ex;
}
h2 {
  border-bottom: 2px solid #ccc;
  font-size: 120%;
  margin: 0 2% 1em 2%;
  padding: 0.1ex 2%;
}
h2:first-letter {
  background-color: transparent;
  color: #27b;
  font-size: 130%;
}
h3 {
  border-left: 0.5ex solid #27b;
  font-size: 110%;
  line-height: 1.8;
  margin: 1.8em 2% 0.5em 2%;
  padding: 0 0.5em;
}
h4 {
  border-left: 0.5ex solid #ccc;
  font-size: 100%;
  line-height: 1.8;
  margin: 1.4em 2% 0.5em 2%;
  padding: 0 0.5em;
}
h5 {
  font-size: 100%;
  margin: 1em 6%;
}
h6 {
  font-size: 100%;
  margin: 1em 8%;
}

/*段落*/
p {
  margin: 0.8em 2%;
}

/*アドレス*/
address {
  font-size: 90%;
  text-align: right;
  font-style: normal;
  margin: 0.8em 2%;
}

/*削除と追加*/
ins {
  text-decoration: underline;
}
del {
  text-decoration: line-through;
}

/*引用*/
blockquote {
  border: 2px dotted #078;
  margin: 0.8em 4%;
  padding: 0 1%;
}
blockquote:before {
  content: "Quotation: ";
  display: block;
  font-style: italic;
}
blockquote[title]:after {
  content: "\300E" attr(title) "\300F";
}
blockquote[cite]:after {
  content: "(" attr(cite) ")";
}
blockquote[title][cite]:after {
  content: "\300E" attr(title) "\300F(" attr(cite) ")";
}

q {
  background-color: transparent;
  color: #078;
  quotes: "\20\201C" "\201D\20" "\20\2018" "\2019\20";
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
q[title]:after {
  content: close-quote "\300E" attr(title) "\300F";
}
q[cite]:after {
  content:  close-quote "(" attr(cite) ")";
}
q[title][cite]:after {
  content:  close-quote "\300E" attr(title) "\300F(" attr(cite) ")";
}

/*リスト*/
ul,ol {
  margin: 0.8em 2%;
}
ul li {
  list-style-type: disc;
}
ol li {
  list-style-type: decimal;
}
ul ul, ol ol {
  margin: 0 0 0 1em;
}

li {
  list-style-position: inside;
  margin: 0 0% 0 2%;
}
li li {
  margin: 0 0% 0 2%;
}
li p {
  margin: 0;
}

dl {
  margin: 0.8em 2%;
}
dt {
  display: list-item;
  list-style: disc none inside;
  margin: 0.8em 0% 0 4%;
}
dd {
  margin: 0 0% 0.8em 8%;
}
dd ul,dd ol {
  margin: 0;
}
dd p {
  margin: 0 0 0.8em 0;
}

/*表*/
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 1px;
  line-height: 1.3;
  margin: 0.8em 4%;
}
th {
  background-color: #f0f0f0;
  color: #222;
}
th,td {
  border: 1px dotted #ccc;
  text-align: center;
  padding: 0.2em;
}
caption {
  caption-side: top;
  margin: 0.8em 4%;
  text-align: left;
}

/*整形済みテキスト*/
pre {
  background-color: #eee;
  color: #222;
  font-size:100%;
  line-height: 1.3;
  margin: 0.8em 4%;
  padding: 0.2em;
  white-space: pre;
}

/*汎用ブロック*/
div {
  margin: 0;
  padding:0;
}

/*罫線*/
hr {
  display: none;
}

/*ハイパーリンク*/
a {
  text-decoration: underline;
  margin: 0 0.1em;
}
a:link {
  background-color: transparent;
  color: #00c;
}
a:visited {
  background-color: transparent;
  color: #709;
}
a:hover, a:active {
  text-decoration: none;
}
a:hover {
  background-color: transparent;
  color: #e00;
}
a:active {
  background-color: transparent;
  color: #d00;
}

/*論理要素*/
em,strong {
  font-weight: bold;
  font-style: normal;
}
em {
  background-color: transparent;
  color: #700;
}
strong {
  background-color: transparent;
  border-bottom: 1px dotted #e00;
  color: #e00;
}

abbr {
  border-bottom: 1px dashed #222;
}
dfn {
  font-weight: bold;
}
cite {
  font-style: normal;
}
code, samp {
  background-color: #eee;
  color: #222;
}
pre code, pre samp {
  background-color: transparent;
  color: #222;
}

/*係数等*/
sub {
  font-size: 80%;
}
sup {
  font-size: 80%;
}

/* その他 */
:focus {
  outline: 2px solid #67B8E1 !important;
}

/*WinIE対策*/
sub, [hoge1] {
  vertical-align: -0.5ex;
}
sup, [hoge2] {
  vertical-align: 0.5ex;
}
pre, [hoge3] {
  overflow: auto;
}

/*===class,ID依存部分===*/
/*構造化*/
.section {
  margin: 1.8em 0;
}
.footer {
  background-color: #f3f3f3;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0;
  color: #222;
  margin: 1.8em 0 0 0;
}
.footer > p {
  text-align: right;
}
.toc dt {
  list-style-type: none;
  list-style-image: none;
}

/*移動*/
p.navigation {
  font-size: 85%;
  margin: 0.8em 4%;
  text-align: right;
}
ul.navigation li {
  border-left: 0.25ex solid #ccc;
  display: inline;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
ul.navigation li:first-child {
  border-left:none;
}

/*日付*/
span.date, p.date {
  background-color: transparent;
  color: #555;
  font-size: 90%;
}
.toc span.date {
  margin-left: 1em;
}
p.date {
  text-align: right;
}
.section  p.date {
  margin-top: -0.5em;
}
address span.date {
  font-size: 100%;
}

/*汎用ブロック*/
.example, .good, .bad, .note {
  margin: 0.8em 4%;
  padding: 0.2em;
}
.example {
  background-color: #eef;
  color: #222;
}
.good {
  background-color: #efe;
  color: #222;
}
.bad {
  background-color: #fee;
  color: #222;
}
.note {
  border: 1px dotted #ccc;
  font-size: 90%;
}

/*式*/
.formula {
  margin: 0.8em;
  padding: 0 0% 0 6%;
}

/*挿絵*/
.fig {
  margin: 1em 2%;
}
.fig dt, .fig dd {
  border: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

/*画像の処理*/
#ka-fig1 {
  float: right;
  width: 150px;
}
#ka-fig2 {
  float: right;
  width: 180px;
}
#ka-fig3 {
  float: right;
  width: 230px;
}

/*京王線関係*/
span.kof {
  background-color: #e5e5e5;
  color: #009;
  font-size: 150%;
}