body {
	color: #333;
	font-size: 90%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}¡¡

table {

	width: 100%;

}

td {
	margin : 0;
	padding: 0;
	vertical-align: top;
	border: 0;
	list-style-type: none;
}

th {

	background: #778899;
	color: #ffffff;
	padding: 2px;
	vertical-align: middle;
}

a {
	color: #111111;
	text-decoration: none;
	background-color: transparent;
	line-height: 120%;
}

a:hover {
	color: #003A57;
	text-decoration: underline;
	background-color: transparent;
}

.bbs_img
{
	width:450px;
	margin: 5px;
	padding: 5px;
}


h1.title
{
	font-size: 10px;
	font-weight:900;
	letter-spacing:0.1em;
	background-color:#cc3333;
	padding: 110px 2px 0px 20px;
	margin: 0px 0px 0px 0px;
	background-position:left bottom;
	background-repeat:no-repeat;
}
#header h1.title a:hover{color:white;}
#header h1.title a:link{color:white;}
#header h1.title a:active{color:white;}
#header h1.title a:visited{color:white;}

H1 {
	color: #313F77; /* ʸ»ú¤Î¿§ */
	font-size: 150%;
}
H2 {
	color: #436C6D; /* ʸ»ú¤Î¿§ */
	font-size: 135%;
}
H3  {
	color: #442922;
		font-size: 120%;
}

h4,h5,h6 {
	color: #666;
	padding-bottom: 10px;
	padding-top: 10px;
}



ul {
	text-align: left;
	margin: 3px 3px 3px 3px;
	padding: 2px;
	list-style-position: outside;
	list-style-type: none;
}
li {
	color: #444F42;
	list-style-type: none;
}



.item {}

.itemHead {
	padding: 6px;
		-moz-border-radius-bottomleft:0px;
		-moz-border-radius-bottomright:0px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	-webkit-border-radius: 4px;
	border-radius: 8px;
	color: #660066;
	border:1px solid #181631;
	background: #f2f2f2 url(images/images/bar5.png) repeat-y left;
	
	
}

.itemTitle a {
	font-size: 110%;
	font-weight: bold;
	color: #ffffff;
	background-color: transparent;
}
.itemPoster {font-size: 90%;}
.itemPostDate {
	font-size: 90%;
	color: #CCCCCC;
}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 15px; border:1px solid #2E2E2E;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 120%; color: #222222;font-size:12px}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #F3F3F3; border-left:1px solid #5D5C5C; border-right:1px solid #5D5C5C; border-bottom:1px solid #5D5C5C;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}


th {background-color: #5D5C5C; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Osaka,Verdana, Arial, Helvetica, sans-serif;}

td#headerlogo {
	width: 100%;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
}
td#headert {

	vertical-align:top;
}
td#headerbar1 {
	color: #111111;
	font-size: 9px;
	padding: 3px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #495c5d;
	
}
td#headerbar2 {height: 10px;color: #111111;font-size: 9px; padding: 0px; vertical-align: middle;border: 1px solid #5D5C5C;}
td#headerbar3 {color: #111111;font-size: 9px; padding-left: 1px; text-align: left; vertical-align: middle;border: 1px solid #5D5C5C;}
td#headerbar4 {width: 170px;border: 1px solid #5D5C5C;}

td#leftcolumn {
	border-left: 1px solid #495c5d;
	font-size:85%;
	background-color: #F7F9F9;
	margin: 0px;
	padding: 0px;
	line-height: 120%;
	width: 220px;
}
td#leftcolumn th {
	background-color: #F2F2F2;
	color: #505C61;
	vertical-align: middle;
	width: 220px;
	margin: 0px;
	padding: 0px;
}
td#leftcolumn div.blockTitle {

	background-color: #121b1c;
	background-image: url(images/images/bar.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #FFFFFF;
	border-bottom: 1px solid #B1B0BC;
	vertical-align:middle;
	margin: 0px;
	padding: 4px 3px 3px 3px;
}
td#leftcolumn div.blockContent {
	width: 220px;
	font-size:90%;
	color: #666;
	padding: 3px;
	word-break: break-all;

}

td#mainmenu a {background-color: transparent; margin: 0; padding: 4px; border-bottom: 1px solid #5D5D5D;line-height: 120%;}
td#mainmenu a:hover {}
td#mainmenu a.menuTop {}
td#mainmenu a.menuMain {border-bottom: 1px solid #5D5D5D;line-height: 120%;}
td#mainmenu a.menuSub {padding-left: 15px; border-bottom: 1px solid #5D5D5D;line-height: 120%;}

td#usermenu a {background-color: transparent; margin: 0; padding: 4px; border-bottom: 1px solid #5D5D5D;}
td#usermenu a:hover {}
td#usermenu a.menuTop {}
td#usermenu a.highlight {background-color: #fcc;}


td#rightcolumn {
	
	
	
	border-left: 1px solid #495c5d;
	font-size:11px;
	margin: 0px;
	padding: 0px;
	line-height: 120%;

	width: 160px;
	word-break: break-all;
}




td#rightcolumn th {
	background-color: #F2F2F2;
	
	
	color: #505C61;
	vertical-align: middle;
	width: 160px;
	margin: 0px;
	padding: 0px;
	word-break: break-all;
}
td#rightcolumn div.blockTitle {

	background-image: url(images/images/bar.png);
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 10px;
	border-bottom: 1px solid #B1B0BC;
	vertical-align:middle;
	margin: 4px;
	padding: 3px;
	word-break: break-all;
}
td#rightcolumn div.blockContent {
	line-height: 120%;
	font-size:80%;
	width: 160px;
	color: #666;
	margin: 4px;
	padding: 0px;
	word-break: break-all;
}






td#centercolumn {
	font-size: 90%;
	line-height: 150%;
	padding: 12px;
}
td#centercolumn th {
	background-color: #505C61;
	color: #FFFFFF;
	vertical-align: middle;
	line-height: 120%;
	padding: 5px;
}



td#centerCcolumn {
	width: 100%;
	padding: 0px 50px 0px 50px;
	line-height: 100%;

}
td#centerCcolumn div.blockTitle {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:inherit;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 10px;
	text-align: left;
	clear:none !important;
	margin-top: 0.5em;
	margin-right: 0px;
	margin-bottom: 1.5em;
	margin-left: 0px;
	padding-top: 0.5em;
	padding-right: 0.3em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	background-attachment: scroll;
	background-color: #ffffff;
	background-image: url(images/pagetitle_bg.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-bottom-color: lightgrey;
	border-left-color: lightgrey;
}
	
td#centerCcolumn div.blockContent {
	padding: 10px;
		-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 8px;
	margin: 0px;
	line-height: 150%;
	border:1px solid #CCC;
	
}








td#centerLcolumn {
	border-left: 1px solid #495c5d;
	font-size:11px;
	background-color: #F7F9F9;
	margin: 0px;
	padding: 0px;
	line-height: 120%;
	width: 280px;

}



td#centerLcolumn div.blockTitle {
	background-color: #121b1c;
	background-image: url(images/images/bar.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #FFFFFF;
	border-bottom: 1px solid #B1B0BC;
	vertical-align:middle;
	margin: 0px;
	padding: 4px 3px 3px 3px;
	
}
td#centerLcolumn div.blockContent {
	padding: 10px;
	margin: 2px;
	width: 280px;
	clear: none;
}


pre {
	white-space: pre-line;
	width: 300px;
	}



td#centerRcolumn {
	border-left: 1px solid #495c5d;
	font-size:11px;
	background-color: #F7F9F9;
	margin: 0px;
	padding: 0px;
	line-height: 120%;
	width: 350px;
}
td#centerRcolumn th {
	background-color: #F2F2F2;
	
	color: #505C61;
	vertical-align: middle;
	width: 350px;
	margin: 0px;
	padding: 0px;
}
td#centerRcolumn div.blockTitle {

	background-color: #121b1c;
	background-image: url(images/images/bar.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #FFFFFF;
	border-bottom: 1px solid #B1B0BC;
	vertical-align:middle;
	margin: 0px;
	padding: 4px 3px 3px 3px;
}
td#centerRcolumn div.blockContent {
	
	width: 350px;
	font-size:12px;
	color: #666;
	padding: 3px;
	
}

div#content {text-align: left; padding: 10px; font-size:12px;}

td#footerbar {vertical-align:middle; text-align:center; background-color: #495c5d; font-size:12px; height:23px; color:#111111; border-top:1px solid #5D5C5C;line-height:120%;}
td#footerbar a{color:#000000;}

.outer {
	background-color: #DDDDDD;
	width: 100%;
}
.head {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 8px;
	background-color: #E7DEDE;
	padding: 7px;
	font-weight: bold;
	background-image: url(images/images/bar2.png);
	background-repeat: repeat;
}
.even {
	background-color: #F1F3F5;
	padding: 5px;
	background-image: url(images/images/bar3.png);
	}
.odd {
	background-color: #F1F7F0;
	padding: 5px;
	}
	

.foot {background-color: #d3dee7; padding: 5px; font-weight: bold;}
tr.even td 
{
	background-color: #DEE2E7;
	padding: 5px;
	background-image: url(images/images/bar4.png);


}
tr.odd td 
	{
	background-color: #DEE2E7;
	padding: 5px;
	background-image: url(images/images/bar3.png);
	
	}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 12px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 12px;}
div.resultMsg { background-color : #5D5C5C; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 12px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 12px; color: #5D5C5C; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 12px; color: #5D5C5C; font-weight:bold; font-size: 12px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 12px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
.pagetitle{
	border: 1px solid #000000;
	background: #f8fafc url(images/pagetitle_bg.gif) repeat-y left;
	padding: 3px;
	margin: 1px;
	font-weight: bold;
	}form {
	margin: 0px 0px 0px 27px;
	padding: 0px;
	left: 0px;
}


a:link {
	color: #242424;
	line-height: 120%;

}

A {
	color: #242424;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;

}
A:hover {
	color: #993333;
	text-decoration: underline;

}

a:visited{
	color: #3F0948;
}

/* pcomment.inc.php */
li.pcmt
{
	list-style-type: none;
	border:none;
}
input.pcmt
{
	text-indent: 0em;
	padding:0px 0px 0px 2em;
	margin-right:.5em;
	border:none;
}
p.quotation
{
	border: #888899 2px dotted;
	padding: .5em;
	margin-left: 1em;
	margin-right: 2em;
	background-color: #FFFFFF;
	font-size:90%;
}
/* source.inc.php */
div.wiki_source
{
	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;
	background-color: #F0F8FF;
	color: black;
	line-height:120%;
}

/* ref.inc.php */
div.img_margin
{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


font {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
div.p_left{
	text-align:left;
}
div.p_center{
	text-align:center;
}
div.p_right{
	text-align:right;
}
.clear{
	margin:0px;
	clear:both;
}

div.page_list_word {
	border-top:1px solid;
	border-bottom:1px dotted;
	width:80px;
	text-align:center;
}

div.wiki_filelist_page {
	border-top:1px solid maroon;
	border-bottom:1px dotted;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	background-color: white;
}

strong.page_list_word {
	color:maroon;
	font-size:120%;
	padding-top:10px;
}


span.wiki_this_page {
	font-weight:bold;
}

/* for plugin */

/* new.inc.php */
.comment_date
{
	font-size:80%;
}
.new1
{
	color:red;
	background-color:transparent;
	font-size:x-small;
}
.new5
{
	color:green;
	background-color:transparent;
	font-size:xx-small;
}

/* pcomment.inc.php */
li.pcmt
{
	list-style-type: none;
	border:none;
}
input.pcmt
{
	text-indent: 0em;
	padding:0px 0px 0px 2em;
	margin-right:.5em;
	border:none;
}
p.quotation
{
	border: #888899 2px dotted;
	padding: .5em;
	margin-left: 1em;
	margin-right: 2em;
	background-color: #FFFFFF;
	font-size:85%;
	line-height:120%;
}
textarea {
	border: 1px solid #333333;
}
input {
border:1px solid #000000;
bottom:-5px;
margin:0px 4px -1px 7px;
padding:0px 0px 0px 3px;


}










.example {
	background: #eee;
	padding: 50px;
}

/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu a:visited{
	color: #CCCCCC;
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu, .menu ul li {
	color: #eee;
	background-color: #121b1c;
	background-image: url(images/images/bar.png);
	background-repeat: no-repeat;
	background-position: left;
}

.menu ul {
	width: 11em;
}

.menu a {
	text-decoration: none;
	color: #eee;
	padding: .4em 1em;
	display: block;
	position: relative;
}

.menu a:hover, .menu li:hover>a {
	color: #fc3;
}

.menu li li {	/* create borders around each item */
	border: 1px solid #495c5d;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */