@charset "utf-8";
* { box-sizing: border-box; }
html { background: #080404; }
body { margin: 0; color: #eee; background: #080404 url('/assets/all_bg.gif') repeat-x; font: 12px/1.7 Arial, 'MS PGothic', sans-serif; }
a { color: #c9a03f; text-decoration: none; }
a:hover { color: white; text-decoration: underline; }
.site { width: 860px; margin: auto; background: #1b100b url('/assets/center_bg.gif') repeat-y left top; box-shadow: -8px 0 0 #1a1010, 8px 0 0 #1a1010; }
.crumb { display: flex; justify-content: space-between; gap: 10px; min-height: 22px; padding: 2px 10px; color: #bbb; background: #050505; font-size: 10px; }
header { height: 110px; background: #291200; }
header img { display: block; width: 860px; height: 110px; }
.columns { display: grid; grid-template-columns: 160px 560px 140px; min-height: 540px; }
.left { padding: 12px 5px; background: url('/assets/menu_bg.gif') repeat-y left top; }
.left a { display: block; height: 41px; }
.left img { display: block; width: 150px; height: 35px; }
main { padding: 12px 10px 40px; background: #291200; }
.right { padding: 16px 10px; }
.right-inner { border-top: 1px solid #8b652f; border-bottom: 1px solid #8b652f; padding: 12px 5px; text-align: center; }
.home-intro { min-height: 260px; padding: 40px 24px 25px; text-align: center; }
.home-intro h1 { color: #e4c06a; font: normal 25px 'MS Mincho', 'Yu Mincho', serif; margin: 0 0 28px; }
.home-intro p { margin: 0 0 14px; }
.home-guide { margin-top: 24px; }
.home-guide img { display: block; width: 540px; height: 28px; }
.image-heading { margin: 0 0 18px; line-height: 0; }
.image-heading img { display: block; width: 540px; height: 28px; }
.guide-step { margin: 0 0 17px; border-bottom: 1px solid #62401f; }
.guide-step h2 { display: flex; align-items: center; min-height: 30px; gap: 6px; margin: 0; padding: 2px 4px; background: #120800; color: #fff; font-size: 12px; font-weight: normal; }
.guide-step h2 img { flex: 0 0 83px; width: 83px; height: 26px; }
.guide-step p { margin: 10px 12px; }
footer { padding: 20px 10px; text-align: center; background: #050505; border-top: 1px solid #5a3d1c; }
@media (max-width: 860px) { .site { margin-left: 0; margin-right: 0; } }
