@charset "Shift_JIS";
/* this @charset is for mozilla's bug */
/*
/////////////////////////////////////////////////
// PukiWiki - Yet another WikiWikiWeb clone.
//
// $Id: default.ja.css,v 1.32 2004/07/31 03:09:20 henoheno Exp $
//
*/



/*
 *	base
 */

html {
  }

body {
  font-size: 90%;
  background-color: #668;
  background-image: url(wall2.jpg);
  margin: 0em 1em 0em 1em;
  padding: 0px }

div#box {
  background-color: #ffc;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #335;
  margin: 0px;
  padding: 0px }

pre, dl, ol, p, blockquote {
  line-height: 150% }

blockquote {
  margin-left: 32px }

#footer {
  clear: both;
  color: #ccf;
  text-align: right;
  background: #335;
  padding: 3px 15px 3px 15px;
  margin: 0px }


/*
 * links
 */

a:link {
  color: #21c;
  text-decoration: none }

a:active {
  color: #f00;
  text-decoration: none }

a:visited {
  color:#a63d21;
  text-decoration: none }

a:hover {
  color: #f00;
  text-decoration: underline }

h1 a:link, h1 a:visited, h1 a:hover {
  color: #fff;
  text-decoration:none }

h2 a:link, h2 a:visited, h2 a:hover {
  color: #fff }

h3 a:link, h3 a:visited {
  color: #335 }

a.anchor_super {
  margin-left: 1em;
  vertical-align: middle }

/*
 *	lists
 */

ul {
  margin-top:.5em;
  margin-bottom:.5em;
  line-height:130%;
  list-style-image: url(listmark.png) }


/*
 *	headlines
 */

h1 {
  color: #335;
  font-size: 160%;
  font-family: 'MS PMincho', '平成明朝', times, serif;
  text-align: left;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  padding: 20px 3px 0px 12px }

h1.title, h1.title a {
  color: #fff }

h2 {
  color: #fff;
  font-size: 120%;
  font-family: 'MS PMincho', '平成明朝', 'Centiru Schoolbook L', serif;
  font-weight: bold;
  line-height: 1.2em;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #069;
  background-color: #069;
  background-image: url(hooktailcat-sect-wiki.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 7px 2px 3px 36px;
  margin: 2em 0em 1em 0em }

h2#content_1_0 {
  margin-top: 25px }


h3 {
  color: #335;
  font-size: 120%;
  line-height: 1.2em;
  font-family: 'MS PMincho', '平成明朝', 'Centiru Schoolbook L', serif;
  font-weight: bold;
  border: 1px dashed #335;
  border-width: 1px 0px 0px 0px;
  background-image: url(hooktailcat-subsect-wiki.gif);
  background-position: left top;
  background-repeat: no-repeat;
  margin: 1em 0em 1em 0em;
  padding: 15px 0px 5px 38px; }

h4 {
  color: #335;
  font-family: 'MS PMincho', '平成明朝', times, serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.1em;
  border-style: solid;
  border-width: 0em 0em 0em 0.5em;
  border-color: #65a;
  background-color: #ffc;
  padding: 2px 2px 2px 0.5em;
  margin: 12px 0px 6px 0px }

h5 {
  color: #335;
  font-family: 'MS PMincho', '平成明朝', times, serif;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.1em;
  border-style: solid;
  border-width: 0em 0em 0em 0.5em;
  border-color: #65a;
  background-color: #ffc;
  padding: 2px 2px 2px 0.5em;
  margin: 1em 0em 1em 0em }


/*
 *  header
 */

#headerheader {
  color: #fff;
  font-size: 90%;
  font-family: 'MS PMincho', '平成明朝', times, serif;
  font-weight: bold;
  text-align: left;
  background-color: #336;
  line-height: 0.5em;
  height: 18px;
  color: #ccf;
  margin: 0px;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #000 }

#headerheader a {
  color: #fff }

#headerheader span {
  margin-left: 20px }

#header img {
  border: none }

#header a:hover{
  border: none }

#header {
  background-color: #336;
  height: 5.5em;
  color: #000;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px }

#header .topicpath, #header .topicpath a {
  color: #fff }


/*
 *  shortcut
 */

#shortcut {
  float: right }

#shortcut table {
  font-size: 90% }

#shortcut td {
  padding: 0px 7px;
  text-align: center }

#shortcut td a:hover {
  }

#shortcut img {
  }

#shortcut a {
  color: #fff }


/*
 *  navigator
 */

div#navigator {
  line-height: 1.5em;
  font-size: 90%;
  clear: both;
  background-color: #668;
  margin: 0px 0px 0px 0px }

div#navigator span {
  padding: 0px 5px }

div#navigator a {
  color: #fff }

/*
 *	container
 */
table.container {
  margin: 0;
  padding: 0;
  width: 99%;
  border-spacing: 0px;
  /* fix for IE6 and below not inheriting font size */
  font-size: 1em;
}
  
/*
 *	menubar
 */
td#menubar {
  width: 140px;
  vertical-align: top;
  padding: 0 10px;
  margin: 0;
  border-right: dotted 2px #000;
  border-bottom: dotted 2px #000;
  font-size: 90%;
  background: #fff;}

#menubar ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0.4em 0px 0px 0px;
  padding: 0px 0px 0px 0px; }

#menubar ul li {
  margin: 2px 0px;
  line-height: 100%; }

#menubar ul li a{
  display: block;
  width: 100%;
  padding: 1px;
  line-height: 120%; }

#menubar ul li a:hover {
  text-decoration: none;
  color: #ed1941;
  padding: 0px;
  border: 1px solid #369;
  background-color: #eef; }

#menubar h4, #menubar h5 {
  font-size: 110%;
  color: #fff;
  text-align: center;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #069;
  background-color: #069;
  background-image: url(hooktailcat-topsect-wiki.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 5px 2px 5px 2px;
  margin: 25px 0em 1em 0em }

#menubar hr {
  border-style: solid;
  border-color: #aaa;
  border-width: 1px 0px }


/*
 *	body
 */

#body {
  margin: 0 0 0 150px;
  vertical-align: top;
  padding: 0 15px 30px 20px }

#onebody {
  margin: 2em 1em; }

#note {
  padding: 0px;
  margin: 0px 0px 0px 170px }

#attach {
  padding: 5px 0px 10px 0px;
  margin: 5em 15px 0px 170px }

div#toolbar {
  clear: both;
  text-align: right;
  padding: 10px 0px 10px;
  margin: 0px 15px 0px 170px;
  border-top: 1px #335 solid }

div#lastmodified {
  font-size: 90%;
  padding: 0px;
  margin: 0px }

div#related {
  font-size:80%;
  padding:0px;
  margin:16px 15px 0px 170px }

div#preview {
  color:inherit;
  background-color:#ffc;
  border:solid 1px #335; 
  padding:1em;
  margin-top:2em;
  margin-bottom:4em }

img#logo
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}


/*
 * tag
 */

dt {
	font-weight:bold;
	margin-top:1em;
	margin-left:1em;
}

pre {
  font-size: 90%;
  padding: 0.4em 0.5em 0.4em 0.5em;
  -moz-border-radius: 3px;
  padding: 10px;
  margin: 1em;
  color: #000;
  height: auto;
  word-break: break-all;
  word-wrap: break-word;
  border: solid 1px #bbf;
  background-color: #fff; }
  /*
  Mac IEではpreにoverflowプロパティを指定すると
  preの中身が全部消えてしまう．Mac IEは@mediaを
  理解しないので， そこにoverflowを記入すること
  で回避．
  */
  @media all {
    pre {
      overflow: auto;}}

img {
  border:none;
  vertical-align:middle; }


em
{
	font-style:italic;
}

strong
{
	font-weight:bold;
}


/*
 *	入力フォーム
 */

textarea {
  font-size: 90%;
  line-height: 1.2em }

input {
  padding: 2px }


/*
 *  aname.inc.php
 */

.anchor
{
}
.anchor_super
{
  font-size: xx-small;
  vertical-align: super;
}


/*
 *	table
 */

thead td.style_td,
tfoot td.style_td
{
	color:inherit;
	background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th
{
	color:inherit;
	background-color:#aac;
	border-bottom:solid 2px #335;
}
.style_table
{
	font-size: 90%;
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color:#335;
}
.style_th
{
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#aac;
}
.style_td
{
	padding:5px;
	margin:1px;
	color:inherit;
	/* background-color:#EEF5FF; */
	background-color:#fff;
}


/*
 *  list style
 */

ul.list1 {
  list-style-type: disc }
ul.list1 li {
  margin-bottom: 0.5em }

ul.list2 {
  list-style-type: circle }
ul.list2 li {
  margin-bottom: 0.5em }

ul.list3
{
	list-style-type:square;
}
ol.list1
{
	list-style-type:decimal;
}
ol.list2
{
	list-style-type:lower-roman;
}
ol.list3
{
	list-style-type:lower-alpha;
}
li.pcmt
{
	margin-bottom: 0.6em;
}

div.ie5
{
	text-align:center;
}

span.noexists
{
	color:inherit;
	background-color:#FFFACC;
}

.small
{
	font-size:80%;
}

.super_index
{
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

a.note_super
{
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

div.jumpmenu
{
	font-size:60%;
	text-align:right;
}

div.topicpath {
  font-size: 90%;
  text-align: right;
  margin: 0px; }

hr.full_hr {
  border-style: solid;
  border-color: #aaa;
  border-width: 1px 0px; }

hr.note_hr {
  border-style: dashed;
  border-color: #335;
  border-width: 1px 0px;
  text-align: center;
  margin: 1em 1em 0em 0em; }

span.size1
{
	font-size:xx-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size2
{
	font-size:x-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size3
{
	font-size:small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size4
{
	font-size:medium;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size5
{
	font-size:large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size6
{
	font-size:x-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size7
{
	font-size:xx-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}

/* html.php/catbody() */
strong.word0
{
	background-color:#FFFF66;
	color:black;
}
strong.word1
{
	background-color:#A0FFFF;
	color:black;
}
strong.word2
{
	background-color:#99FF99;
	color:black;
}
strong.word3
{
	background-color:#FF9999;
	color:black;
}
strong.word4
{
	background-color:#FF66FF;
	color:black;
}
strong.word5
{
	background-color:#880000;
	color:white;
}
strong.word6
{
	background-color:#00AA00;
	color:white;
}
strong.word7
{
	background-color:#886800;
	color:white;
}
strong.word8
{
	background-color:#004699;
	color:white;
}
strong.word9
{
	background-color:#990099;
	color:white;
}


/*
	html.php/edit_form()
*/

.edit_form
{
     clear:both;
}

/* br.inc.php */
br.spacer
{
}

/* calendar*.inc.php */
.style_calendar
{
	padding:0px;
	border:0px;
	margin:3px;
	color:inherit;
	background-color:#CCD5DD;
	text-align:center;
}

.style_td_caltop
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	font-size:80%;
	text-align:center;
}

.style_td_today
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFFFDD;
	text-align:center;
}

.style_td_sat
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5FF;
	text-align:center;
}

.style_td_sun
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFEEEE;
	text-align:center;
}

.style_td_blank
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}

.style_td_day
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}

.style_td_week
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5EE;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}

/* clear.inc.php */
.clear{
	margin:0px;
	clear:both;
}

/* counter.inc.php */
div.counter
{
	font-size:70%;
}

/* diff.inc.php */
span.diff_added
{
	color:blue;
	background-color:inherit;
}

span.diff_removed
{
	color:red;
	background-color:inherit;
}

/* hr.inc.php */
hr.short_line {
	text-align: center;
	width: 80%;
	border-style: dashed;
	border-color: #335;
	border-width: 1px 0px;
}

/* include.inc.php */
h5.side_label
{
	text-align:center;
}

/* navi.inc.php */
ul.navi
{
	margin:0px;
	padding:0px;
	text-align:center;
}

li.navi_none
{
	display:inline;
	float:none;
}

li.navi_left
{
	display:inline;
	float:left;
	text-align:left;
}

li.navi_right
{
	display:inline;
	float:right;
	text-align:right;
}

/* new.inc.php */
span.comment_date
{
	font-size:x-small;
}
span.new1
{
	color:red;
	background-color:transparent;
	font-size:x-small;
}
span.new5
{
	color:green;
	background-color:transparent;
	font-size:xx-small;
}

/* popular.inc.php */
span.counter
{
	font-size:70%;
}
ul.popular_list
{
/*
	padding:0px;
	border:0px;
	margin:0px 0px 0px 1em;
	word-wrap:break-word;
	word-break:break-all;
*/
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list
{
/*
	padding:0px;
	border:0px;
	margin:0px 0px 0px 1em;
	word-wrap:break-word;
	word-break:break-all;
*/
}

/* ref.inc.php */
div.img_margin
{
	margin-left:1em;
	margin-right:1em;
}

div.img_margin img
{
	margin-left:-2px;
	border:1px #335 solid;
}

/* vote.inc.php */
td.vote_label
{
	color:inherit;
	background-color:#FFCCCC;
}
td.vote_td1
{
	color:inherit;
	background-color:#DDE5FF;
}
td.vote_td2
{
	color:inherit;
	background-color:#EEF5FF;
}


/* amazon */
div.amazon_img {
  margin:16px 10px 1em 8px;
  text-align:center; }

div.amazon_imgetc {
  margin:-16px 8px 8px 8px;
  text-align:center; }

div.amazon_sub {
  }

div.amazon_avail {
  margin-left:150px; }

td.amazon_td {
  font-size:10pt;
  text-align:center;
  /* fix for IE6 and below not inheriting font size */
  font-size: 1em; }

table.amazon_tbl {
  border:0;
  width:115px;
  text-align:center;
  /* fix for IE6 and below not inheriting font size */
  font-size: 1em; }
