@import url("reset.css");

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

body {font-size:75%; line-height:1.4; font-family:verdana,arial,sans-serif; color:#444; margin:5px 20px; background:#f6f6f6;}

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

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; background:#FFF;}

/* ページ全体 */
#page {background:#fff; border:3px solid #f1f1f1; 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;}

/* 検索フォーム */
#header form {float:right; background:#fff; width:160px; border:none;}
#header input {width:100px; padding:2px; background:#fff; border:1px solid #ccc; font:150% Arial; color:#999;}
#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:#fff; border:1px solid #ccc; font:150% Arial; color:#999; cursor:pointer;}

/* サイトタイトル */
#header h1 {float:left; font:200% Georgia; color:#333; padding:5px 20px 5px 5px; margin:0 20px 0 0;}
#header h1 a {color:#333; text-decoration:none;}
#header h1 a:hover {color:#111;text-decoration:underline;}

#header h2 {font:190% Arial; color:#79B933; border-bottom:2px solid #f6f6f6;}
#header h2 a {color:#79B933; text-decoration:none;}
#header h2 a:hover {color:#5F9128;}


/* サイトスローガン */
#header h2 {font:140% Georgia; font-weight:normal; color:#555; padding:10px 0 0 0; border:none;}
#header a em {font-style:normal; text-decoration:underline;}

/* ヘッダメニュー */
#header .nav {clear:both; background:#4F9EC9 url(images/nav.jpg) repeat-x top left; border-bottom:5px solid #4F9EC9; height:30px; overflow:hidden;}
#header .nav a {color:#fff; font-size:14px; text-decoration:none; padding:10px 20px; vertical-align:-10px; zoom:1;}
#header .nav a:hover {background:#4F9EC9;}
#header .nav .selected {background:#4F9EC9;}

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

/* 左カラム */
#leftcolumn {background:#fff; width:170px; 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;}
#leftcolumn .blockContent {padding:5px 0 15px 0;}

/* 右カラム */
#rightcolumn {background:#fff; width:170px; 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;}
#rightcolumn .blockContent {padding:5px 0 15px 0;}

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

#centerCC {width:100%; overflow:hidden; margin-bottom:10px;}
#centerCC h2 {font-size:130%; font-weight:bold; color:#79B933; padding:0 0 0 22px; border-bottom:2px solid #DDD; background:url(images/bullet_green.gif) no-repeat top left;}
#centerCC .blockContent {background:#FFF; padding:10px;}

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

#centerCR {width:49%; float:right; overflow:hidden; margin-bottom:10px;}
#centerCR h2 {font-size:130%; font-weight:bold; color:#79B933; padding:0 0 0 22px; border-bottom:2px solid #DDD; background:url(images/bullet_green.gif) no-repeat top left;}
#centerCR .blockContent {background:#FFF; padding:10px;}

#content {}


/* フッタ */
#footer {clear:both; border-top:1px solid #eee; padding:10px; margin:30px 0 0;}

/* メインメニュー */
#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;}
.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:98%; height:100%; padding:0;}
div.xoopsCode pre {border:solid 1px #c0c0c0; 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;}

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