・とりあえずスタイルシートの改造が一段落したので、ここでソースを公開してみようかと思います。改造ベースはシンプルのブラックタイプです。
・それぞれのお好みで、ヘッダー画像へのアドレス・縦横サイズ、フッター画像へのアドレス・縦横サイズ、背景画像、背景色、文字色、テーブル色、枠線色を変更してください。
・背景色は次の通りです。
ベースカラーのブルー:#333399
・文字色は次の通りで統一しています。
通常文字色(ホワイト):#CCCCCC
リンク文字色(オレンジ):#FF9900
リンク文字マウスオーバー色(レッド):#CC0000
リンク文字訪問済色(グレー):#AAAAAA
★ソース内の上記以外のカラー指定部分(カレンダー部分など)は場所不明、変更必要無しなどで、デフォルトから変更していません。必要に応じて変更してみて下さい。
・テーブルカラーは次の通りで統一しています。
1番目に濃いブルー:#101070
2番目に濃いブルー:#25258A
3番目に濃いブルー:#404DB5
1pxの枠線:#000050
以上を参考にして、該当するカラー番号部分をお好みの色に変更してみて下さい。お好みの色の同系濃淡色を指定するとまとまりが出ると思います。変更作業をする前に、まずはベースとするカラーを決めて、どこにどんな色を使うかを決めておいて下さい。
★なお、ソース改造は個人的に行ったものですので、どんな環境でも同じ結果が得られる保証はありません。あくまでも改造ベースとして捉えて流用して下さい。
★コピーペーストして流用する際、説明の為に入っている赤色太文字部分は、変更、または削除して使用して下さい。
★ソースに問題がある場合は遠慮無くお知らせ下さい。
↓↓↓ここからです↓↓↓
/* Ponji Special */
body
{
color: #CCCCCC;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
background-image: url('
背景画像を保存しているアドレス');
text-align: center;
font-color:#CCCCCC;
font-family: "MS Pゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "平成角ゴシック", Osaka, verdana, arial, helvetica, Sans-Serif;
}
a
{
color: #FF9900;
text-decoration: none;
}
a:link
{
color: #FF9900;
text-decoration: none;
}
a:visited
{
color: #AAAAAA;
text-decoration: none;
}
a:active
{
color: #FF9900;
}
a:hover
{
color: #CC0000;
text-decoration: underline;
}
a.LinkCalendar
{
color: #FF9900;
text-decoration: underline;
font-weight: bold;
}
a.LinkCalendar:link
{
color: #FF9900;
text-decoration: underline;
font-weight: bold;
}
a.LinkCalendar:visited
{
text-decoration: underline;
font-weight: bold;
}
a.LinkCalendar:active
{
}
a.LinkCalendar:hover
{
color: #CC0000;
text-decoration: underline;
font-weight: bold;
}
a.LinkTitle
{
color: #FF9900;
text-decoration: none;
}
a.LinkTitle:link
{
color: #FF9900;
text-decoration: none;
}
a.LinkTitle:visited
{
color: #AAAAAA;
text-decoration: none;
}
a.LinkTitle:active
{
}
a.LinkTitle:hover
{
color: #CC0000;
text-decoration: underline;
}
a.LinkBBSTitle
{
color: #FF9900;
text-decoration: none;
}
a.LinkBBSTitle:link
{
color: #FF9900;
text-decoration: none;
}
a.LinkBBSTitle:visited
{
color: #AAAAAA;
text-decoration: none;
}
a.LinkBBSTitle:active
{
}
a.LinkBBSTitle:hover
{
color: #CC0000;
text-decoration: underline;
}
a.LinkBBSHandleName
{
color: #FF9900;
text-decoration: none;
}
a.LinkBBSHandleName:link
{
color: #FF9900;
text-decoration: none;
}
a.LinkBBSHandleName:visited
{
color: #AAAAAA;
text-decoration: none;
}
a.LinkBBSHandleName:active
{
}
a.LinkBBSHandleName:hover
{
color: #CC0000;
text-decoration: underline;
}
/* ヘッダー画像 */
#Header
{
width: 750px;
←ヘッダー画像の横幅数値
height: 200px;
←ヘッダー画像の縦幅数値
background-image: url('
ヘッダー画像を保存しているアドレス');
background-repeat: no-repeat;
background-position: center;
}
#Header a
{
color: #FF9900;
text-decoration: none;
}
#Header a:link
{
color: #FF9900;
text-decoration: none;
}
#Header a:visited
{
text-decoration: none;
}
#Header a:active
{
}
#Header a:hover
{
color: #CC0000;
text-decoration: underline;
}
/* フッター画像 */
#Footer
{
background: url('
フッター画像を保存しているアドレス') no-repeat;
width: 750px;
←フッター画像の横幅数値
height: 20px;
←フッター画像の縦幅数値
}
H1
{
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
margin: 0px 0px 0px 0px;
}
H2
{
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
margin: 0px 0px 4px 0px;
}
H3
{
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
margin: 5px 0px 10px 0px;
}
#Foundation
{
width: 770px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
background: #333399;
←メインの背景色
background-position: center;
text-align: left;
}
#BlogMenu
{
width: 190px;
float: left;
margin: 5 auto 0 auto;
}
#Content
{
float: right;
width: 550px;
margin: 5 auto 0 auto;
font-size: 12px;
}
#BBSContent
{
width: 750px;
margin: 5 auto 0 auto;
font-size: 12px;
}
.BlogTitle
{
color: #CCCCCC;
font-weight: bold;
font-size: 16px;
}
.BlogPlate
{
margin: 0px 0px 10px 0px;
padding: 5px 5px 5px 5px;
background-color: #25258A;
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:1px solid #000050;
border-bottom: 1px solid #000050;
}
.BlogDate
{
color: #CCCCCC;
font-size: 12px;
margin: 0px 0px 5px 0px;
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:1px solid #000050;
border-bottom: 1px solid #000050;
background-color: #101070;
padding:5px 0px 2px 10px;
}
.BlogBody
{
padding: 2px 0px 0px 0px;
line-height: 1.5;
word-break: break-all;
}
.Title
{
background-position: 0px 2px 0px 0px;
margin: 1px 0px 9px 0px;
padding-left: 19px;
font-weight: bold;
font-size: 14px;
background-image: url('/styles/black/point.gif');
vertical-align: middle;
color: #CCCCCC;
background-repeat: no-repeat;
background-color: transparent
}
.ProfileTitle
{
background-position: 0px 0px 0px 0px;
margin: 10px 0px 9px 0px;
padding-left: 16px;
font-weight: bold;
font-size: 12px;
background-image: url('/styles/black/point.gif');
vertical-align: middle;
color: #CCCCCC;
background-repeat: no-repeat;
background-color: transparent
}
.BlogText
{
font-size: 12px;
line-height: 1.5;
padding-bottom: 20px;
color: #CCCCCC;
}
.BlogPosted
{
padding-right: 0px;
padding-left: 0px;
font-size: 12px;
padding-bottom: 8px;
color: #777;
padding-top: 8px;
text-align: right;
}
a.LinkPosted
{
color: #FF9900;
text-decoration: none;
font-weight: bold;
}
a.LinkPosted:link
{
color: #FF9900;
text-decoration: none;
font-weight: bold;
}
a.LinkPosted:visited
{
color: #AAAAAA;
text-decoration: none;
font-weight: bold;
}
a.LinkPosted:active
{
font-weight: bold;
}
a.LinkPosted:hover
{
color: #CC0000;
text-decoration: underline;
font-weight: bold;
}
.TrackBackUrl
{
color: #666666;
font-size: 12px;
font-weight: bold;
margin: 10px 0px 15px 15px;
}
.TrackBackBlock
{
border-right: lightsteelblue 0px solid;
border-top: lightsteelblue 0px solid;
border-left: lightsteelblue 0px solid;
border-bottom: lightsteelblue 0px solid;
margin-bottom: 10px;
margin-left: 0px;
margin-top: 10px;
padding-right: 9px;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 3px;
background-color: #484848;
}
.TrackBackBody
{
font-size: 12px;
color: #CCCCCC;
line-height: 1.5;
}
.TrackBackPost
{
color: #CCCCCC;
font-size: 10px;
text-align: right;
}
a.LinkTrackBack-post
{
color: #FF9900;
text-decoration: none;
font-weight: bold;
}
a.LinkTrackBackPost:link
{
color: #FF9900;
text-decoration: none;
font-weight: bold;
}
a.LinkTrackBackPost:visited
{
color: #AAAAAA;
text-decoration: none;
font-weight: bold;
}
a.LinkTrackBackPost:active
{
font-weight: bold;
}
a.LinkTrackBackPost:hover
{
color: #CC0000;
text-decoration: underline;
font-weight: bold;
}
.CalendarHeader
{
padding: 4px 5px 4px 5px;
font-size: 12px;
background: #101070;
color: #CCCCCC;
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:1px solid #000050;
border-bottom: 1px solid #000050;
letter-spacing: 0px;
text-align: center;
}
.CalendarBody
{
width: 190px;
text-align: center;
margin-bottom: 10px;
background: #25258A;
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:0px solid #000050;
border-bottom: 1px solid #000050;
}
.CalendarWeek
{
color: #CCCCCC;
font-size: 12px;
font-weight: bold;
position: center;
}
.CalendarWd
{
background: #c5e4ff;
}
/*カレンダー:テーブルTD*/
.CalendarD
{
empty-cells: show;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
background: #EEEEEE;
}
/*カレンダー:テーブルTD背景*/
.CalendardBG
{
border-left: 1px solid #666;
border-bottom: 1px solid #666;
background: #EEEEEE;
}
/*カレンダー:*/
.CalendarPlate
{
color: #CCCCCC;
font-weight: bold;
font-size: 12px;
position: center;
}
.MenuPlate
{
font-size: 12px;
text-align: left;
line-height: 1.5;
background: #25258A;
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:0px solid #000050;
border-bottom: 1px solid #000050;
padding: 5px;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:10px
}
.MenuTitle
{
font-weight: bold;
font-size: 12px;
text-align: center;
word-break: break-all;
color: #CCCCCC;
background: #101070;
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:1px solid #000050;
border-bottom: 1px solid #000050;
letter-spacing: 0px;
padding: 4px 5px 4px 5px;
}
.MenuBody
{
color: #CCCCCC;
line-height: 1.5;
word-break: break-all;
margin-bottom: 5px;
}
a.LinkMenu
{
color: #FF9900;
text-decoration: none;
}
a.LinkMenu:link
{
color: #FF9900;
text-decoration: none;
}
a.LinkMenu:visited
{
color: #AAAAAA;
text-decoration: none;
}
a.LinkMenu:active
{
}
a.LinkMenu:hover
{
color: #CC0000;
text-decoration: underline;
}
.LinkCtgyName
{
background-position: 0px 4px 0px 0px;
padding-left: 10px;
font-size: 12px;
background-image: url('/styles/images/point6x6.gif');
vertical-align: middle;
text-align: absmiddle;
color: #e8e8e8;
background-repeat: no-repeat;
background-color: transparent
}
.ProfilePhoto
{
margin: 2px 0px 0px 0px;
text-align: center;
width: 177px;
border: solid #000050;
border-width: 1px 1px 1px 1px;
}
.ProfileNickname
{
color: #CCCCCC;
font-size: 10px;
font-weight: bold;
margin: 10px 0px;
}
.BlogTime
{
margin: 0px 0px 10px 0px;
text-align: center;
}
.CarPriceLeft
{
font-size: 12px;
text-align: left;
margin: 0px 0px 15px 0px;
line-height: 1.1;
padding: 5px 5px 5px 5px;
border: solid #000050;
border-width: 1px 1px 1px 1px;
background: #101070;
}
.CarPriceRight
{
font-size: 12px;
text-align: right;
margin: 0px 0px 15px 0px;
line-height: 1.1;
padding: 5px 5px 5px 5px;
border: solid #000050;
border-width: 1px 1px 1px 1px;
background: #404DB5;
}
.CarLink
{
color: #CCCCCC;
font-size: 12px;
font-weight: bold;
margin: 10px 0px 0px 0px;
padding: 5px 5px 5px 5px;
text-align: left;
background: #404DB5;
border: solid #000050;
border-width: 1px 1px 1px 1px;
}
.CarTable
{
align: left;
font-size: 12px;
text-align: left;
margin: 5px 5px 5px 5px;
line-height: 1.5;
padding: 0px 0px 10px 5px;
border: solid #000050;
border-width: 1px 1px 1px 1px;
background: #101070;
vertical-align: middle;
}
.CarTableDetail
{
font-size: 12px;
text-align: left;
margin: 0px 0px 0px 3px;
line-height: 1.5;
padding: 0px 0px 0px 0px;
background: #25258A;
width: 99%;
vertical-align: middle;
}
.CarPage
{
font-size: 12px;
text-align: center;
margin: 0px 0px 0px 0px;
line-height: 1.1;
padding: 0px 0px 0px 0px;
border: solid #000050;
border-width: 1px 1px 1px 1px;
background: #101070;
width: 99%;
vertical-align: middle;
}
.CarTableColor
{
color: #CCCCCC;
background: #101070;
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:1px solid #000050;
border-bottom:1px solid #000050;
}
.CarTableColorActive
{
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:1px solid #000050;
border-bottom:1px solid #000050;
background: #404DB5;
}
.CarPlate
{
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:1px solid #000050;
border-bottom:1px solid #000050;
font-size: 12px;
text-align: left;
line-height: 1.1;
margin: 10px 10px 10px 10px;
padding: 5px 0px 5px 0px;
background: #25258A;
color: #000000;
word-break: break-all;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:15px;
}
.CarTitle
{
color: #CCCCCC;
font-size: 14px;
font-weight: bold;
padding-left: 17px;
background: url('/styles/black/point.gif') no-repeat 0px 0px;
}
.CarMenu
{
color: #444444;
font-size: 12px;
letter-spacing: 0px;
margin: 0px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
background: #101070;
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:1px solid #000050;
border-bottom:1px solid #000050;
}
.CarDate
{
color: #444444;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #555555;
width: 98%;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:3px;
padding-left:5px;
padding-right:0px;
padding-top:4px;
padding-bottom:1px
}
.CarSubTitle
{
color: #FF9900;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #555555;
width: 98%;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:3px;
padding-left:5px;
padding-right:0px;
padding-top:4px;
padding-bottom:1px
}
.LinkCarMenuHere
{
color: #FF9900;
}
.CommentButton
{
font-size: 12px;
color: #CCCCCC;
text-align: center;
border-top: #777777 0px solid;
border-bottom: #777777 0px solid;
border-right: #777777 0px solid;
border-left: #777777 0px solid;
background: #333333;
width: 130px;
}
.CommentTitle
{
font-weight: bold;
font-size: 12px;
color: #CCCCCC;
background: #101070;
border-right: #000050 1px solid;
border-top: #000050 1px solid;
border-left: #000050 1px solid;
border-bottom: #000050 0px solid;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 0px;
padding-top: 0px;
}
.CommentDate
{
font-size: 12px;
color: #CCCCCC;
background: #404DB5;
border-right: #000050 1px solid;
border-top: #000050 1px solid;
border-left: #000050 1px solid;
border-bottom: #000050 1px solid;
margin: 0px;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 0px;
padding-top: 1px;
}
.CommentBody
{
font-size: 12px;
color: #CCCCCC;
line-height: 1.5;
word-break: break-all;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 2px;
padding-left: 2px;
}
.CommentReply
{
text-align: right;
}
.CommentBig
{
float: left;
width: 530px;
margin-top: 10px;
margin-bottom: 0px;
}
.CommentMini
{
float: left;
width: 255px;
margin-top: 10px;
margin-bottom: 0px;
}
.CommentArrow
{
float: left;
width: 20px;
text-align: center;
margin-top: 20px;
}
.TabActive
{
background-color: #404DB5;
text-align: center;
font-size: 12px;
font-weight: bold;
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:1px solid #000050;
border-bottom:1px solid #000050;
}
.TabInactive
{
background-color: #101070;
text-align: center;
font-size: 12px;
border-left:1px solid #000050;
border-right:1px solid #000050;
border-top:1px solid #000050;
border-bottom:1px solid #000050;
}
.TabBottom
{
background-color: #000050;
text-align: center;
height: 4px;
}
a.LinkTabActive
{
color: #FF9900;
text-decoration: none;
font-weight: bold;
}
a.LinkTabActive:link
{
color: #FF9900;
text-decoration: none;
font-weight: bold;
}
a.LinkTabActive:visited
{
color: #AAAAAA;
text-decoration: none;
font-weight: bold;
}
a.LinkTabActive:active
{
}
a.LinkTabActive:hover
{
color: #CC0000;
text-decoration: underline;
font-weight: bold;
}
a.LinkTabInactive
{
color: #FF9900;
text-decoration: none;
font-size: 12px;
}
a.LinkTabInactive:link
{
color: #FF9900;
text-decoration: none;
font-size: 12px;
}
a.LinkTabInactive:visited
{
color: #AAAAAA;
text-decoration: none;
font-size: 12px;
}
a.LinkTabInactive:active
{
color: #FF9900;
text-decoration: none;
font-size: 12px;
}
a.LinkTabInactive:hover
{
color: #CC0000;
text-decoration: underline;
font-size: 12px;
}
.HrLine
{
color: #999999;
height: 1px;
}
.DiaryLine
{
border-bottom:1px solid #000000;
margin:3px 0px 5px 0px;
}
.CalendarWeekday
{
color: #AAAAAA;
font-size: 12px;
font-weight: bold;
}
.CalendarSunday
{
color: #FF0810;
font-size: 12px;
font-weight: bold;
}
.CalendarSaturday
{
color: #7777EE;
font-size: 12px;
font-weight: bold;
}
a.LinkCalendarWeekday
{
color: #AAAAAA;
font-size: 12px;
font-weight: bold;
}
a.LinkCalendarWeekday:hover
{
color: #CC0000;
}
a.LinkCalendarWeekday:visited
{
color: #AAAAAA;
}
a.LinkCalendarSunday
{
color: #F0810;
font-size: 12px;
font-weight: bold;
}
a.LinkCalendarSunday:hover
{
color: #EEEEEE;
}
a.LinkCalendarSunday:visited
{
color: #F0810;
}
a.LinkCalendarSaturday
{
color: #7777EE;
font-size: 12px;
font-weight: bold;
}
a.LinkCalendarSaturday:hover
{
color: #CC0000;
}
/*カレンダー:日曜のリンク*/
a.LinkCalendarSaturday:visited
{
color: #F0810;
}
/*カレンダー:今日背景*/
.CalendarTodayBG
{
background-color: #666666;
}
/*ブログ:写真*/
.pict
{
margin:0px 8px 0px 0px;
}
/*プロフィール:自己紹介テーブル*/
.ProfileTable
{
border: 0px #000050;
background-color: #000050;
width:100%;
}
/*プロフィール:自己紹介の左*/
.ProfileTableLeft
{
color: #CCCCCC;
border: 1px #000050;
padding-right: 0px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
text-valign: top;
width: 80px;
background-color: #101070;
font-size: 12px;
line-height: 1.5;
}
/*プロフィール:自己紹介の右*/
.ProfileTableRight
{
color: #CCCCCC;
border: 1px #000050;
padding-right: 0px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
text-valign: top;
background-color: #25258A;
font-size: 12px;
line-height: 1.5;
}
/*===============2005/06 追加分のスタイル===============*/
/*フォトギャラリー*/
/*投稿番号*/
.PhotoNo
{
text-align: left;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
font-size: 16px;
color: #777799;
font-weight: bold;
border-bottom: 1px solid #999999;
}
/*投稿文章*/
.PhotoMemo
{
margin: 5px 0px 0px 0px;
text-align: left;
font-size: 12px;
}
/*プライステーブル*/
.CarPriceTable
{
font-size: 12px;
text-align: right;
line-height: 1.1;
}
.TabActive1
{
padding: 2px 0px 2px 0px;
}
.TabActive2
{
padding: 2px 0px 2px 0px;
}
.TabActive3
{
padding: 2px 0px 2px 0px;
}
.TabActive4
{
padding: 2px 0px 2px 0px;
}
.TabInactive1
{
padding: 2px 0px 2px 0px;
}
.TabInactive2
{
padding: 2px 0px 2px 0px;
}
.TabInactive3
{
padding: 2px 0px 2px 0px;
}
.TabInactive4
{
padding: 2px 0px 2px 0px;
}
/*閉鎖しているときの掲示板のタブ */
.TabClose
{
padding: 0px;
color: #666666;
}
.ProfileLatestPlate
{
font-size: 12px;
}
.ProfileLatestBody
{
margin: 0px 0px 10px 0px;
font-size: 12px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::-end-::::::::::::::::::::::::::::::::::::::::::::::*/
/*BBS 全体*/
.BBSPlate{}
/*BBS 親記事*/
.BBSParentPlate
{
width: 90%;
padding: 0px 0px 0px 5px;
}
.BBSParentBody
{
border: 1px solid #555555;
padding: 3px 3px 3px 3px;
}
/*BBS 子記事*/
.BBSChildPlate
{
width: 90%;
padding: 0px 0px 0px 5px;
}
.BBSChildBody
{
border: 1px solid #555555;
padding: 3px 3px 3px 3px;
}
/*BBS:テーブル*/
.BBSTable{
border: 1px solid #555555;
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
}
/*BBS:リストテーブルのタイトル*/
.BBSTableTitle{
padding: 3px 5px 2px 5px;
border-bottom: 1px solid #555555;
background: #333333;
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
}
/*BBS:テーブルのメッセージ*/
.BBSTableMessage{
padding: 5px 5px 2px 5px;
width: 100%;
}
/*BBS:投稿画面の左*/
.BBSTableLeft{
padding: 5px 2px 5px 5px;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
background: #333333;
width: 130px;
font-size: 12px;
line-height: 125%;
vertical-align: top;
}
/*BBS:投稿画面の右*/
.BBSTableRight{
padding: 5px 2px 5px 5px;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
font-size: 12px;
line-height: 125%;
}
/*BBS:返信、引用、削除ボタン プレート */
.BBSButtonPlate{
border-top: 1px solid #555555;
margin: 2px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}
/*BBS:テーブル*/
.BBSTreeDateTime{
color: #888888;
font-size: 10px;
}