/*
HTML5の新要素をブロックレベル要素として宣言しておく。各ブラウザがHTML5に完全に対応するまで。
使わなければいいが使うかもしれないので。
*/
article, aside, dialog, figure, footer, header, legend, nav, section { display:block; }

/*
HTML5で削除された、あるいは変更されたタグを再定義。いまのところ多くのブラウザは已然対応はしているが。
うっかり使ったり気付かず残ってしまったときのばかよけ。fontタグはだめ！しょうがないので書き直し。
*/
center    { display:block; margin:auto; text-align:center; }
i         { font-style:italic; }
s, strike { text-decoration:line-through; }
u         { text-decoration:underline; }
tt        { font-family:monospace; }

/*
よく使う文字色と背景色(HTML標準16色)、書体、サイズなどの指定をclassとして定義。
<tag class="red bg-silver large bold">などと列挙して使用。
*/
/* 文字色 */
.black    { color:black; }
.gray     { color:gray; }
.silver   { color:silver; }
.white    { color:white; }
.aqua     { color:aqua; }
.blue     { color:blue; }
.fuchsia  { color:fuchsia; }
.green    { color:green; }
.lime     { color:lime; }
.maroon   { color:maroon; }
.navy     { color:navy; }
.olive    { color:olive; }
.purple   { color:purple; }
.red      { color:red; }
.teal     { color:teal; }
.yellow   { color:yellow; }

/* 背景色 */
.bg-black   { background-color:black; }
.bg-gray    { background-color:gray; }
.bg-silver  { background-color:silver; }
.bg-white   { background-color:white; }
.bg-aqua    { background-color:aqua; }
.bg-blue    { background-color:blue; }
.bg-fuchsia { background-color:fuchsia; }
.bg-green   { background-color:green; }
.bg-lime    { background-color:lime; }
.bg-maroon  { background-color:maroon; }
.bg-navy    { background-color:navy; }
.bg-olive   { background-color:olive; }
.bg-purple  { background-color:purple; }
.bg-red     { background-color:red; }
.bg-teal    { background-color:teal; }
.bg-yellow  { background-color:yellow; }

/* 文字の大きさ */
.xx-large { font-size:xx-large; }
.x-large  { font-size:x-large; }
.large    { font-size:large; }
.medium   { font-size:medium; }
.small    { font-size:small; }
.x-small  { font-size:x-small; }
.xx-small { font-size:xx-small; }
.larger   { font-size:larger; }
.smaller  { font-size:smaller; }

/* 書体等 */
.normal     { font-weight:normal; font-style:normal; text-decoration:none; }
.bold       { font-weight:bold; }
.italic     { font-style:italic; }
.monospace  { font-family:monospace; }
.underline  { text-decoration:underline; }
.strike     { text-decoration:line-through; }

/* 空白文字,改行の表示指定 */
.nowrap     { white-space:nowrap; }
.pre        { white-space:pre; }
.pre-wrap   { white-space:pre-wrap; }
.pre-line   { white-space:pre-line; }

/* 配置、レイアウト関係 */
.block    { display:block; } /* 変則的に変える場合。なるべく使わない。 */
.inline   { display:inline; } /* 変則的に変える場合。なるべく使わない。 */
.inline-block { display:inline-block; } /* 変則的に変える場合。なるべく使わない。 */
.block-left   { margin-left:0; margin-right:auto; }
.block-center { margin:auto; }
.block-right  { margin-left:auto; margin-right:0; }
.text-left    { text-align:left; }
.text-center  { text-align:center; }
.text-right   { text-align:right; }
.text-top     { vertical-align:top; }
.text-middle  { vertical-align:middle; }
.text-bottom  { vertical-align:bottom; }
.text-super   { vertical-align:super; font-size:smaller; }
.text-sub     { vertical-align:sub; font-size:smaller; }
.left   { margin-left:0; margin-right:auto; text-align:left; }
.center { margin:auto; text-align:center; }
.right  { margin-left:auto; margin-right:0; text-align:right; }
.top    { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.hidden { visibility:hidden; } /* 表示しないだけで領域は確保。レイアウト調整用。*/

/* よく使いそうな指定 */
.note, .notes { color:maroon; font-size:smaller; }
.link    { color:#440066; text-decoration:underline; cursor:pointer; }
.link:hover, .link:focus { color:#FF3366; }
.padding { padding:4px; }
.border  { border:2px outset gray; }
.margin  { margin:4px; }

/*
その他このサイトにディフォルトで適用される設定。
*/
div { margin:0; border:0; padding:0; }
pre { margin:0; border:2px white solid; padding:2px; overflow:auto; }
table,caption,tbody,thead,tfoot,th,tr,td { padding:0; border:0; margin:0; border-collapse:collapse; border-spacing:0; }
caption  { color:blue; font-weight:bold; }
th  { color:navy; }
table.border td { padding:1px 2px; border:1px inset gray; }
hr  { display:block; width:100%; height:1px; padding:0; border:solid 1px gray; margin:2px 0px; background-color:silver; }
a:hover, a:focus { color:#FF3366; }
del { text-decoration:line-through; }
em  { font-weight:bold; font-style:normal; }
img { border:0; }
input { border-color:#EEEEEE; }