@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
     line-height: 100%;
     margin: 0px;
     padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
     font-size: 100%;
     line-height: 100%;
}

address, caption, cite, code, dfn, em, strong, th, var {
     font-style: normal;
     font-weight: normal;
     line-height: 100%;
}

table {
    line-height: 100%;
}
.title {
    background-color: #cfc;
    border-bottom: 2px solid #090;
    border-left: 10px solid #090;
    height: 30px;
    margin: 0 0 10px;
    padding: 5px 0 0 10px;
    text-align: left;
}
.title h3 {
    font-size: 24px;
}


.category {
     text-align: left;
}

.category h3 {
     background: none repeat scroll 0px 0px #00b432;
     border-bottom: 5px solid #347133;
     border-radius: 2px;
     color: #ffffff;
     font-size: 22px;
     line-height: 2;
     margin: 0px 0px 15px;
     padding: 0px 0px 0px 20px;
     position: relative;
}

.category p {
     font-size: 16px;
     line-height: 30px;
     margin: 0px 15px 20px;
}

.category h4 {
     border-left: 6px solid;
     color: #347133;
     font-size: 19px;
     line-height: 1.5;
     margin: 0px 10px 20px;
     padding: 4px 0px 4px 10px;
}

.category ul li {
     line-height: 26px;
     margin: 0px;
}

.category ul {
     background: none repeat scroll 0px 0px #eefccf;
     border: 1px dashed #347133;
     color: #347133;
     font-weight: bold;
     margin: 0px 20px 20px;
     padding: 10px 35px;
}

.category .subtitle {
     font-size: 17px;
     font-weight: bold;
     margin: 0px 15px;
}

.category ul.yoten {
     background: none repeat scroll 0px 0px transparent;
     border: 4px double;
     box-shadow: 0px 2px 2px 0px;
     padding: 40px 40px 10px;
     position: relative;
}

.category ul.yoten:before {
     background: none repeat scroll 0px 0px #347133;
     color: #ffffff;
     content: "Point";
     left: 9px;
     padding: 4px 15px;
     position: absolute;
     top: 8px;
}

.category ul.otherpage {
     background: none repeat scroll 0px 0px transparent;
     border: medium none;
     margin: -15px 0px 5px;
}



p.leadlink a {
     background: none repeat scroll 0px 0px #08a11f;
     border-bottom: 4px solid #347133;
     border-radius: 2px;
     color: #ffffff;
     display: block;
     font-size: 23px;
     font-weight: bold;
     margin-left: auto;
     padding: 10px 15px;
     text-align: center;
     width: 40%;
}

p.leadlink a:hover {
     background: none repeat scroll 0px 0px #ffa401;
     border-bottom: 4px solid #ce2f02;
     color: #ffffff;
}

.topics {
     border: 1px dashed #000000;
     margin: 0px 0px 20px;
     padding: 10px;
}

.category .topics p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 10px 9px 10px;
}

.category .topics .subtitle:before {
    content: "【TOPICS】";
}

.catetop {
     text-align: left;
}

.catetop h3 {
     background: none repeat scroll 0px 0px #00b432;
     border-bottom: 5px solid #347133;
     border-radius: 2px;
     color: #ffffff;
     font-size: 22px;
     line-height: 2;
     margin: 0px 0px 15px;
     padding: 0px 0px 0px 20px;
     position: relative;
}

.catetop p {
     font-size: 16px;
     line-height: 30px;
     margin: 0px 15px 20px;
}

.catetop h4 {
     border: medium none;
     color: #347133;
     font-size: 20px;
     line-height: 1.2;
     margin: 5px 15px;
     padding: 0px;
}

.catetop h4 a {
     color: #347133;
}

.catetop ul li {
     line-height: 26px;
     list-style: inside none disc;
     margin: 0px;
}

.catetop ul {
     background: none repeat scroll 0px 0px #eefccf;
     border: 1px dashed #347133;
     color: #347133;
     font-weight: bold;
     margin: 0px 20px 20px;
     padding: 10px 15px;
}

.catetop .subtitle {
     font-size: 17px;
     font-weight: bold;
     margin: 0px 15px;
}

.catetop ul.yoten {
     background: none repeat scroll 0px 0px transparent;
     border: 4px double;
     box-shadow: 0px 2px 2px 0px;
     padding: 40px 25px 10px;
     position: relative;
}

.catetop ul.yoten:before {
     background: none repeat scroll 0px 0px #347133;
     color: #ffffff;
     content: "Point";
     left: 9px;
     padding: 4px 15px;
     position: absolute;
     top: 8px;
}

.gekiyasu p {
     font-size: 13px;
     line-height: 1.6;
     margin: 0px 10px 10px;
}

.gekiyasu {
     border-radius: 3px;
     border: 5px solid #08a11f;
     margin: 0px 0px 20px;
     padding: 5px;
}

.gekiyasu h3 {
     background: none repeat scroll 0px 0px #36cf4d;
     border: medium none;
     color: #ffffff;
     font-size: 28px;
     line-height: 1.2;
     margin: 5px 5px 15px;
     padding: 5px;
     text-align: center;
}


p.kslnk a {
     color: #000000;
     text-decoration: underline;
}

p.kslnk {
     font-size: 100%;
     font-weight: bold;
     margin-bottom: 10px;
}

.catetop .block {
     border-bottom: 1px solid #347133;
     margin: 0px auto 15px;
}

.catetop .block p {
     margin: 0px 0px 10px 15px;
     padding: 0px;
}

.othercate .block {
     margin:0 0 15px 0;
}

.othercate .block .l-side {
     float: left;
     width: 40%;
}

.othercate .block .r-side {
     float: right;
     width: 59%;
}

.othercate .block:after {
     clear: both;
     content: "";
     display: block;
}

.othercate .block h4 {
     border: medium none;
     font-size: 18px;
     margin: 0px 0px 0px 5px;
}

.othercate .block p {
     font-size: 13px;
     line-height: 22px;
}

.category ul li a {
     color: #347133;
     text-decoration: underline;
}

.category ul.otherpage li {
     font-weight: bold;
     line-height: 22px;
     list-style: outside none none;
     margin: 0px;
}