// PukiWiki - Yet another WikiWikiWeb clone.
// $Id: pukiwiki.css.php,v 1.12 2005/10/12 13:06:27 henoheno Exp $
// $Id: pukiwiki.css.php,v 1.12-01 2007/05/12 08:00:00 hirokasa Exp $
// Copyright (C)
//   2002-2005 PukiWiki Developers Team
//   2001-2002 Originally written by yu-ji
// License: GPL v2 or (at your option) any later version
//
// Default CSS

// Send header


pre, dl, ol, p, blockquote { line-height:130%; }

blockquote { margin-left:32px; }

*{
	font-family:verdana, arial, helvetica, Sans-Serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

body {
	color: black;

/*	background: url(bg.png) repeat-y center #E9E6DA;*/
	background: url(bg2.gif) repeat-y center #FFFFFF;
	font-size: 95%;
	font-family:verdana, arial, helvetica, Sans-Serif;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#wrap{
    color: #000000;
    position:relative;
    width:850px;
    overflow:hidden;
    padding:0;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}

a:link {

	color: #583822;
	background-color: inherit;
	text-decoration: none;
}

a:active {
	color: #583822;
	background-color: #ccddee;
	text-decoration: none;
}

a:visited {
	color:#ea5532;
	background-color:inherit;
	text-decoration:none;
}

a:hover {
	color: #ed6d35;
	background-color: #fff799;
	text-decoration: none;
}

p {
	line-height:150%;
	margin:5px;
}


h1 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color: #0000cd;
	background-color: #e1ecd6;
	padding:.3em;
	margin:0px 0px .5em 0px;
}

h2 {
	color:#333333;
	background: url(h2.jpg) no-repeat left #ffffff;
	font-family:verdana, arial, helvetica, Sans-Serif;
	font-size:16px;
	font-weight:bold;
	heiht:52px;
	line-height:200%;
	padding:15px 0 15px 20px;
	margin:5px 0 20px 0;
}

h3 {

	background: url(h3.jpg) no-repeat left #ffffff;
	font-family:verdana, arial, helvetica, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:0 5px 3px 20px;
	margin:0px 0px .5em 5px;
	line-height:150%
}
h4 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:#660000;
	border-bottom: 1px #660000 solid;
	padding:.3em;
	margin:0px 0px .5em 5px;
}
h5, h6 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:#0000cd;
	background-color: #e1ecd6;
	padding:.3em;
	margin:0px 0px .5em 0px;
}

h1.title {
	background-color: #999999;
	font-size: 30px;
	font-weight:bold;
	color: #ffffff;
	border: 0px;
	margin: 0;
}

h1.title a {
	background-color: #696969;
	color: #ffffff;
}

dt {
	font-weight:bold;
	margin-top:1em;
	margin-left:1em;
}

pre {
	border-top: 1px solid #0d0015;
	border-bottom: 1px solid #0d0015;
	border-left: 1px solid #0d0015;
	border-right: 1px solid #0d0015;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 0px 0px;
	white-space:pre;
	color:black;
	background-color: #fdf5e6;
	overflow: auto;
}

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

ul {
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:130%;
}

em { font-style:italic; }

strong { font-weight:bold; }

thead td.style_td,
tfoot td.style_td {
	color:#ffffff;
	background-color: #983A3A;
	font-size:12px;
}

thead th.style_th,
tfoot th.style_th {
	color:#ffffff;
	background-color: #983A3A;
}


.style_table {
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color: #cccccc;
	font-size:12px;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color: #6c3524;
}
.style_td {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color: #ffffff;
	font-size:12px;
}

ul.list1 {list-style-type:disc; }
ul.list2 { list-style-type:circle; }
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; }

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

hr.full_hr {
	border-style: solid;
	border-color: #be8f68;
	border-width: 1px 0px;
}
hr.note_hr {
	width:90%;
	border-style:solid;
	border-color: #be8f68;
	border-width:1px 0px;
	text-align:center;
	margin:1em auto 0em auto;
}

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

/* pukiwiki.skin.php */
#head{
    width:850px;
    color:#333333;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
	background: url(logo2.gif) no-repeat left top;
}

div#header {
    width:300px;
	height:90px;
	float:left;
	padding: 0px 0px 0px 12px;
	margin: 0;
}

div#header h1.title {
	visibility:hidden
}

div#search{
	padding:10px;
	font-size:10px;
	color:#666666;
	}


div#mininavi{
	padding:5px;
	font-size:10px;
	color:#666666;
	}




div#navibar{
	clear:both;
	width:100%;
	height:35px;
	width:850px;
	background-collar: #924949;
}

div#navibar table td.navi {
	width:121px;
	height:35px;
	text-align:center;
	background: url(bar2.gif) no-repeat left #924949;
}

div#navibar table td.navi a{
	color:#ffffff;
	font-weight:normal;
	font-size: 12px;
	display:block;
	background: url(bar2.gif) no-repeat left top #924949;
	width:121px;
	height:35px;
	line-height:35px;
}

div#navibar table td.navi a:hover,
div#navibar table td.navi a:active{
	color:#FFFFCC;
	font-weight:normal;
	font-size: 12px;
	display:block;
	background: url(bar2.gif) no-repeat left bottom #924949;
	width:121px;
	height:35px;
}

div#navibar table td.navi2 {
	width:124px;
	height:35px;
	text-align:center;
	background: url(bar2.gif) no-repeat right #924949;
}

div#navibar table td.navi2 a{
	color:#ffffff;
	font-weight:normal;
	font-size: 12px;
	display:block;
	background: url(bar2.gif) no-repeat right top #924949;
	width:124px;
	height:35px;
	line-height:35px;
}

div#navibar table td.navi2 a:hover,
div#navibar table td.navi2 a:active{
	color:#FFFFCC;
	font-weight:normal;
	font-size: 12px;
	display:block;
	background: url(bar2.gif) no-repeat right bottom #924949;
	width:124px;
	height:35px;
}






#center{
    float:left;
}

div#body {
	position:relative;
	float: left;
	width: 630px;
	padding: 0;
	margin: 5px 7px 0 5px;
	_margin:5px 7px 0 4px;
	overflow:auto;
	color: inherit;

}

div#note {
	clear:both;
	padding: 0;
	margin: 0;
}

div#attach {
	clear:both;
	padding:0px;
	margin:0px;
}

#menubar {
	float: left;
	width:200px;
	padding:5px 0;
	margin: 5px 0 0 0 ;
	font-size:90%;
	overflow:hidden;
	color: inherit;
}

#menubar ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:25px;
}

#menubar ul.list1 {
	list-style-type:disc;
	padding: 0px 0px 0px 8px ! important;
	margin: 0px 0px 0px 8px ! important;
}

#menubar ul.list2 {
	list-style-type:circle;
	padding: 0px 0px 0px 10px ! important;
	margin: 0px 0px 0px 10px ! important;
}

#menubar li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:25px;
}

#menubar ol.list1 {
	list-style-type:decimal;
	padding: 0px 0px 0px 8px ! important;
	margin: 0px 0px 0px 8px ! important;
}

#menubar ol.list2 {
	list-style-type:lower-roman;
	padding: 0px 0px 0px 10px ! important;
	margin: 0px 0px 0px 10px ! important;
}

#menubar h4 {
	font-size:110%;
	line-height:25px;
}

#menubar h5 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:#0000cd;
	background-color: #e1ecd6;
	padding:.3em;
	margin:0px 0px .5em 0px;
	line-height:25px;
}

#foot{
    width:850px;
    background-color: #efefef;
    color:#000000;
    border-top: 2px solid #739028;
    border-left: 0px solid #739028;
    border-bottom: 0px solid #739028;
    border-right: 0px solid #739028;
    clear:both;
}

div#toolbar {
	clear:both;
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	background-color: #efefef;
	color: inherit;
	border-top: 0px solid #739028;
	border-left: 0px solid #739028;
	border-bottom: 0px solid #739028;
	border-right: 0px solid #739028;
}

div#lastmodified {
	clear:both;
	font-size:80%;
	padding:8px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background-color: #efefef;
	color: inherit;
	border-top: 0px solid #739028;
	border-left: 0px solid #739028;
	border-bottom: 0px solid #739028;
	border-right: 0px solid #739028;
}

div#related {
	font-size:80%;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background-color: #efefef;
	color: inherit;
	border-top: 0px solid #739028;
	border-left: 0px solid #739028;
	border-bottom: 0px solid #739028;
	border-right: 0px solid #739028;
}

div#footer {
	font-size:70%;
	padding:0px 0px 3px 10px;
	margin:0px 0px 0px 0px;
	background-color: #efefef;
	color: inherit;
	border-top: 0px solid #739028;
	border-left: 0px solid #739028;
	border-bottom: 0px solid #739028;
	border-right: 0px solid #739028;
}

div#banner {
	float:right;
	margin-top:24px;
	background-color: #79c06e;
	color: inherit;
}

div#preview {
	color:inherit;
	background-color:#F5F8FF;
}

img#logo {
	float:left;
	margin-right:20px;
}

/* aname.inc.php */
.anchor {}
.anchor_super {
	font-size:xx-small;
	vertical-align:super;
}

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

/* calendar_viewer.inc.php */
div.calendar_viewer {
	color:inherit;
	background-color:inherit;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}
span.calendar_viewer_left {
	color:inherit;
	background-color:inherit;
	float:left;
}
span.calendar_viewer_right {
	color:inherit;
	background-color:inherit;
	float:right;
}

/* 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:solid;
	border-color:#333333;
	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: #f6e5cc;
	font-size: x-small;
}
span.new5 {
	color: green;
	background-color: #f6e5cc;
	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:0px;
	margin-right:0px;
}

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







#bodytop {
	width:850px;
	padding:0 5px;
}

.bodyleft {
	width:550px;
	float:left;

}

.bodyright {
	float:right;
margin-right:15px;
	width:274px;

}

.news {
	margin:0;
	padding:3px 10px 0 0;
	background: url(news_r1.jpg) no-repeat left top;
}
.news h5{
	display:none;
	visibility: hidden;
}
.news h3{
	background: none;
	border:none;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	margin:0 0 15px 20px;
	paddomg-left:10px;
}


.news ul.recent_list{
	margin-left:30px;
	margin-right:100px;
	list-style:none;
}

.news ul.recent_list li{
	font-size:12px;
	color:#9B3B3B;
}

span.date {
	color:#9B3B3B;
}


.newsb {
	height:27px;
	margin:-10px 0 0 0;
	padding:0;
	background: url(news_r2.jpg) no-repeat left top;
}



.news2 {
	margin:0;
	padding:3px 10px 0 0;
	background: url(news2_r1.jpg) no-repeat left top;
}

h5 {
	border:1px #ff0000;
	display:none;
	visibility: hidden;
}

.news2 h3{
	background: none;
	border:none;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	margin:0 0 15px 20px;
	paddomg-left:10px;
}


.news2 ul.recent_list{
	margin-left:30px;
	margin-right:100px;
	list-style:none;
}

.news2 ul.recent_list li{
	font-size:12px;
	color:#9B3B3B;
}










.news3 {
	margin:0;
	padding:3px 10px 0 0;
	background: url(news3_r1.jpg) no-repeat left top;
}

h5 {
	border:1px #ff0000;
	display:none;
	visibility: hidden;
}

.news3 h3{
	background: none;
	border:none;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	margin:0 0 15px 20px;
	paddomg-left:10px;
}


.news3 ul.recent_list{
	margin-left:30px;
	margin-right:100px;
	list-style:none;
}

.news3 ul.recent_list li{
	font-size:12px;
	color:#9B3B3B;
}






.topic {
	margin:0;
	padding:3px 5px 0 5px;
	overflow: hidden;
	font-size:12px;

	background: url(topic_r1.jpg) no-repeat left top;
}

.topic p{
	line-height:20px;
}


.topic h3{
	background: none;
	border:none;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	margin-bottom:-15px;
	padding-left:10px;
}

.topic h4{
	font-size:12px;
	line-height:20px;
	border:none;
	margin:15px 0 -3px 10px;
	padding:0;
}

.topic ul {
	margin-top:15px;
}


.topic ul li{
	list-style:none;
	margin:5px 10px 5px -15px;
	line-height:20px;
}

.topicb {
	height:16px;
	margin:-10px 0 0 0;
	padding:0;
	background: url(topic_r2.jpg) no-repeat left top;
}












div.jumpmenu{
	display:none;
	visibility: hidden;
}

div.menutop{
	height:100px;
	width:195px;
	font-size:12px;
	color:#666666;
	margin:15px 0 15px 3px;
	border:1px solid #cccccc;
}



/*div.menutop{
	position:absolute;
	top:150px;
	height:100px;
	width:195px;
	font-size:12px;
	margin:0;
	padding:5px;
	color:#ffffff;
	background: url(menutop.jpg) no-repeat left top;
}
*/


#menubar h2{
	color:#666666;
	height:40px;
	font-size:14px;
	font-weight:bold;
	padding:15px 5px 0px 15px;
	background: url(menubar_h2.jpg) no-repeat left top;
	margin:0;
	line-height:120%;
}


#menubar div.list1{
	margin-left:3px;
}

#menubar div.list1 ul li{
	display:block;
	width:191px;
	margin:2px 2px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background: url(menubar_li.jpg) no-repeat left bottom;
}

#menubar div.list1 ul li a {
	display:block;
	padding:5px 10px;

	}



#menubar div.list1 ul li a:active,#menubar div.list1 ul li a:hover{
	display:block;
	background-color:#FBEAEA;
	background: url(menubar_li.jpg) no-repeat right bottom;
}









*/

div#breadcrumbs{
	height:15px;
	font-size:12px;

}







/* ------- clear ------- */
.clear {
	clear:both;
}

.after {
content : "";
display : block;
height : 0;
clear : both;
}