@charset "utf-8";

a {
text-decoration: none;
}

a:hover {
color: #e9e9e9;
}

body {
margin: 0;
background-color: #fff;
text-align: center;
}

.body {
width: 100%;
background-color: #fff;
border: 0 outset #fffff0;
border-spacing: 0;
}

.header {
width: 98%;
height: 55px;
background-color: #4682b4;
border: 3px outset #fffff0;
border-radius: 3px;
border-spacing: 0;
color: #fff;
font: 30px Times New Roman;
font-weight: 400;
font-style: normal;
}

.name {
margin: 0;
padding: 0;
width: 180px;
overflow: hidden;
}

.name-link {
width: 100%;
height: 100%;
color: #fff;
font: 25px Times New Roman;
font-weight: 400;
font-style: normal;
display: block;
}

.slogan {
margin: 0;
padding: 0;
width: 410px;
overflow: hidden;
}

.slogan-link {
width: 100%;
height: 100%;
color: #fff;
font: 21px Times New Roman;
font-weight: 400;
font-style: normal;
display: block;
}

.search {
background-color: #fffff0;
color: #707070;
font: 15px Verdana;
}

.rss {
width: 16px;
height: 16px;
border: 2px outset #fffff0;
border-radius: 2px;
}

.sns {
width: 30px;
height: 30px;
border: 0 outset #fffff0;
border-radius: 0
}

.sns-link {
width: 45px;
height: 45px;
border: 0 outset #fffff0;
border-radius: 0
}

.table {
width: 98%;
background-color: #f9f9f9;
border: 0 outset #fffff0;
border-spacing: 0 50px;
}

.td {
width: 100%;
background-color: #fff;
border: 0 outset #fffff0;
vertical-align: top;
}

.td-1 {
width: 80%;
background-color: #fff;
border: 0 outset #fffff0;
vertical-align: top;
}

.td-2 {
width: 20%;
background-color: #fff;
border: 0 outset #fffff0;
vertical-align: top;
}

.td-3 {
width: 33%;
background-color: #fff;
border: 0 outset #fffff0;
vertical-align: top;
}

.td-footer {
padding: 11px;
width: 33%;
}

.topic {
margin: 20px 10px 20px 10px;
padding: 5px;
width: 180px;
background-color: #ff6347;
border: 3px outset #fffff0;
border-radius: 20px 0;
overflow: hidden;
}

.topic-link {
width: 100%;
height: 100%;
color: #fffff0;
font: 22px Book Antiqua;
font-weight: 600;
font-style: italic;
text-indent: 0;
display: block;
}

.box {
margin: 20px 10px 20px 10px;
padding: 25px;
width: 140px;
background-color: #4682b4;
border: 3px outset #fffff0;
border-radius: 10px;
overflow: hidden;
}

.box-link {
width: 100%;
height: 100%;
color: #fff;
font: 22px Times;
font-weight: 600;
font-style: normal;
text-indent: 0;
display: block;
}

.ads {
margin: 20px 10px 20px 10px;
padding: 15px;
width: 160px;
background-color: #01aa70;
border: 3px outset #fffff0;
border-radius: 0 20px;
overflow: hidden;
}

.ads-link {
width: 100%;
height: 100%;
color: #fffff0;
font: 17px Arial;
font-weight: 500;
font-style: normal;
text-indent: 0;
display: block;
}

.h1 {
color: #fffff0;
font: 24px Times New Roman;
font-weight: 400;
font-style: normal;
}

.h2 {
color: #fffff0;
font: 20px Times New Roman;
font-weight: 400;
font-style: normal;
}

.h3 {
color: #fffff0;
font: 16px Verdana;
font-weight: 400;
font-style: normal;
}

.text {
margin: 20px 10px 20px 10px;
padding: 24px;
width: 90%;
background-color: #4682b4;
border: 3px outset #fffff0;
border-radius: 20px;
color: #fffff0;
font: 16px Lucida Sans Unicode;
font-weight: 200;
font-style: normal;
text-indent: 20px;
overflow: hidden;
}

.footer {
width: 98%;
height: 120px;
background-color: #909090;
border: 3px outset #fffff0;
border-radius: 3px;
border-spacing: 0;
color: #fffff0;
font: 14px Verdana;
font-weight: 100;
font-style: normal;
}

.footer-link {
color: #fffff0;
font: 12px Verdana;
font-weight: 100;
font-style: normal;
}

.copyright {
width: 380px;
color: #fffff0;
font: 12px Verdana;
font-weight: 100;
font-style: normal;
}

.none {
margin: 0;
padding: 0;
width: 0;
height: 0;
overflow: hidden;
}