/*
一般設定
*/

body {
  line-height:140%;
  color:#aaa;
  background-color:#222;
  margin:.5em;
  padding:.5em;
  scrollbar-base-color:#000;
  scrollbar-face-color:#333;
  scrollbar-track-color:#222;
  scrollbar-arrow-color:#666;
  scrollbar-3dlight-color:#333;
  scrollbar-highlight-color:#777;
  scrollbar-shadow-color:#111;
  scrollbar-darkshadow-color:#000;
}
img.logo {
  vertical-align:middle;
  border:0px;
}

/*
フォームで使う
*/

input, select {
  color:#eee;
  background-color:#333;
  border:1px solid black;
  margin:0em;
  display:inline;
  clear:left;
}
input[type="hidden"] { display:none; }
textarea {
  color:#ddd;
  background-color:#333;
  scrollbar-base-color:#111;
  scrollbar-face-color:#444;
  scrollbar-track-color:#333;
  scrollbar-arrow-color:#777;
  scrollbar-3dlight-color:#444;
  scrollbar-highlight-color:#888;
  scrollbar-shadow-color:#222;
  scrollbar-darkshadow-color:#111;
  border:1px solid black;
}
form {
  margin:.5em; padding:0em;
  clear:both;
}

/*
各種スクリプトで使う
*/

blockquote {
  margin:.5em; padding:.5em;
  width:auto;
}
pre {
  margin:.5em; padding:.5em;
  line-height:110%;
}

/*
一般的な記事表示に使う
*/

a:link {
  color:#eee;
}
a:visited {  
  color:#888;
}
a.date, a.date:visited, a.nav, a.nav:visited {
  color:#777;
  text-decoration:none;
}
a.keyword, a.keyword:visited {
  color:#aaa;
  border-bottom:1px solid #444;
  text-decoration:none;
}
a.meta, a.meta:visited {
  font-size:80%;
  color:#777;
  text-decoration:none;
}
div.box {
  border:1px solid black;
  margin:.5em; padding:0em;
  float:left;
  width:auto;
  white-space:nowrap;
  z-index:+1;
}
p {
  margin:.5em; padding:.5em;
  clear:both;
}
div.box p.mes {
  margin:.5em; padding:0em;
}
div.box p.date {
  background-color:#111;
  margin:.5em 0em 0em 0em; padding:.5em;
}

/*
ナビゲーション・区域分けに使う
*/

div#header {
  clear:left;
  margin:0em; padding:0em;
}
div#header p.nav {
  margin:0em; padding:0em;
}
div#main {
  clear:left;
  margin:1em; padding:0em;
}
div#footer {
  clear:left;
  margin:0em; padding:0em;
}
div#footer p.nav {
  margin:0em; padding:0em;
}
p.copy {
  font-size:80%; line-height:110%;
  margin:1em 0em 0em 0em; padding:0em;
  color:#777;
}

/*
記事で使う
*/
p.nav {
  color:#777;
  margin:0em; padding:0em;
}
ul, ol {
  margin:.5em 1.5em; padding:0em;
}

/*
キーワードで使う
*/

div#keywords {
  font-size:90%;
  margin:.5em; padding:0em;
  width:auto;
  position:absolute;
  right:0em;
  top:auto;
  z-index:0;
}
div.refer {
  margin:.5em; padding:0em;
}
p.refer {
  font-size:80%;
  margin:0em; padding:0em;
}
p.keyword {
  font-size:180%;
  margin:.5em 0em .5em 0em; padding:0em;
}
div.keyword {
  margin:.5em; padding:0em;
}
div.keyword p.mes {
  display:inline;
  margin:0em; padding:0em;
}
div.keyword p.date {
  display:inline;
  font-size:80%;
  margin:0em 0em 0em .5em; padding:0em;
}

/*
ヘルプで使う
*/

p.caption {
  font-size:150%;
  clear:left;
  margin:.5em; padding:0em;
}
h2, h3, h4 { margin:.5em; padding:.5em; }

/*
カレンダーで使う
*/

a.sday, a.sday:visited {
  color:#ccc;
  text-decoration: none;
  font-weight: bold;
}
a.cal, a.cal:visited {
  color:#aaa;
  text-decoration:none;
}
table {
  font-size:120%;
  margin:.5em; padding:0em;
}
td { color:#555; text-align:center; }
th { color:#999; text-align:center; }

/*
マンダラートで使う
*/

div.mandalart {
  border:1px solid black;
  margin:.5em; padding:0em;
  float:left;
  width:30%;
  height:10em;
  overflow:auto;
}
textarea.mandalart {
  margin:.5em; padding:0;
  width:90%;
  height:80%;
  clear:left;
}

/*
プレーンで使う
*/

div.plain {
  margin:0em; padding:0em;
}
hr { border:gray 1px solid; }

/*
トラッカーで使う
*/

div.tracker {
  position:absolute;
  text-align:left;
  width:auto;
  top:auto;
  right:0em;
  visibility:hidden;
}
p.tracker {
  margin:0em; padding:0em;
  font-size:80%;
  line-height:100%;
}

/*
その他
*/

.none {
  display:none;
}
.block {
  display:block;
  clear:both;
}
.float_left {
  display:block;
  clear:none;
  float:left;
}
.google {
  display:block;
  clear:none;
  float:left;
  margin:.5em; padding:.5em;
  border:1px solid black;
}
.inline {
  margin:0em;
  padding:0em;
  display:inline;
  clear:none;
}
.small {
  font-size:small;
}

/*
印刷用
*/

@media print {
  .register { display: none; } 
  /* #left, #right などとなっている場合も多い */
}