@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;
}