@charset "UTF-8";

/* General */
*, html {
	margin:0;
	padding:0;
}

/* default font set */
html, body, p, td, th, rp, rt, ruby, address {
	font-family:
		"Hiragino Maru Gothic Pro", Meiryo, Osaka,
		"メイリオ", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", "MS PGothic"
		"Lucida Sans", verdana, helvetica, ariel,
		suns-serif;
}

/* title(default) font */
h1 ,h2 , h3, h4, h5, h6 {
	font-family:
		"Hiragino Kaku Gothic Pro", MeiryoKe_PGothic, Osaka,
		"ヒラギノ角ゴ Pro W3", "HGPｺﾞｼｯｸM", "ＭＳ Ｐゴシック", "MS PGothic",
		"Lucida Sans", verdana, helvetica, ariel,
		suns-serif;
}

/* monospace font set */
pre, input, select, option, button, kbd, samp, tt, img, area, textarea, xmp ,embed ,code{
	font-family:
		"MeiryoKe_Gothic", "Osaka-Mono", 
		"Osaka－等幅", "HGSｺﾞｼｯｸM", "ＭＳ ゴシック", "MS Gothic",
		"Lucida Suns Typewrter", "Lucida Console",
		monospace;
}

/* title(serif) font set */
#header h1 {
	font-family:
		"Hiragino Mincho Pro", "HeiseiMincho", 
		"ヒラギノ明朝 Pro W3", "HGP明朝E", "平成明朝", "ＭＳ Ｐ明朝", "MS PMincho",
		"Lucida Bright", Century, "Times New Roman", 
		serif;
}

body{
	color:#333;
	text-align:center;
	font-size:70%;
	background:url(./image/back.gif) repeat top center #EBEBEB !important;
}

a,a:link,a:active,a:visited {
	color:#5D8BB3;
	text-decoration:none;
}

a:active {
	color:#5D8BB3;
	text-decoration:none;
}

a:hover {
	color:#3465A4;
	text-decoration:underline;
}

#body p {
	margin:5px;
/*	text-indent:1em; */
}

ol li {
	list-style:decimal outside;
}

#content ul,ol,dl {
	padding-left:16px;
	margin-left:16px;
}

dt{
	color: #333366;
	font-weight:bold;
	margin-top:1em;
	margin-left:0.5em;
}

dd{
	margin-left:1em;
}

acronym, abbr, span.caps {
	border-bottom:1px dashed #fc0;
	cursor:help;
}

blockquote {
	border-left:3px solid #ccc;
	margin:20px;
	padding-left:10px;
}

cite, ins {
	text-decoration:none;
}

code, pre, kbd {
	font-size:1em;
}
small,.small {
	font-size:.8em;
	color:#777;
}

strike, del {
	color:#777;
	text-decoration:line-through;
}

label {
	cursor:pointer;
}

#body h1 {
	background-color:#FFFFFF;
	padding: 2px 2px 3px 8px;
	margin:10px 0px 10px 0px;
	border-left:   8px solid #7777FF;
	border-bottom: 2px solid #333388;
	font-size:1.8em;
	line-height:1.9em;
}

h2 {
	clear: both;
	background-color:#FFFFFF;
	padding: 2px 2px 3px 8px;
	margin:10px 0px 10px 0px;
	border-left:   8px solid #7777FF;
	border-bottom: 2px solid #333388;
	font-size:1.4em;
	line-height:1.5em;
}

h3 {
	border-bottom:  1px solid #bb4444;
	border-left:   10px solid #FF7777;
	color:inherit;
	background-color:#FFFFFF;
	padding: 2px 2px 4px 8px;
	margin:8px 1em 8px 0px;
	font-size:1.2em;
	line-height:1.3em;
}
h4 {
	border-bottom:  1px solid #33bb33;
	border-left:   10px solid #21E05D;
	color:inherit;
	background-color:#FFFFFF;
	padding: 2px 4px 4px 8px;
	margin:8px 0px 8px 0px;
	font-size:1.0em;
	line-height:1.1em;
}

h5, h6 {
	color:inherit;
	background-color:#DDEEFF;
	padding: 2px 4px 2px 8px;
 	border:0px;
 	margin:.5em 0px .5em 0px;
	font-size:0.8em;
	line-height:0.9em;
}

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

pre {
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
/*	white-space:pre;	*/
	color:black;
	background-color:#F0F8FF;
	line-break:strict;
	word-break:break-all;
	word-wrap:break-word;
}

address{
	font-size:.8em;
	text-align:left;
	margin:0 1.5% !important;
	margin:0 2% 0 1.1%;
}

/* Images */
img {
	border:0;
}

p img {
	border:0;
	max-width:100%;
	padding:2px;
}

img.center,img[align="center"] {
	display:block;
	margin:auto;
}

img.alignright,img[align="right"] {
	float:right;
	display:inline;
	margin:0 0 2px 7px;
	padding:2px;
}

img.alignleft,img[align="left"] {
	float:left;
	display:inline;
	margin:0 7px 2px 0;
	padding:2px;
}

/* form */

textarea {
	width:100%;
}

textarea, input[type="text"], input[type='password'], select{
	border:1px solid #ccc;
	padding:1px;
	background:url(./image/bg_input.jpg) repeat-x left top;
	background-color:white;
}

input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus,
input[type='text']:hover, input[type='password']:hover, textarea:hover, select:hover {
	border-color:#fc0;
}

input[type='submit'], input[type='reset'], input[type='button'] {
	margin:0 0 0 10px;
	border:1px solid #3465A4;
	color:#fff;
	background-color:#5D8BB3;
	padding:0 2px;
}
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
	border:1px solid #3465A4 !important;
	color:#fff !important;
	background:#3465A4 !important;
}

/* Custimize Form Design */
input[type='text'][name='word']{
	font-size:1em;
	margin:5px 4%;
	padding:3px;
	border:1px solid #ccc;
	height:16px;
	background:url(./image/bg_search.png) right 3px no-repeat #f4f4f4;
}

input[type='text'][name='word']:focus, input[type='text'][name='word']:hover {
	border:1px solid #fc0;
	background:url(./image/bg_search.png) right -16px no-repeat #fff;
}

/* Container */
#container {
	position:relative;
	margin:0 auto;
	font-size:1.2em;
	width:970px;
}
#content {
	width:958px;
	margin:0 auto;
	background-color:white;
	background:url(./image/bg_white.png) repeat center top transparent !important;
	z-index: 1;
}

/* Header and Navigation */
#header {
	margin:0 auto;
	line-height:1.2em;
	width:960px;
	height:78px;
	color:#CCC;
	background:url(./image/bg_header.png) transparent repeat top center;
}

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

#header h1{
	text-align:left;
	font-size:1.8em;
	padding:22px 0 5px 20px;
}

#header a,#header a:link,#header a:active,#header a:hover,#header a:visited {
	color:#fff;
	background:none;
}

#header p#topicpath {
	font-size:1em;
	text-align:left;
	padding:0 0 5px 20px;
}

#header h1 a, .topicpath {
	color:#FFFFFF;
}

#header #title{
	float:left;
}

#header #ad {
	float:right;
	margin:5px;
}

/* suckerfish.inc.php */
#navigator {
	margin:0 auto;
	z-index: 500;
}
#nav {
	display:block;
	height:32px;
	margin:0 auto !important;
	margin:0;
	padding:0;
	text-align:left;
	letter-spacing:0.15em;
	width:960px;
	background:url(./image/bg_nav.png) repeat-x left top transparent;
	list-style:none;
	z-index:10;
}
#nav li {
	text-align:left;
	float:left;
	padding:0;
	margin:0;
}

#nav img{
	display:inline;
	vertical-align:middle;
}

#nav li a, #nav span.noexists {
	display:block;
	line-height:32px;
	padding:0 10px;
	color:#fff;
	text-decoration:none;
}

#nav li a:hover {
	color:#fff;
	background-color:#333;
}
#nav li li {
	width:200px;
}
#nav ul a {
	color:#fff;
	line-height:24px;
}
#nav ul {
	position:absolute;
	z-index:500;
	top:auto;
	list-style:none;
	display:none;
	width:200px;
	text-align:center;
	border:1px solid #333;
	background:url(./image/bg_nav_ul.png) repeat transparent !important;
	background:#444;
}
#nav ul ul {
	top:0;
	left:100%;
}
#nav li:hover, #nav li.sfhover {
	color:#fff;
	background-color:#333;
	z-index:100;
	cursor:pointer;
}

#nav li:hover ul ul, #nav li li:hover ul ul, #nav li li li:hover ul ul, #nav li li li li:hover ul ul, #nav li.sfhover ul ul, #nav li li.sfhover ul ul, #nav li li li.sfhover ul ul, #nav li li li li.sfhover ul ul {
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	display:block;
}

#nav span.noexists {
	color:#CCCCCC;
	background-color:transparent;
}

#nav span.noexists a{
	display:inline;
	background:#999;
	padding:0;
}

/* Shelf */
#shelf {
	float:left;
	line-height:1.2em;
	width:100%;
}

#toggle {
	width:960px;
	margin:0 auto !important;
	margin:0;
	text-align:left;
	background:#000;
	color:#CCC;
	list-style:none;
	overflow:hidden;
}
#toggle h2 {
	color:#fff;
	font-size:1.2em;
	font-weight:400;
	margin:15px 2px 0;
}
#toggle ul {
	list-style:none;
	margin:10px 0 10px;
}
#toggle li {
	float:left;
	width:21%;
	background:transparent;
	margin-left:1.8% !important;
	margin-left:1.5%;
	padding:0 4px 6px 4px;
	display:inline;
}
* html #toggle li {
	width:20%;
}
#toggle ul li {
	width:100%;
	margin:2px 0;
	padding:0 8px;
}
#toggle ul li a, #toggle ul li a:link, #toggle ul li a:visited {
	display:block;
	background:transparent;
	color:#fff;
	white-space:nowrap;
	padding:2px;
	border-top:1px solid #3465A4;
	border-bottom:1px solid #3465A4;
	text-decoration:none;
}
#toggle ul li a:hover {
	border-top:1px solid #fc0;
	border-bottom:1px solid #fc0;
}
#toggle li.tags {
	width:45%;
}
#toggle li.tags a:hover {
	background:none;
	text-decoration:underline;
}

/* Primary Cotent and Entries */
#content-top {
	font-size:.9em;
	text-align:right;
	width:958px;
	background:url(./image/bg_content_top.png) transparent repeat-x top center;
	margin:0 1px;
	height:15px;
}

#content-top a, #content-bottom a {
	margin:5px 15px 0;
}

#primary-content {
	float:left;
	line-height:1.6em;
	padding:0 1.5%;
	width:750px;
	display:block;
	overflow:hidden;
}

#wide-content {
	text-align:left;
	z-index: 0;
	line-height:1.6em;
	padding:0 1.5%;
	width:930px;
	display:block;
	overflow:hidden;
}

#content-bottom {
	background:url(./image/bg_content_bottom.png) repeat-x bottom left;
	height:6px;
	margin:0 1px;
	width:958px;
	font-size:.9em;
	text-align:right;
	height:15px;
}

#body {
	text-align:left;
	width:auto;
	z-index: 0;
/*	overflow:hidden; */
}

#body ul{
	padding-left:16px;margin-left:16px
}

#lastmodified{
	text-align:right;
	font-size:.9em;
	color:#999;
	background:url(./image/bg_meta.png) no-repeat top center;
}

/* Sidebar */
#sidebar {
	display:block;
	float:right;
	line-height:1.2em;
	margin:13px 1.5% !important;
	margin:13px 0;
	width:150px;
	text-align:left;
	font-size:1em;
}

#sidebar h2 {
	font-size:1.2em;
	font-weight:400;
	border-left: 10px solid #aabbff;
	border-bottom:1px solid #bbbbff;
	border-top:   1px solid #bbbbff;
	border-right: 1px solid #bbbbff;
	margin:10px 2px 0 7px;
	padding:2px 0;
}

#sidebar ul {
	margin:0px 0px 0px .5em;
	padding:0px 0px 0px .5em;
	color:#777;
}

#sidebar li {
	width:100%;
}

#sidebar ul ul li {
	width:100%;
	margin:0 10px;
	padding:2px;
}
	
#sidebar ul ul li a,#menubar ul ul li a:link,#menubar ul ul li a:visited {
	padding:2px 4px;
}

#sidebar h3 {
	background-color:#ddddff;
	padding: 2px;
	border-left:  1px solid #aabbff;
	border-bottom:1px solid #aabbff;
	border-top:   1px solid #aabbff;
	border-right: 1px solid #aabbff;
	margin: 4px 0px 4px 0px;
	height: 31px;
}

#sidebar h4 {
	color:#333;
	font-size:1.2em;
	font-weight:400;
	margin:15px 2px 0 10px;
	padding:2px 0;
}

#sidebar h5 {
	font-size: 15px;
	border-left: 10px solid #88ff88;
	border-top:   1px solid #bbddcc;
	border-bottom:1px solid #aaccbb;
	border-right: 1px solid #aaccbb;
	padding: 1px 1px 1px 2px;
	margin: 8px 0px 4px 0px;
	height: 1.3em;
	background: #FFFFFF;
}

#sidebar ul ul,#toggle ul {
	margin:0;
	padding:0 0 10px;
}

/* Footer */
#footer {
	clear:both;
	height:64px;
	margin:0 auto;
	width:970px;
	background:url(./image/bg_footer.png) no-repeat top center transparent;
}
#footer p {
	color:#fff;
	text-align:center;
	font-size:.9em;
	line-height:1.5em;
	padding:5px;
}

/* Main area */
div#note {
	padding:0px;
	margin:0px;
}

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

div#toolbar {
	clear:both;
	padding:0px;
	margin:0px;
	text-align:right;
}

#lastmodified {
	font-size:80%;
	padding:0px;
	margin:0px;
}

#related {
	font-size:80%;
	padding:0px;
	margin:16px 0px 0px 0px;
}

#preview {
	color:inherit;
}

span.noexists {
	background-color:#FFFACC;
}

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

/* 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:#E0E8F0;
}
.style_table {
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color:#ccd5dd;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
}

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

.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:ridge;
	border-color:#333333;
	border-width:1px 0px;
}

hr.note_hr {
	width:90%;
	border-style:ridge;
	border-color:#333333;
	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;
}

/* for not print elements */
.noprint{
}

/* html.php/edit_form() */
div.edit_form 
{
	/* clear:both; */
	width:95%;
	min-width:99%;
}

/* for realedit.js */
#realview_outer {
	float:left;
	z-index:10;
	margin:1px;
	padding:0px 20px;
	height:200px;
	width:750px;
	overflow:scroll;
	display:none;
	background:url(./image/bg_input.jpg) repeat-x left top;
}

#realview {
	width:100%;
}
/* for ajaxpopup */
#ajaxpopup {
	position: absolute;
	z-index: 100;
	border: solid 1px #000;
	font-size: 1em;
	margin: 0px;
	padding: 0.15em;
	background-color: #ffc;
	background:url(./image/bg_yellow.png) repeat center top transparent !important;
}

/* for blikifooter */
div.blikiFooter {
	text-align:right;
}

/* for BugTrack/1 */
.dummyblock
{
	width:77%;
	float:left;
	display:block;
}

/* ---------------------------------------------------------------------------------------------- */

/* std.js */
.pseudolink {
	color:#0000ff;
}
.pseudolink {
	text-decoration: underline;
	 cursor:pointer;
}
.pseudobutton {
	color:black;
	display:block;
	border:gray outset thin;
	background:#ddd;
	padding:0.1em;
	cursor:pointer;
}

#qrcode {
	display:block;
	float:right;
	width:8em;margin-left:0.5em;
	font-style:normal;
	text-align:center;
	padding:0.3em 0.5em;
	border:gray 1px dotted;
	font-size:72%;
}

#poptoc {
	border:ridge 2px; padding:0.5em;
	border-color:#FFFFEE #CCC99C #CCCC99 #FFFFEE;
	background:#FFFFCC;
	background:url(./image/bg_yellow.png) repeat center top transparent !important;
	min-width:18em; max-width:25em;
	width:22em;
	overflow:visible;
	margin-right:-10em;
	z-index:1;position:absolute;
	display:none;
	text-align:left;
}

#poptoc a:hover{ background-color:#ccc; }
#poptoc a{ color:blue; }
#poptoc h2{
	color:navy;
	background:#efe;
	font-size:small;
	font-weight:normal;
	padding:0.3em;
	margin:0;
	text-align:center;
	border:silver solid 1px;
	display:block;
}
#poptoc h2 a{color:navy; text-decoration:none;}
#poptoc h2 img {margin-bottom:-3px; margin-right: 2px;}
#poptoc .nav {text-indent:0em;border-top:1px gray solid; padding-top:0.2em;text-align:center; white-space: nowrap; }
#poptoc a.here{color: black; background: #EEEEEE; text-decoration: none; border:1px dotted gray; cursor:default;}

img.tocpic {
	display:inline;
	cursor:pointer;
}

#pst {
	color: navy; font-style: inherit /*same as address*/
}

#poptoc ul,#poptoc ol{
	margin:0px 0px 0px .5em;
	padding:0px 0px 0px .5em;
}

.hrefp, .topic {
	vertical-align:text-bottom;
}

/* ---------------------------------------------------------------------------------------------- */

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

/* br.inc.php */
br.spacer {}

/* amazon.inc.php */
div.amazon_img {
	margin:16px 10px 8px 8px;
	text-align:center;
}

div.amazon_imgetc {
	margin:0px 8px 8px 8px;
	text-align:center;
}

div.amazon_sub {
	font-size:90%;
}

div.amazon_avail {
	margin-left:150px;
	font-size:90%;
}

td.amazon_td {
	font-size:90%;
	text-align:center;
}

table.amazon_tbl {
	border:0;
	width:115px;
	font-size:90%;
	text-align:center;
}

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

table.style_calendar a{
	color:black;
	text-decoration:none;
}
table.style_calendar a strong{
	color:#06f;
	text-decoration:underline;
}
table.style_calendar a:hover strong{
	color:#666;
}

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

/* minicalendar.inc.php */
.ministyle_calendar
{
	width:150px;
	padding:0px;
	margin:2px;
	color:inherit;
	background-color:#E0E0E0;
	text-align:center;
}

.ministyle_td_caltop
{
	padding:2px;
	margin:1px;
	color:inherit;
	background-color:#F5EEFF;
	font-size:12px;
	text-align:center;
}

.ministyle_td_today
{
	padding:1px;
	margin:1px;
	color:inherit;
	background-color:#FFFFDD;
	font-size:12px;
	text-align:center;
}

.ministyle_td_sat
{
	padding:1px;
	margin:1px;
	color:inherit;
	background-color:#DDE5FF;
	font-size:12px;
	text-align:center;
}

.ministyle_td_sun
{
	height:20px;
	padding:1px;
	margin:1px;
	color:inherit;
	background-color:#FFEEEE;
	font-size:12px;
	text-align:center;
}

.ministyle_td_blank
{
	padding:1px;
	margin:1px;
	color:inherit;
	background-color:#EEEEEE;
	font-size:12px;
	text-align:center;
}

.ministyle_td_day
{
	padding:1px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	font-size:12px;
	text-align:center;
	vertical-align:text-bottom;
}

.ministyle_td_week
{
	width:23px;
	padding:2px 0px;
	margin:2px 0px;
	color:inherit;
	background-color:#E0E0E0; /*#DDE5EE;*/
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

/* minicalendar_viewer */
h3.minicalendar
{
	margin: 8px -8px 0px -6px;
	font-size:100%;
	border:0px;
	border-left:8px solid;
	border-bottom:1px solid;
	border-color:#ffffff #ffffff #999999 #ff9933;
	color:inherit;
}

h4.minicalendar
{
	margin: 8px -8px 0px -6px;
	font-size:100%;
	border:0px;
	border-left:8px solid;
	border-bottom:1px solid;
	border-color:#ffffff #ffffff #999999 #ffCC66;
	color:inherit;
}

.minicalendar_viewer
{
	margin: 0px 0px 0px 0px;
}

.minicalendar_viewer h4
{
	margin: 0.5em 0px 0px 0.5em;
}

.minicalendar_viewer p
{
	margin: 0.5em 0px 0px 1.5em;
}

/* 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:transparent;
	font-size:x-small;
}
span.new5 {
	color:green;
	background-color:transparent;
	font-size:xx-small;
}

/* ref.inc.php */
div.img_margin {
	margin-left:32px;
	margin-right:32px;
}

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

/* extra attach table */
table.attach_table
{
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color: #CCCCCC;
}
th.attach_th
{
	padding:2px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color: #FFEECC;
}
td.attach_td1
{
	background-color: #FFFFFF;
}
td.attach_td2
{
	background-color: #CCFFCC;
}

/* pukiwiki extend anchor */
img.ext
{
	margin-left: 2px;
	vertical-align: baseline;
}
img.inn
{
	margin-left: 2px;
	vertical-align: baseline;
}

/**
 * PukiWiki Plugin Code highlight
 *
 */

/* オペレータ */
span.code_operator {color: blue;}
/* 識別子 */
span.code_identifier {color: #00008B;}

/* 制御構文 */
span.code_control  {color: navy;}
/* 標準関数 */
span.code_function {color: blue;}
/* 定数 */
span.code_constant {color: teal;}

/* module, import, 将来対応する pragma */
span.code_pragma {color: #008080;}
/* __stdcall などの処理系専用の奴とか */
span.code_system {color: #5f0000;}
/* 環境変数  */
span.code_environment {color: #777777;}
/* 文字列 */
span.code_string {color: green;}
/* コメント */
span.code_comment {color: #FF8C00;}

/* 個々のハイライト専用 */
/* for TeX */
span.code_formula {color: teal;}
/* for diff*/
span.code_changed {color: green;}
span.code_added   {color: blue;}
span.code_removed {color: red;}
/* for make*/
span.code_execute {color: teal;}
span.code_target  {color: #00008B;}
span.code_src     {color: #006400;}
/* for PukiWiki */
span.code_header{color: blue;}
span.code_table {color: #006400;}
span.code_list  {color: navy;}
span.code_pre   {color: teal;}
span.code_quote {color: #777700;}

/* ソースコード表示部分の設定 */
/* 段組をしない場合の設定 */
pre.code {
	background: #EEFFFF;
	margin: 1em 2em 0.5em 1em;
	padding: 0.5em;
	border-top:    #DDDDEE 1px solid;
	border-right:  #888899 1px solid;
	border-bottom: #888899 1px solid;
	border-left:   #DDDDEE 1px solid;
	line-height: 120%;
}
/* 段組をした場合の設定 */
table.code_table pre.code,
div.code_table pre.code
{
	background: #EEFFFF;
	margin: 0;
	padding: 0;
	padding-left: 0.5em;
	border: 1px;
	line-height: 120%;
}

/* 行番号表示 */
pre.code_number {
	margin: 0;
	padding: 0;
	padding-right: 0.5em;
	border: 1px;
	border-right: 1px solid #CCDDDD;
	line-height: 120%;
	min-width: 3ex;
}

/* アウトライン表示 */
pre.code_outline {
	margin:  0;
	padding: 0;
	border: 1px;
	border-right: 1px solid #F5FFFF;
	width: 10px;
	text-align: center;
	background: #E0F5F5;
	line-height: 120%;
}

/* 枠組 */
div.code_table {
	color: black;
	background-color: #F0F8FF;
	border-top:    #DDDDEE 1px solid;
	border-right:  #888899 1px solid;
	border-bottom: #888899 1px solid;
	border-left:   #DDDDEE 1px solid;
	margin: 1em 2em 0.5em 1em;
	white-space: pre;
}

/* 段組要素の設定無効化 */
table.code_table,
table.code_table td,
div.code_number pre,
div.code_outline pre,
div.code_src pre
{
	margin:  0;
	padding: 0;
	border: none;
}

/* tableによる段組 */
td.code_src {width:100%;}

/* divによる分割の定義  */
div.code_number,
div.code_outline,
div.code_src
{
	position: relative;
	margin: 0;
	padding: 0;
	left: 0;
	float: left;
}

/**
 * アウトライン・メニューの設定
 */

/* icon */ 
div.code_menu {
	background-color: #d4d0c8;
}

/* アウトラインが閉じた時のイメージ */
img.code_dotimage {width:20px;height:8px;margin:0;padding:0;}

/* アウトラインの設定 */
a.code_outline{
	background-color: #FFFFFF;
	color: black;
	border: 1px solid #888888;
	text-decoration: none;
}
a.code_outline:link
{
	background-color: #FFFFFF;
	color: black;
	border: 1px solid #888888;
	text-decoration: none;
}
a.code_outline:visited
{
	background-color: #FFFFFF;
	color: black;
	border: 1px solid #888888;
	text-decoration: none;
}
a.code_outline:hover
{
	background-color: #FFFFFF;
	color: black;
	border: 1px solid #888888;
	text-decoration: none;
}
a.code_outline:active
{
	background-color: #FFFFFF;
	color: black;
	border: 1px solid #888888;
	text-decoration: none;
}

/**
 * Gallery
 *
 */

.dir_table{
	width: 900px;
	line-height: 100%;
	border-spacing: 0px 10px;
}
.dir_table_info{
	width: 150px;
	text-align: top;
	padding: 3px 0px 3px 0px;
	line-height: 100%;
	border-width: 1px 0px 1px 1px;
	border-style: dashed;
	border-color: #ccd5dd;
}
.dir_table_thumbs{
	text-align: middle;
	font-size: 1em;
	padding: 3px 0px 3px 0px;
	margin-bottom: 5px;
	line-height: 100%;
	border-width: 1px 1px 1px 0px;
	border-style: dashed;
	border-color: #ccd5dd;
}
.photo_table{
	border: 1px;
	border-style: dashed;
	border-color: #ccd5dd;
	width: 900px;
	margin: 0 auto;
}
.photo_table_cell{
	padding: 5px 0px 5px 0px;
}
.photo_table_cell_l{
	padding: 5px 0px 5px 0px;
}
.photo_table_cell_r{
	padding: 5px 0px 5px 0px;
}
.photo_table_cell_e{
	padding: 5px 0px 5px 0px;
}
.photo_table_cell_n{
	padding: 5px 5px 5px 5px;
}
.photo_table_spacer{
	height: 0px;
}
.details_table{
	border: 1px;
	border-style: dashed;
	border-color: #ccd5dd;
	width: 900px;
	margin: 0 auto;
}
.details_table_cell_l{
	padding: 5px 5px 5px 20px;
	width: 260px;
}
.details_table_cell_r{
	padding: 5px 5px 5px 20px;
}
.crumbs{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 10px 5px;
}
.admin_table{
	border: 1px solid #ccd5dd;
	background-color: #eef5ff;
	width: 700px;
	margin: 0 auto;
}
.friend_table{
	border: 1px solid #ccd5dd;
	background-color: #eef5ff;
	width: 700px;
	margin: 0px 37px 0px 37px;
}
.friend_heading{
	border-bottom: 2px solid #77aa77;
	background-color: #99cc99;
	padding: 2px 0px 3px 5px;
	font-size: 1.1em;
	font-weight: bold;
}
.friend_cell{
	background-color: #ccffcc;
	padding: 10px 0px 10px 5px;
}
.form_btn{
	border: 1px solid #ccd5dd;
	background-color: #ccccff;
	font-size: 0.8em;
}
.form_btn: hover{
	border: 1px solid #ccd5dd;
	background-color: #9999ff;
	font-size: 0.8em;
}
.form_text{
	border: 1px solid #ccd5dd;
	background-color: #ffffff;
	font-size: 0.8em;
	padding: 2px;
}
.form_text: hover{
	border: 1px solid #000066;
	background-color: #ffffcc;
	font-size: 0.8em;
	padding: 2px;
}
.error{
	border: 1px solid #ccd5dd;
	background-color: #ffcccc;
	width: 98%;
	margin: 0px 0px 0px 5px;
}
b{
	font-size: 1.1em;
	font-weight: bold;
}
.folder{
	font-size: 1em;
}
.info{
	font-size: 0.8em;
}
.info_bold{
	font-size: 0.8em;
}