/*
 スプラインBBS　メタスタイルシート
*/

/*
 文章全体を囲む領域です。<body>要素、または<body>要素に相当する
 <div>要素に適用されます。
*/


.main
{
 color : #000000;
 margin : 0px;
 background : #CCCCCC;
 font-size : 100%;









 word-break : break-all;
}

/*
 以下４つのスタイルは、アンカー（<a>要素)に適用されます。
 A:link    : 訪問前のリンク先のアンカーです。
 A:visited : 訪問済のリンク先のアンカーです。
 A:active  : リンクをクリックし、読み込み中のスタイルを示します。
 A:hover   : リンクの上にマウスカーソルが乗った時のスタイルを示します。
*/
A:link
{
 color : #0050ff;
}

A:visited
{
 color : #008f30;
}

A:active
{
 color : #ff00ff;
}

A:hover
{
 color : #ff0000;

}

/*
 書き込みを囲む<table>要素や<div>要素等に適用されます。
*/
.std
{
 border-width : 1px;
 border-style : solid;
 border-color : #000000;
}

/*
 境界線を表示したくない<tr>要素や<table>要素、<div>要素等に適用されます。
*/
.noborder
{
 border-style : none;
}

/*
 書き込みフォームの左側を構成する<table>要素や<div>要素に適用されます。
*/
.formleft
{
 border-style : none;
 color : #000000;
}

/*
 書き込みフォームの右側を構成する<table>要素や<div>要素に適用されます。
*/
.formright
{
 border-style : none;
}

/*
 掲示板のタイトルを表示する領域に適用されます。
*/
.titlebar
{
 font-size : 150%;



 border-style : none;
 text-align : center;
 color : #FFFFFF;
}

/*
 掲示板の概要を囲む領域に適用されます。
 この領域にはアクセスカウンターやキリバンメッセージも含まれます。
*/
.outline2
{
 border-style : none;
 text-align : center;

}

/*
 outline2の領域の中で、実際に概要の文章が記述されている
 部分に適用されます。
*/
.outline
{
 font-size : 100%;


 color : #FFFFFF;
}

/*
 アクセスカウンターを表示する領域に適用されます。
*/
.counter
{
 font-size : 80%;
 color : #FFFFFF;


}

/*
 キリバンメッセージを表示する部分に適用されます。
*/
.kiriban
{
 font-size : 100%;
 color : #FFFFFF;

 font-weight : bold;
}

/*
 エラーメッセージを表示する部分に適用されます。
*/
.error
{
 font-style : normal;
 font-weight : normal;
 font-size : 80%;
 color : #ff0000;
}

/*
 入力フォームの中の文字列に適用されます。
*/
.formstr
{
 font-style : normal;
 font-weight : bold;
 font-size : 100%;
 color : #000000;
}

/*
 拡張エディタの表示に利用されます。
*/
.edparts
{
 border-style : inset;
 border-color : #c0c0c0;
 border-width : 2px;
}

/*
 拡張エディタの表示に利用されます。
*/
.edit
{
 text-align : left;
 height : 200px;
 width : 80%;
 padding : 3px;
 border : 2px inset #666666;
 overflow : auto;
 background : #ffffff;



 color : #000000;
 font-size : 100%;
}

/*
 <input>要素、<textarea>要素に適用されます。
*/

/*
 <input>要素で、チェックボックスが選択された場合に適用されます。
*/
.check
{
 color : #000000;
 border-color : #00e000;
 border-width : 0px;
 font-style : normal;
 font-weight : normal;
 font-size : 100%;
}

/*
 ページ間を移動する"次の５件"、"前の５件"等が表示される
 部分に適用されます。
*/
.seeker
{
 font-weight : bold;
 font-size : 80%;

}

/*
 ページ間を移動するリンクの中で、利用できないリンクが
 表示される部分に適用されます。
*/
.diseeker
{
 color : #c0c0c0;
}

/*
 ログ全体を囲む領域に適用されます。
 この中には、新規メッセージ数を表示する領域や、掲示板内を
 移動するためのリンク等も含まれます。
*/
.logouter
{
 text-align : center;
}

/*
 logouterの直後に、logouterと同じ領域を囲むのに利用されます。
 logouterとlog2が２段構造になっているのは、インターネット
 エクスプローラーの互換モードにおいて、センタリングのバグを
 回避するためです。
*/
.log2
{
 width : 95%;
 margin-left : auto;
 margin-right : auto;
}

/*
 ログひとつ分を囲む領域に適用されます。
 レスは含まれません。
*/
.log
{
 border-style : solid;
 width : 100%;
 border-color : #000000;
 border-width : 2px;
 padding : 2px;
}


/*
 レスひとつ分を囲む領域に適用されます。
*/
.relog
{
 border-style : ridge;
 width : 90%;
 border-color : #000000;
 border-width : 1px;
 padding : 2px;
 margin-left : auto;
 margin-right : 0px;
}

/*
 ある書き込みのレス全体を囲む領域に適用されます。
*/
.relog2
{
 border : 0px;
 text-align : right;
}

/*
 ある書き込みのレス全体を囲む領域に適用されます。
 主にrelog3は<table>要素に、relog2は<td>要素に
 適用する事を想定していますが、カスタマイズ次第では
 <div>要素等にも応用できます。
*/
.relog3
{
 width : 100%;
}

/*
 書き込みの番号を表示する領域に適用されます。
 主に<td>要素に適用する事を想定しています。
 ツリー表示の場合には、numberではなく、number2が適用されます。
*/
.number
{
 color : #000000;

 border-top-width : 0px;
 border-left-width : 0px;
 border-right-width : 0px;
 padding : 2px;
 font-size : 90%;

 font-weight : bold;
 text-align : left;
 border-style : none;
}

/*
 書き込み日時を表示する領域に適用されます。
 主に<td>要素に適用する事を想定しています。
 ツリー表示の場合にはtimeではなく、time2が適用されます。
*/
.time
{

 border-top-width : 0px;
 border-left-width : 0px;
 border-right-width : 0px;
 padding : 2px;
 font-size : 90%;
 font-weight : bold;
 color : #000000;


 border-style : none;
}

/*
 書き込みのタイトルを表示する領域に適用されます。
 主に<td>要素に適用する事を想定しています。
 ツリー表示の場合にはtitleではなく、title2が適用されます。
*/
.title
{
 font-size : 125%;
 color : #000000;

 font-weight : bold;

 padding : 2px;
 text-align : left;
 border-style : none;
}

/*
 返信、削除、編集等のボタンに適用されます。
 主に<td>要素に適用する事を想定しています。
 ツリー表示の場合にはtimeではなく、time2が適用されます。
*/
.command
{
 font-size : 100%;
 font-weight : bold;


 padding : 2px;
 color : #000000;

 border-style : none;
}

/*
 書き込みの投稿者欄に適用されます。
 主に<td>要素に適用する事を想定しています。
 ツリー表示の場合にはhnameではなく、hname2が適用されます。
*/
.hname
{

 font-weight : bold;
 font-size : 100%;
 color : #000000;

 border-top-width : 0px;
 border-left-width : 0px;
 border-right-width : 0px;
 padding : 2px;
 text-align : left;
 border-style : none;
}

/*
 書き込み時に指定されたホームページ名に適用されます。
*/
.website
{
 font-style : italic;

 font-size : 80%;
 border-style : none;

}

/*
 主にホームページ名を表示する<td>要素に適用する事を想定しています。
*/
.hpage
{
 font-size : 100%;
 font-weight : bold;

 padding : 2px;
 color : #000000;


 border-style : none;
}



/*
 ホームページへ戻るためのリンクに適用されます。
*/
.return
{
 font-size : 100%;
 text-align : center;
}

/*
 「新しいメッセージが○○件あります」等の、システムが表示
 するメッセージに適用されます。
*/
.message
{
 font-size : 90%;

 font-weight : bold;
 color : #000000;
}

/*
 書き込み本文内の、引用部分に適用されます。
*/
.ref
{
 color : #0000FF;

 font-size : 100%;


}

/*
 タイトル表示、スレッドタイトル表示した場合の奇数行に適用されます。
*/
.line1
{



 font-size : 80%;

 border-style : solid;
 border-color : #000000;
 border-top-style : none;
 border-left-style : none;
 border-right-width : 1px;
 border-bottom-width : 1px;
}

/*
 タイトル表示、スレッドタイトル表示した場合の偶数行に適用されます。
*/
.line2
{

 border-bottom : 0px;



 font-size : 80%;

 border-style : solid;
 border-color : #000000;
 border-top-style : none;
 border-left-style : none;
 border-right-width : 1px;
 border-bottom-width : 1px;
}

/*
 ツリー表示した時の書き込みナンバーに適用されます。
*/
.number2
{


 color : #000000;
 font-weight : bold;
 font-size : 90%;

}

/*
 ツリー表示した時の書き込みタイトルに適用されます。
*/
.title2
{


 color : #000000;
 font-weight : bold;
 font-size : 125%;

}

/*
 ツリー表示した時のハンドルネームに適用されます。
*/
.hname2
{


 color : #000000;
 font-weight : bold;
 font-size : 100%;

}


.pub
{
 margin-left : auto;
 margin-right : auto;
 padding : 2px 2px 2px 2px;
}

/*
 各スレッドに移動するリンクに適用されます。
*/
.threadlink
{
 font-size : 100%;


}

/*
 ツリー表示した時に書き込み日時に適用されます。
*/
.time2
{
 font-size : 90%;

}

/*
 一部のサンプルにおいて、返信、削除、返信等のボタンに適用されます。
 （このスタイルは通常利用されません）
*/
.command2
{
 font-size : 100%;
 font-weight : bold;

}

/*
 一部のサンプルにおいて、書き込みの本文に適用されます。
*/
.body2
{
 background : #ffffff;



 color : #000000;
 font-size : 100%;
}

/*
 以下10個のスタイルは、ログ領域内部のアンカー（<a>要素)に適用されます。
 ルート書き込み領域のクラス"log"と、レス書き込み領域のクラス"relog"に、
 同じスタイル変数を割り当てる事で、ルート書き込みとレス領域でアンカー
 の色が同じになるように設定しています。
*/
.log A:link
{

}

.log A:visited
{

}

.log A:active
{

}

.log A:hover
{


}

.relog A:link
{

}

.relog A:visited
{

}

.relog A:active
{

}

.relog A:hover
{


}

/*
 以下５つのスタイルは、ひとつのスレッドに沢山のレスが付いていた場合、レスを
 すべて表示する画面に移動する時のリンクのスタイルです。
 このリンクは掲示板のデザインによってログ領域と同じリンクの色にした方が良い
 場合と、背景領域のリンクと同じ色にした方が良い場合があります。
*/
.threadlink A:link
{

}

.threadlink A:visited
{

}

.threadlink A:active
{

}

.threadlink A:hover
{


}

.formright input
{
 border : 0px none;
 background : #ffffff;
 width : 280px;
 height : 15px;
}

div.form form table.form_table
{
 width : 547px;
 marign : 0px;
 padding : 0px;
 border : none;
 border-spacing : 0px;
 border-collapse : collapse;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/form_bg.gif);
 text-align : left;
 font-size : 14px;
 font-weight : bold;
}

.formleft
{
 margin : 0px;
 padding : 12px 0 0 20px;
 width : 211px;
}

.formright
{
 width : 294px;
 height : 32px;
 margin : 0px;
 text-align : left;
 padding : 5px 12px 0px 6px;
 background-repeat : no-repeat;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/text_bg.gif);
}

.formright2
{
 width : 296px;
 height : 32px;
 margin : 0px;
 text-align : left;
 padding : 4px 12px 0px 4px;
 background-repeat : no-repeat;
}

.formright3
{
 width : 294px;
 height : 32px;
 margin : 0px;
 text-align : left;
 padding : 4px 12px 0px 6px;
 background-repeat : no-repeat;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/text_bg.gif);
}

.text
{
 color : #000000;
 background : #ffffff;

 font-style : normal;
 font-weight : normal;

 border-style : none;
}

.formright3 .text
{
 height : 19px;
 width : 280px;
 border : none 0px;
 background : #ffffff;
}

.formhead
{
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/form_head.gif);
 height : 9px;
 width : 547px;
 margin : 0 auto 0 auto;
 padding : 0px;
 background-repeat : no-repeat;
 overflow : hidden;
}

.formfoot
{
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/form_foot.gif);
 height : 11px;
 width : 547px;
 margin : 0px;
 padding : 0px;
 background-repeat : no-repeat;
 overflow : hidden;
 margin : 0 auto 0 auto;
}

.formtextarea
{
 text-align : center;
 padding : 28px auto 8px auto;
}

.formtextarea textarea
{
 width : 512px;
 height : 110px;
}

table.info
{
 width : 547px;
 height : 102px;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/info_bg.gif);
 margin : 14px auto 16px auto;
 border : none;
 padding : 0px;
 border-spacing : 0px;
 border-collapse : collapse;
}

table.info tr
{
 margin : 0px;
 border : none;
 padding : 0px;
 border-spacing : 0px;
 border-collapse : collapse;
}

table.info tr td.seeker1
{
 height : 60px;
 padding : 0px;
 background : #00fff00;
 vertical-align : middle;
}

td.message
{
 height : 36px;
 padding : 6px 0 0 0;
 background : #00fff00;
 vertical-align : top;
}

.thread-header
{
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/form_head.gif);
 height : 9px;
 width : 547px;
 margin : 0px auto 0px auto;
 padding : 0px;
 background-repeat : no-repeat;
 overflow : hidden;
}

.thread-footer
{
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/form_foot.gif);
 height : 11px;
 width : 547px;
 margin : 0px auto 0px auto;
 padding : 0px;
 background-repeat : no-repeat;
 overflow : hidden;
}

.thread
{
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/form_bg.gif);
 width : 527px;
 margin : 0px auto 0px auto;
 padding : 0px 10px 0px 10px;
}

div.number
{
 float : left;
 width : 250px;
 padding-top : 16px;
}

div.time
{
 text-align : right;
 border-bottom : solid 2px #B2B7B4;
 padding-top : 16px;
}

div.hname
{
 float : left;
 width : 250px;
 overflow : hidden;
}

div.hpage
{
 text-align : right;
 overflow : hidden;
}

div.title
{
 border-bottom : solid 2px #B2B7B4;
 overflow : hidden;
}

div.body-header
{
 margin : 0px;
 padding : 0px;
 border : none;
 clear : both;
 width : 523px;
 height : 14px;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/body_header.gif);
 overflow : hidden;
}

/*
 書き込みの本文に適用されます。
*/
div.body
{
 width : 511px;
 font-size : 100%;


 color : #000000;
 background : #ffffff;
 padding : 0px 4px 0px 8px;
 text-align : left;
 border-style : none;
 margin : 0px;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/body.gif);
 background-repeat : repeat-y;
 overflow : auto;
}

hr.ad
{
 height : 1px;
}

div.command
{
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/body_footer.gif);
 background-repeat : no-repeat;
 width : 523px;
 margin : 0px;
 padding : 16px 0px 0px 0px;
 height : 24px;
 text-align : right;
}

div.resarea
{
}

div.wrapper
{
 width : 768px;
 margin : 0 auto 0 auto;
 background : #c0c0c0;
 padding : 0px;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/wrapper_bg.gif);
}

hr.bottomline
{
 margin : 6px;
}

div.header
{
 width : 756px;
 height : 196px;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/header.jpg);
 margin : 0 auto 16px auto;
}

h1.titlebar
{
 text-align : left;
 padding : 8px;
 margin : 0px;
}

p.outline
{
 margin : 0px;
 padding : 0px 16px 16px 16px;
}

div.seeker
{
 width : 547px;
 margin : 16px auto 0 auto;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/mess_head.gif);
 background-repeat : no-repeat;
 padding : 12px 0 0 0;
 text-align : center;
}

div.mess-delimit
{
 width : 547px;
 height : 15px;
 margin : 0 auto 0 auto;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/mess_delimit.gif);
 background-repeat : no-repeat;
 padding : 0;
 overflow : hidden;
 text-align : center;
}

div.mess
{
 width : 416px;
 margin : 0 auto 0 auto;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/mess_body.gif);
 padding : 2px 66px 0 65px;
 text-align : center;
}

div.mess-foot
{
 width : 547px;
 height : 18px;
 margin : 0 auto 16px auto;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/mess_foot.gif);
 background-repeat : no-repeat;
 padding : 0;
 overflow : hidden;
 text-align : center;
}

div.mess-foot2
{
 width : 547px;
 height : 11px;
 margin : 0 auto 16px auto;
 background-image : url(http://grp.spline.tv/bbsparts/smpl_0410/form_foot.gif);
 background-repeat : no-repeat;
 padding : 0;
 overflow : hidden;
 text-align : center;
}

img.upgrp
{
 float : left;
 margin : 4px;
}

hr.ad
{
 clear : both;
}