table { width: 100%; margin: 0; padding: 0; font-size: small; border: none;}

table td { vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

div#content { padding: 5px; text-align: left;}

div#content td { padding: 3px;}

body {font-family: sans-serif; color: #666666; font-size: 13px; background:#354040;}

a {text-decoration: none; color: #666666; font-style: normal}

a:hover { text-decoration: underline overline; color: #FF9966; font-style: normal}
input { background-color : #ffffff; color : #000000;}

textarea {background-color : #ffffff; color: #000000;
  width:450px;
}

select {background-color:#F5F5F5; color: #666666} 

img { border: 0;}

ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}

li { margin-left: 2px; list-style: disc inside;}

h1 { line-height: 180%;}
h2 { line-height: 160%;}
h3 { line-height: 140%;}

.base {
	background:#354040; 
	padding: 0;
	color: #666666;
	}

.main {
	width: 820px;
	background:#000000; 
	color: #777777
	padding-left: 15px;
	padding-right: 15px;
	border-top: solid 20px #354040;
	border-right: solid 20px #354040;
	border-left: solid 20px #354040;
}


.odd { background-color: #101010; color: #777777}
.outer { background-color: #222222; color: #666666}
.even { background-color: #111111; color: #777777}

th { background-color: #101010; text-align: left; padding: 3px; color: #777777;}

.head { 
	}

.logo { 
	padding: 0;
	text-align: left;
	}

.banner { 
	text-align: left;
	}

.head_menu { 
	height:12px; 
	vertical-align: bottom;

	}

.contents { 
	}


.foot { background-color: #111111; padding: 3px;}

.footer { 
	width: 820px;
	text-align: center;
	height:25; 
	padding: 3px; 
	background-color: #333333; 
	vertical-align: middle;
	border-bottom: solid 20px #354040;
	border-right: solid 20px #354040;
	border-left: solid 20px #354040;
  	font-size: 10px;
	}

.cc_block { 
	text-align: center;
  	font-size: 13px;
  	line-height: 140%;
	color: #777777
	}

.l_block { 
  	font-size: 12px;
  	line-height: 140%;
	color: #666666
	}

.r_block { 
  	font-size: 12px;
  	line-height: 140%;
	color: #666666
	}


td#mainmenu a {
  	font-size: 12px;
  	line-height: 140%;
}
td#mainmenu a:hover {
  	font-size: 12px;
  	line-height: 140%;
}
td#mainmenu a.menuTop {
  	font-size: 12px;
  	line-height: 140%;
}
td#mainmenu a.menuMain {
  	font-size: 12px;
  	line-height: 140%;
}
td#mainmenu a.menuSub {
  	font-size: 12px;
  	line-height: 140%;
}

td#usermenu a {
  	font-size: 12px;
  	line-height: 140%;
}
td#usermenu a:hover {
  	font-size: 12px;
  	line-height: 140%;
}
td#usermenu a.menuTop {
  	font-size: 12px;
  	line-height: 140%;
}
td#usermenu a.highlight {
  	font-size: 12px;
  	line-height: 140%;
}

.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #333333;  border: 1px solid #cccccc; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #333333;  font-size: 10px;background-color: #ffffff;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

.item {border: 0px solid #333333;}
.itemHead {background-color: #222222; color: #666666; text-align: left;}
.itemInfo {text-align: right; padding: 3px; background-color: #000000; color: #666666;}
.itemTitle a {font-size: 130%; font-variant: small-caps; color: #666666; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {text-align: left}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
#.itemText:first-letter {font-size: 133%;}

.itemFoot {text-align: center; height:25; padding: 3px; background-color: #333333; vertical-align: middle;  color: #999999;}

.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

.blockTitle {background-color: #222222; color: #BBBBBB; padding: 0px; text-align: left;}
.CenterTitle {background-color: #222222; color: #BBBBBB; padding: 0px; text-align: center;}
.blockContent {background-color: #101010; padding: 0px; line-height: 1.7em; color: #999999;}


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

div.xoopsCode pre {
	overflow: auto;
}

div.Code pre {
	overflow: auto;
}

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

div.Code { background: #d3d3d3; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 6px;
	overflow: auto;
}


div.Quote { background: #d3d3d3; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 6px;

}





/* ------------ Header elements ------------ */

#lang_menu_block {
	text-align: left; 
/*	height: 24px;
	margin-top: 30px; 
	margin-bottom: 12px; */
	vertical-align: bottom;
}

#user_menu_block {
	text-align: right; 
/*	height: 24px;
	margin-top: 30px; 
	margin-bottom: 12px; */
	vertical-align: bottom;
}

#header_sub_menu {
	display:block;
/*	height:66px; 
	width:100%;
	padding: 10px;
	overflow:hidden;
	color: #696969; 
	font-variant: small-caps; */
	color: #BBBBBB; 
	vertical-align: bottom;
	font-size:9px;
}
#header_sub_menu a {
/*	font-variant: small-caps;  */
	color: #BBBBBB; 
	vertical-align: bottom;
	font-size: 9px;
}
#header_sub_menu a:hover{
	color: #FF9966; 
}

#login_btn {
/*	border: 1 outset #616655;
	height:20px;*/
	font: 8px;
	color: #666666;
	vertical-align: bottom;
}
/* ナビゲーション */

#menu_container
	{
	position: absolute;
	margin: -10px 0 0 176px;
	font-size:9px;
/*	font-family:monospace; */
	color: #BBBBBB; 
	text-align: right; 
	vertical-align: bottom;
	}
#menu_container dl
	{
	float: left; 
	background: #000000;
	color: #BBBBBB;
	margin: 0;
	height: 16px;
	}
#menu_container dt
	{
	text-align: center;
	}
#menu_container dd
	{
	display: none;
	margin: 0;
	width: 90px;
	line-height: 180%;
	}
#menu_container dl:hover dd
	{
	display: block;
	color: #FF9966; 
	background-color: #000000;
}

	}
#menu_container a
	{
	display: block;
	background: #000000;
	padding: 0 3px 0;
	vertical-align: bottom;
	}
#menu_container a:hover
	{
	background-color: #000000;
	}