@charset "Shift_JIS";
@import "plugin.css";

/*
 * --- Global styles ---
 */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: small;
	background-color: white;
	color: black;
	font-family: verdana,arial,helvetica,Sans-Serif;
}

img {
	border-style: none;
	vertical-align: middle;
}

a {
	color: #990000;
	text-decoration: none;
}

a:hover {
	background-color: #ffcccc;
	text-decoration: underline;
}

a.external {
	background: transparent url(/image/external.png) no-repeat scroll right center;
	padding-right: 13px;
}

input {
	padding: 1px;
}

table { border-collapse: collapse; }

/* --- Layout table styles --- */
table.layout,
table.layout tr,
table.layout td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

table.layout td.minimum {
	width: 1px;
}

.clear {
	clear: both;
	margin: 0;
}

a.note_super {
	background-color: inherit;
	color: #dd3333;
	font-size: 60%;
	font-weight: bold;
	vertical-align: super;
}

.small {
	font-size: 80%;
}

div.full_hr {
	border-top: 1px solid #999999;
	margin: 2px 0;
}

div.spacer {
	line-height: 0;
}

div.edit_form textarea {
	width: 100%;
}

* html div.edit_form textarea {
	width: 98%;	/* for damn IE6 */
}

#preview {
	background-color: #ccffff;
}

/*
 * --- Header styles ---
 */
#header {
	background-color: transparent;
	padding: 0;
	position: relative;
}

#header h1 {
	color: #993333;
	font-size: 30px;
	font-weight: bold;
	line-height: 80%;
	margin: 0.2em 0 0 10px;
	padding: 0;
}

* html #header h1 {	/* for damn IE6 */
	line-height: 1;
}

#header span.topicpath {
	margin-left: 10px;
	font-size: 80%;
	font-weight: bold;
}

#header table.layout td {
	vertical-align: middle;
}

#txtPageUrl {
	display: block;
	width: 95%;
	border: none;
	font-size: x-small;
	padding: 0;
	margin: 0;
	color: #999999;
}

@media print {
	#txtPageUrl { display : none; }
}

/*
 * --- Page navigator styles ---
 */
#navigator {
	color: #999999;
	position: absolute;
	text-align: right;
	font-weight: bold;
	bottom: 0;
	right: 0;
}

* html #navigator {	/* for damn IE6 */
	top: 0;
}

#navigator ul {
	margin: 2px 4px;
	padding: 0 4px;
	border-right: 5px solid #cc6633;
}

#navigator ul.admin {
	border-color: orange;
	color: orange;
}

#navigator ul.admin a {
	color: red;
}

#navigator ul li {
	display: inline;
	line-height: 1.2;
}

#navigator p {
	margin: 2px 4px;
	padding: 0 4px;
	border-right: 5px solid #999999;
	line-height: 1.2;
}

#navigator a {
	color: #cc9999;
}

@media print {
	#navigator {
		position: static;
		font-size: 80%;
		color: black;
	}
	
	#navigator ul { display: none; }
	#navigator p  { position: static; }
}

/*
 * --- Body styles (main container) ---
 */
#body {
	float: left;
	width: 100%;
	background: transparent;
}

/*
 * --- Contents area styles (document area) ---
 */
#content {
	position: relative;
	margin: 4px 4px 4px 200px;
	padding: 4px;
	background-color: transparent;
	border: 1px solid #cccccc;
	line-height: 1.5;
}

@media print {
	#content {
		margin: 0;
		border-style: solid none none none;
	}
}

* html #content {	/* for damn IE6 */
	zoom: 100%;		/* hasLayout=trueにするため */
}

.frontpage #content {
	font-size: 90%;
}

#body.edit #content {
	margin-left: 4px;
}

#content .img_margin {
	margin: 0.5em;
}

/* Header tags */
.document #content h2 {
	background: transparent url(../image/h2_back.png) repeat-x scroll center bottom;
	color: #996666;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 5px 2px;
	font-family: verdana,arial,helvetica,Sans-Serif;
}

.frontpage #content h2,
.document  #content h3 {
	border-bottom: 2px solid #669966;
	color:#000066;
	font-size: medium;
	margin: 4px;
	padding: 2px 5px;
	line-height: 1.2;
}

.document #content h3 {
	margin: 12px 4px 6px;
}

#content .floatbox {
	float: left;
}

.frontpage #content h3 {
	border-left: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	font-size: small;
	margin: 4px 10px 4px 4px;
	padding: 1px 5px;
	color: #000066;
}

h4 {
	color: #666666;
	margin: 6px 4px;
	padding: 0pt 2px 0pt 5px;
	border-bottom: 1px solid #99cc99;
	border-left: 1em solid #99cc99;
	font-family: verdana,arial,helvetica,Sans-Serif;
	font-size: small;
}

.anchor_super {
	font-size: xx-small;
	font-weight: normal;
	text-decoration: none;
}

/* Paragraphs */
#content p {
	margin: 4px;
	padding: 2px 10px;
}

#content ul,
#content ol {
	list-style-position: outside;
	margin: 0 4px 8px 15px;	/* 15px(左margin)はli.indexのリーダーに影響する */
	padding: 0;
}

.frontpage #content ul.list1,
.frontpage #content ol.list1 {
	margin-left: 2em;
}

.document #content ul.list1 {
	margin-left: 3em;
}

.document #content ol.list1 {
	margin-left: 4em;
}

#content ul a {
/*	font-weight: normal; */
}

#content li ul {
	margin-bottom: 0;
}

#content li {
	line-height: 1.4;
	padding: 1px 0;
}

/* Blockquote */
#content blockquote {
	background-color: #f0f0ff;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	margin: 4px;
}

#content pre {
	background-color: #f0fff0;
	border-color: #ccffcc #99cc99 #99cc99 #ccffcc;
	border-style: solid;
	border-width: 1px;
	color: black;
	margin: 0.5em 1em;
	padding: 0.5em;
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
	line-height: 1.2;
}

* html #content pre {	/* for damn IE6 */
	font-size: 100%;
	word-wrap: break-word;
}

#content blockquote pre {
	background-color: #cfcfff;
	border: 1px dashed #000099;
	margin: 4px;
}

/* Term definition */
#content dl {
	margin:5px 0 0 2em;
	line-height: 1.3;
}

#content dt {
	font-weight: bold;
	margin: 0;
}

#content dd {
	margin: 0.5em;
}

#content ul.navi {
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style: none;
}

#content .navi-header {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 4px;
}

#content .navi-footer {
	border-top: 1px solid #cccccc;
	padding-top: 4px;
	clear: both;
}

@media print {
	#content .navi-header,
	#content .navi-footer { display: none; }
}

#content ul.navi li {
	color: #cccccc;
	margin: 0 1em;
	
	display: block;
}

#content li.navi_left {
	position: absolute;
	left: 0;
	text-align: left;
}

#content li.navi_right {
	position: absolute;
	right: 0;
	text-align: right;
}

#content li.navi_none {
	text-align: center;
}

#content > p:first-child,
#content > p.first {
	background-color: #f0f0f0;
	border: 1px dotted #cccccc;
	margin: 0 0 4px;
	padding: 0;
}

#content > p:first-child a,
#content > p.first a {
	background: transparent url(/image/upto.png) no-repeat scroll left center;
	font-weight: bold;
	line-height: 24px;
	padding: 2px 1em 2px 33px;
}

@media print {
	#content > p:first-child {
		display: none;
	}
}

/* apply first-child for damn IE6 */
* html #content p { /* IE-expression (first-child) */
	behavior: expression(
		this.className
			+= (this.parentNode.id == "content" && this.previousSibling == null) ? " first-child" : "",
		this.style.behavior = "none"
	);
}

* html #content p.first-child {
	background-color: #f0f0f0;
	border: 1px dotted #cccccc;
	margin: 0 0 4px;
	padding: 0;
}

* html #content p.first-child a {
	background: transparent url(/image/upto.gif) no-repeat scroll left center;
	font-weight: bold;
	line-height: 24px;
	padding: 2px 1em 2px 33px;
}

@media print {
	* html #content p.first-child {
		display: none;
	}
}
/* --- */

#attach {
	font-size: 80%;
	border-top: 1px dotted #cccccc;
	clear: both;
	padding: 0 4px;
}

@media print {
	#attach { display: none; }
}

#note {
	border-top: 1px dotted #cccccc;
	padding: 4px 1em 0 1em;
	line-height: 1.2;
	clear: both;
}

#note .note_hr {
	display: none;
}

/*
 * --- List index style ---
 */
li.index {
	position: relative;
}

li.index div {
	background: url(image/reader.png) repeat-x center scroll;
	display: inline;
}

li.index div a {
	position: absolute;
	background-color: white;
	padding-right: 2px;
}

*+html li.index div a { margin-top: -1px; }	/* for damn IE7 */
* html li.index div a { margin-top: -1px; }	/* for damn IE6 */

li.index div span {
	margin-left: 350px;
	padding-left: 4px;
	background-color: white;
}

li.index li div span {
	margin-left: 330px;
}

li.index li li div span {
	margin-left: 310px;
}

/*
 * --- Sidebar styles (left column)
 */
#sidebar {
	float: left;
	width: 192px;
	margin-left: -100%;
	padding: 4px 4px 0 4px;
}

@media print {
	#sidebar {
		display: none;
	}
}

#sidebar a {
	font-weight: bold;
}

#sidebar .navi {
	margin: 0 0 4px 0;
	padding: 4px;
	border: 1px solid #cccccc;
	background-color: #fff099;
	font-size: 90%;
}

#sidebar .navi form {
	margin-bottom: 4px;
	text-align: center;
}

#sidebar .navi hr {
	padding: 0;
	margin: 4px 0;
}

#sidebar .navi div.full_hr {
	margin-bottom: 8px;
	border-top: 1px solid #cc9900;
	border-bottom: 1px solid #fffff0;
}

#sidebar .navi h2 {
	background-color: #ccffcc;
	border-color: #009000;
	border-style: solid;
	border-width: 1px 1px 1px 2em;
	color: #009000;
	font-size: 95%;
	margin: 0 0 6px;
	padding: 2px 2px 2px 4px;
	text-align: left;
	line-height: 1.2;
}

#sidebar h4 {
	margin: 6px 0;
}

#sidebar .navi ul {
	list-style-position: outside;
	margin: 0 0 8px 1.5em;
	padding: 0;
	line-height: 100%;
}

#sidebar .navi li ul {
	margin-left: 0.5em;
}

#sidebar .navi li ul {
	margin: 0 0 0 0.5em;
}

#sidebar .navi li {
	margin: 2px 0;
}

/*
 * --- Footer styles
 */

#footer {
	position: relative;
	padding: 12px 4px 4px 4px;
	font-size: x-small;
	color: #999999;
	clear: both;
	border-top: 1px solid #cccccc;
}

#footer a {
	font-weight: normal;
}

@media print {
	#footer { padding: 4px; }
}

#toolbar {
	position: absolute;
	right: 4px;
	top: 4px;
}

@media print {
	#toolbar { display: none; }
}


/*
 * --- Table styles
 */
#content .style_table {
	margin: 5px 10px 5px 1.5em;
	border: 1px;
	text-align: left;
	color: inherit;
	line-height: 1.2;
}

#content .style_th {
	padding:2px .5em;
	margin: 1px;
	border: 1px solid #99cc99;
	color: inherit;
	background-color: #ccffcc;
}

#content .style_td {
	padding:2px .5em;
	margin:1px;
	border: 1px solid #99cc99;
	color: inherit;
	background-color: #f0fff0;
}

#content thead td.style_td,
#content tfoot td.style_td {
	color:inherit;
	background-color: #ccffcc;
	text-align: center;
	font-weight: bold;
}

#content thead th.style_th,
#content tfoot th.style_th {
	color:inherit;
	background-color: #ccffcc;
	text-align: center;
	font-weight: bold;
}

/* Special blocks */
#copyright {
	color: blue;
}

@media print {
	#lastmodified,
	#related,
	#pukiwiki-copyright,
	#conversion-time {
		display: none;
	}
	.no-print { display: none; }
	#copyright { text-align: right; }
}

/* diff.inc.php */
span.diff_added {
    color:blue;
    background-color:inherit;
}

span.diff_removed {
    color:red;
    background-color:inherit;
}

/* new.inc.php */
span.comment_date { font-size:x-small; }
span.new1 {
    color: white;
	font-weight: bold;
	font-style: italic;
    background-color: red;
	padding: 0 4px;
}
span.new5 {
    color: red;
	font-weight: bold;
	font-style: italic;
    background-color: transparent;
	padding: 0 4px;
}

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