/* 全般設定 */
body {color:#333333; background:#eeffee; margin:0px; padding:0px; font-size:14px;}

table {width:100%; font-size:14px; border-collapse:collapse;line-height:1.5em}
/* table {width:100%; font-size:12px; border-collapse:separate;} */

table td {padding:4px; vertical-align:top;}

/* 全般的なリンクの設定 */
a {color:#446688; text-decoration:none; font-weight:bold;}
a:hover {color:#993333; text-decoration:none; font-weight:bold;} 

/* 一般タグの設定 */
h1 {line-height: 120%;}
h2 {line-height: 120%;}
h3 {line-height: 120%;}
h4 {}
h5 {}

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

input.formButton {}

/* 最新ニュースの枠 */
.item {}
/* 最新ニュースのタイトルバー */
.itemHead {padding:5px; background:#446688; color:#ffffff;}
/* 最新ニュースの投稿情報欄 */
.itemInfo {text-align:right; padding:3px; background:#EEF5E8;}
/* 最新ニュースのタイトルの設定 */
.itemTitle a {font-size:130%; font-weight:bold; 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:150%;}
/* 最新ニュースの1文字目 */
.itemText:first-letter {}
/* 最新ニュースのフッター */
.itemFoot {text-align:right; padding:3px; border-top:1px dotted #aabbcc;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

/* th {background:#446688; color:#ffffff; padding:5px; vertical-align:middle;} */
th {background:inherit; color:#000000; padding:1px; vertical-align:middle;}

th a{color:#ffffff; text-decoration:none; font-weight:bold;}
a img:hover {position:static;}

.headerbar {border-bottom:3px solid #99bb77; background:#446688; width:100%;}
.menu_l {vertical-align:middle; text-align:right;}
.menu_item {vertical-align:middle; text-align:center; background:#ECF3E6; padding-right:15px;}
.menu_item a{color:#446688; text-decoration:none; font-weight:normal;}
.menu_item a:hover{border-bottom:1px dotted #993333;}

/* ヘッダーブロックの定義 */
td#headerlogo {background:#ddffdd; padding:10px 25px;}
td#headermenu {background:#ddffdd;padding:0px; vertical-align:top; text-align:right;}
table#headermenut {width:100%; font-size:12px; border-collapse:collapse;}
td#headermenu2 {background:#ddffdd; vertical-align:bottom; text-align:right; padding-right:25px; font-size:11px;}
.main_body {margin:0px 25px 20px 25px; border-top:1px dotted #aabbcc;}

/* 左ブロックの定義 */
td#leftcolumn {width:190px;  background:#fef5e8; min-width:190px;}
/* td#leftcolumn {width:190px;  background:#eef5e8; min-width:190px;} */
/* td#leftcolumn {width:170px;  background:#eef5e8;} */
/*左ブロックタイトルの定義*/
td#leftcolumn div.blockTitle {padding:4px 0px 2px 22px; color:#ffffff; font-weight:bold; background-image:url(menu_bgL.gif); border-bottom:3px solid #99bb77;}
/*左ブロックコンテンツの定義*/
td#leftcolumn div.blockContent {padding:5px 10px; line-height:130%;}

/* メインメニューの定義 */
td#mainmenu  {width:190px; min-width:190px;}
td#mainmenu a {margin:0px; padding:4px;}
td#mainmenu a:hover {text-decoration:underline; border-right:6px solid #993333;}
td#mainmenu a.menuTop {padding-left:3px;}
td#mainmenu a.menuMain {padding-left:3px;}
td#mainmenu a.menuSub {padding-left:15px;}

/* ユーザメニューの定義 */
td#usermenu a {margin:0px; padding:4px;}
td#usermenu a:hover {text-decoration:underline; border-right:6px solid #993333;}
td#usermenu a.menuTop {padding-left:3px;}
td#usermenu a.highlight {background:#ffcccc;}


/* 中央ブロックの定義 */
td#centercolumn {padding:0px 10px;}
td#centercolumn a:hover{border-bottom:1px dotted #993333;}

/* 中央-中央ブロックの定義 */
td#centerCcolumn {padding:0px;}
td#centerCcolumn div.blockTitle {padding:3px 0px; color:#993333; font-weight:bold; border-bottom:1px dotted #aabbcc;}
td#centerCcolumn div.blockContent {padding:5px; margin-bottom:10px; line-height:130%;}

/* 中央-左ブロックの定義 */
td#centerLcolumn {width:50%; padding:0px 3px 0px 0px;}
td#centerLcolumn div.blockTitle {padding:3px 0px; color:#993333; font-weight:bold; border-bottom:1px dotted #aabbcc;}
td#centerLcolumn div.blockContent {padding:5px; margin-bottom:10px; line-height:130%;}

/* 中央-右ブロックの定義 */
td#centerRcolumn {width:50%; padding:0px 0px 0px 3px;}
td#centerRcolumn div.blockTitle {padding:3px 0px; color:#993333; font-weight:bold; border-bottom:1px dotted #aabbcc;}
td#centerRcolumn div.blockContent {padding:5px; margin-bottom:10px; line-height:130%;}

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

/* 右ブロックの定義 */
td#rightcolumn {width:170px;  background:#eef5e8;}
td#rightcolumn div.blockTitle {padding:4px 0px 2px 22px; background-image:url(menu_bgR.gif); color:#ffffff; font-weight:bold; border-bottom:3px solid #99bb77;}
td#rightcolumn div.blockContent {padding:5px 10px; line-height:130%;}

/* フッタブロックの定義 */
td#footerbar {border-top:1px solid #99bb77; text-align:center; font-size:11px; padding:10px;}
td#footerbar a{border-bottom:1px dotted #446688;}
td#footerbar a:hover{border-bottom:1px dotted #993333;}

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

/* フォーラムなどの交互に色が変わる部分 */
.even {background:#eff4f8; padding:5px;}
.odd {background:#ffffff; padding:5px;}
/* フォーラムなどのフッター */
.foot {background:#eef5e8; padding:5px; font-weight:bold;}

tr.even td {background:#eff4f8; padding:5px;}
tr.odd td {background:#ffffff; padding:5px;}

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;}

/* 追加(2011.8.6)　リスト表示の設定 */
li {margin-left:2px; list-style:square outside; color:#000020;}
ul {margin:2px; padding:2px; list-style:disc outside; text-align:left;}
table#thr {width:auto; font-size:14px; border-collapse:collapse; padding:7px; table-layout:auto; width:auto;empty-cells:show;border:1px solid;}
table#thr1 {width:auto; font-size:14px; border-collapse:collapse; padding:7px; table-layout:auto; width:auto;empty-cells:show;border:1px solid;border-color:black;}
table#thr2 {width:auto; font-size:14px; border-collapse:collapse; padding:7px; table-layout:auto; width:auto;empty-cells:show;border:1px solid;border-color:#ddffdd;}
tr#thrtr {padding:7px; table-layout:auto;}

td.thr4 {width:250px;max-width:250px;}
td.thr5 {width:300px;max-width:300px;}
td.thr6 {width:600px;max-width:600px;}




table.ttbl {width:auto; font-size:14px; border-collapse:collapse; padding:7px; table-layout:auto; width:auto;empty-cells:show;border:1px solid;}
table.ttbl1 {width:auto; font-size:14px; border-collapse:collapse; padding:7px; table-layout:auto; width:auto;empty-cells:show;border:1px solid;border-color:black;}
table.ttbl2 {width:auto; font-size:14px; border-collapse:collapse; padding:7px; table-layout:auto; width:auto;empty-cells:show;border:1px solid;border-color:#ddffdd;}

td.td08 {width:80px;max-width:80px;}
td.td20 {width:200px;max-width:200px;}
td.td25 {width:250px;max-width:250px;}
td.td30 {width:300px;max-width:300px;}
td.td60 {width:600px;max-width:600px;}


/*****  BOOK一覧 Table ******/
/* BOOK紹介用に作ったテーブル。TDのみでTHはなく、一番上のTDがTHに相当する。一番上の行の背景色は白 */
table.booktbl {width:100%; min-width: 580px; font-size:14px; border:solid 1px black; padding:7px; empty-cells:show; border-collapse:collapse; }
table.booktbl tr:nth-of-type(1) {background:#ffffff; }
table.booktbl tr td {border:solid 1px black; }
table.booktbl tr td:nth-of-type(1) {width: 80px; }

/***** リンク用 *****/
/* リンクタイプ01 */
/* 普通のブロック型のリンク */
a.lnk01 {display: block; padding: 0.5em; line-height: 1.5; width: 600px; border-bottom:solid none; }
a.lnk01:link {color: #446688; border-bottom:solid none; }
a.lnk01:visited {color: #800080; border-bottom:solid none; }
a.lnk01:hover {background-color: #cceeee; border-bottom:hidden !important;}
div.lnk01 {padding: 0.5em; line-height: 1.5; width: 600px; border-bottom:solid none;}

/* リンクタイプ02 */
/* 上下に黒枠のあるブロック型のリンク */
a.lnk02 {display: block; padding: 0.5em; line-height: 1.5; width: 600px; border-top:solid 1px; border-bottom:solid 1px; }
a.lnk02:link {color: #446688; border-top:solid 1px; border-bottom:solid 1px; }
a.lnk02:visited {color: #800080; border-top:solid 1px; border-bottom:solid 1px; }
a.lnk02:hover {background-color: #cceeee; border-top:solid 1px; border-bottom:1px dotted #993333;}
div.lnk02 {padding: 0.5em; line-height: 1.5; width: 600px; border-top:solid 1px; border-bottom:solid 1px;}

/* リンクタイプ01、02で使用することを想定した文字サイズを指定するためのspan要素 */
span.a1 {font-size:140%; font-weight:bold; }     /* リンク先の題名を指定するためのちょっと大きめの文字を出すためのもの */
span.a2 {font-size:180%; font-weight:bold; }     /* リンク先の題名を指定するためのかなり大きめの文字を出すためのもの */
span.a3 {font-size:105%; font-weight:bold;}	/* 普通にちょっとボールドな　 */

span.b1 {display:inline-block; font-weight:normal;margin-left:1.5em; }                   /* 題名の下にコメントを書くための通常サイズの文字を出すためのもの */


/* リンク用テーブル */
/* 背景色が緑色のテーブル型のリンク */
table.lnktbl01 {font-size:14px; border-collapse:collapse; padding:7px; empty-cells:show; border:1px solid black; table-layout:fixed; background:#66ff66; }
table.lnktbl01 tr {}
table.lnktbl01 tr td {border:1px solid black; height: 60px; }
table.lnktbl01 tr td:nth-of-type(1) {white-space: nowrap;}
table.lnktbl01 a {display: block; height: 60px; font-size:18pt; text-decoration: none; }
table.lnktbl01 a:hover {background-color: #cceeee; display: block; height: 60px; font-size:18pt; text-decoration: none; border-bottom: hidden !important;}



/******* 強調用 *******/
.emwhite {font-weight: bold; color:white; }
.emblack {font-weight: bold; color:black; }
.emyellow {font-weight: bold; color:yellow; }
.emred {font-weight: bold; color:red; }
.emgreen {font-weight: bold; color:green; }
.emblue {font-weight: bold; color:blue; }
.empurple {font-weight: bold; color:purple; }
.emolive {font-weight: bold; color:olive; }
.emgray {font-weight: bold; color:#666666; }

.underl {text-decoration: underline;}

/******* タイトル *******/
/* <H1> */
h1.title_h1 {display: block; padding: 15px; font-size:200%; font-weight: bold; border-style:solid; border-color:#669900; border-width: 3px 0px 3px 8px; margin-top:0em; margin-bottom: 1em; background-color: #d0f0d0; }

/* <H2> */
h2.title_h2 {display: block; padding: 10px; font-size:150%; font-weight: bold; border-style:solid; border-color:#669900; border-width: 0px 0px 0px 6px; margin-bottom: 1em; background-color:#d0f0d0; }

/* オフコン説明書内のDL要素の修飾用 */
dl.maincnt dt{display: block; font-weight:bold; font-size:120%; padding: 5px; background-color: #ddddee; }
dl.maincnt dd{margin: 0.5em 0em 2em 2.5em; }
dl.maincnt p{margin-bottom:1.5em;}

dl.subcnt dt{display: block; font-weight:bold; font-size:110%; padding: 5px; background-color: #eeeecc; }
dl.subcnt dd{margin: 0.5em 0em 2em 2.5em; }
dl.subcnt p{margin-bottom:1.5em;}



/* 説明用のテーブルその0 */
/* 背景色が白で、テキストを中央にする */
table.mantbl00 {background-color :#ffffff;}
table.mantbl00 td {text-align :center;}

/* 説明用のテーブルその1 */
/* 背景色が白で、黒枠有り、TD内のフォントは等幅フォントを指定 */
/* style="width: xxx;"でサイズ指定してもよい。 */
table.mantbl01 {background-color: #ffffff; border: solid 1px black;border-collapse: collapse;table-layout: fixed;width: auto;}
table.mantbl01 tr {border: soild 1px black;}
table.mantbl01 tr th {border: soild 1px black; white-space: nowrap;}
table.mantbl01 tr td {border: solid 1px black; white-space: nowrap; font-family: monospace;}

/* 説明用テーブルその2 */
/* 横幅は100%、黒枠有り、TH内の背景色は白色 */
table.mantbl02 {width:100%; min-width: 580px; font-size: 14px;border: solid 1px black; padding: 7px; empty-cells: show; border-collapse: collapse;}
table.mantbl02 tr {border: solid 1px black;}
table.mantbl02 tr th {background-color: #ffffff; border: solid 1px black;white-space: nowrap;}
table.mantbl02 tr td {border: solid 1px black; }
table.mantbl02 tr td:nth-of-type(1) {white-space: nowrap;}

/* 説明用テーブルその3 */
/* 枠なしの何もしないテーブル */
/* style="width: xxx;"でサイズ指定してもよい。 */
table.mantbl03 {border:none; table-layout:fixed; width:auto;}
table.mantbl03 tr {border: none;}
table.mantbl03 tr th {border:none;}
table.mantbl03 tr td {border:none;}

/* 説明用テーブルその4 */
/* 黒枠有りの普通のテーブル */
/* style="width: xxx;"でサイズ指定してもよい。 */
table.mantbl04 {border: solid 1px black; border-collapse: collapse; table-layout:fixed; width:auto;}
table.mantbl04 tr {border: solid 1px black;}
table.mantbl04 tr th {border: solid 1px black;}
table.mantbl04 tr td {border: solid 1px black;}


/* 説明用テーブルその3 */
/* 枠なしの白色のテーブル */
/* style="width: xxx;"でサイズ指定してもよい。 */
table.mantbl05 {background-color: #ffffff; border: solid 1px #c0c0c0; table-layout:fixed; width:auto;}
table.mantbl05 tr {border: none;}
table.mantbl05 tr th {border:none;}
table.mantbl05 tr td {border:none; font-family: monospace;}


/* 最後の戻る／進むリンクを中央に寄せるためのdiv */
div.footcenter {text-align:center; padding:1em 0em 1em 0em; border-top:solid 1px black; border-bottom: solid 1px black; margin:1em;height:65px;}

div.footcenter a:hover {border-bottom:hidden !important;background-color: #eedddd;}

div.footcenter ul{margin: auto;width:210px;}
div.footcenter ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
	text-align: center;
	width:55px;
	margin:3px;
	}
div.footcenter ul li a {
	display: block;
	padding 5px ; 
	}
div.footcenter ul li a:hover {
	display: block;
	padding 5px ;
	border-bottom:hidden !important;background-color: #eedddd;
	}
div.footcenter ul li a img {width:32px;height:32px;}