/* 全般設定 */
* {padding:0; margin:0;}

body {color:#333333; background:#FFFFFF;}
table {width:100%; font-size:12px;}
table td {vertical-align:top;}
th {padding:3px; vertical-align:middle;}
th a{color:#f6f1e9;}
th a:hover{color:#ff6600;}
img {border:none}
h1{font-size: 16px; color: #AD1A08}
h2{font-size: 13px;}
h3{font-size: 12px;}
p{}

/*color*/
.fpink{color:#fccdb7;}
.kuro{color:#000000;}
/* リンクの設定 */
a {color:#AD1A08; text-decoration:none;}
a:hover {color:#b30033; text-decoration:underline}

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

#mainbody {width:760px; margin:0 auto;}

/* ヘッダーブロックの定義  position:absolute; top:0px;*/
#headerlogo {background-image: url(left_back.gif); vertical-align:top; text-align:left;}
#headerbanner {background-image: url(right_back.gif); vertical-align:middle; text-align:right; padding-right:10px;}
#seikatukoujyou {background-image: url(title.gif); vertical-align:top; text-align:right;}
/* ヘッダーメニューの定義 */
#navigation {background:transparent; margin:0 auto; height:30px; background-image: url(top_back.gif);
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation li {display:block; float:right; margin:0 1px;}
.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#005900; margin:0; font-weight:normal;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff;}
.poweredby {color:#ffffff; font-weight:bold; font-size:11px; text-align:right; padding:3px 10px;}
/*
a.menu, a.menu:visited {display:block; text-decoration:none; width:100px; font-size:12px;}
a.menu:hover {background:transparent; cursor:pointer;}
a.menu:hover span {padding-top:10px;}
*/
.red {background:#FFA4A4;}
.orange {background:#FFC6A4;}
.yellow {background:#FFFFA4;}
.green {background:#DBFFA4;}
.blue {background:#A4FFFF;}
.indigo {background:#C6A4FF;}
.violet {background:#FFA4DB;}
.gray {background:#333333;}
.lightb {background:#eeece5;}
.pink {background:#fccdb7;}
.happy {background:#f9e6c2;}

/* 左ブロックの定義 */
#leftcolumn {width:180px;  margin:0px 4px; background-image: url(wa.jpg);}
/*左ブロックタイトルの定義*/
#leftcolumn .blockTitle {width:140px; height:20px; color:#ffffff; line-height:100%; background-image: url(08.jpg); font-weight:bold; margin-top:0px; margin-left:10px; vertical-align: middle;}
#leftcolumn .blockTitle p{padding:3px;}
/*左ブロックコンテンツの定義*/
#leftcolumn .blockContent {width:140px; line-height:130%; background-color:#ffffff; margin-left:10px;}
#leftcolumn .blockContent p{padding:0px;}
.rtop{background:#ffffff;}
.rtop span{display:block; height:1px; overflow:hidden; background-color:#ffffff;}
.r1{margin: 0px 5px 0px 0px;}
.r2{margin: 0px 3px 0px 0px;}
.r3{margin: 0px 2px 0px 0px;}
.r4{margin: 0px 1px 0px 0px;}
.rbottom{background:#ffffff;}
.rbottom span{display:block; height:1px; overflow:hidden; background-color:#ffffff;}

/* メインメニューの定義 */
#mainmenu a {display:block; margin:0px 4px; color:#FF4500;}
#mainmenu a:hover {color:#F25B00; font-weight:bold;}
#mainmenu a.menuTop {padding-left:3px;}
#mainmenu a.menuMain {padding-left:3px; border-top:1px dashed #333333;}
#mainmenu a.menuSub {color:#FF6000; padding-left:5px; background:#ffffff;}

/* ユーザメニューの定義 */
#usermenu a {display:block; margin:0px 4px; padding:4px 3px; color:#FF4500; border-top:1px dashed #333333;}
#usermenu a:hover {color:#F25B00; font-weight:bold;}
#usermenu a.menuTop {padding-left:3px; border-top:0px;}
#usermenu a.highlight {background:#ffcccc;}

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

/* 中央-中央ブロックの定義 */
#centerCcolumn {padding:10px 0px 0px 3px; line-height:150%;}
#centerCcolumn .blockTitle {padding:5px; background:#ffffff; color:#333333; font-weight:bold; margin-bottom:8px;}
#centerCcolumn .blockContent {background:#ffffff; padding:5px; font-weight:normal;}

/* 中央-左ブロックの定義 */
#centerLcolumn {width:50%; padding:0px 0px 0px 3px; line-height:150%;}
#centerLcolumn .blockTitle {padding:5px; background:#ffffff; color:#333333; font-weight:bold; margin-bottom:8px;}
#centerLcolumn .blockContent {padding:5px; background:#ffffff; font-weight:normal;}

/* 中央-右ブロックの定義 */
#centerRcolumn {width:50%; padding:0px 0px 0px 5px; line-height:150%;}
#centerRcolumn .blockTitle {padding:0px; background:#ffffff; color:#333333; font-weight:bold; margin-bottom:0px;}
#centerRcolumn .blockContent {padding:5px; background:#ffffff; font-weight:normal;}

/* メインコンテンツの定義 */
#content {text-align:left; padding:8px 0px 8px 8px; line-height:150%;}
/*#content p{margin-left:5px;}
#content a{border-bottom:1px dotted;}*/
/* 右ブロックの定義 */
#rightcolumn {width:170px; border-left:1px solid #cccccc;}
#rightcolumn .blockTitle {padding:3px; background:#dddddd; color:#639ace; font-weight:bold;}
#rightcolumn .blockContent {padding:3px; line-height:130%;}

/* フッタブロックの定義 */
#footerbar {text-align:center; background:#fccdb7; color:#ffffff; line-height:100%; padding:5px;}
#footerbar a{color:#ffffff;}

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

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

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

/* 最新ニュースの枠 */
.item {border:1px solid #ffffff;}
/* 最新ニュースのタイトルバー */
.itemHead {padding:3px; background:#703E37; color:#ffffff;}
/* 最新ニュースの投稿情報欄 */
.itemInfo {text-align:right; padding:3px; background:#D7D2BF;}
/* 最新ニュースのタイトルの設定 */
.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; background:#F6F1E9;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:150%;}
/* 最新ニュースの1文字目 */
.itemText:first-letter {}
/* 最新ニュースのフッター */
.itemFoot {text-align:right; padding:3px; background:#ECE5D5;}
.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;}

/*ヘッダ２*/

/*文字の設定 px*/

ul.main_h{font-size:14px;}
/*文字の寄せ方を指定 center,left,rightで指定。*/
ul.main_h{text-align:center;/*メインメニューの文字揃え*/}
ol.sub{text-align:left;/*サブメニューの文字揃え*/}
ul.sub-2{text-align:left;/*サブメニューの文字揃え*/}
/*文字の種類を指定
ul.main_h{font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；}*/
/*リンクの下線を指定*/
.main_h a{text-decoration:none;}


/*カラーリングの設定*/

/*：メインメニューの背景色*/
.main_h{background-color:;/*サブメニューの位置をずらした場合指定必須*/}
.main_h li{background-color:#FFA4A4;}
/*メインメニューのオンマウス時*/
.main_h a:hover{background-color:#FFA4A4;}
/*サブメニューへ移動したときの色（main_h a:hoverと同じ値推奨）*/
.main_h li.on{background-color:#FFA4A4;}

/*サブメニューの背景色:２つとも同じ値にすることを推奨*/
.sub{background-color:#F9E6C2;}
.sub li{background-color:#F9E6C2;}
/*サブメニューのオンマウス時*/
.sub a:hover{background-color:#FFA4A4;}

/*boxcolor*/
.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff;}


/*：メインメニューの文字色*/
.main_h a:link{color:#000000;}
.main_h a:visited{color:#000000;}
.main_h a:hover{color:#000000;}

/*：サブメニューの文字色*/
.sub a:link{color:#000000;}
.sub a:visited{color:#000000;}
.sub a:hover{color:#000000;}

/*メニューサイズ・余白・枠線の設定*/


/*---------------メインメニュー幅の設定--------------------*/
ul.main_h{width:750px;}

/*---------------メインメニューアイテム幅の設定--------------------*/
.main_h li.off{
    height:19px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:100px;/*文字数に合わせて調整*/
}
.main_h li.on{
    width:100px;/*offと値を揃えることを推奨*/
}
/*---------------メインメニューアイテム余白の設定--------------------*/
.main_h a{padding:2px;/*あまり大きな値は指定しない方が良い*/}

/*---------------メインメニュー枠線の設定--------------------*/
/*通常時・メインメニューの枠線*/
.main_h li.off{
   border:1px solid #F1095A;
}
/*展開時・メインメニューの枠線*/
.main_h li.on{
    border: 1px solid #F1095A;
    border-bottom:1px;
}
/*展開時メインアイテム下に線が無くなるのを防止
.main_h a{
    border-bottom:1px solid #F1095A;
}
*/

/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
    left:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    top:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    width:100px;/*.main_h li.offと同じ値か、それ以上を推奨・削除不可*/
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off2{
    width:100px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
    width:100px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
/*---------------サブメニュー枠線の設定--------------------*/
ol.sub{
/*border:1px solid #993300;*/
}
/*.sub li.off2,.sub li.on2{
border-bottom:1px dotted #F1095A;
}*/
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
    padding:0px 0px;/*あまり大きな値にしない*/
    width:100px;/*削除不可*/
    height:20px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。
height+padding（上下）の値がol.subのheightと同じになるように調整*/
}



/*メニューの表示位置の設定*/

DIV#menu{
    top:90px;
    left:;
    width:100%;
    position:absolute;
    z-index:100;
}

/*自由記述オプション*/

DIV#menu{
 
} /* 全体を囲むボックス */

ul.main_h{overflow: visible;} /* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.main_h li.off{} /* メインメニューアイテム通常時 */
ul.main_h li.on{padding-top: 5px;} /* メインメニューアイテム展開時 */
li.off a,li.on a{} /* メインメニュー用リンク */

ol.sub{position:absolute;} /* サブメニュー */
ol.sub li.off2{} /* サブメニューアイテム通常時 */
ol.sub li.on2{} /* サブメニューアイテム展開時 */
li.off2 a,li.on2 a{} /* サブメニュー用リンク */

/*変更不可*/

.main_h *{margin:0px;padding:0px;list-style:none;display:block;}
ul.main_h{position:relative;}
ul.main_h li.off{position:relative;float:left;overflow:hidden;}
ul.main_h li.on{float:left;overflow:hidden;}
ul.main_h>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}