/* 元の fc2.xyz(試作版)のデザインに合わせる。ベージュの地、幅760pxの白い枠、紺のヘッダー、罫線つきの表 */
body { background:#f4f1e6; color:#222; font-family:"MS Pゴシック","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; font-size:14px; line-height:1.6; margin:0; }
#wrap { width:760px; max-width:100%; margin:0 auto; background:#fff; border-left:1px solid #999; border-right:1px solid #999; min-height:100vh; }
header { background:#003366; color:#fff; padding:10px 16px; }
header h1 { font-family:"MS P明朝","Hiragino Mincho ProN","Yu Mincho",serif; font-size:22px; margin:0; letter-spacing:2px; border:0; color:#fff; padding:0; }
header small { color:#cdd; }
nav { background:#dde4ee; border-bottom:1px solid #999; padding:4px 16px; font-size:13px; }
nav a { margin-right:12px; white-space:nowrap; }
main { padding:16px; }
h1, h2 { font-family:"MS P明朝","Hiragino Mincho ProN","Yu Mincho",serif; border-bottom:2px solid #003366; color:#003366; font-size:18px; margin:18px 0 10px; line-height:1.4; }
h1 { font-size:20px; margin-top:4px; }
h3 { font-size:15px; color:#003366; }
a { color:#0033cc; } a:visited { color:#660099; }
table.t, table.info, main table { border-collapse:collapse; width:100%; margin:8px 0; }
table.t th, table.t td, table.info th, table.info td, main table th, main table td { border:1px solid #999; padding:4px 8px; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
table.t th, table.info th, main table th { background:#e8ecf3; font-weight:normal; }
table.info th { width:28%; }
.notice { border:2px solid #cc0000; background:#fff0f0; color:#990000; padding:8px 12px; margin:12px 0; }
.counter { font-family:"Courier New",monospace; background:#000; color:#0f0; padding:2px 8px; letter-spacing:3px; border:2px inset #888; }
.meta { color:#555; font-size:12px; }
.crumb { font-size:12px; color:#555; margin:0 0 8px; }
.list { margin:8px 0; padding-left:20px; }
.list li { padding:2px 0; }
.draft { color:#996600; font-size:11px; border:1px solid #996600; padding:0 4px; margin-left:6px; }
.tag { margin:0 6px 0 0; text-decoration:none; }
.tag::before { content:"["; } .tag::after { content:"]"; }
.comment { border:1px solid #ccc; padding:6px 10px; margin:8px 0; background:#fafafa; }
form.fake label { display:block; margin:10px 0 2px; }
form.fake input, form.fake textarea { width:100%; max-width:480px; box-sizing:border-box; font:inherit; padding:4px; border:1px solid #999; }
form.fake button { margin-top:12px; padding:3px 16px; font:inherit; }
.fail { display:none; margin-top:12px; padding:8px 12px; border:2px solid #cc0000; background:#fff0f0; color:#990000; }
.backstage { border:1px dashed #7a2e9e; padding:8px 14px; margin-top:20px; }
.memo { font-size:13px; } .memo h1, .memo h2 { font-size:15px; margin:10px 0 4px; }
.preview-banner { background:#7a2e9e; color:#fff; padding:4px 16px; font-size:12px; }
.preview-banner a { color:#fff; }
footer { border-top:1px solid #999; background:#eee; text-align:center; font-size:11px; color:#555; padding:8px; font-family:"Courier New",monospace; }
footer a { margin:0 8px; }
.foot-links { margin-bottom:4px; font-family:"MS Pゴシック","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; }
td.nw { white-space:nowrap; }
span.nw { white-space:nowrap; }