Line 1: | Line 1: | ||
+ | @charset "UTF-8"; | ||
− | + | /* ========BASIC======== */ | |
+ | html { | ||
+ | overflow-y:scroll; | ||
+ | } | ||
− | + | body { | |
− | + | margin:20px 0; | |
+ | padding:0; | ||
+ | line-height:1.6; | ||
+ | letter-spacing:1px; | ||
+ | font-family:Verdana, Helvetica, sans-serif; | ||
+ | font-size:13px; | ||
+ | color:#333; | ||
+ | background:#8a695f; | ||
+ | } | ||
− | + | br { | |
+ | letter-spacing:normal; | ||
+ | } | ||
− | + | a { | |
+ | color:#333; | ||
+ | text-decoration:none; | ||
+ | } | ||
− | + | a:hover { | |
− | + | color:#31001D; | |
− | + | text-decoration:none; | |
− | + | } | |
− | + | img { | |
− | + | border:0; | |
+ | } | ||
− | + | h1,h2,h3,h4,h5,h6 { | |
− | + | margin:0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | === | + | /* ========TEMPLATE LAYOUT======== */ |
− | + | #top { | |
− | + | width:740px; | |
− | + | margin:0 auto; | |
− | + | padding:10px; | |
− | + | background-color:#E7DFCE; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | === | + | #header { |
− | { | + | width:740px; |
− | + | } | |
− | + | ||
− | + | #menu { | |
− | + | width:740px; | |
− | + | } | |
− | + | ||
− | + | #contents { | |
− | + | clear:both; | |
− | + | width:740px; | |
− | + | background: #51000c url(../images/bg_contents.gif) -440px 0 repeat-y; | |
− | + | } | |
− | + | ||
− | + | #headImage { | |
− | + | width:740px; | |
− | + | } | |
− | + | ||
− | + | #main { | |
− | + | float:left; | |
+ | width:540px; | ||
+ | padding:0 10px; | ||
+ | } | ||
+ | |||
+ | #sub { | ||
+ | float:right; | ||
+ | width:180px; | ||
+ | } | ||
+ | |||
+ | #footer { | ||
+ | clear:both; | ||
+ | width:740px; | ||
+ | } | ||
+ | |||
+ | /* 回り込み解除 */ | ||
+ | #contents:after { | ||
+ | content:""; | ||
+ | display:block; | ||
+ | height:0; | ||
+ | clear:both; | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ========HEADER CUSTOMIZE======== */ | ||
+ | #header h1 { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | font-size:32px; | ||
+ | color:#fff; | ||
+ | line-height:80px; | ||
+ | } | ||
+ | |||
+ | #header h1 a { | ||
+ | color:#624643; | ||
+ | } | ||
+ | |||
+ | #header h1 a:hover { | ||
+ | color:#AE847F; | ||
+ | } | ||
+ | |||
+ | #headImage { | ||
+ | width:740px; | ||
+ | height:200px; | ||
+ | overflow:hidden; | ||
+ | position:relative; | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | #headImage ul { | ||
+ | list-style:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | #headImage li { | ||
+ | position:absolute; | ||
+ | background:#fff; | ||
+ | } | ||
+ | |||
+ | /* ========MENU CUSTOMIZE======== */ | ||
+ | #menu ul { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | #menu li { | ||
+ | float:left; | ||
+ | color:#333; | ||
+ | text-align:center; | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | |||
+ | #menu li a { | ||
+ | display:block; | ||
+ | width:148px; | ||
+ | padding:10px 0; | ||
+ | color:#fff; | ||
+ | background-color:#200700; | ||
+ | } | ||
+ | |||
+ | #menu li a.active { | ||
+ | display:block; | ||
+ | width:148px; | ||
+ | padding:10px 0; | ||
+ | color:#fff; | ||
+ | background-color:#3f1508; | ||
+ | } | ||
+ | |||
+ | #menu li a:hover { | ||
+ | color:#ddd; | ||
+ | background-color:#3f1508; | ||
+ | } | ||
+ | |||
+ | /* 回り込み解除 */ | ||
+ | #menu ul:after { | ||
+ | content:""; | ||
+ | display:block; | ||
+ | height:0; | ||
+ | clear:both; | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ========HEADLINE CONTENTS CUSTOMIZE======== */ | ||
+ | #contents h1 { | ||
+ | margin-bottom:8px; | ||
+ | padding:5px; | ||
+ | color:#fff; | ||
+ | font-family:Georgia; | ||
+ | font-size:20px; | ||
+ | font-weight:bold; | ||
+ | background:#8C514A; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ========MAIN CONTENTS CUSTOMIZE======== */ | ||
+ | #main a { | ||
+ | color:#D70053; | ||
+ | } | ||
+ | |||
+ | #main a:hover { | ||
+ | color:#D2447B; | ||
+ | border:0; | ||
+ | border-bottom:1px solid #D2447B; | ||
+ | } | ||
+ | |||
+ | #main h2 { | ||
+ | margin-bottom:8px; | ||
+ | padding:2px 2px 2px 0; | ||
+ | color:#31001D; | ||
+ | font-size:15px; | ||
+ | font-weight:bold; | ||
+ | border-bottom:3px double #31001D; | ||
+ | } | ||
+ | |||
+ | #main h3 { | ||
+ | margin-bottom:3px; | ||
+ | padding:2px 4px; | ||
+ | font-size:13px; | ||
+ | color:#fff; | ||
+ | background:#551b14; | ||
+ | } | ||
+ | |||
+ | #main h4 { | ||
+ | margin-bottom:2px; | ||
+ | font-size:13px; | ||
+ | color:#551b14; | ||
+ | border-bottom:2px solid #551b14; | ||
+ | } | ||
+ | |||
+ | #main h5 { | ||
+ | margin-top:5px; | ||
+ | margin-bottom:2px; | ||
+ | padding-left:5px; | ||
+ | font-size:13px; | ||
+ | color:#551b14; | ||
+ | border-left:8px solid #551b14; | ||
+ | } | ||
+ | |||
+ | #main h6 { | ||
+ | font-size:13px; | ||
+ | color:#551b14; | ||
+ | } | ||
+ | |||
+ | #main p { | ||
+ | margin:0 0 1em 0; | ||
+ | } | ||
+ | |||
+ | #main dt { | ||
+ | margin-bottom:3px; | ||
+ | } | ||
+ | |||
+ | #main dd { | ||
+ | padding:0; | ||
+ | margin:0 0 0.5em 1em; | ||
+ | padding:3px; | ||
+ | background:#f1f1f1; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ========sub CONTENTS CUSTOMIZE======== */ | ||
+ | #sub h2 { | ||
+ | padding:3px; | ||
+ | font-size:14px; | ||
+ | font-weight:bold; | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | #sub ul { | ||
+ | margin:0; | ||
+ | padding:5px 0 1em 5px; | ||
+ | } | ||
+ | |||
+ | #sub li { | ||
+ | margin:0; | ||
+ | padding-left:18px; | ||
+ | color:#fff; | ||
+ | line-height:1.8; | ||
+ | background:url(../images/bg_sub_li.gif) 0 4px no-repeat; | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | #sub li a { | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | #sub li a:hover { | ||
+ | color:#ddd; | ||
+ | border-bottom:1px solid #ddd; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ========PAGETOP CUSTOMIZE========= */ | ||
+ | #pageTop { | ||
+ | margin:10px 0; | ||
+ | text-align:right; | ||
+ | font-size:11px; | ||
+ | } | ||
+ | |||
+ | #pageTop a { | ||
+ | padding:0 0 0 12px; | ||
+ | background:url(../images/bg_pagetop.gif) 0 50% no-repeat; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ========FOOTER CUSTOMIZE======== */ | ||
+ | .copyright { | ||
+ | padding:10px 0; | ||
+ | font-style:normal; | ||
+ | font-size:11px; | ||
+ | color:#333; | ||
+ | text-align:center; | ||
+ | } |
Revision as of 08:52, 3 October 2017
@charset "UTF-8";
/* ========BASIC======== */
html {
overflow-y:scroll;
}
body {
margin:20px 0; padding:0; line-height:1.6; letter-spacing:1px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; color:#333; background:#8a695f;
}
br {
letter-spacing:normal;
}
a {
color:#333; text-decoration:none;
}
a:hover {
color:#31001D; text-decoration:none;
}
img {
border:0;
}
h1,h2,h3,h4,h5,h6 {
margin:0;
}
/* ========TEMPLATE LAYOUT======== */
- top {
width:740px; margin:0 auto; padding:10px; background-color:#E7DFCE;
}
- header {
width:740px;
}
- menu {
width:740px;
}
- contents {
clear:both; width:740px; background: #51000c url(../images/bg_contents.gif) -440px 0 repeat-y;
}
- headImage {
width:740px;
}
- main {
float:left; width:540px; padding:0 10px;
}
- sub {
float:right; width:180px;
}
- footer {
clear:both; width:740px;
}
/* 回り込み解除 */
- contents:after {
content:""; display:block; height:0; clear:both; visibility:hidden;
}
/* ========HEADER CUSTOMIZE======== */
- header h1 {
margin:0; padding:0; font-size:32px; color:#fff; line-height:80px;
}
- header h1 a {
color:#624643;
}
- header h1 a:hover {
color:#AE847F;
}
- headImage {
width:740px; height:200px; overflow:hidden; position:relative; list-style:none;
}
- headImage ul {
list-style:none; margin:0; padding:0;
}
- headImage li {
position:absolute; background:#fff;
}
/* ========MENU CUSTOMIZE======== */
- menu ul {
margin:0; padding:0;
}
- menu li {
float:left; color:#333; text-align:center; list-style-type:none;
}
- menu li a {
display:block; width:148px; padding:10px 0; color:#fff; background-color:#200700;
}
- menu li a.active {
display:block; width:148px; padding:10px 0; color:#fff; background-color:#3f1508;
}
- menu li a:hover {
color:#ddd; background-color:#3f1508;
}
/* 回り込み解除 */
- menu ul:after {
content:""; display:block; height:0; clear:both; visibility:hidden;
}
/* ========HEADLINE CONTENTS CUSTOMIZE======== */
- contents h1 {
margin-bottom:8px; padding:5px; color:#fff; font-family:Georgia; font-size:20px; font-weight:bold; background:#8C514A;
}
/* ========MAIN CONTENTS CUSTOMIZE======== */
- main a {
color:#D70053;
}
- main a:hover {
color:#D2447B; border:0; border-bottom:1px solid #D2447B;
}
- main h2 {
margin-bottom:8px; padding:2px 2px 2px 0; color:#31001D; font-size:15px; font-weight:bold; border-bottom:3px double #31001D;
}
- main h3 {
margin-bottom:3px; padding:2px 4px; font-size:13px; color:#fff; background:#551b14;
}
- main h4 {
margin-bottom:2px; font-size:13px; color:#551b14; border-bottom:2px solid #551b14;
}
- main h5 {
margin-top:5px; margin-bottom:2px; padding-left:5px; font-size:13px; color:#551b14; border-left:8px solid #551b14;
}
- main h6 {
font-size:13px; color:#551b14;
}
- main p {
margin:0 0 1em 0;
}
- main dt {
margin-bottom:3px;
}
- main dd {
padding:0; margin:0 0 0.5em 1em; padding:3px; background:#f1f1f1;
}
/* ========sub CONTENTS CUSTOMIZE======== */
- sub h2 {
padding:3px; font-size:14px; font-weight:bold; color:#fff;
}
- sub ul {
margin:0; padding:5px 0 1em 5px;
}
- sub li {
margin:0; padding-left:18px; color:#fff; line-height:1.8; background:url(../images/bg_sub_li.gif) 0 4px no-repeat; list-style:none;
}
- sub li a {
color:#fff;
}
- sub li a:hover {
color:#ddd; border-bottom:1px solid #ddd;
}
/* ========PAGETOP CUSTOMIZE========= */
- pageTop {
margin:10px 0; text-align:right; font-size:11px;
}
- pageTop a {
padding:0 0 0 12px; background:url(../images/bg_pagetop.gif) 0 50% no-repeat;
}
/* ========FOOTER CUSTOMIZE======== */
.copyright {
padding:10px 0; font-style:normal; font-size:11px; color:#333; text-align:center;
}