@charset "UTF-8";

/*リンク色等全ページ共通基本要素*/
@import url(./main/commons.css);

/*ページ全体を構成する大きな骨格（レイアウトテーブル）用*/
@import url(./main/mainframe.css);

/*サイト内コンテンツパート専用CSS*/
@import url(./main/font.css);/*フォント設定：フォント色、大きさ、フォントの設定全般*/

/*ほぼ全ページ共通：ページ上部共通要素*/
@import url(./main/inc_page_header.css);
/*ほぼ全ページ共通：ページ上部検索部分*/
@import url(./main/inc_search_box.css);
/*ほぼ全ページ共通：ページ上部お知らせ部分*/
@import url(./main/inc_info.css);
/*ほぼ全ページ共通：各ページ共通メニューバー*/
@import url(./main/inc_navi.css);
/*ほぼ全ページ共通：ページ下部共通要素*/
@import url(./main/inc_page_footer.css);

/*ログインページ専用*/
@import url(./main/page_login.css);

/*
スタイルシートルールのメモ：
・幅や高さはhtml内で記述する(※inc_x系、専用ページなど一部例外あり)
・alignはhtml属性使用
・スタイルのmarginとpadding(横方向)はbox要素には使わない
・配色（背景）や背景模様、フォント（サイズや太さや色）の管理はCSSで行う
・各インクルードtplのプロパティは各同名cssに記述
　例）　inc_page_header.tpl -> inc_page_header.css
　　　　inc_info.tpl -> inc_info.css
・特殊ページ用のCSSはxyz.tplに対応したpage_xyz.cssでおこなう
　例）　login.tpl -> page_login.css


その他課題
・色彩設定は色が違うクラス名と被る場合の判別がしづらくなる。

*/


body {
	background: url(images/bg.gif) ;
	color: #a59f9f;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
}

td {
	margin : 0;
	padding: 0;
	vertical-align: top;
	border: 0;
}

th {
	background: #fff7dd;
	color: #596e7d;
	padding: 2px;
	vertical-align: middle;
}

p {
	margin: 0;
	padding: 5px;
	line-height: 140%;
}

a {
	background: transparent;
	color: #787c8c;
	text-decoration: none;
}

a:hover {
	color: #fb6a3d;
	text-decoration: none;
}

th a {
	color: #808080;
}

h1, h2, h3, h4, h5 {
	color:#524634;
	margin: 0;
    padding: 2px;
}

ul {
	text-align: left;
	margin: 2px 2px 2px 15px;
	padding: 2px;
	list-style: square outside;
}

input{
	font-size: 0.9em;
}

select{
	font-size: 0.9em;
}

textarea{
	font-size: 0.9em;
}

.outline {
	background: #fff3cb;
	width: 780px;
	margin-top:10px;
	margin-left:10px;
	border-top: solid 1px #fab02e;
	border-right: solid 1px #fab02e;
	border-bottom: solid 1px #fab02e;
	border-left: solid 1px #fab02e;
}

.headerlogo {
	background: url(images/top_l.jpg) left no-repeat ;
	width: 200px;
	height: 100px;
	margin: 0;
}
.headerbanner {
	background: url(images/top_r.jpg) left no-repeat ;
	width: 100%;
	height: 100px;
	vertical-align: bottom;
	text-align: right;
}
.headerbanner a {
	color: #ffffff;
}
.headerbanner a:visited {
	color: #ffffff;
}

table#menubar {
	margin: 0;
	padding: 0;
	background-color: #7b8a9e;
	}

td.menu {
	width:11%;
	font-size: 11px;
	text-align: center;
	background: url(images/menutitle.gif);
	background-repeat: no-repeat;
	background-color: #7b8a9e;
	}

td.menu a {
	display: block;
	color: #524634;
	font-weight: bold;
	text-align: center;
	border-right:1px solid #ba6f16;
	padding:7px;
	background: url(images/menutitle.gif);
	background-repeat: no-repeat;
	}

td.menu a:hover {
	color: #fb6a3d;
	vertical-align: middle;
	text-decoration: none;
	background: url(images/menutitle2.gif);
	background-repeat: no-repeat;
	}

td#search {
	width: 30%;
	color: #524634;
	text-align: right;
	vertical-align: middle;
	padding-right:10px;
	background: url(images/menutitle.gif);
	background-repeat: no-repeat;
	}
	
form.searchbox{
	margin: 1px 0 0 0;
	}

.leftcolumn {
	background: #fdfbfb;
	width: 180px;
	font-size: 0.9em;
}

.leftcolumn th {
	background: #fdfbfb;
	color: #808080;
	font-size: 0.9em;
	vertical-align: middle;
}

.leftblockTitle {
	background: url(images/hbar.gif) left repeat-x ;
	color: #524634;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
}

.leftblockContent {
    color: #808080;
	padding: 10px;
	line-height: 120%;
}

.centeroutline {
	margin: 10px;
}

.centercolumn {
	font-size: 0.9em;
	margin: 0;
	padding: 10px;
}

.centercolumn th {
	background: #fff3cb;
	color: #596e7d;
	vertical-align: middle;
}

.centerCcolumn {
	margin: 0;
	padding: 10px;
}

.centerCblockTitle {
	background: url(images/hbar.gif) left repeat-x ;
	color: #524634;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 0px 0px 0px;
	border-right: solid 1px #ffc973;
	border-top: solid 1px #ffc973;
	border-left: solid 1px #ffc973;
}

.centerCblockContent {
	margin: 0;
	padding: 8px;
	line-height: 140%;
	border-top: solid 1px #ffc973;
	border-right: solid 1px #ffc973;
	border-bottom: solid 1px #ffc973;
	border-left: solid 1px #ffc973;
}

.centerLcolumn {
	width: 50%;
	margin: 0;
	padding: 0 3px 0 0;
}

.centerLblockTitle {
	background: url(images/hbar.gif) left repeat-x ;
	color: #524634;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 0px 0px 0px;
	border-right: solid 1px #ffc973;
	border-top: solid 1px #ffc973;
	border-left: solid 1px #ffc973;
}

.centerLblockContent {
	padding: 8px;
	line-height: 140%;
	border-top: solid 1px #ffc973;
	border-right: solid 1px #ffc973;
	border-bottom: solid 1px #ffc973;
	border-left: solid 1px #ffc973;
}

.centerRcolumn {
	width: 50%;
}

.centerRblockTitle {
	background: url(images/hbar.gif) left repeat-x ;
	color: #524634;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 0px 0px 0px;
	border-right: solid 1px #ffc973;
	border-top: solid 1px #ffc973;
	border-left: solid 1px #ffc973;
}

.centerRblockContent {
	margin: 0;
	padding: 8px;
	line-height: 140%;
	border-top: solid 1px #ffc973;
	border-right: solid 1px #ffc973;
	border-bottom: solid 1px #ffc973;
	border-left: solid 1px #ffc973;
}

.content {
	text-align: left;
	margin: 0;
	padding: 8px;
}

.rightcolumn {
	background: #f3be63;
	width: 180px;
	font-size: 0.9em;
}

.rightcolumn th {
	background: #f3be63;
	color: #808080;
	font-size: 0.9em;
	vertical-align: middle;
}

.rightblockTitle {
	background: url(images/hbar.gif) left repeat-x ;
	color: #524634;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
}

.rightblockContent {
    color: #808080;
	margin-bottom: 10px;
	padding: 10px;
	line-height: 120%;
}

.footerbar {
	background: #fab02e;
	color: #ffffff;
	font-size: 9pt;
	text-align: center;
	margin: 0;
	padding: 2px;
}

.footerbar a {
	color: #ffffff;
}

.footerbar a:visited {
	color: #ffffff;
}

.footerbar a:hover {
	color: #ff0000;
	text-decoration:underline overline;
}

input.formButton {}

.item {
}

.itemHead {
	background: #fff7dd;
	color: #596e7d;
	margin: 0;
	padding: 3px;
}

.itemInfo {
	background: #fbf8f1;
	text-align: right;
	margin: 0;
	padding: 3px;
}

.itemTitle a {
	background: transparent;
	color: #596e7d;
	font-size: 120%;
	font-weight: bold;
}

.itemTitle a:visited {
	color: #596e7d;
}

.itemPoster {
	font-size: 0.9em;
}

.itemPostDate {
	font-size: 0.9em;
}

.itemStats {
	font-size: 0.9em;
}

.itemBody {
	margin: 0;
	padding-left: 5px;
}

.itemText {
	margin: 6px;
	line-height: 1.5em;
}

.itemFoot {
	background: #fff7dd;
	text-align: right;
	margin: 0;
	padding: 3px;
}

.itemAdminLink {
	font-size: 0.9em;
}

.itemPermaLink {
	font-size: 0.9em;
}

td#mainmenu a {
	color:#808080;
	text-decoration: none;
	margin: 0;
	padding: 2px;
	display: block;
}

td#mainmenu a:visited{
	color:#808080;
}


td#mainmenu a:hover {
	color: #fb6a3d;
	background: #e5e5e5;
	text-decoration: none;
}

td#mainmenu a.menuTop {
	margin: 0;
	padding-left: 3px;
}

td#mainmenu a.menuMain {
	margin: 0;
	padding-left: 3px;
}

td#mainmenu a.menuSub {
	margin: 0;
	padding-left: 9px;
}

td#usermenu a {
	color:#808080;
	background: #fdfbfb;
	text-decoration: none;
	margin: 0;
	padding: 2px;
	display: block;
}

td#usermenu a:visited {
	color:#808080;
}

td#usermenu a:hover {
	color: #fb6a3d;
	background: #e5e5e5;
	text-decoration: none;
}
td#usermenu a.menuTop {}

td#usermenu a.highlight {
	background: #ffcccc;
}

.outer {
	border-top: solid 1px #ffc973;
	border-right: solid 1px #ffc973;
	border-bottom: solid 1px #ffc973;
	border-left: solid 1px #ffc973;
}

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

.even {
	background: #fff7dd;
	margin: 0;
	padding: 5px;
}

.odd {
	background: #fff7dd;
	margin: 0;
	padding: 5px;
}

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

tr.even td {
	background: #fff7dd;
	margin: 0;
	padding: 5px;
}

tr.odd td {
	background: #fff7dd;
	margin: 0;
	padding: 5px;
}

div.errorMsg {
	background: #fff7dd;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ffc973;
	border-right: solid 1px #ffc973;
	border-bottom: solid 1px #ffc973;
	border-left: solid 1px #ffc973;
}

div.confirmMsg {
	background: #fff7dd;
	color: #136c99;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ffc973;
	border-right: solid 1px #ffc973;
	border-bottom: solid 1px #ffc973;
	border-left: solid 1px #ffc973;
}

div.resultMsg {
	background: #fff7dd;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ffc973;
	border-right: solid 1px #ffc973;
	border-bottom: solid 1px #ffc973;
	border-left: solid 1px #ffc973;
}

div.xoopsCode {
	background: #fff7dd;
	margin: 0;
	padding: 0 6px 6px 6px;
	border: solid 1px #ffc973;
}

div.xoopsQuote {
	background: #fff7dd;
	margin: 0;
	padding: 0 6px 6px 6px;
	border: solid 1px #ffc973;
}

.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.comText {
	margin: 0;
	padding: 2px;
	line-height: 140%;
}

.comUserStat {
	background: #fff7dd;
	color: #2f5376;
	font-size: 0.8em;
	font-weight:bold;
	margin: 2px;
	padding: 4px 2px 1px 4px;
	border: solid 1px #ffc973;
}

.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: #fff7dd;
	color: #2f5376;
	font-size: 0.8em;
	font-weight: bold;
	margin: 2px;
	padding: 4px 2px 1px 3px;
	border: solid 1px #ffc973;
}
*/