/*　基本事項　*/
body { background: #ffcccc url(im/wall/w_wv01r.gif) fixed; color: #996633; line-height: 1.5; letter-spacing: 0px; font-size: 10pt; scrollbar-3dlight-color:#cc9966; scrollbar-arrow-color:#cc9966; scrollbar-base-color:#ffcc99; scrollbar-darkshadow-color:#cc9966; scrollbar-face-color:#ffcc99; scrollbar-highlight-color:#cc9966; scrollbar-shadow-color:#cc9966; }
img { border-width: 0pt; }
a:link { color: #9999ff; text-decoration: none; }
a:visited { color: #666699; text-decoration: none; }
a:hover { background-color: #cc9966; color: #ffffff; text-decoration: none; }

/*　レイアウト　*/
td,th { background: #cc9966; color: #ffffff; } 　　　/*　セル通常　*/
td.etc,th.etc { background: #ffcc99; color: #996633; border: solid 1px #cc9966; }　　　/*　セル薄色　*/
td.none,th.none { background: transparent; color: #996633; }　　　/*　セル透過　*/
td.none2,th.none2 { background: transparent; color: #996633; }　　　/*　セル透過：入れ子用　*/
.main { float: left; margin-top: 2%; width: 80%; height: 540px; text-align: center; }
.menu { float: right; margin-top: 2%; width: 18%; text-align: center; }

/*　レイアウト２　*/
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.top { vertical-align: baseline; }

/*　フォントレイアウト　*/
.ms { font-family: "MS Mincho"; } 
.b { font-weight: bolder; }
.normal { font-weight: normal; }
.clear { clear: both; }
.i { font-style: oblique; }
.u { text-decoration: underline; }
.s { text-decoration: line-through; }
.small { font-size: 6pt; }
.f1 { font-size: 7.5pt; }
.f2 { font-size: 10.0pt; }
.f3 { font-size: 12.0pt; }
.f4 { font-size: 13.5pt; }
.f5 { font-size: 18.0pt; }
.f6 { font-size: 24.0pt; }
.f7 { font-size: 35.0pt; }
.red { color: #cc0000; }
.bkc { background-color: #cc9966; }

/*　セル日報用　*/
table.news { background: #cccccc; }
td.news,th.news { background: #cccccc; color: #663300; line-height: 1.5; letter-spacing: 0px; font-size: 8pt; }
td.news2,th.news2 { background: #999999; color: #663300; line-height: 1.5; letter-spacing: 0px; font-size: 8pt; }
td.news_left,th.news_left { width: 60%; background: #cccccc; color: #663300; line-height: 1.5; letter-spacing: 0px; font-size: 8pt; }

/*　セルBlood用　*/
body.blood { background: #000066 url(im/wall/sakura04_2.png) fixed; color: #000000; line-height: 1.5; letter-spacing: 0px; font-size: 8pt; }
table.blood { text-align: center; margin: 2%; }
td.blood,th.blood { background: transparent; color: #999999; line-height: 1.5; letter-spacing: 0px; font-size: 10.5pt; }

/*　セル流れ星さん用　*/
td.nagarebosi,th.nagarebosi { background: #000000 url(im/wall/hosizora.gif); color: #66ccff; line-height: 1.5; letter-spacing: 0px; font-size: 9pt; }

/*　セルどくろさん用　*/
td.dokuro,th.dokuro { background: #ffffff url(im/wall/sinpac.gif); color: #66ccff; line-height: 1.5; letter-spacing: 0px; font-size: 9pt; }

/*　セル鈍亀さん用　*/
td.dongame,th.dongame { background: #000000 url(im/wall/w_hh01b.png); color: #ｆｆｆｆｆｆ; line-height: 1.5; letter-spacing: 0px; font-size: 9pt; }

/*　セル黒姐ぇ用　*/
td.kuronee,th.kuronee { background: #000000 url(im/wall/w_st01bw.png); color: #000000; line-height: 1.5; letter-spacing: 0px; font-size: 9pt; }

/*　セル銅鑼用　*/
td.dora,th.dora { background: #000000; }

/*　用語辞典2　*/
body.yougo { background: #000000; scrollbar-3dlight-color:#333333; scrollbar-arrow-color:#333333; scrollbar-base-color:#666666; scrollbar-darkshadow-color:#333333; scrollbar-face-color:#666666; scrollbar-highlight-color:#333333; scrollbar-shadow-color:#333333; }
.yougo a:link { color: #6699cc; text-decoration: none; }
.yougo a:visited { color: #009999; text-decoration: none; }
.yougo a:hover { color: #000000; text-decoration: none; background-color: #808080; }
.yougo_index { width: 90%; height: 520px; overflow: scroll; text-align: center; line-height: 1.5; letter-spacing: 0px; font-size: 10.5pt; }
.yougo_0 { line-height: 1.7; letter-spacing: 0px; font-size: 9.0pt; }
.yougo_menu { float: left; width: 29%; height: 515px; overflow: scroll; line-height: 2.0; letter-spacing: 0px; font-size: 9.0pt; }
.yougo_main { float: right; margin: 0%; width: 69%; height: 515px; overflow: scroll; line-height: 1.5; letter-spacing: 0px; font-size: 10.5pt; }
.yougo td,.yougo th { background: transparent; color: #cccccc; border: none; }
.yc { color: #cc6633; font-size: 12.0pt; font-weight: bolder; }

/*　チャットガイド　*/
body.guid { background: #000000; color: #cccccc; line-height: 1.5; letter-spacing: 0px; font-size: 12.0pt; }
.guid a:link { color: #6699cc; text-decoration: none; }
.guid a:visited { color: #009999; text-decoration: none; }
.guid a:hover { color: #000000; text-decoration: none; background-color: #808080; }


.st0 { line-height: 1.2; letter-spacing: 0px; font-size: 12.0pt; }
.st1 { line-height: 1.5; letter-spacing: 0px; font-size: 10.5pt; }
.st2 { line-height: 1.5; letter-spacing: 0px; font-size: 12.0pt; }
.st3 { line-height: 1.3; letter-spacing: 0px; font-size: 7.5pt; }
.st4 { line-height: 1.1; letter-spacing: 0px; font-size: 12.0pt; }

body.none { background: #000000; color: #c0c0c0; }
body.menu { background: #000000 url(im/wall/w_hh01p.png) fixed; color: #c0c0c0; }
body.menu2 { background: #000000 url(im/wall/w_hh01p.png) fixed; color: #0080c0; }
body.blood_a { background: #000000 url(im/wall/sakura04.png) fixed; color: #c0c0c0; }
body.sora_a { background: #000000 url(im/wall/angel05_h1dk.png) fixed; color: #c0c0c0; }
body.blood_a_ie { background: #000000 url(im/wall/sakura04.png) fixed; color: #ffffff; }
body.sora_a_ie { background: #000000 url(im/wall/angel05_h1dk.png) fixed; color: #ffffff; }

.menu2 a:link { color: #8080ff; text-decoration: none; }
.menu2 a:visited { color: #008080; text-decoration: none; }

.fl { filter: alpha(opacity=85); }
.fl2 { filter: alpha(opacity=70); }


.cl01 { color: #ff8080; } .cl07 { color: #ffff80; } .cl13 { color: #80ff80; } .cl19 { color: #00ff80; } .cl25 { color: #80ffff; } .cl31 { color: #0080ff; } .cl37 { color: #ff80c0; } .cl43 { color: #ff80ff; }
.cl02 { color: #ff0000; } .cl08 { color: #ffff00; } .cl14 { color: #80ff00; } .cl20 { color: #00ff40; } .cl26 { color: #00ffff; } .cl32 { color: #0080c0; } .cl38 { color: #8080c0; } .cl44 { color: #ff00ff; }
.cl03 { color: #804040; } .cl09 { color: #ff8040; } .cl15 { color: #00ff00; } .cl21 { color: #008080; } .cl27 { color: #004080; } .cl33 { color: #8080ff; } .cl39 { color: #800040; } .cl45 { color: #ff0080; }
.cl04 { color: #800000; } .cl10 { color: #ff8000; } .cl16 { color: #008000; } .cl22 { color: #008040; } .cl28 { color: #0000ff; } .cl34 { color: #0000a0; } .cl40 { color: #800080; } .cl46 { color: #8000ff; }
.cl05 { color: #400000; } .cl11 { color: #804000; } .cl17 { color: #004000; } .cl23 { color: #004040; } .cl29 { color: #000080; } .cl35 { color: #000040; } .cl41 { color: #400040; } .cl47 { color: #400080; }
.cl06 { color: #000000; } .cl12 { color: #808000; } .cl18 { color: #808040; } .cl24 { color: #808080; } .cl30 { color: #408080; } .cl36 { color: #c0c0c0; } .cl42 { color: #400040; } .cl48 { color: #ffffff; }
.cl49 { color: #663300; }

a:link.bl { color: #000000; text-decoration: none; }
a:visited.bl { color: #000000; text-decoration: none; }
a:hover.bl { color: #000000; text-decoration: none; background-color: #808080; }


.b_a { border: 1.5pt solid #ff8080; padding: 1pt; height: 1pt; width: 1pt; overflow:visible;background: #000000; }
.b_b1 { border: 1pt solid #ff8080; padding: 10pt; height: 1pt; width: 1pt; overflow:visible;text-align: left; }
.b_b2 { border: 1pt solid #ff8080; padding: 10pt; height: 1pt; width: 1pt; overflow:visible;text-align: center; }

/* 


前景色：color プロパティ
　いままでに何度も登場したが，要素の前景色を指定するのが color プロパティである。

color: 色;

このプロパティは，

すべての要素に適用される。 
初期値はブラウザに依存する（多くのブラウザでは，オプションで指定できるようになっている）。 
その要素で color プロパティを指定しなかった場合，それまで使われていた色（親要素の色）がそのまま使われる。 



背景色：background-color プロパティ
　いっぽう，背景色は background-color プロパティで指定される。書式は，以下のいずれかである。

background-color: 色;
background-color: transparent;

このプロパティは，

すべての要素に適用される。 
初期値はキーワード transparent。 
その要素で background-color プロパティを指定しなかった場合，値は初期値に戻される。 



フォントサイズ：font-size プロパティ


　フォントサイズに関するプロパティの中でもっとも基本的なものが，font-size プロパティである。

font-size: 絶対サイズ;
font-size: 相対サイズ;
font-size: 長さ;
font-size: 百分率;

このプロパティは，

すべての要素に適用される。 
初期値は，"絶対サイズ"の medium である。 
その要素で font-size プロパティを指定しなかった場合，それまで（親要素）と同じフォントサイズになる。 



行配置：text-align プロパティ
　テキストの整形において代表的なのは，左寄せ，右寄せおよびセンタリングといった行配置である。これは，text-align プロパティで指定される。

text-align: キーワード;

このプロパティは，

前後に改行を伴う要素（ブロック要素）に適用される。 
初期値は，ブラウザおよびテキストの流れる方向に依存する（日本語を書いている限り，初期値は left とみて差し支えなかろう）。 
その要素で text-align プロパティを指定しなかった場合，それまで（親要素）と同じ行揃えになる。



行送り：line-height プロパティ
　行送りを決定する重要なプロパティが line-height プロパティである。与え方は次のいずれかである。

line-height: 長さ;
line-height: 百分率;
line-height: 倍率;
line-height: normal;

このプロパティは，

すべての要素に適用される。 
初期値は，キーワード normal である。 
その要素で line-height プロパティを指定しなかった場合，それまで（親要素）と同じ行送りになる。 



テキストの装飾：text-decoration プロパティ
　簡単なテキストの装飾効果は text-decoration プロパティで指定する。与え方は次のいずれかである。

text-decoration: キーワード;
text-decoration: none;

このプロパティは，

すべての要素に適用される。ただし，その要素がテキストでない場合（画像など）は，意味を持たない。 
初期値は，キーワード none である。 
その要素で text-decoration プロパティを指定しなかった場合，プロパティの値は初期値に戻される。ただし，それまで（親要素）で装飾が指定されていた場合には，その装飾は引き続いて行われる。 
　キーワード none を与えた場合には，テキストの装飾は行われない。それ以外のキーワードは，次にあげるものから順序に関係なく，複数選んでよい。

underline 
テキストに下線を引く。 
overline 
テキストにオーバーラインを引く。 
line-through 
テキストに打ち消し線を引く。 
blink 
テキストを点滅させる。これをサポートしないブラウザもある。 



フォントファミリ：font-family プロパティ
　フォントファミリは，font-family プロパティで指定する。

font-family: フォントファミリ, フォントファミリ, ...;

このプロパティは，

すべての要素に適用される。 
初期値は，ブラウザが設定するフォントファミリである。 
その要素で font-family プロパティを指定しなかった場合，それまで（親要素）と同じフォントファミリが使われる。 



フォントのスタイル：font-style プロパティ
　font-style プロパティ は，イタリック体・斜体といった文字の装飾を担う。すなわち，現在のフォントファミリの中の，イタリックフェイスまたは斜体のフェイスを指定するプロパティである。

font-style: キーワード;

このプロパティは，

すべての要素に適用される。 
初期値は，キーワード normal である。 
その要素で font-style プロパティを指定しなかった場合，それまで（親要素）と同じフォントスタイルになる。 
　与えられるキーワードは，次のうち 1 つである。

normal 
正体。イタリック体でも斜体でもないフェイス。 
italic 
イタリック体。一般に，正体より"続け字"ふうの印象がある。 
oblique 
斜体。一般に，正体より"傾いた"フェイスである。 



フォントの太さ：font-weight プロパティ
　font-weight プロパティは，フォントファミリにおける，太さ（ウェイト）の異なるフェイスを指定するのに用いられる。

font-weight: キーワード;

このプロパティは，

すべての要素に適用される。 
初期値は，キーワード normal である。 
その要素で font-weight プロパティを指定しなかった場合，それまで（親要素）と同じフォントの太さになる。 
　キーワードとして与えられるのは，次のうち 1つである。

100，200，……，900 
この 100 刻みの数値は，一般に，より大きいものほど，より太い（より数値が大きいものは，より小さいものに比べて，少なくとも細くはならない）。 
normal 
通常の太さのフェイス。先の数値をキーワードとする場合の 400 と同じ意味である。 
bold 
ボールドフェイス。先の数値をキーワードとする場合の 700 と同じ意味である。 
bolder 
それまでの（親要素の）フォントの太さより太くする。 
lighter 
それまでの（親要素の）フォントの太さより細くする。 

*/