@charset "iso-8859-1";


@media (min-width: 801px) {

body{
	font-size:90%;
	font-family:"Arial", sans-serif;
	padding:0px 36px 0px 36px;
	margin:0px;
	line-height:160%;
	word-break:break-all;
}

}

@media (max-width: 800px) {

body{
	font-size:100%;
	font-family:"Arial", sans-serif;
	padding:0px 4px 0px 4px;
	margin:0px;
	line-height:160%;
	word-break:break-all;
}

}



img{
	border:0px;
	max-width:100%;
	
	height: auto;
}

ul{
	line-height:130%;
}

p{
	margin:0px;
	padding:0px;
}


div.container{
	width:100%;
	margin:0px;
	padding:0px;
	border:solid 1px;
}


div.logo{
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
}

div.logo img{
	float:left;
	width:auto;
	margin:0px 16px 0px 0px;
	padding:0px;
}

div.logo span.logo_text{
	float:left;
	width:auto;
	font-size:36px;
	padding:16px;
}

div.logo h1{
	width:auto;
	margin:0px;
	
	padding:4px;
	font-size:20px;
	vertical-align:middle;
	
	overflow: hidden;
	word-break: keep-all;
}

div.logo p{
	margin:0px;
	padding:0px;
}

div.logo div.page_funcbar{
	float:right;
	padding-right:4px;
	width:auto;
}

div.navigationbar{
	clear:both;
	width:100%;
	margin:0px;
	padding:0px;
	
	overflow: hidden;
	white-space: nowrap;
}

div.topicpath{
	width:auto;
	margin:0px;
	float:left;
}

div.navigator{
	width:auto;
	margin:0px;
	float:right;
}

div.navigator img{
	float:left;
	width:auto;
}

div.editbar{
	clear:both;
	margin:0px;
	padding:0px;
	text-align:right;
}

div.footer{
	clear:both;
	margin:0px;
	padding:0px;
	text-align:right;
}


@media (min-width: 801px) {

div.left{
	float:right;
	width:15%;
	margin:8px 0px 0px 0px;
	padding:0px;
}

}

@media (max-width: 800px) {

div.left{
	width:98%;
	margin:0px 0px 0px 0px;
	padding:0px;
}

}

div.menu{
	margin:0px;
	padding:16px;
	white-space: nowrap;
}

div.menu div{
	margin-top:4px;
}

div.menu form{
	margin:4px;
}

div.menu h2{
	margin:0px;
	padding:0px;
	border-bottom:dashed 1px;
	font-family:"Arial", sans-serif;
	font-size:110%;
	font-weight:bold;
	text-align:center;
}

div.menu h3, div.menu h4, div.menu h5{
	margin:0px;
	padding:0px;
	font-size:100%;
	font-weight:bold;
	text-align:center;
}


div.menu ul{
	list-style-type:none;
	margin:16px 0px 16px 0px;
	padding:0px;
}

@media (min-width: 801px) {

div.menu ul li{
	text-align:left;
	margin:0px 0px 1px 0px;
	padding:0px;
}

}

@media (max-width: 800px) {

div.menu ul li{
	float: left;
	text-align:center;
	margin:5px 5px 5px 5px;
	padding:0px;
}

}


div.menu ul a{
	display:block;
	width:auto;
	margin:0px;
	
	padding-left:0.5em;
	border:1px solid;
	
}

div.menu #search{
	margin:0px;
	padding:0px;
}

div.menu #search p{
	margin:8px;
	padding:0px;
}

div.menu #search #search_word{
	width:60%;
}

div.menu #search #search_submit{
	width:30%;
}

div.menu div.jumpmenu{

}


@media (min-width: 801px) {

div.right{
	float:left;
	width:85%;
	margin:0px;
	padding:0px;
}

}

@media (max-width: 800px) {

div.right{
	width:98%;
	margin:0px;
	padding:0px;
}

}


div.body{
	margin:0px;
	padding:16px 0px 16px 16px;
}

div.body div{

	
	margin-left:0px;
}

div.body p{
	
	
	margin:4px 4px 4px 2px;
	padding:4px 4px 4px 2px;
}

@media (min-width: 801px) {

div.body pre{
	width:94%;
	overflow:auto;
	font-family:Monospace;
	padding:8px;
	
	
	margin:4px 12px;

	margin-bottom: 12px;
	tab-size: 4;
	-moz-tab-size: 4;	
}

}

@media (max-width: 800px) {

div.body pre{
	font-size:100%;
	line-height:140%;
	width:96%;
	overflow:auto;
	font-family:Monospace;
	padding:8px;
	
	margin-top: 4px;
	margin-bottom: 12px;
	tab-size: 4;
	-moz-tab-size: 4;	
}

}


div.body h2{
	font-size:100%;
	
	
	margin:12px 0px 12px 0px;
}

div.body h3, div.body h5{
	font-size:100%;
	
	
	margin:12px 0px 12px 8px;
	
}

div.body h4{
	font-size:100%;
	
	
	margin:12px 0px 12px 16px;
	
}


@media (min-width: 801px) {

div.body .style_table{
	font-size:100%;
	padding:0px;
	
	
	margin:4px 16px;
	text-align:left;
	border-collapse:collapse;
}

}

@media (max-width: 800px) {

div.body .style_table{
	font-size:100%;
	padding:0px;
	text-align:left;
	border-collapse:collapse;
	margin-top: 4px;
	margin-bottom: 12px;
}

}
 
div.body td.style_td{
	padding:5px;
	margin:1px;
	text-align:left;
}

div.body thead td.style_td{
}


div.body th.style_th{
	padding:5px;
	margin:1px;
	text-align:center;
}


div.body blockquote{
	width:94%;
	overflow:auto;
	padding:8px;
	margin:12px;
}

div.body blockquote p{
	padding:0px;
	margin:0px;
}


div.body div.related, div.body div.notefoot{
	margin:0px 8px 0px 8px;
	padding:8px;
	font-size:90%;
}

div.body div.related p, div.body div.notefoot p{
	margin:4px;
	padding:0px;
}

.super_index {
	font-size:60%;
	vertical-align:super;
}

a.note_super {
	font-size:60%;
	
	
	vertical-align:top;
	line-height:100%
}




div.body ul{
margin-top: 4px;
margin-bottom: 4px;
} 

div.body ol{
margin-top: 4px;
margin-bottom: 4px;
} 

div.body ul li{ line-height:140%;margin:2px 0px 2px 0px; }
div.body ul.list1 { list-style-type:disc; }
div.body ul.list2 { list-style-type:circle; }
div.body ul.list3 { list-style-type:square; }
div.body ol.list1 { list-style-type:decimal; }
div.body ol.list2 { list-style-type:lower-roman; }
div.body ol.list3 { list-style-type:lower-alpha; }




div.body strong{
	font-size:90%;
	font-weight:bold;
}

div.ie5 {}

div.contents{
	margin:0px;
}

span.noexists {
}

div.jumpmenu{


    font-size: 60%;
    text-align: right;
padding:0px;
margin:0px;

}


hr {
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

hr.note_hr{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));

}



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

.edit_form textarea{
	font-size:90%;
}


.anchor {}
.anchor_super {
	font-size:xx-small;
	vertical-align:super;
}


br.spacer {}


.style_calendar {
	padding:0px;
	border:0px;
	margin:3px;
	color:inherit;
	background-color:#CCD5DD;
	text-align:center;
	word-break:keep-all;
}
.style_td_caltop {
	padding:4px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	font-size:80%;
	text-align:center;
}
.style_td_today {
	padding:4px;
	margin:1px;
	color:inherit;
	background-color:#FFFFDD;
	text-align:center;
}
.style_td_sat {
	padding:4px;
	margin:1px;
	color:inherit;
	background-color:#DDE5FF;
	text-align:center;
}
.style_td_sun {
	padding:4px;
	margin:1px;
	color:inherit;
	background-color:#FFEEEE;
	text-align:center;
}
.style_td_blank {
	padding:4px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_day {
	padding:4px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_week {
	padding:4px;
	margin:1px;
	color:inherit;
	background-color:#DDE5EE;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}


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 {
	margin:0px;
	clear:both;
}


div.counter { font-size:70%; }


span.diff_added {
	color:blue;
	background-color:inherit;
}

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


hr.short_line {
	text-align:center;
	width:80%;
	border-style:solid;
	border-color:#333333;
	border-width:1px 0px;
}


h5.side_label { text-align:center; }


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


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


span.counter { font-size:70%; }
ul.popular_list {
}


ul.recent_list {
}


div.img_margin {

	margin-left:16px;
	margin-right:16px;
}


td.vote_label {
	color:inherit;
	background-color:#FFCCCC;
}
td.vote_td1 {
	color:inherit;
	background-color:#DDE5FF;
}
td.vote_td2 {
	color:inherit;
	background-color:#EEF5FF;
}