body {margin:0; padding:0; font-family:trebuchet ms, verdana, arial, tahoma; font-size:90%; color:#4C4C4C; background:#FFFFFF url(images/bg.gif) repeat-x top left; line-height:150%; text-align:center;}

/* ページの横幅設定 */
#containaer {margin:0 40px; text-align:left;}

table {border-collapse:collapse;}
table td {margin:0; padding:0; vertical-align:top;}
th {background:#2E6A9D url(images/left_corner.gif) no-repeat top right; color:#ffffff; padding:3px 5px; vertical-align:middle;}
th a {color:#ffffff;}

th a:hover {color:#eeffff;}

a {color:#124C7E; text-decoration:none;}
a:hover {color:#2586D7; text-decoration:underline;}

input {border:1px solid #2E6A9D; padding:2px; background:#FCFCFC; margin:2px 0;}
textarea {border:1px solid #2E6A9D; padding:2px; background:#FDFDFD;}

/* 一般タグの設定 */
h1,h2,h3,h4,h5,p,b,i,u,form {margin:0.5em 0;}

h1 {padding:3px 5px; font-weight:bold; border-bottom:2px solid #82ADD4; font-size:16pt;}
h2 {padding:3px 5px; font-weight:bold; border-bottom:1.5px solid #82ADD4; font-size:14pt;}
h3 {padding:3px 5px; font-weight:bold; border-bottom:1px solid #82ADD4; font-size:12pt;}
h4 {padding:3px 5px; font-weight:bold; border-bottom:1px solid #82ADD4;}

/* リスト表示の設定 */
ul {margin:0px; padding:2px; list-style:decimal outside; text-align:left;}
li {margin-left:15px; list-style:square outside; color:#2F5376;}

/* トップメニュー */
.left_top {width:40px; height:40px; background:transparent url(images/bg02-white-left.png) no-repeat top right;}
.center_top {vertical-align:middle;}
.right_top {width:40px; height:40px; background:transparent url(images/bg02-white-right.png) no-repeat top left;}
#topmenu h5 {padding-left:15px; font-size:85%; float:left;}
#topmenu .menuitem {padding-right:15px; margin-top:8px; font-size:85%; float:right; line-height:0;}
#topmenu .menuitem img {vertical-align:-1px;}

/* ヘッダー */
.left_header {width:40px; height:80px; background:transparent url(images/bg02-blue-left.png) no-repeat top right;}
.center_header {height:80px; background:#eee url('images/building.jpg') no-repeat center top; text-align:left; padding:0 15px;}
.right_header {width:40px; height:80px; background:transparent url(images/bg02-blue-right.png) no-repeat top left;}
.center_header p#bmix_header_logo {font-size:350%; color:#fff;font-weight:bold;}
.center_header .search_box {float:right; margin-top:15px;}

/* コンテンツ */
.left_main {width:40px; height:192px; background:transparent url(images/bg02-white-left.png) no-repeat top right;}
.center_main {padding:10px; text-align:left;}
.right_main {width:40px; height:40px; background:transparent url(images/bg02-white-right.png) no-repeat top left;}

/* 左ブロックの定義 */
#leftcolumn {width:170px;}
/*左ブロックタイトルの定義*/
#leftcolumn .blockTitle {padding:3px 5px; background:#84A7C3 url(images/lblock_title_bg.gif) repeat-y top left; color:#FFFFFF; font-weight:bold; border-left:1px solid #124C7E; text-align:left;}
/*左ブロックコンテンツの定義*/
#leftcolumn .blockContent {padding:5px 0 5px 5px; border-left:1px solid #82ADD4; border-bottom:1px solid #AED1F2; margin-bottom:8px;}

/* メインメニューの定義 */
#mainmenu a {display:block; margin:0; margin-bottom:1px; padding:4px; border-left:10px solid #2E6A9D; border-right:10px solid #82ADD4; background:#6898C3; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold;}
#mainmenu a:hover {border-left:10px solid #1C64D1; border-right:10px solid #5BA3E0; background:#2586D7;}
#mainmenu a.menuTop {padding-left:5px;}
#mainmenu a.menuMain {padding-left:5px;}
#mainmenu a.menuSub {padding-left:15px;}

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

/* 中央ブロックの定義 */
#centercolumn {padding:0 0 0 15px;}

/* 中央-中央ブロックの定義 */
h2.blockTitle {padding:3px 10px; color:#FFFFFF; background:#BBDBFB url(images/h2_bg.gif) repeat-y top left; font-weight:bold; text-align:left;}
div.blockContent {padding:5px; background:#FFFFFF; margin-bottom:8px; border-right:1px solid #82ADD4; border-bottom:1px solid #AED1F2;}

/* 中央-左ブロックの定義 */
#centerLcolumn {width:50%; padding:0px 3px 0px 0px;}
#centerLcolumn .blockTitle {margin-right:5px; padding:3px 10px; color:#FFFFFF; font-weight:bold; background:#BBDBFB url(images/rblock_title_bg.gif) repeat-y top right; text-align:right;}
#centerLcolumn .blockContent {padding:5px; margin-right:5px; margin-bottom:8px; border-right:1px solid #82ADD4; border-bottom:1px solid #AED1F2;}

/* 中央-右ブロックの定義 */
#centerRcolumn {width:50%; padding:0px 0px 0px 3px;}
#centerRcolumn .blockTitle {padding:3px 10px; color:#FFFFFF; font-weight:bold; background:#BBDBFB url(images/rblock_title_bg.gif) repeat-y top right; text-align:right;}
#centerRcolumn .blockContent {padding:5px; margin-left:5px; margin-bottom:8px; border-right:1px solid #82ADD4; border-bottom:1px solid #AED1F2;}

/* メインコンテンツの定義 */
#content {text-align:left;}

/* 右ブロックの定義 */
#rightcolumn {width:170px;}
#rightcolumn .blockTitle {padding:3px 5px; color:#FFFFFF; font-weight:bold; background:#84A7C3 url(images/rblock_title_bg.gif) repeat-y top right; border-right:1px solid #124C7E; text-align:center;}
#rightcolumn .blockContent {padding:5px; border-right:1px solid #82ADD4; border-bottom:1px solid #AED1F2; margin-bottom:8px;}

/* フッタブロックの定義 */
#wrapper-footer {margin-top:1em; text-align:center;}
#footer {margin:0 40px; background:#336D9F; border:1px solid #ccc; border-bottom:0; color:#FFFFFF;}
#footer a {color:#DDFFFF;}

/* フォーラムなどの外枠 */
.outer {border-collapse:separate;}
/* フォーラムなどの投稿情報欄 */
.head {background:#82ADD4; padding:5px; font-weight:bold; color:#FFF;}
/* picoのコメント統合 */
div#pico_container h2.head {background:#426D94;}

/* フォーラムなどの交互に色が変わる部分 */
.even {background:#E0EAF4; padding:5px;}
.odd {background:#F6F6F6; padding:5px;}
tr.even td {background:#E0EAF4; padding:5px;}
tr.odd td {background:#F6F6F6; padding:5px;}

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


/* 最新ニュースの枠 */
.item {}
/* 最新ニュースのタイトルバー */
.itemHead {padding:3px 10px; color:#FFFFFF; font-weight:bold; background:#BBDBFB url(images/cblock_title_bg.gif) repeat-y top right; text-align:right;}
/* 最新ニュースの投稿情報欄 */
.itemInfo {padding:3px 5px; background:#FFFFFF url(images/item_info.gif) repeat-y top right; text-align:right; border-right:1px solid #82ADD4;}
/* 最新ニュースのタイトルの設定 */
.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; border-right:1px solid #82ADD4; border-bottom:1px solid #AED1F2;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:150%;}
/* 最新ニュースの1文字目 */
.itemText:first-letter {}
/* 最新ニュースのフッター */
.itemFoot {text-align:right; padding:3px;}
.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;}

div.banner {text-align:center; padding: 0px 0px 8px 0px; }

.new1{
    font-size: 8pt;
    font-weight: bold;
    background-color:#FF0000;
    color:#FFFFFF;
    padding:2px 2px 2px 2px;
    margin:2px 2px 2px 2px;
}
.new2{
    font-size: 8pt;
    font-weight: bold;
    color:#FF0000;
    padding:2px 2px 0px 2px;
    margin:2px 2px 2px 2px;
}

/* BMIX情報関連 */
ul#cat_pico_categories {
	margin: 10px;
	padding: 10px;
}

ul#cat_pico_categories li {
	margin-top: 4px;
	height: 32px;
	list-style: none;
	background: url(/images/icons/folder.png) no-repeat;
	padding: 8px 0 0 36px;
}

ul#cat_pico_categories a {
	font-size: 140%;
}

ul#cat_pico_pages {
	margin: 10px;
	padding: 10px;
}

ul#cat_pico_pages li {
	margin-top: 4px;
	height: 32px;
	list-style: none;
	background: url(/images/icons/report.png) no-repeat;
	padding: 8px 0 0 36px;
}

ul#cat_pico_pages a {
	font-size: 120%;
}

div#cat_pico_content {
	margin: 10px;
	padding: 10px;
	background-color: #f0f4fa;
}

div#sb_icons {
	margin: 10px 0px;
	padding: 10px;
	text-align: center;
	border: #82ADD4 solid 2px;
	background-color: #f0f4fa;
}