/* リセット */
@import url("reset.css");

/* 汎用タグ設定 */
body {margin:0; padding-left:10px; font-size:90%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.4; background:#EEE; color:#666; text-align:center;}

table {width:100%; border-collapse:collapse;}
table td {vertical-align:top;}
th {background:#CCCCCC; color:#FFF; padding:3px;}
th a {color:#000000;}

a {color:#0860A8; text-decoration:none; font-weight:normal;}
a:hover {text-decoration:underline;}
a:visited {color:#0860A8; text-decoration:none;}

ul {margin:0; padding:0; list-style:none; text-align:left;}
li {margin-left:15px; list-style:none; color:#0860A8;}


/* レイアウト */
div#wrap {width:860px; background:#fff; margin:0 auto; text-align:left;}

/* ヘッダ */
#header {width:856px; height:85px; padding:0px 0px 4px 0px; margin:0px; font-size:10px;}
#header .logo {float:left; width:141px; padding:5px 0px 0px 0px;}
#header img {margin-left:14px;}

#header .topbar {float:left; width:705px; background:url(head_bg.jpg) no-repeat top right; margin-top:5px;}

#header ul.topnav {float:left; margin:0px; list-style-type:none; color:#0860a8; padding:8px 0px 0px 140px;}
#header li.topnav a {color:#0860a8; text-decoration:none; font-size:10px;}
#header li.topnav a:hover {color:#0860a8; text-decoration:underline;}
#header li.menuitem {float:left; padding-right:20px;}

#header .search {float:left; width:145px; margin:0px; padding:6px 0px 0px 8px;}
#header .searchbutton {float:left; width:42px; height:16px;}
#header .searchbox {float:left; width:93px; height:14px; border:1px solid #cccccc; font-size:100%; line-height:100%; padding:0;}

#header .dropdown {float:right; height:25px;}
#header ul.navbar {float:left; margin:0; list-style-type:none; padding:32px 0 0 0;}
#header .navbar li {float:left; margin:0;}
#header .navbar li a {font-size:12px; font-weight:bold;}

#topcontent {clear:both; padding-left:15px;}
.contentleft {float:left; height:200px; width:580px; background:url(head_image.jpg) no-repeat left top;}
.contentright {float:left; width:245px; height:180px; margin-left:5px;}

#topcontent .title {padding:5px; background:url(title_bg.jpg) repeat-x top left; border:1px solid #E4E3E4; font-weight:bold;}
#topcontent .content {padding:10px; border:1px solid #E4E3E4; border-top:0px; height:134px;}
#topcontent ul {margin:0; padding:10px;}
#topcontent li {margin:0; padding:3px 0;}

#activepage {clear:both; font-size:130%; padding:5px 0 5px 15px; margin:0;}

/* メイン */
#container {width:820px; margin:0 0 10px 15px; padding:10px 0 10px 10px; text-align:left; background:#FFF url(main_bg.jpg) repeat-x left top; overflow:hidden;}

#centerColumn {float:left; display:inline; width:620px; margin:0 10px 0 0; background:#FFF;}

#centerCC {width:620px; padding-bottom:10px; overflow:hidden; margin-bottom:10px;}
#centerCC .blockTitle {color:#000; font-weight:bold; margin:0; padding:5px 10px; background:#DDD url(title_bg.jpg) repeat-x;}
#centerCC .blockContent {background:#FFF; margin:0; padding:5px 10px; font-size:90%;}

#centerCL {float:left; width:305px; padding-bottom:5px; overflow:hidden; margin-bottom:10px;}
#centerCL .blockTitle {color:#000; font-weight:bold; margin:0; padding:5px 10px; background:#DDD url(title_bg.jpg) repeat-x;}
#centerCL .blockContent {background:#FFF; margin:0; padding:5px 10px; font-size:90%;}

#centerCR {float:right; width:305px; padding-bottom:5px; overflow:hidden; margin-bottom:10px;}
#centerCR .blockTitle {color:#000; font-weight:bold; margin:0; padding:5px 10px; background:#DDD url(title_bg.jpg) repeat-x;}
#centerCR .blockContent {background:#FFF; margin:0; padding:5px 10px; font-size:90%;}

#content {padding:10px}

#side {float:right; display:inline; width:190px; background:#FDFDFD;}
#side .blockTitle {background:#FFF url(title_bg.jpg) repeat-x top left; color:#000; font-weight:bold; margin:0; padding:5px 10px;}
#side .blockContent {margin:0; padding:5px 10px 10px; background:#FFF; border:1px solid #E4E3E4;}
#side input {margin:1px;}

#footer {clear:both; width:840px; margin:0 10px 0; padding:10px 0; background:#300; color:#FFF; text-align:center; font-size:90%;}
#footer p {margin:0;}
#footer a {color:#DDDDFF;}

/* メインメニューの定義 */
#mainmenu a {display:block; margin:0px; padding:4px;}
#mainmenu a:hover {}
#mainmenu a.menuTop {}
#mainmenu a.menuMain {}
#mainmenu a.menuSub {padding-left:9px;}

/* ユーザメニューの定義 */
#usermenu a {display:block; margin:0px; padding:4px;}
#usermenu a:hover {}
#usermenu a.menuTop {}
#usermenu a.highlight {background:#ffcccc;}

/* フォーラムなどの外枠 */
.outer {}
/* フォーラムなどの投稿情報欄 */
.head {background:#DEDEDE; padding:5px; font-weight:bold;}

/* フォーラムなどの交互に色が変わる部分 */
.odd {background:#FFFFFF; padding:5px; color:#000;}
.odd a {color:#0860A8;}
.even {background:#EFEFC1; padding:5px;}
tr.odd td {background:#FFFFFF; padding:5px; color:#000;}
tr.pdd td a {color:#000000;}
tr.even td {background:#EFEFC1; padding:5px;}

/* フォーラムなどのフッター */
.foot {background:#DEDEDE; padding:5px; font-weight:bold;}


/* 最新ニュースの枠 */
.item {}
/* 最新ニュースのタイトルバー */
.itemHead {padding:3px 10px; background:#670000; color:#ffffff;}
/* 最新ニュースの投稿情報欄 */
.itemInfo {text-align:right; padding:3px 5px; background:#EFEFC1;}
/* 最新ニュースのタイトルの設定 */
.itemTitle a {font-size:120%; font-weight:bold; font-variant:small-caps; color:#ffffff;}
/* 最新ニュースの投稿者 */
.itemPoster {font-size:90%;}
/* 最新ニュースの投稿日 */
.itemPostDate {font-size:90%;}
/* 最新ニュースのステータス */
.itemStats {font-size:90%;}
/* 最新ニュースのコンテンツ部分 */
.itemBody {padding:10px;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:1.5;}
/* 最新ニュースの1文字目 */
.itemText:first-letter {}
/* 最新ニュースのフッター */
.itemFoot {text-align:right; padding:3px 5px; background:#EFEFC1;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

/* システムメッセージ */
div.errorMsg {background:#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:10px;}
div.confirmMsg {background:#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:10px;}
div.resultMsg {background:#cccccc; 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:10px;}

/* Xoopsコードを記述する部分 */
div.xoopsCode {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}

/* 引用部分の定義 */
div.xoopsQuote {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}

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

.clear {clear:both;}