/* commented backslash hides from ie5mac \*/ 
html{ height:100%; margin:0; padding:0 } 
/* end hack */ 
html,body { padding:0; margin:0; color:#fff; font-size: 11px; font-family: Meiryo,"ヒラギノ角ゴ Pro W3","Trebuchet MS", verdana, sans-serif; }
body{ text-align:left; min-width:788px; height:100%; background:  #010101 url(images/background.jpg) no-repeat left top; }

#wrapper {}
#header{ margin:0; padding:0;}
#logo { position:absolute;left; top; display:block; width:320px; height:60px; text-indent:-5000px; background-color: transparent; z-index:500; }

#headeer a.hover { background-color: transparent; }

/* Basic code - don't modify */
 
#nav { display: block; margin: 0 0 0 44px; padding: 70px 0 0 0; position:relative; font-family: "Arial Black", monospace; background: transparent; }
  #nav li { display: block; width:200px; height:32px; list-style: none; margin: 0 5px 0 0; padding: 0; float: left; position: relative; background: transparent url(images/menu.png) no-repeat left top; }
  #nav a { display: block; }
    #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; margin-top:6px; background: transparent url(images/menu.png) no-repeat left top; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 200px; }
#nav ul ul { left: 201px; }

/* Everything else is theming */
 
#nav { background: transparent; height: 32px; }
#nav *:hover { background: transparent; }
#nav a { color: white; font-size: 14px; font-weight:600; padding: 10px; line-height: 1; text-align:center; text-decoration:none; }
  #nav li.hover a { background: transparent url(images/menu-hover.png) no-repeat left top; text-align:center; }
  #nav ul { top: 32px; }
    #nav ul li a { }
      #nav ul li a.hover { background: transparent url(images/menu-hover.png) no-repeat left top; }
   #nav ul a { border-right: none; opacity: 0.9; filter: alpha(opacity=80); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */










#footer {
	color: #ffffff;
	clear:both;
	font-size:9px;
}

#footer p a {
	text-decoration: none;
	color: #ffffff;
}


#login {
	width:180px;
	float:right;
	padding-left:20px;
	padding-right:10px;
}

#main {
	clear:both;
	margin-top:0;
	padding: 5px 12px 12px 12px;
	background: transparent;
}

#content {
	margin-top:0;
	margin-left: 32px;
	padding: 4px 4px 12px 16px;
	background:  url(images/post-background.png) no-repeat left top;
/*	background:  #888;*/

}




#content h2 {
	font-size: 15px;
	color: #009e77;
	line-height: 24px;
}

#content p {
	font-size: 12px;
	color: #fff;
	line-height: 18px;
}

.regular {
	width:420px;
	display:block;
	position:relative;
	float:left;
	margin:30px;
}

.regular {
	width:420px;
	display:block;
	position:relative;
	float:left;
	margin:40px;
}


a {
	color: #009e77;
}

a:hover {
	background-color: #009e77;
	color: #ffffff;
}



#footer {
	color: #ffffff;
	clear:both;
	font-size:9px;
	margin-left:46px;
}


#footer p {
	padding: 8px;
}



#footer p a {
	text-decoration: none;
	color: #ffffff;
}






.FSF_searchResults {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 16px;
}


.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 16px;
}


.FSF_resultLink {
	color: #618200;
}

.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 16px;
}

.highlight {
	font-size: 12px;
	background-color: #f2f2f2;
	color: #618200;
	font-weight: bold;
	line-height: 18px;
	_line-height: 16px;

}

img {
	border: dotted 1px #444444;
}

#content ul li{
	margin-bottom: 0.5em;
	font-size: 110%;
}

.LIn_shortMode {
	list-style-type: none;
	margin: 0;
	padding: 0;

}

.LIn_desc {
	display: none;
}
.LIn_date {
	font-style: italic;
	margin-left: 5px;
}

/* MODX CMS JP [start] */
/******** Various classes ********/

blockquote{
	font-size:0.9em;
	border:1px solid #bababa;
	margin:20px 10px;
	padding:8px;
}

blockquote p {margin:0;}

.splitcontentleft {float:left; width:48%;}
.splitcontentright {float:right; width:46%;}

.important {
	text-align:center;
	color:#505050;
	border:1px solid #bababa;
	padding:2px;
}

.infobox{
	width:240px;
	float:right;
	font-size:0.9em;
	border:1px solid #bababa;
	margin:0 0 5px 20px;
	padding:5px;
}

.infobox p {margin:0;}
.infobox ul{margin:0 0 0 25px;}
.links a {font-weight:normal;}
.links li {line-height:1.1em;}
.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.textright {text-align:right;}
.readmore {text-align:right; margin:-10px 10px 18px 0;}
.center {text-align:center;}
.blue {color:#559900;}
.big {font-size:1.25em !important;}
.small {font-size:0.8em !important;}
.bold {font-weight:bold;}
.clear {clear:both;}
.hide {display:none;}

.photo {
	border:1px solid #bababa;
	padding:2px;
	background-color:#ffffff;
	margin:6px 18px 2px 5px;
}
.green {color:#008000;}
/* MODX CMS JP [end] */



/* Sidebar Login */


#search-directory {
	position:absolute;
	top:26px;
	left:5px;
	width:496px;
	height:32px;
	overflow:hidden;
	z-index:400;
}
#sidebarlogin fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}
#sidebarlogin form {
	border: none;
	margin: 0px;
	padding: 0px;
}

#sidebarlogin label {
	color: #ccc;
	font-size:9px;
}


#sidebarlogin input {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}
#sidebarlogin label {
display: block;
margin-top: 5px !important;
}

#sidebarlogin input {
	width: 100%;
}
#sidebarlogin #checkbox_1 {	width: auto; float: right; border: 0 !important;}
#sidebarlogin h3 {
display: none;
}
.button {width: auto !important; height: auto !important; padding: 2px !important; margin-top: 5px !important; margin-bottom: 5px !important;}

#sidebarlogin fieldset { position: relative; }

#sidebarlogin #forgotpsswd {
	font-family: sans-serif;
	font-size: 70%;
	position: absolute;
	right: 0;
	bottom: 1.5em;
}