Strict/*/*EN" "http:/*/*wWWoW3.org/*TR/*xhtmll/*DTD/*xhtmll―strict.dtd">

monitoring css

margin:
padding:

すべてのスタイルに適用Ⅲ…料絆棒**辮将*/

*/1Xコンテンツの余白(外余白)O文字幅t*/
*/1テキストの余白(内余白)t*/

*/1リンクタグの前後余白を排除t*/

id=″tool″

リンク先(到違点)※CSSに非ず

I
font―fmily: メイリ|卜;
font―size: 12px:
line―height:15: */キ行の高さを指定*/
*/キline*eight:1: 行の高さを指定*/
*/櫛argin―bOttom:0 5em:段落後の高さ十*/

14

l
aI
margin:
l

1

ル辮機器絆料―**―辮

*/*ナビゲートのスタイル*/
navi {i {
font―size: 90%: ・・
float: {efti
:ist―style: nohei
nargin―left: Oem:
*/*padding―top: 20px:
l

ヘッダーキ*Ⅲ辮―――tt料持将*/

*/*左から並べる(改行しない)*/
*/*段落リストにしない*/
*/*指定しないと右に落ちる手*/
*/

*/キナビゲートの定型記号(後方)*/
navi {i:after i
content: ″〕>″:
padding―lefti 0 5omi
l

*/キテキストの余白(内余白)*/

*/*閉じるボタン*/
c:ose {
fioat: righti
*/*右端に配置。次のコンテンツタイトルを同じ行にするためにf!oat設定する*/
color: #●33:
font weighti boldi
nlarg i n―right: 2px;
margin―top: -30px:
*/り,dding:Oeln 2em Oem 0 2emi 内余白…上右下左←効かないt*/
I

*/*コンテンツタイトル*/

11

font―size: 150%:
l:ne―height: 1 1:
co!or: #2F4F4F:
cleari both;

*/キfloat(ロコリiゝ∂い)1犀膨姜ホ*/

(hrにしない)*/

titlebar i

border―top: groove
*/*width: 100%:
*/*backgrOund―color
margin: Opx:

3px #808080:
#bbffff:

*/*線種(凹形)、太さ、色十*/
レイアウトがおかしくなるので指定しないホ*/
背景色は印刷されない*/

新日*/

update {
text―align:

*/*タイトリレ*/
h2!
font―size: 125%:
●o:or: #2F4F4F:
padding‐top: 15px:
text―align: center;
}

*/*見出し1(1
h31〕*/

・)下にある↓

*/*メール作成ツールで使用

I}*/

*/*可変テキスト(数字)のスタイル1*/

nlonitoring css

87晰I

881 color

891 margin

*/*文字色:赤*/
*/*コンテンツの余白(外余白)*/

92*/*リンクボタン(画像)のスタイル(後方)+*/

931 nw:after i

941 content:url(ing*/newJindow png):position:relative:bottom:Oemi margin―left:0 3emi

951 */*content: url(ing*/new_window png): position: relative: bottom: -0 19oln: Inargin―left: 0 3emi*/

961

97

98*/*ファイルバスのスタイル(前方)*/

991 jp:before {

1001 content: ″――〉″:

1011 paddin『left:lemi */*テキストの余白(内余白)

*/

フアイルバスのスタイル(後方)t*/

jp:after i

content: url(ing*/new=windOw png); position: relativei bottom: Oem: margin―lefti 0 2en:

*/十サイト内リンクスタイル(前方)
idx:before {
content: ″――〉″:

*/

111

padding―:eft:lelni */*テキストの余白(内余白)

t*/

∥5*/1保存ファイルバスのスタイル

(前方)*/
テキストの余白(内余白)*/

∥61 sv:before {

∥7 oontenti″【保存先】″:

∥3 */却adding―left:l eln;

121*/*保存ファイルバスのスタイル(後方)・ファイルヽ・スのスタイル(後方)スタイルと同じ*/

1221 sv:after〔

1231 content: ur!(ing*/newiwindow png)i position: re:ative: bottom: Oem; nargin―left1 0 2em;

|またはRAMS(イントラ)で開くのスタイル*/
I
font―size: 90%;

padding: 0 2em 0 2em Oem 0 4em:
cursor: pointeri
かfont―weight:bold;t*/
margin: -0 1em Oom Oom Oemi
*/*border:lpx so!id #0000ffi
*/*border―radius: 10px:
*/*backgrOund―color: #ffff00:

ヤプション十*/
1ion caption {
text―align: right:
font―siz●: 90%:
color: #ff0000:
*/*caption―side: right; */
*/ホpadding:2px: */


1日列のスタイル1*/
co1l I
width: 170,x:
background―color: #fOf8ff:
border: {px solid #888888:

*/*内余白…上右下左t*/
*/*マウスカーソルの形状を指定*/

*/*外余白
*/*罫線の太さと色*/
*/キ罫線の角丸…効いてない?*/
*/*黄色の背景*/t*/

」Ob―fiow I
display: tablei
text―aligni centeri
margin: O auto:

」。b―txt i
display: table―ce:!:
text―a!igni centeri
vertical―aligni middle:

w:dth: 100px:
height: 50px:
line―height:
borderi solid

テーブル共通

*/*ヌ0い**/
*/*グレー*/

業務フロー特―………替**/
*/*中央揃え*/
*/1画面中央寄せ(縦:0、横:autO)*/

*/*縦中央寄せ*/

*/tボックスの高さ★★☆*/
*/キ行の高さ★☆☆十*/
*/十月晨*/

ー

‐9‐‐92‐93‐94‐95‐96‐97‐98‐9920020‐202203204205206207208209

monitoring css

JOb―arrOw 〔
display: table―cell:
verticai―aligni nidd!e:
width: 500x:


cap〔
text―align: righti
font―size: 90%:
color: #ff0000:
width: 80%:
margin―top: {em;

*/**将‥梓辮料替*料Ⅲ
tab:e file {
margini O autol
width: 80%:
border: none:

*/1縦方向に中央寄せ*/

使用ファイルテーブル***絆将辮料春―*/
*/*中央寄せ(縦:0、横:auto)*/

―*―十一キーⅢ―*―*―*―十―*/


*/*太字t*/

*/*ぶら下がり*/
*/キテキストの上余白十*/
*/*テキストの下余白*/
テキスト内の余白(背景色を付けるとよくわかる)
#fedOeO;*/

border―oo:lapse:0011apsei */*ボーダーを重ねる←必要?*/
*/tfont―size:14px: 十*/
l

*/*キャプションはテープル共通t*/


*/*使用ファイル値セル*/
table f:le td I
vertical―aligni top: */*テキストの上揃え*/
border:lpx solid #888888:
padding:6px:

メール送信テープル

!e mai1 1
margin―!eft: 0 5em:
nlarg i n―bottom: 0 8em:

width: 90%:
bo"deri none:
border―oollapse:

ヤプションはテーブル共通*/

目列のスタイルはテーブル共通十*/

―ル送信値セル*/

tab:e mail td 〔

vertica:―align: top:
border: {px soiid #888888:
padding: 6px:

*/ホテキストの上揃え十*/

ュアル

*/‐‐‐十―Ⅲ…ⅢⅢ*段落
*/*見出し1*/
h31
font―weight: bold:
padding―lefti 3en;
text―indent: -1 5omi
margin―top: 25px;
margin―bottom: 7px:
*/*padding―top: 18px;
*/*backgrOund―oo!or:
l

*/*―階層目のリスト:(1)(2)(3)・¨キ*/

note {
padding―left: 5 2em:

padd:ng―right: 1
*/Hnargin―bottom:

5om:
0 9om:*/

list―sty!e: none;
text―indent: -2 5em:
*/十padding―left: 5 2em:*/

nlonitoring css

メール作成ツールマニュアル用*/
note {i niti1 */*段落記号(インデント)なしホ*/
*/*color: #ff0000: st:rtLラト*/
*/ホ|:st―style:none;liで設定済*/
text―lndent: Oem:
*/*padding―left: -20px:十*/
margin―left: -2eln:

のリスト:①②Э…Ⅲ*/

l note {i u:I
padding―:eft: 0 6emi
padding right: Oemi
nargin―bottom: 0 2en:

〕
*/十二階層目のリスト:デフォルトスタイル*/

l note {:ul {i order i
!ist―stylei none:
text―indent: -lem:
line―height: 1 4om:
*/*padding―left: Oeni
padding―right: Oemi

*/*インデント●*/
*/*行の高さを指定キ*/


*/

lem -1 2em;
#fOf8ffi

*/*インデント*/
*/*行の高さを指定*/

十*/

l
*/十二階層目のリスト:メール作成ツールマニュアル用*/

l note {i ul !i m!t12 1
1ist―stylei none:
text―indent: -l eln:
:ine―height: 1 4em:
margin―left: {em:
*/*padding―left: Oem:
padding―right: Oem:

margin: Oen Oem 0 5em {eni
cursor: pointeri

タイル*/

togglel〔
*/*displayinonei
text―:ndent: Oem:
padding: 0 5em:
margin: -0 3em {em {em -1 2enl:
background―co:or: #fffOf5:

l

*/*特別処理のスタイル*/
toggle2 1
*/1displayinonei
text―indent: Oem;
padding: 0 5em:
margin: -0 3en {oln
background―color:

*/*外余白…上右下左*/
*/*マウスカーソルの形状を指定十*/

*/*非表示にする←HT∥Lに記述。CSSに書くと挙動がヘン*/
*/*:i設定のテキストインデントを無効十*/
*/オ内余白*/
*/十外余白…上右下左*/
*/t薄桃の背景色*/

*/*非表示にする―HT∥Lに記述。CSSに書くと挙動がヘン*/
*/キli設定のテキストインデントを無効*/
*/*内余白…上右下左*/
*/t外余白…上右下左ホ*/ _
*/1薄青の背景色*/

〕
*/十二階層目のリスト:エラーのスタイルt*/

i note {i u:li err {
list―style: none:
text―indent: -0 8em:
*/十font―size: 110%:十*/
color: #ff0000: */*うに=FttL,卜*/
padding:-lem Oem Oeln Oom: */*内余白…上右下左*/
margin:-0 2eln Oom-0 1om Oem: */十外余白…上右下左*/

〕

*/十二階層目のリスト:エラーマークとスタイル(前方)*/
erribefore {
oontent: ur:(ing*/exclamation jpg);
position: relative:
top: 0 3enli
margin―right: 0 2em;
l

*/*―*―*―*―*―*―十一* 〕庁りたナ=′い ―ホー*―十一*―*―t t*/

*/*ボタンのスタイル*/
toggle―sw 〔
font―size: 100%:
padding:0 2eln 2oln 0 1em 2em; */*内余白…上右下左t*/

32‐32232332432532632732832933033‐332333334335

*/*―*―*―*―*―*―* 月ロヨ吾ラくタイル ー*―*―十―*―*―ヰー*/

monitoring css

*/*シート名のスタイルt*/
Sh〔
font weighti boldi
color: #a52a2a:
margin:0 1em: */*コンテンツの余白(外余白)*/

*/*background―color: #fedOoO:
padding: 0 1em 0 3em Oem 0 3em:
*/櫛argin:oem 0 2em Oem Oem:
*/*padding―left: 0 3em:*/
*/*padding―righti 0 3om:*/
I

*/*マクロボタンなどのスタイル*/
8tm 〔
font―s:ze: 95%:
font―weighti boldi
padding: 0 1em 0 4em Oem 0 4em:
margin1 0om 0 2om Oeln Ooln;
border: 1,x solid #0000ff:
border―radius: 2px:
background―color: #ffffaa:
:ine―height: {em:
〕

*/*セル・行列番号のスタイル*/

*/*内余白…上右下左t*/
*/*外余白(2要素の場合は縦,横)

*/十内余白…上右下左オ*/
*/*外余白t*/
*/*罫線の大きと種類と色*/
*/キ罫線の角丸…効いてない?ホ*/
*/tllfafad2:*/t#ffff00: */ホ貴色の背景十*/
*/十★*/

color: #0000ff:
font―weight: boldi
margin:0 1em:
*/*padding―left:*/
*/tpadding―right:t*/

l
*/*フィルター要素のスタイル…全角引用符込みで指定→〈span class=″Flt″〉“AA"〈*/span〉*/
Flt〔
font―weighti bold:

*/*文字色ブルー*/
*/*コンテンツの余白(外余白)ホ*/

747576777879808‐8283848586873889

GO10r: #8a2be2:
text―decoration: underline:


1日名のスタイル*/

color: #a52a2ai
font―slze 95%:

*/*文字色バイオレット*/
*/*アンダニライン*/

ah I
color:#0000ffi */*文字色ブルー*/
margin:0 1em: */*コンテンツの余白(外余白)ホ*/
〕

のスタイル*/

pr〔
font―weighti boldi
text―decoration: underlinei

*/*アンダーラインホ*/

(赤)のスタイル*/

fcolorl I

oolor: #ff0000:
font―size 95%;

*/キ文字色:赤*/

404

*/*値(brown)のスタイル*/
fcolor2〔

*/*文字色:brOwnⅢ*/
(前)t*/
I

とフィルターの引用符

pr:before, Flt:before
content: ″ ``″;
padding―!eft: 0 1em:
l

とフィルターの引用符(後)t*/

pr:after,Flt:after〔
content: ″'' ″:
padding―right: 0 1em:
l

*/ホマニュアル内の画像のスタイルホ*/
ingl {
margin:lem Oom Oem 0 5elni */*外余白…上右下左*/
*/*印刷時は75%縮小→printCSSで指定*/
I

ing2 1
margin1 0om Oem 0 5em Oem: */*外余白…上右下左十*/
*/*印刷時は75%縮小→printCSSで指定*/

monitoring css

フッター

了t*/
I

nlargi n: 5om Oem 7om {onli

*/1外余白…上右下左t*/

*/*クレジット*/
credit I
font―size: 901:
text―aiign: centeri
cleari bothi
*/櫛argin―!eft:16px:
*/りaddin『tOp:20px:
〕

*/1回り込み解除t*/
+*/
*/

表のスタイル使用ファイル

tab:e css
システム出カデーター覧(reference html)他

/ⅢⅢ料料精料替器‐・・・*表のスタイル
/*キャプション*/
caption captior2〔
text―align: lefti
/*padding―left: l elni*/
/*f9nt―size: 90%:*/
/*color: #ff0000;ホ/
/*caption―sidel righti*/
I

caption caption3 1
caption―side: bottomi
text―al:gn: left;

color: #ff0000:



!e ref 〔
margin: O auto:
width: 98%:
border: none:
border―collapse:
/十font―size:14px:

/キ文字色:赤■/

/*中央寄せ(縦:0、横:auto)ホ/
co:lapse: /*罫線なし(セルで指定して細線にする)*/
t/

目行のスタイル●/

table ref thead〔
text―a!ign: center:
vertica!―a:ign: Ini dd le;
border:lpx solid #888888:
background―color: #bfbfbf:

/*テキスト縦中央揃え*/
/+グレーⅢ/
/*淡いグレー十/

余白のスタイル*/

le ref td i
border:lpx solid #888888:
padding:6px:

目〈作業名)のスタイルホ/

le ref th i
width: 14px:
font―weighti normal;
text―align: centeri
line―height: 15px:
padding: 5px 2px 2px 2px:
border:lpx solid #888888:
/*writing,modei tb―rl;
/*height= 130px;

/*1文字分の幅にしたかった*/



/*内余白…上右下左*/
/*グレー*/
縦書き～!E独自仕様*/
*/

/*letter―spac ing: 0 2em: St‐r"蝙口5*/
/ホvertica卜align:middlei テキスト縦中央揃え十/
}

/十項目(作業名)セルのリンクの下線を消す*/
tab:e ref th a I
text―decoration: none:
l

/ホ偶数行の背景色*/
tab!e ref tr even I
background―color: #e9e9e9:
l

*使用ファイル値セルその1*/

table ref td sty!el I
vertical―a:igni top;
text―align: lefti

/*テキスト上揃え*/

/tborde『:lpx solid #888888:十/
/ゃadding:6px:*/

l

/*使用ファイル値セルその2■/
table ref td sty!e21
vertical―aligni top:
text―a!ign: center:
l

/*使用ファイル値セルその3*/

/*テキスト上揃えt/

軒

table css

table ref tdi st,le3 1
vertica卜align:middle: /*テキスト中央捕え十/
text―align: center:
font―size: 14px;
}

cf I
font―sizё: 90% :
color: #6b8o23:
margin:Opx: /1コンテンツの余白(外余白)*/
l

/―…―t―Ⅲ出力方法のスタイル■―――持4-/
table confer i
width: 97%;
margin:5px auto: /キ中央寄せ(縦:5,x、横:auto)*/
borderi none:
border―co∥apse:collapse1 /Ⅲ罫線なし(セルで指定して細線にする)*/
I

tab:e confer td stylo4 1
font‐eighti bold: /1太字t/
font―size: 1101:
padding:Opx Opx Opx 8p文: /1内余白…上右下左十/
I

table confer td style5 {
padding:Opx Opx 8px 18px: /1内余白…上右下左t/
l

monitoring_print css

印刷用のスタイルシート

【解説】
lE8でA4用紙に印刷できる横幅のWⅨは650(649)px
ただし、650pxではPCで田覧する場合に小さく感じる。

よって、サイトで利用する画像(ing)の横サイズはHAX850pxとし、
印刷時に画像のみ7跳縮小をかけることとする。

を印刷するキ/

1
―■ebkit―print―co:or―adjust: exacti


〕
/*画像の印刷スタイル■/
ilngl ( 200m: 0 75: 〕

075:l

err:before l
display: block:
position: relative:
top: 0 1om;
margin―right: 0 2em:
}

Stri9t//EN" "http://wwwow3.org/TR/xhtmll/DTD/xhtmll\strict.dtd">










Il::≒鶏賛鍔号;当鶏nifダrel」styleshee」t″e」tettt/csダ/>