/* 「こひつじの家」用スタイルシート main.css
2019-11-05 2007-10-22〜2013-02-20 */
@import url('http://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('http://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
/* 基準フォント〔Roboto，Noto Sans JP 18px〕の設定 */
html
{
font-family:Roboto, "Noto Sans JP", sans-serif;
font-size:18px; line-height:1.5em;
} /* 2019-01-15 */
/* 親要素のフォントサイズをテーブル内で引き継がせるため */
table {font-size:1em;}
hr {margin:0; padding:0;} /* 2019-10-24 */
/* ▼ body */
/* 背景色＝白（通常のページはこれを使用する） */
.body_wh
{
background-color:#ffffff; font-size:16px; line-height:150%;
text-align:justify; text-justify:distribute;
}
/* 背景色なし */
.bodync
{
font-size:16px; line-height:150%;
text-align:justify; text-justify:distribute;
}
/* ▼ 枠 */
/* 主枠 背景色＝クリーム（通常のページはこれを使用する） */
.waku_main
{
border:1px solid #888888; background-color:#ffffdd; padding:10px;
margin-left:auto; margin-right:auto;
width:930px; height:auto; text-align:center
}
/* 主枠 背景色＝白 */
.waku_mainnc
{
border:1px solid #888888; background-color:#ffffff; padding:10px;
margin-left:auto; margin-right:auto;
width:930px; height:auto; text-align:center
}
/* 新タイトル枠
赤線枠が付いた緑色 008800 */
.title
{
border:1px solid #ff0000; padding:6px; background-color:#008800;
color:#ffffff; font-size:24px; font-weight:bold; line-height:120%;
margin-left:auto; margin-right:auto; margin-top:4px; margin-bottom:4px;
}
/* 新タイトルのサブタイトル文字 */
.fontst
{font-size:18px; font-weight:bold;}
/* 新タイトルの上位タイトル */
.titlep
{
color:#337733; padding:6px; font-size:20px; font-weight:bold;
margin-left:auto; margin-right:auto
}
/* 更新日用 */
.date
{
float:right; margin-right:20px; margin-top:16px; white-space:nowrap;
font-size:14px; width:140px; height:56px;
}
/* タイトル外枠
赤線枠が付いた緑色 66dd55 */
.waku1
{
border:1px solid #ff0000; padding:4px; background-color:#55cc44;
color:#ffffff;
margin-left:auto; margin-right:auto
}
/* タイトル内枠［標準］
白枠が付いたオレンジ */
.waku2
{
border:6px solid #ffffff; padding:10px; background-color:#ff8800;
font-size:30px; line-height:150%
}
/* タイトル下部［標準］ */
.waku4
{
padding:10px; font-size:24px
}
/* サブタイトル［オレンジ枠に白文字］ */
.waku3
{
border:0px; padding:5px; background-color:#ff9966;
text-align:center; color:#ffffff; font-size:20px; font-weight:bold;
margin-left:auto; margin-right:auto
}
/* タイトル内枠［駅用上下］ */
.eki1
{
border:0px; padding:10px; background-color:#ffffff;
text-align:center; color:#000000; font-size:20px; line-height:100%
}
/* タイトル内枠［駅用中］ */
.eki2
{
border:0px; padding:10px; background-color:#ff9966;
text-align:center; color:#ffffff; font-size:30px; font-weight:bold;
line-height:150%
}
/* 項目 */
.head
{
font-size:20px; font-weight:bold;
}
/* 白抜 */
.waku_wh
{
border:0px; padding:10px; background-color:#ffffff;
text-align:center
}
/* 白地枠付・中央配置・テキスト＝ジャスト */
.waku_wbj
{
border:1px solid #888888; padding:10px; background-color:#ffffff;
margin-left:auto; margin-right:auto; text-align:justify
}
/* 枠付白抜 */
.waku_whgy
{
border:1px solid #888888; padding:10px; background-color:#ffffff;
text-align:center
}
/* 色なし */
.waku_nc
{
border:0px; padding:0px; text-align:center
}
/* 枠付色なし */
.waku_ncgy
{
border:1px solid #888888; padding:10px;
text-align:center
}
/* ピンク地緑色枠 */
.waku_pkgr
{
border:1px solid #00cc99; padding:10px; background-color:#ffe8e8
}
/* 左寄せ用 */
.waku_L
{
border:0px; padding:2px; text-align:justify;
margin-left:auto; margin-right:auto
}
/* 右寄せ用 */
.waku_R
{
border:0px; padding:2px; text-align:right;
margin-left:auto; margin-right:auto
}
/* 中央配置用 */
.waku_C
{
border:0px; padding:2px; text-align:center;
margin-left:auto; margin-right:auto
}
/* ブロック要素の中央配置用 */
.CenterBlock
{
margin-left:auto; margin-right:auto; text-align:justfy
}
/* 枠付白抜左寄 */
.waku_LWG
{
border:1px solid #888888; padding:10px; background-color:#ffffff;
text-align:justify
}
/* 左にセット */
.fl01
{
float:left; margin-right:10px;
}
/* 右にセット */
.fr01
{
float:right; margin-left:10px;
}
/* 回り込み解除 */
.clear
{
clear:both;
}
/* ▼テーブル table */
.twak_CL /*透明*/
{
border:0px; padding:0px;
font-size:16px; line-height:150%;
text-align:justify; text-justify:distribute;
}
.twak_WT /*白抜*/
{
border:0px; padding:2px;
font-size:16px; line-height:150%;
text-align:justify; text-justify:distribute;
background-color:#ffffff;
}
.tabl_fix /*枠幅固定*/
{
font-size:16px; line-height:150%; font-family:monospace;
text-align:justify; table-layout:fixed;
}
/* ▼ライン */
.line1-og /* 線幅1 オレンジ */
{
border-top:1px solid #ff8800;
margin-left:auto; margin-right:auto
}
.line2-og /* 線幅2 オレンジ */
{
border-top:2px solid #ff8800;
margin-left:auto; margin-right:auto
}
.line4-og /* 線幅4 オレンジ */
{
border-top:4px solid #ff8800;
margin-left:auto; margin-right:auto
}
.line1-gr /* 線幅1 緑色 */
{
border-top:1px solid #55cc44;
margin-left:auto; margin-right:auto
}
.line2-gr /* 線幅2 緑色 */
{
border-top:2px solid #55cc44;
margin-left:auto; margin-right:auto
}
.line4-gr /* 線幅4 緑色 */
{
border-top:4px solid #55cc44;
margin-left:auto; margin-right:auto
}
.line1-rd /* 線幅1 赤色 */
{
border-top:1px solid #ff0000;
margin-left:auto; margin-right:auto
}
/* ↓旧タイプ */
.line2 {padding:1px} /* 線幅2 */
.line4 {padding:2px} /* 線幅4 */
.line6 {padding:3px} /* 線幅6 */
.line8 {padding:4px} /* 線幅8 */
/* ▼スペース */
/* 文字間スペース 2ドット
文字間にを挿入*/
.sp2 {padding-left:2px}
/* 文字間スペース 4ドット */
.sp4 {padding-left:4px}
/* 文字間スペース 6ドット */
.sp6 {padding-left:6px}
/* 行間スペース 4ドット
行間にを挿入 */
.lsp4 {padding-top:4px}
/* 行間スペース 8ドット
行間にを挿入 */
.lsp8 {padding-top:8px}
/* ▼文字 */
/* 一般用 */
.just {font-size:16px; line-height:150%;
text-align:justify; text-justify:distribute;}
.just2 {font-size:16px; line-height:150%;
text-align:justify; text-justify:distribute-all-lines;}
.just3 {font-size:16px; line-height:150%;
text-align:justify; text-justify:distribute-all-lines;}
/* 英数字 一般用*/
.eng0
{
font-family:"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, sans-serif;
}
/* 英数字 細ゴシック
従来はArialだったがGulimに変更(2012-05-17)
英数字に続く日本字はスタイルが悪いので注意 */
.eng1
{
font-family:"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, sans-serif;
}
/* 英数字 活字体 */
.eng2 {font-family:Century, serif}
/* 英数字 変数用*/
.eng3 {font-family:Georgia}
/* ギリシャ文字*/
.eng4 {font-family:Symbol}
/* 日本字丸ゴシック（HG丸ゴシック） */
.maru {font-family:HG丸ｺﾞｼｯｸM-PRO;}
/* メニューのタイトル */
.menu3
{
color:#337722; font-size:25px; font-weight:bold;
}
/* カラー */
.col_rd {color:#ff0000} /* 赤 */
.col_bl {color:#0000ff} /* 青 */
.col_bk {color:#000000} /* 黒 */
.col_wh {color:#ffffff} /* 白 */
.col_gr {color:#009900} /* 緑 */
.col_og {color:#ff8800} /* オレンジ */
.col_pk {color:#ff6666} /* ピンク */
.col_pu {color:#9900ff} /* 紫 */
.col_sk {color:#00ccff} /* 空色 */
.col_or {color:#ff8800} /* オレンジ(lineと不統一) */
.col_lnk {color:#0033ff; text-decoration:underline} /* リンク色 */
.col_vst {color:#6600cc; text-decoration:underline} /* 訪問済色 */
.col_tip {color:#ff0000; text-decoration:underline} /* Tip用に下線付 */
.col_op {color:#009900} /* メニューの♪（過去用．緑字を使用すればよい） */
/* 背景色 */
.bcol_sky
{border:0px; background-color:#00ffff} /* 空色 */
.bcol_lsky
{border:0px; background-color:#ccffff} /* 明空色 */
.bcol_lpk
{border:0px; background-color:#ffeeee} /* 明ピンク */
.bcol_lgr
{border:0px; background-color:#a0ff60} /* 明緑 */
/* ▼制御 */
/* 改行禁止 */
.nbr {white-space:nowrap}
pre {white-space:pre-wrap; font-family:'PT Mono', 'Noto Sans JP', monospace;}
.prewrap {white-space:pre-wrap; font-family:'PT Mono', 'Noto Sans JP', monospace;}
[pre] {font-family:'PT Mono', 'Noto Sans JP', monospace; white-space:pre-wrap;}
[prep] {white-space:pre-wrap;}
/* 画像フォントとテキストの下端を揃える */
.imgtxt {vertical-align:text-bottom}
/* 強制改ページ*/
.expage {page-break-before:always}
/* 使用例： を入れる */
/* ▼その他 */
/* 戻るボタン用 */
.ret
{
border:2px solid #000000; padding:2px; background-color:777777;
color:#ffffff; font-size:14px
}
/* Tips表示用 */
div.tips
{
position:absolute; visibility:hidden;
border:1px solid #ff0000; padding:5px; background-color:#eef8ff;
layer-background-color:#ffffcc; text-align:justify;
}
div.tips1
{
position:absolute; visibility:hidden;
border:1px solid #ff0000; padding:0px; background-color:#eef8ff;
layer-background-color:#ffffcc; text-align:justify;
}
/* リンク関係 */
a {text-decoration:none; font-weight:bold;}
a:link
{
color:#04f;
}
a:visited
{
color:#69b;
}
a:hover
{
color:#080; background-color:#fcc; border-radius: 5px;
text-decoration:underline overline red solid;
}
/* ラインと文字色の指定が不統一 例：line4-gr col_gr */
/* 属性を用いた部分を追加 2019-10-24 */
/* 全角の"（"等を半角で表示する */
[han] {margin-left:-0.5em;}
[han03] {margin-left:-0.3em;} /* 2019-08-18 */
/* 強制的に日本字フォントを使用する */
[jp] {font-family:"Noto Sans JP";}
/* ▼文字色*/
[crd] {color:#f00;} /* 赤 */
[cbl] {color:#00f;} /* 青 */
[cbk] {color:#000;} /* 黒 */
[cwh] {color:#fff;} /* 白 */
[cgr] {color:#090;} /* 緑 */
[cbr] {color:#900;} /* 茶 */
[cog] {color:#f80;} /* オレンジ */
[cpk] {color:#f66;} /* ピンク */
[cpu] {color:#90f;} /* 紫 */
[csk] {color:#0cf;} /* 空色 */
[cgy] {color:#aaa;} /* 明灰色 */
[cdgy] {color:#555;} /* 暗灰色 */
/* ▼ライン 使用例：
*/
[log1] {border-top:solid #f80 1px; margin:0 auto;}
[log2] {border-top:solid #f80 2px; margin:0 auto;}
[log4] {border-top:solid #f80 4px; margin:0 auto;}
[log6] {border-top:solid #f80 6px; margin:0 auto;}
[lgr1] {border-top:solid #5c4 1px; margin:0 auto;}
[lgr2] {border-top:solid #5c4 2px; margin:0 auto;}
[lgr4] {border-top:solid #5c4 4px; margin:0 auto;}
[lrd1] {border-top:solid #f00 1px; margin:0 auto;}
[lrd2] {border-top:solid #f00 2px; margin:0 auto;}
[lgy1] {border-top:solid #888 1px; margin:0 auto;}
[lgy2] {border-top:solid #888 2px; margin:0 auto;}
/* 行間スペース 間隔：0.1〜0.5，1〜5 10〜50em 使用例：
2019-10-23 */
[lc001] {border-top:solid white 0.1px; opacity:0;} /* 特殊境界線 */
[lc01] {border-top:solid white 0.1em; opacity:0;}
[lc02] {border-top:solid white 0.2em; opacity:0;}
[lc03] {border-top:solid white 0.3em; opacity:0;}
[lc04] {border-top:solid white 0.4em; opacity:0;}
[lc05] {border-top:solid white 0.5em; opacity:0;}
[lc1] {border-top:solid white 1em; opacity:0;}
[lc2] {border-top:solid white 2em; opacity:0;}
[lc3] {border-top:solid white 3em; opacity:0;}
[lc4] {border-top:solid white 4em; opacity:0;}
[lc5] {border-top:solid white 5em; opacity:0;}
[lc10] {border-top:solid white 10em; opacity:0;}
[lc20] {border-top:solid white 20em; opacity:0;}
[lc30] {border-top:solid white 30em; opacity:0;}
[lc40] {border-top:solid white 40em; opacity:0;}
[lc50] {border-top:solid white 50em; opacity:0;}
/* 文字間スペース 0.1〜0.5 1〜5em 2019-10-02〜
使用例： 非公式には