@import url("reset.css");

/* 汎用タグ */
* {margin:0; padding:0; font-size:100%;}

body { font-size:80%; line-height:1.4; font-family:Meiryo, Helvetica, verdana,arial,sans-serif; color:#444; margin:8px 20px; background:#f0f0f0;}

table {width:100%;}
td {vertical-align:top; border:0;}
th {background:#d3d3d3; color:#444; padding:3px; vertical-align:middle; border-bottom:1px solid #bfbfbf; }

h3 {font:140% Trebuchet MS; margin:10px 0;}

a {color:#1C7DB0; text-decoration:none;}
a:hover {text-decoration:underline;}

form {padding:10px; border:1px solid #f6f6f6; }

/* ページ全体 */
#page {background:#fff; border:3px solid #ebebeb; max-width:1200px; width:expression(this.width > 320 ? "320px" : this.width); min-width:760px; margin:0 auto;}
* html #page {w\idth: expression(document.documentElement.clientWidth > 1200 ? "1200px" : "auto");}


/* ヘッダ */
#header {margin:1px; padding:15px;}
#headerBG { height:80px; background:url(images/hn.gif) repeat-x; border-bottom:8px solid #FFCE52; /*border-top:6px solid #FFCE52;*/ }
/* サイトタイトル */
#header h1 { font:100%; color:#ccc; text-align:right; margin:0; padding:0; }

/* 検索フォーム */
#header form {float:right; width:200px; border:none; padding-top:12px; text-align:right; }
#header input {width:110px; padding:3px; background:#fff; border:1px solid #ccc; font:140% Arial; color:#ddd;}
#header input:hover {border:1px solid #aaa;}
#header input:focus {border:1px solid #79B5D6; color:#555;}
#header input.button {width:40px; padding:0 3px; background:#fe8; border:1px solid #ccc; font:140% Arial; color:#999; cursor:pointer;}



#container { margin:1px; padding:15px; }

/* 左カラム */
#leftcolumn { background:#fff; width:200px; float:left; color:#666; }
#leftcolumn h2 {font-size:130%; font-weight:bold; color:#333; padding:0 0 0 22px; border-bottom:2px solid #4F9EC9; background:url(images/bullet_blue.gif) no-repeat top left; width:178px;}
#leftcolumn .blockContent {padding:5px 0 15px 0;}

/* 右カラム */
#rightcolumn {background:#fff; width:200px; float:right; color:#666;}
#rightcolumn h2 {font-size:130%; font-weight:bold; color:#333; padding:0 0 0 22px; border-bottom:2px solid #4F9EC9; background:url(images/bullet_blue.gif) no-repeat top left; width:178px;}
#rightcolumn .blockContent {padding:5px 0 15px 0;}

/* メインコンテンツ */
#centercolumn {margin:0; padding:0 10px; zoom:1; width:100%; }

#centerCC { width:100%; overflow:hidden; margin-bottom:10px;}
#centerCC h2 {font-size:130%; font-weight:bold; color:#491; padding:7px 0 2px 30px; border-bottom:2px solid #DDD; background:#FEA url(images/bullet_green.gif) no-repeat top left; background-position:7px 9px;}/*#FFCE52  #DEF*/
#centerCC .blockContent {background:#FFF; padding:10px 10px 16px 10px;}

#centerCL {width:49%; float:left; overflow:hidden; margin-bottom:10px;}
#centerCL h2 {font-size:130%; font-weight:bold; color:#491; padding:7px 0 2px 30px; border-bottom:2px solid #DDD; background:#FEA url(images/bullet_green.gif) no-repeat top left; background-position:7px 9px;}
#centerCL .blockContent {background:#FFF; padding:10px 10px 16px 10px;}

#centerCR {width:49%; float:right; overflow:hidden; margin-bottom:10px;}
#centerCR h2 {font-size:130%; font-weight:bold; color:#491; padding:7px 0 2px 30px; border-bottom:2px solid #DDD; background:#FEA url(images/bullet_green.gif) no-repeat top left; background-position:7px 9px;}
#centerCR .blockContent {background:#FFF; padding:10px 10px 16px 10px;}
/*
#content {  }
*/

/* フッタ */
#foot { clear:both; margin:1px; padding:15px; }
#footer { border-top:3px solid #ffce52; padding:12px; background:#fff url(images/fn.gif) repeat-x; }

/* メインメニュー */
#mainmenu a {display:block; margin:0; padding:4px; border-bottom:solid 1px #ddd; color:#487187; text-decoration:none;}
#mainmenu a:hover {text-decoration:none; color:#fff; background-color:#4F9EC9;}
#mainmenu a.menuTop {margin:0; border-bottom:solid 1px #ddd;}
#mainmenu a.menuMain {margin:0;}
#mainmenu a.menuSub {margin-left:20px;}

/* ユーザメニュー */
#usermenu a {display:block; margin:0; padding:4px; border-bottom:solid 1px #ddd; color:#487187; font-size:1em; letter-spacing:0.1em; text-decoration:none;}
#usermenu a:hover {background:#4F9EC9; color:#FFFFFF; text-decoration:none; border-bottom: dotted 1px #99CC00;}
#usermenu a.menuTop {}
#usermenu a.highlight {background:#ffcccc;}

/* ニュース */
.item {padding:5px;}
.itemHead {margin:0; padding:4px; color:#487187; border-bottom:1px solid #ccc; background:#DEF; }/* #fff3bb */
.itemInfo {margin:0; padding:4px; border-top:1px solid #efefef; text-align:right;}
.itemTitle {font-size:1.4em; font-weight:bold; color:#487187;}
.itemTitle a {color:#487187;}
.itemPoster {font-size:0.9em;}
.itemPostDate {font-size:0.9em;}
.itemStats {font-size:0.9em;}
.itemBody {margin:0; padding:5px;}
.itemText {margin:5px; line-height:1.5em;}
.itemFoot {text-align:right; margin:0; padding:3px; border-top:1px solid #ccc;}
.itemAdminLink {font-size:0.9em;}
.itemPermaLink {font-size:0.9em;}

/* フォーラムその他 */
.outer {border:solid 1px #c0c0c0;}

.head {background:#E0E0E0; font-weight:bold; margin:0; padding:4px;}

.even {background:#efefef; margin:0; padding:4px;}
.odd {background:#eaeaea; margin:0; padding:4px;}

.foot {background:#E0E0E0; font-weight:bold; margin:0; padding:4px;}

tr.even td {background:#efefef; margin:0; padding:5px;}
tr.odd td {background:#eaeaea; margin:0; padding:5px;}

/* システムメッセージ */
div.errorMsg {background:Red; font-weight:bold; text-align:center; margin:0; padding:10px; border-top:solid 1px #ddddff; border-right:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; border-left:solid 1px #ddddff; color:#fff;}

div.confirmMsg {background:#00B51D; color:White; font-weight:bold; text-align:center; margin:10px; padding:10px; border-top:solid 1px #ddddff; border-right:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; border-left:solid 1px #ddddff;}

div.resultMsg {background:Blue; color:White; font-weight:bold; text-align:center; margin:10px; padding:10px; border-top:solid 1px #cccccc; border-right:solid 1px #9999cc; border-bottom:solid 1px #9999cc; border-left:solid 1px #cccccc;}

/* 引用＆コード */
div.xoopsCode, div.xoopsQuote {width:100%; height:100%; padding:0;}
div.xoopsCode pre {width:600px; border:solid 1px #e99; margin:0; overflow:auto; padding:0 1em; min-height:4em; height:auto;}
/* for IExplorer */
* html div.xoopsCode pre {height:4em; height:auto; width:40em;}
div.xoopsQuote blockquote {margin:0; padding:0 6px 6px 6px; border:solid 1px #c0c0c0; background:#f3f3f3;}

.comTitle {font-weight:bold; margin-bottom:2px;}
.comText {margin:0; padding:2px; line-height:140%;}
.comUserStat {background:#f5f5f5; color:#2f5376; font-size:0.8em; font-weight:bold; margin:2px; padding:4px 2px 1px 4px; border:solid 1px #c0c0c0;}
.comUserStatCaption {font-weight:normal;}
.comUserRank {margin:2px;}
.comUserRankText {font-size:0.8em;}
.comUserRankImg {border:0;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-size:smaller; font-weight:normal;}
.comDateCaption {font-weight:normal;}

/*
.comUserStatus {background:#f5f5f5; color:#2f5376; font-size:0.8em; font-weight:bold; margin:2px; padding:4px 2px 1px 3px; border:solid 1px #c0c0c0;}
*/

/* -------------------------------------------------- */
div#hometop {
	margin:0; padding:0;
	position : fixed!important;
	position : absolute;
	bottom: 0; right: 0;
	_bottom: expression(eval(document.documentElement.scrollBottom+0)); 
}
div#register {
	margin:0; padding:0;
	position : fixed!important;
	position : absolute;
	bottom: 0; left: 0;
	_bottom: expression(eval(document.documentElement.scrollBottom+0)); 
}
div#login {
	display:none;
	color:#333;
	background:#ccc ;
	border:3px outset #fff;
	position : fixed!important;
	position : absolute;
	top:100px;
	_top: expression(eval(document.documentElement.scrollTop+0)); 
	left:50%;
	width: 300px;
	height: 220px;
	overflow: hidden;
	margin:0 0 0 -150px;
	z-index: 1000 ;
	text-align:center;
}
div#login form {
	margin:0px auto;
	border:0;
	text-align:center;
}
div#backscreen {
	display:none;
	position : fixed!important;
	position : absolute;
	top:0;
	_top: expression(eval(document.documentElement.scrollTop+0)); 
	left:0;
	z-index: 999 ;
	background:#320 ;
	_background:transparent ;
}
div#search {
	display:none;
	text-align:center;
}
div.forie6 {
	display:none ;
	_display:block ;
}