@charset "utf-8";

html {
margin: 0;
padding: 0;
}

body {
line-height: 100%;
text-align: center;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
font-size: 13px;
color: #333333;
background: #CFE6A1 url(../img/bg.gif) repeat-x;
margin: 0;
padding: 0;
}

a, a:link, a:visited {
text-decoration: underline;
color: #0026E5;
}
a:hover, a:active {
text-decoration: none;
color: #FFAA00;
}
a img { border: 0; }

h1, h2, h3, h4, h5, h6, p {
font-weight: normal;
margin: 0;
padding: 0;
}

strong { font-weight: bold; }
em { font-style: oblique; }

.bold { font-weight: bold; }
.underline { text-decoration: underline; }

.red { color: #DD0000; }
.blue { color: #003399; }
.black { color: #000000; }
.gray { color: #999999; }

.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size18 { font-size: 18px; }
.size24 { font-size: 24px; }
.size30 { font-size: 30px; }

.bgyellow {
background: #FFFF00;
}
.bgblack {
color: #FFFFFF;
background: #000000;
}
.bgblue {
color: #FFFFFF;
background: #0099CC;
}
.bgred {
color: #FFFFFF;
background: #CC0000;
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.imgl {
float: left;
padding: 0;
margin: 0 15px 15px 0;
}
.imgr {
float: right;
padding: 0;
margin: 0 0 15px 15px;
}

.clear { clear: both; }

#contain {
overflow: hidden;
text-align: left;
background: #FFFFFF url(../img/contain.gif) repeat-y;
width: 854px;
margin: 0 auto;
padding: 0;
}
#contain:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #contain {
height: 1%;
overflow: visible;
}
#contain { display: block; }
/**/
#contain2 {
overflow: hidden;
text-align: left;
background: #FFFFFF url(../img/contain2.gif) repeat-y;
width: 700px;
margin: 0 auto;
padding: 0;
}
#contain2:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #contain2 {
height: 1%;
overflow: visible;
}
#contain2 { display: block; }
/**/

#head {
position: relative;
background: url(../img/head.gif) no-repeat left top;
width: 854px;
height: 70px;
padding: 0;
margin: 0;
}
#head h1 {
line-height: 10px;
text-indent: -10000px;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
background: #88CC00;
height: 10px;
padding: 0;
margin: 0 2px;
}
#head p {
text-indent: -10000px;
padding: 0;
margin: 0;
height: 5px;
}
#head .sitelogo a {
text-indent: -10000px;
display: block;
text-decoration: none;
position: absolute;
top: 17px;
left: 10px;
width: 177px;
height: 42px;
padding: 0;
margin: 0;
}
#head .sitelogo a:hover, #head .sitelogo a:active { background: transparent; }
#head .sitelogo a:focus { outline: none; }
#head2 {
position: relative;
background: url(../img/head2.gif) no-repeat left top;
width: 700px;
height: 70px;
padding: 0;
margin: 0;
}
#head2 h1 {
line-height: 10px;
text-indent: -10000px;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
background: #88CC00;
height: 10px;
padding: 0;
margin: 0 2px;
}
#head2 p {
text-indent: -10000px;
padding: 0;
margin: 0;
height: 5px;
}
#head2 .sitelogo a {
text-indent: -10000px;
display: block;
text-decoration: none;
position: absolute;
top: 17px;
left: 10px;
width: 177px;
height: 42px;
padding: 0;
margin: 0;
}
#head2 .sitelogo a:hover, #head2 .sitelogo a:active { background: transparent; }
#head2 .sitelogo a:focus { outline: none; }

#breadlist {
background: #FFFFFF url(../img/breadlist.gif) no-repeat left top;
width: 854px;
height: 25px;
padding: 0;
margin: 0;
}
#breadlist p {
line-height: 25px;
/*text-align: right;*/
font-size: 10px;
color: #666666;
padding: 0;
margin: 0 15px;
}
#breadlist p a, #breadlist p a:link, #breadlist p a:visited {
text-decoration: none;
color: #666666;
}
#breadlist p a:hover, #breadlist p a:active {
text-decoration: underline;
color: #666666;
}
#breadlist2 {
background: #FFFFFF url(../img/breadlist2.gif) no-repeat left top;
width: 700px;
height: 25px;
padding: 0;
margin: 0;
}
#breadlist2 p {
line-height: 25px;
/*text-align: right;*/
font-size: 10px;
color: #666666;
padding: 0;
margin: 0 15px;
}
#breadlist2 p a, #breadlist2 p a:link, #breadlist2 p a:visited {
text-decoration: none;
color: #666666;
}
#breadlist2 p a:hover, #breadlist2 p a:active {
text-decoration: underline;
color: #666666;
}

#maincontent {
float: right;
width: 599px;
}
#siteface {
background: url(../img/note.gif);
padding: 0;
margin: 7px 7px 0 6px;
}
#siteface h2 {
text-indent: -10000px;
background: url(../img/siteface.jpg) no-repeat left top;
width: 586px;
height: 210px;
padding: 0;
margin: 0;
}
#siteface p {
line-height: 30px;
margin: 30px 15px;
padding: 0;
}
#recommend {
padding: 0;
margin: 0 17px 0 16px;
}
#recommend h3 {
line-height: 50px;
text-align: center;
font-family: "HGP明朝E","HGP創英角ｺﾞｼｯｸUB","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6";
font-weight: normal;
font-size: 30px;
color: #333333;
background: #FFFFFF url(../img/h3recommend.gif) no-repeat left top;
width: 566px;
height: 50px;
padding: 0;
margin: 0 0 15px 0;
}
.ranking1 {
line-height: 60px;
font-family: "HGP明朝E","HGP創英角ｺﾞｼｯｸUB","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6";
font-weight: normal;
font-size: 24px;
color: #333333;
background: url(../img/ranking1.gif) no-repeat left center;
height: 60px;
padding: 0 0 0 70px;
margin: 0 15px;
}
.ranking2 {
line-height: 60px;
font-family: "HGP明朝E","HGP創英角ｺﾞｼｯｸUB","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6";
font-weight: normal;
font-size: 24px;
color: #333333;
background: url(../img/ranking2.gif) no-repeat left center;
height: 60px;
padding: 0 0 0 70px;
margin: 0 15px;
}
.ranking3 {
line-height: 60px;
font-family: "HGP明朝E","HGP創英角ｺﾞｼｯｸUB","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6";
font-weight: normal;
font-size: 24px;
color: #333333;
background: url(../img/ranking3.gif) no-repeat left center;
height: 60px;
padding: 0 0 0 70px;
margin: 0 15px;
}
.rankingcontent {
overflow: hidden;
border: 1px dotted #FFD580;
background: #FFFFE5;
padding: 30px 15px;
margin: 0 15px 15px 15px;
}
.rankingcontent:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html .rankingcontent {
height: 1%;
overflow: visible;
}
.rankingcontent { display: block; }
/**/
.rankingcontent p {
line-height: 24px;
margin: 0 0 15px 0;
padding: 0;
}
.rankingcontent ul {
list-style: none;
margin: 0 15px 15px 15px;
padding: 0;
}
.rankingcontent ul li {
line-height: 30px;
font-weight: bold;
color: #CC0000;
background: url(../img/rankinglist.gif) no-repeat left center;
margin: 0;
padding: 0 0 0 21px;
}
.rankinglink {
text-indent: -10000px;
text-align: center;
width: 500px;
margin: 0 auto;
}
.rankinglink a, .rankinglink a:link, .rankinglink a:visited {
display: block;
text-decoration: none;
background: url(../img/rankinglink.jpg) no-repeat left top;
width: 500px;
height: 60px;
}
.rankinglink a:hover, .rankinglink a:active { background-position: left bottom; }
.rankinglink a:focus { outline: none; }

#entry {
padding: 0;
margin: 15px 17px 0 16px;
}
#entry h2 {
line-height: 30px;
font-size: 14px;
font-weight: bold;
color: #669900;
background: url(../img/h2.gif) repeat-x;
height: 30px;
padding: 0;
margin: 0 0 10px 0;
}
#entry h3 {
line-height: 27px;
font-size: 14px;
font-weight: bold;
color: #669900;
background: url(../img/h3.gif) no-repeat left top;
height: 30px;
padding: 0 0 0 15px;
margin: 0 0 10px 0;
}
#entry p {
line-height: 20px;
margin: 0 10px 15px 10px;
padding: 0;
}
.navigation {
text-align: center;
font-size: 12px;
color: #666666;
padding: 0 0 20px 0;
}
.navigation p {
line-height: 150%;
padding: 0;
margin: 0 0 5px 0;
}
.navigation p a, .navigation p a:link, .navigation p a:visited {
text-decoration: none;
color: #666666;
}
.navigation p a:hover, .navigation p a:active {
text-decoration: underline;
color: #666666;
}

#other {
padding: 0;
margin: 15px 17px 0 16px;
}
#other h2 {
line-height: 30px;
font-size: 14px;
font-weight: bold;
color: #669900;
background: url(../img/h2.gif) repeat-x;
height: 30px;
padding: 0;
margin: 0 0 10px 0;
}
#other h3 {
line-height: 27px;
font-size: 14px;
font-weight: bold;
color: #669900;
background: url(../img/h3.gif) no-repeat left top;
height: 30px;
padding: 0 0 0 15px;
margin: 0 0 10px 0;
}
#other p {
line-height: 20px;
margin: 0 10px 15px 10px;
padding: 0;
}
#other ul {
list-style: none;
padding: 0;
margin: 0 0 30px 15px;
}
#other ul li {
background: url(../img/otherli.gif) no-repeat left center;
padding: 0 0 0 11px;
margin: 0 0 10px 0;
}
#other ul ul {
list-style: none;
padding: 0;
margin: 0 0 15px 15px;
}
#other ul ul li {
background: url(../img/otherli2.gif) no-repeat left center;
padding: 0 0 0 11px;
margin: 0 0 10px 0;
}
#other dl {
list-style: none;
padding: 0;
margin: 0 0 30px 15px;
}
#other dl dt {
font-weight: bold;
background: url(../img/otherli.gif) no-repeat left center;
padding: 0 0 0 11px;
margin: 0 0 5px 0;
}
#other dl dd {
line-height: 150%;
padding: 0;
margin: 0 0 15px 11px;
}
#other ul.float {
overflow: hidden;
list-style: none;
padding: 0;
margin: 0 0 30px 15px;
}
#other ul.float:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #other ul.float {
height: 1%;
overflow: visible;
}
#other ul.float { display: block; }
/**/
#other ul.float li {
float: left;
white-space: nowrap;
background: url(../img/otherli2.gif) no-repeat left center;
width: auto;
padding: 0 0 0 11px;
margin: 0 30px 30px 0;
}
#other table {
background: #666666;
width: 546px;
margin: 15px 10px;
}
#other table th {
line-height: 150%;
font-weight: bold;
background: #F2F2F2;
padding: 10px;
}
#other table td {
line-height: 150%;
font-size: 12px;
color: #444444;
background: #FFFFFF;
padding: 10px;
}
.nw { white-space: nowrap; }

#formbox {
padding: 0;
margin: 15px;
}
#formbox h2 {
line-height: 30px;
font-size: 14px;
font-weight: bold;
color: #669900;
background: url(../img/h2.gif) repeat-x;
height: 30px;
padding: 0;
margin: 0 0 10px 0;
}
#formbox p {
line-height: 20px;
margin: 0 10px 15px 10px;
padding: 0;
}
#formbox table {
background: #666666;
width: 650px;
margin: 15px 10px;
}
#formbox table th {
line-height: 150%;
font-weight: bold;
background: #F2F2F2;
padding: 10px;
}
#formbox table td {
line-height: 150%;
font-size: 12px;
color: #444444;
background: #FFFFFF;
padding: 10px;
}

.quote {
line-height: 30px;
color: #000000;
background: #F2F2F2;
margin: 0 10px 15px 10px;
padding: 0 15px;
}

.pagetop {
overflow: hidden;
line-height: 100%;
font-size: 11px;
padding: 20px 0;
margin: 0;
}
.pagetop:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html .pagetop {
height: 1%;
overflow: visible;
}
.pagetop { display: block; }
/**/
.pagetop a {
float: right;
background: url(../img/pagetop.gif) no-repeat left center;
padding: 0 0 0 14px;
margin: 0;
}
.pagetop a:link, .pagetop a:visited {
text-decoration: underline;
color: #666666;
}
.pagetop a:hover, .pagetop a:active {
text-decoration: none;
color: #666666;
padding: 0 0 0 14px;
margin: 0;
}

#sidecontent {
float: left;
width: 252px;
padding: 0 0 15px 0;
}
.sidetopic {
padding: 7px 0 8px 0;
margin: 0 5px 0 7px;
}
.sidetopic .bannerimg {
text-align: center;
padding: 0;
margin: 0 0 5px 0;
}
.sidetopic p {
line-height: 100%;
font-size: 11px;
padding: 0;
margin: 0 3px 5px 3px;
}
#sidecontent dl {
list-style: none;
background: url(../img/sidecontentli.gif) no-repeat left top;
padding: 2px 0 8px 0;
margin: 7px 5px 0 7px;
}
#sidecontent dl dt {
display: block;
line-height: 40px;
font-weight: bold;
font-size: 12px;
background: url(../img/sidecontentli.gif) no-repeat left bottom;
width: 240px;
padding: 0;
margin: 0;
}
#sidecontent dl dt a, #sidecontent dl dt a:link, #sidecontent dl dt a:visited {
display: block;
line-height: 150%;
text-decoration: none;
font-size: 12px;
color: #666666;
border-bottom: 1px solid #FFFFFF;
width: auto;
_width: 100%;
padding: 11px 0 11px 5px;
margin: 0;
}
#sidecontent dl dt a:hover, #sidecontent dl dt a:active {
color: #666666;
background: #EBEBEB;
border-bottom: 1px solid #D9D9D9;
}
#sidecontent dl dd {
display: block;
line-height: 30px;
font-size: 12px;
background: url(../img/sidecontentli.gif) no-repeat left bottom;
width: 240px;
padding: 0;
margin: 0;
}
#sidecontent dl dd a, #sidecontent dl dd a:link, #sidecontent dl dd a:visited {
display: block;
line-height: 150%;
text-decoration: none;
font-size: 12px;
color: #666666;
background: url(../img/sidecontentlia.gif) no-repeat 5px 50%;
border-bottom: 1px solid #FFFFFF;
width: auto;
_width: 100%;
padding: 7px 0 7px 20px;
margin: 0;
}
#sidecontent dl dd a:hover, #sidecontent dl dd a:active {
color: #666666;
background: #EBEBEB url(../img/sidecontentlia.gif) no-repeat 5px 50%;
border-bottom: 1px solid #D9D9D9;
}
#sidecontent ul {
list-style: none;
background: url(../img/sidecontentli.gif) no-repeat left top;
padding: 2px 0 8px 0;
margin: 7px 5px 0 7px;
}
#sidecontent ul li {
display: block;
line-height: 30px;
font-size: 12px;
background: url(../img/sidecontentli.gif) no-repeat left bottom;
width: 240px;
padding: 0;
margin: 0;
}
#sidecontent ul li a, #sidecontent ul li a:link, #sidecontent ul li a:visited {
display: block;
line-height: 150%;
text-decoration: none;
font-size: 12px;
color: #666666;
background: url(../img/sidecontentlia.gif) no-repeat 5px 50%;
border-bottom: 1px solid #FFFFFF;
width: auto;
_width: 100%;
padding: 7px 0 7px 20px;
margin: 0;
}
#sidecontent ul li a:hover, #sidecontent ul li a:active {
color: #666666;
background: #EBEBEB url(../img/sidecontentlia.gif) no-repeat 5px 50%;
border-bottom: 1px solid #D9D9D9;
}
.sougo {
text-indent: -10000px;
padding: 0 0 8px 0;
margin: 7px 5px 0 7px;
}
.sougo a, .sougo a:link, .sougo a:visited {
display: block;
text-decoration: none;
background: url(../img/sougoa.gif) no-repeat left top;
width: 240px;
height: 60px;
}
.sougo a:hover, .sougo a:active { background: url(../img/sougoah.gif) no-repeat left top; }
.sougo a:focus { outline: none; }

#info {
clear: both;
overflow: hidden;
color: #666666;
background: #FFFFFF;
border-top: 5px solid #88CC00;
padding: 0;
margin: 0 2px;
}
#info:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #info {
height: 1%;
overflow: visible;
}
#info { display: block; }
/**/
#info ul {
float: right;
list-style: none;
padding: 20px 0;
margin: 0;
}
#info ul li {
float: left;
font-size: 11px;
padding: 0;
margin: 0 15px 0 0;
}
#info ul li a, #info ul li a:link, #info ul li a:visited {
text-decoration: underline;
color: #666666;
}
#info ul li a:hover, #info ul li a:active {
text-decoration: none;
color: #666666;
}

#footer {
overflow: hidden;
text-align: center;
font-size: 12px;
background: #FFFFFF;
border-top: 3px solid #E5E5E5;
padding: 15px 0;
margin: 0 2px;
}
#footer:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #footer {
height: 1%;
overflow: visible;
}
#footer { display: block; }
/**/
#footer dl {
float: right;
list-style: none;
padding: 0;
margin: 0;
}
#footer dl dt {
float: left;
font-size: 11px;
font-weight: bold;
color: #666666;
padding: 0;
margin: 0 15px 0 0;
}
#footer dl dd {
float: left;
font-size: 11px;
padding: 0;
margin: 0 15px 0 0;
}
#footer dl dd a, #footer dl dd a:link, #footer dl dd a:visited, #footer dl dd a:hover, #footer dl dd a:active {
text-decoration: none;
color: #666666;
background: transparent;
}
#footer p {
clear: both;
color: #666666;
margin: 0;
padding: 15px 0 0 0;
}
#footer p a, #footer p a:link, #footer p a:visited, #footer p a:hover, #footer p a:active {
text-decoration: none;
color: #666666;
background: transparent;
}