@charset "utf-8";

/*
 Homepage Program "IRORIBATA" default.css
   Copyright by webmastar@iroribata.net, 2025-11-11. checked and updated.
 こちらはIRORIBATAバージョンアップの対象となります。
 サイト固有の設定もしくは変更についてはmystyle.cssに記載してください。
*/

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

/*
文字修飾。多くのブラウザはタグとしてもそのまま対応はしているようだけど。
*/
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="bg-silver red 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; }
.text-shadow-white { text-shadow:-1px -1px 0px white,-1px 1px 0px white,1px 1px 0px white,1px -1px 0px white; }
.text-shadow-silver{ text-shadow:-1px -1px 0px silver,-1px 1px 0px silver,1px 1px 0px silver,1px -1px 0px silver; }
.text-shadow-gray  { text-shadow:-1px -1px 0px gray,-1px 1px 0px gray,1px 1px 0px gray,1px -1px 0px gray; }
.text-shadow-black { text-shadow:-1px -1px 0px black,-1px 1px 0px black,1px 1px 0px black,1px -1px 0px black; }

/* 背景色 */
.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; } /* 変則的に変える場合。なるべく使わない。 */
.border-box { box-sizing:border-box; } /* box sizing ruleの変更。width,heightで外形を指定。 */
.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    { color:maroon; font-size:smaller; }
.link    { color:#440066; text-decoration:underline; cursor:pointer; }
.link:hover { color:#FF3366; }
.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:0; padding:0; overflow:auto; }
table,caption,tbody,thead,tfoot,tr,th,td { padding:0; border:0; margin:0;
    border-collapse:collapse; border-spacing:0; }
caption { color:navy; font-weight:bold; }
th  { color:navy; }
table.border th { padding:1px 2px; border:1px solid gray; }
table.border td { padding:1px 2px; border:1px solid 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; }