@charset "utf-8";
/*全体*/
html {
margin: 0;
padding: 0;
}

a, a:link, a:visited {
  text-decoration: underline;
  color: #ff7f00;
}

a:hover, a:active {
  text-decoration: none;
  color: #0000ff;
}
a img { border: 0; }

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




.bgyellow {
color: #332f00;
background: #fff266;
}
.bgorange {
color: #4d2600;
background: #ffd9b2;
}
.bgblack {
color: #ffffff;
background: #000000;
}
.bgblue {
color: #002b33;
background: #ccf7ff;
}
.bgred {
color: #330400;
background: #ffd0cc;
}
.bggreen {
color: #223300;
background: #e5ffb2;
}

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

.imgl {
float: left;
background: #ffffff;
padding: 0 10px 10px 10px;
margin: 0;
}
.imgr {
float: right;
background: #ffffff;
padding: 0 10px 10px 10px;
margin: 0;
}

.code {
line-height: 130%;
font-family: monospace;
color: #990000;
border: 1px dotted #b34747;
background: #fff2f2;
margin: 0 20px 15px 20px;
padding: 15px;
}

.clear { clear: both; }
.nw { white-space: nowrap; }

hr { display: none; }


#container {
  overflow: hidden;
  width: 950px;
  margin: 0 auto;
  padding: 0 auto;
  text-align: left;
  background: #fff url(img2/container.gif) repeat-y;
}

#container:after {
  content: "";
  display: block;
  clear: both;
  height: 1%;
  overflow: hidden;
}

/*\*/
* html #container {
height: 1%;
overflow: visible;
}
#container { display: block; }
/**/


#banner {
  position: relative;
  background: url(img2/bannarbg.jpg) no-repeat left top;
  width: 930px;
  height: 262px;
  padding: 0;
  margin: 0 10px;
}

#banner h1 {
  text-align: right;
  font-size: 11px;
  color: #fff;
  padding: 5px 10px 0 0;
  margin: 0;
}

#banner .banner_logo {
  text-indent: -10000px;
  position: absolute;
  top: 5px;
  left: 15px;
}

#banner .banner_logo a {
  display: block;
  text-decoration: none;
  width: 450px;
  height: 200px;
  padding: 0;
  margin: 0;
}

#banner .banner_logo a:focus { outline: none; }

#banner p {
  line-height: 110%;
  font-weight: normal;
  font-size: 11px;
  color: #fff;
  position: absolute;
  top: 5px;
  left: 30px;
  padding: 0;
  margin: 0;
}


#contents_wrap {
overflow: hidden;
text-align: left;
background: #ffffff;
width: 910px;
margin: 0 auto;
padding: 10px 0 0 0;
}
#contents_wrap:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #contents_wrap {
height: 1%;
overflow: visible;
}
#contents_wrap { display: block; }
/**/


#contents {
  float: left;
  width: 650px;
}

#contents .bread {
  text-align: left;
  font-size: 11px;
  color: #666;
  padding: 10px 0 10px 0;
  margin: 10px 0;
}

#contents .bread2 {
  text-align: center;
  font-size: 11px;
  color: #666666;
  padding: 0 0 10px 0;
  margin: 0;
}

#contents .bread2 a, #contents .bread2 a:link, #contents .bread2 a:visited {
  text-decoration: underline;
  color: #666666;
}

#contents .bread2 a:hover, #contents .bread2 a:active {
  text-decoration: none;
  color: #999999;
}

body#entry #contents h1 {
  line-height: 50px;
  font-weight: bold;
  font-size: 18px;
  color: #333;
  background: url(img2/h2bg.gif) no-repeat left top;
  height: 50px;
  padding: 0 0 0 40px;
  margin: 0 0 10px 0;
}

body#webpage #contents h1 {
  line-height: 50px;
  font-weight: bold;
  font-size: 18px;
  color: #333;
  background: url(img2/h2bg.gif) no-repeat left top;
  height: 50px;
  padding: 0 0 0 40px;
  margin: 0 0 10px 0;
}

#contents h2 {
  line-height: 50px;
  font-weight: bold;
  font-size: 18px;
  color: #333;
  background: url(img2/h2bg.gif) no-repeat left top;
  height: 50px;
  padding: 0 0 0 40px;
  margin: 0 0 10px 0;
}

#contents .afbanner {
  line-height: 150%;
  text-align: center;
  padding: 15px 0 30px 0;
  margin: 0;
}

#contents h3 {
  line-height: 30px;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  background: url(img2/h3bg.gif) no-repeat left top;
  height: 35px;
  padding: 0 0 0 30px;
  margin: 10px 0 10px 0;
}

#contents h3 a{
  color: #fff;
}

#contents p {
  line-height: 30px;
  font-size: 13px;
  background: url(img2/pline.gif);
  padding: 0;
  margin: 0 20px 15px 20px;
}

#contents p a, #contents p a:link, #contents p a:visited {
  text-decoration: underline;
  font-weight: bold;
  color: #0000ff;
}

#contents p a:hover, #contents p a:active {
  text-decoration: none;
  font-weight: bold;
  color: #ff7f00;
}

#contents ol {
   list-style: none;
   background: url(img2/pointt.gif) no-repeat 1px 1px;
   border: 1px solid #cc295f;
   padding: 46px 10px 0 10px;
   margin: 0 20px 15px 20px;
}

#contents ol li {
   font-size: 15px;
   font-weight: bold;
   color: #e5175c;
   border-bottom: 1px dotted #cc295f;
   padding: 8px 0 0 95px;
   margin: 0 0 15px 0;
}

#contents ol li.point1 { height: 30px; background: url(img2/point1.gif) no-repeat left top; }
#contents ol li.point2 { height: 30px; background: url(img2/point2.gif) no-repeat left top; }
#contents ol li.point3 { height: 30px; background: url(img2/point3.gif) no-repeat left top; }
#contents ol li.point4 { height: 30px; background: url(img2/point4.gif) no-repeat left top; }
#contents ol li.point5 { height: 30px; background: url(img2/point5.gif) no-repeat left top; }

#contents ul.recommend {
  list-style: none;
  background: url(./img/ul2.gif) no-repeat 1px 1px;
  border: 1px solid #cc295f;
  padding: 46px 10px 0 10px;
  margin: 0 20px 15px 20px;
}

#contents ul.recommend li {
font-size: 15px;
font-weight: bold;
color: #e5175c;
background: url(./img/ul2li.gif) no-repeat left top;
border-bottom: 1px dotted #cc295f;
padding: 3px 0 3px 30px;
margin: 0 0 15px 0;
}
#contents dl {
padding: 0 20px;
margin: 0;
}
#contents dl dt {
font-weight: bold;
font-size: 14px;
background: url(./img/dt.gif) no-repeat left top;
padding: 0 0 0 20px;
margin: 0 0 5px 0;
}
#contents dl dd {
line-height: 130%;
font-size: 13px;
border-bottom: 1px dotted #85c3de;
padding: 5px 0 5px 20px;
margin: 0 0 15px 0;
}
#contents .aflink {
text-align: right;
font-size: 18px;
font-weight: bold;
color: #ffffff;
padding: 15px 20px 30px 20px;
margin: 0;
}
#contents .aflink span {
font-size: 16px;
background: #00aacc;
padding: 3px 10px;
}
#contents .aflink2 {
text-align: center;
font-size: 18px;
font-weight: bold;
color: #00aacc;
padding: 15px 20px 30px 20px;
margin: 0;
}
#contents .linkbottan {
text-indent: -10000px;
padding: 30px 100px;
}
#contents .linkbottan a, #contents .linkbottan a:link, #contents .linkbottan a:visited {
display: block;
text-decoration: none;
background: url(./img/afbtn.gif) no-repeat left top;
width: 450px;
height: 60px;
}
#contents .linkbottan a:hover, #contents .linkbottan a:active { background-position: left bottom; }
#contents .linkbottan a:focus { outline: none; }
#contents #ranking {
overflow: hidden;
padding: 0 0 30px 0;
margin: 0;
}
#contents #ranking:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #contents #ranking {
height: 1%;
overflow: visible;
}
#contents #ranking { display: block; }
/**/

#contents #ranking h2 {
   text-indent: -10000px;
   line-height: 100%;
   color: #333333;
   background: url(./img/h2ranking.jpg) no-repeat left top;
   width: 650px;
   height: 150px;
   padding: 0;
   margin: 0 0 10px 0;
}


#contents #rank1 {
overflow: hidden;
border: 1px solid #e0ce46;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}
#contents #rank1:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #contents #rank1 {
height: 1%;
overflow: visible;
}

#contents #rank1 { display: block; }
/**/
#contents #rank1 h3 {
  line-height: 80px;
  font-weight: bold;
  font-size: 24px;
  color: #fff;
  background: url(img2/rank1bg.gif) no-repeat left top;
  height: 80px;
  padding: 0 0 0 120px;
  margin: 1px 1px 10px 1px;
}

#contents #rank1 h3 a, #contents #rank1 h3 a:link, #contents #rank1 h3 a:visited {
  text-decoration: none;
  color: #333;
}

#contents #rank1 h3 a:hover, #contents #rank1 h3 a:active {
  text-decoration: underline;
  color: #333;
}

#contents #rank1 .item_image {
  float: left;
  width: 269px;
  padding: 0;
  margin: 0;
}

#contents #rank1 .item_image img {
  display: block;
  padding: 0;
  margin: 0 0 10px 9px;
}

#contents #rank1 .item_image a {
  text-indent: -10000px;
  display: block;
  text-decoration: none;
  background: url(img2/pline.gif) no-repeat left top;
  width: 250px;
  height: 35px;
  padding: 0;
  margin: 0 0 0 9px;
}

#contents #rank1 .item_image a:hover, #contents #rank1 .item_image a:active { background-position: left bottom; }
#contents #rank1 .item_image a:focus { outline: none; }
#contents #rank1 p {
  float: right;
  width: 369px;
  padding: 0;
  margin: 0;
}

#contents #rank1 p {
  line-height: 30px;
  font-size: 13px;
  color: #4a401f;
  background: url(img2/pline.gif);
  padding: 0;
  margin: 0 9px 15px 0;
}

.item_link {
clear:both;
}

#contents #rank1 .item_link {
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  color: #cc0000;
  padding: 0;
  margin: 0 9px 0 0;
  clear:both;
}




#contents #rank2 {
  overflow: hidden;
  border: 1px solid #c4c4c4;
  padding: 0 0 20px 0;
  margin: 0 0 10px 0;
}

#contents #rank2:after {
  content: "";
  display: block;
  clear: both;
  height: 1%;
  overflow: hidden;
}

/*\*/
* html #contents #rank2 {
  height: 1%;
  overflow: visible;
}

#contents #rank2 { display: block; }
/**/
#contents #rank2 h3 {
  line-height: 40px;
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  background: url(./img/h3r2.gif) no-repeat left top;
  height: 40px;
  padding: 0 0 0 80px;
  margin: 1px 1px 10px 1px;
}

#contents #rank2 h3 a, #contents #rank2 h3 a:link, #contents #rank2 h3 a:visited {
text-decoration: none;
color: #333333;
}

#contents #rank2 h3 a:hover, #contents #rank2 h3 a:active {
text-decoration: underline;
color: #333333;
}

#contents #rank2 .item_image {
  float: left;
  width: 219px;
  padding: 0;
  margin: 0;
}

#contents #rank2 .item_image img {
  display: block;
  padding: 0;
  margin: 0 0 10px 9px;
}

#contents #rank2 .item_image a {
  text-indent: -10000px;
  display: block;
  text-decoration: none;
  background: url(./img/rank2_rimg_a.gif) no-repeat left top;
  width: 200px;
  height: 35px;
  padding: 0;
  margin: 0 0 0 9px;
}

#contents #rank2 .item_image a:hover, #contents #rank2 .item_image a:active { background-position: left bottom; }
#contents #rank2 .item_image a:focus { outline: none; }
#contents #rank2 p {
float: right;
width: 419px;
padding: 0;
margin: 0;
}
#contents #rank2 p {
line-height: 30px;
font-size: 13px;
color: #333333;
background: url(img2/pline.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#contents #rank2 .item_link {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#contents #rank3 {
overflow: hidden;
border: 1px solid #d9742b;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}
#contents #rank3:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #contents #rank3 {
height: 1%;
overflow: visible;
}
#contents #rank3 { display: block; }
/**/
#contents #rank3 h3 {
line-height: 40px;
font-weight: bold;
font-size: 18px;
color: #452814;
background: url(./img/h3r3.gif) no-repeat left top;
height: 40px;
padding: 0 0 0 80px;
margin: 1px 1px 10px 1px;
}
#contents #rank3 h3 a, #contents #rank3 h3 a:link, #contents #rank3 h3 a:visited {
text-decoration: none;
color: #452814;
}
#contents #rank3 h3 a:hover, #contents #rank3 h3 a:active {
text-decoration: underline;
color: #452814;
}
#contents #rank3 .item_image {
float: left;
width: 219px;
padding: 0;
margin: 0;
}
#contents #rank3 .item_image img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#contents #rank3 .item_image a {
text-indent: -10000px;
display: block;
text-decoration: none;
background: url(./img/rank2_rimg_a.gif) no-repeat left top;
width: 200px;
height: 35px;
padding: 0;
margin: 0 0 0 9px;
}
#contents #rank3 .item_image a:hover, #contents #rank3 .item_image a:active { background-position: left bottom; }
#contents #rank3 .item_image a:focus { outline: none; }
#contents #rank3 p {
float: right;
width: 419px;
padding: 0;
margin: 0;
}
#contents #rank3 p {
line-height: 30px;
font-size: 13px;
color: #452814;
background: url(img2/pline.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#contents #rank3 .item_link {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#contents #rank4 {
overflow: hidden;
float: left;
border: 1px solid #6cd169;
width: 320px;
height: 350px;
padding: 0;
margin: 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 318px;
height: 348px;
}
html>body #contents #rank4 {
width: 318px;
height: 348px;
}
#contents #rank4:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #contents #rank4 {
height: 1%;
overflow: visible;
}
#contents #rank4 { display: block; }
/**/
#contents #rank4 h3 {
line-height: 40px;
font-weight: bold;
font-size: 14px;
color: #1d381c;
background: url(./img/h3r4.gif) no-repeat left top;
height: 40px;
padding: 0 0 0 80px;
margin: 1px 1px 10px 1px;
}
#contents #rank4 h3 a, #contents #rank4 h3 a:link, #contents #rank4 h3 a:visited {
text-decoration: none;
color: #1d381c;
}
#contents #rank4 h3 a:hover, #contents #rank4 h3 a:active {
text-decoration: underline;
color: #1d381c;
}
#contents #rank4 .item_image {
float: left;
width: 109px;
padding: 0;
margin: 0;
}
#contents #rank4 .item_image img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#contents #rank4 .item_image a {
text-indent: -10000px;
display: block;
text-decoration: none;
background: url(./img/rank4_rimg_a.gif) no-repeat left top;
width: 100px;
height: 30px;
padding: 0;
margin: 0 0 0 9px;
}
#contents #rank4 .item_image a:hover, #contents #rank4 .item_image a:active { background-position: left bottom; }
#contents #rank4 .item_image a:focus { outline: none; }
#contents #rank4 p {
float: right;
width: 190px;
padding: 0;
margin: 0 9px 0 0;
}
#contents #rank4 p {
line-height: 20px;
font-size: 12px;
color: #1d381c;
background: url(img2/pline.gif);
padding: 0;
margin: 0 0 10px 0;
}
#contents #rank4 .item_link {
text-align: right;
font-weight: bold;
font-size: 12px;
color: #cc0000;
padding: 0;
margin: 0;
}


#contents #rank5 {
overflow: hidden;
float: right;
border: 1px solid #85c3de;
width: 320px;
height: 350px;
padding: 0;
margin: 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 318px;
height: 348px;
}
html>body #contents #rank5 {
width: 318px;
height: 348px;
}
#contents #rank5:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #contents #rank5 {
height: 1%;
overflow: visible;
}
#contents #rank5 { display: block; }
/**/
#contents #rank5 h3 {
line-height: 40px;
font-weight: bold;
font-size: 14px;
color: #314852;
background: url(./img/h3r5.gif) no-repeat left top;
height: 40px;
padding: 0 0 0 80px;
margin: 1px 1px 10px 1px;
}
#contents #rank5 h3 a, #contents #rank5 h3 a:link, #contents #rank5 h3 a:visited {
text-decoration: none;
color: #314852;
}
#contents #rank5 h3 a:hover, #contents #rank5 h3 a:active {
text-decoration: underline;
color: #314852;
}
#contents #rank5 .item_image {
float: left;
width: 109px;
padding: 0;
margin: 0;
}
#contents #rank5 .item_image img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#contents #rank5 .item_image a {
text-indent: -10000px;
display: block;
text-decoration: none;
background: url(./img/rank4_rimg_a.gif) no-repeat left top;
width: 100px;
height: 30px;
padding: 0;
margin: 0 0 0 9px;
}
#contents #rank5 .item_image a:hover, #contents #rank5 .item_image a:active { background-position: left bottom; }
#contents #rank5 .item_image a:focus { outline: none; }
#contents #rank5 p {
float: right;
width: 190px;
padding: 0;
margin: 0 9px 0 0;
}
#contents #rank5 p {
line-height: 20px;
font-size: 12px;
color: #314852;
background: url(img2/pline.gif);
padding: 0;
margin: 0 0 10px 0;
}
#contents #rank5 .item_link {
text-align: right;
font-weight: bold;
font-size: 12px;
color: #cc0000;
padding: 0;
margin: 0;
}


#contents #erank1 {
  overflow: hidden;
  border: 1px solid #e0ce46;
  padding: 0 0 20px 0;
  margin: 0 0 10px 0;
  background: url(img2/rank1bottom.gif) no-repeat bottom;
}

#contents #erank1:after {
  content: "";
  display: block;
  clear: both;
  height: 1%;
  overflow: hidden;
}

/*\*/
* html #contents #erank1 {
height: 1%;
overflow: visible;
}
#contents #erank1 { display: block; }

/**/
#contents #erank1 h3 {
  line-height: 60px;
  font-weight: normal;
  font-size: 24px;
   font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
  color: #444;
  background: url(img2/rank1bg.gif) no-repeat left top;
  height: 80px;
  padding: 0 0 0 100px;
  margin: 1px 1px 10px 1px;
}

#contents #erank1 h3 a, #contents #erank1 h3 a:link, #contents #erank1 h3 a:visited {
text-decoration: underline;
color: #444;
}

#contents #erank1 h3 a:hover, #contents #erank1 h3 a:active {
text-decoration: none;
color: #444;
}

#contents #erank1 .item_image {
  float: left;
  width: 269px;
  padding: 0;
  margin: 0;
}

#contents #erank1 .item_image img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#contents #erank1 .item_image a {
text-indent: -10000px;
display: block;
text-decoration: none;
background: url(./img/rank1_rimg_a.gif) no-repeat left top;
width: 250px;
height: 35px;
padding: 0;
margin: 0 0 0 9px;
}
#contents #erank1 .item_image a:hover, #contents #erank1 .item_image a:active { background-position: left bottom; }
#contents #erank1 .item_image a:focus { outline: none; }
#contents #erank1 p {
float: right;
width: 369px;
padding: 0;
margin: 0;
}

#contents #erank1 p {
  line-height: 30px;
  font-size: 13px;
  color: #4a401f;
  background: url(img2/pline.gif);
  padding: 0;
  margin: 0 9px 15px 0;
}

#contents #erank1 .item_link {
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  color: #cc0000;
  padding: 0;
  margin: 0 9px 0 0;
}


#contents #erank2 {
  overflow: hidden;
  border: 1px solid #c4c4c4;
  padding: 0 0 20px 0;
  margin: 0 0 10px 0;
  background: url(img2/rank2bottom.gif) no-repeat bottom;
}

#contents #erank2:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #contents #erank2 {
height: 1%;
overflow: visible;
}
#contents #erank2 { display: block; }
/**/
#contents #erank2 h3 {
  line-height: 60px;
  font-weight: normal;
  font-size: 24px;
   font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
  color: #444;
  background: url(img2/rank2bg.gif) no-repeat left top;
  height: 80px;
  padding: 0 0 0 100px;
  margin: 1px 1px 10px 1px;
}

#contents #erank2 h3 a, #contents #erank2 h3 a:link, #contents #erank2 h3 a:visited {
  text-decoration: underline;
  color: #444;
}

#contents #erank2 h3 a:hover, #contents #erank2 h3 a:active {
  text-decoration: none;
  color: #444;
}

#contents #erank2 .item_image {
  float: left;
  width: 269px;
  padding: 0;
  margin: 0;
}

#contents #erank2 .item_image img {
  display: block;
  padding: 0;
  margin: 0 0 10px 9px;
}

#contents #erank2 .item_image a {
  text-indent: -10000px;
  display: block;
  text-decoration: none;
  background: url(./img/rank1_rimg_a.gif) no-repeat left top;
  width: 250px;
  height: 35px;
  padding: 0;
  margin: 0 0 0 9px;
}

#contents #erank2 .item_image a:hover, #contents #erank2 .item_image a:active { background-position: left bottom; }
#contents #erank2 .item_image a:focus { outline: none; }
#contents #erank2 p {
float: right;
width: 369px;
padding: 0;
margin: 0;
}

#contents #erank2 p {
  line-height: 30px;
  font-size: 13px;
  color: #333333;
  background: url(img2/pline.gif);
  padding: 0;
  margin: 0 9px 15px 0;
}

#contents #erank2 .item_link {
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  color: #cc0000;
  padding: 0;
  margin: 0 9px 0 0;
}



#contents #erank3 {
  overflow: hidden;
  border: 1px solid #d9742b;
  padding: 0 0 20px 0;
  margin: 0 0 10px 0;
  background: url(img2/rank3bottom.gif) no-repeat bottom;
}

#contents #erank3:after {
  content: "";
  display: block;
  clear: both;
  height: 1%;
  overflow: hidden;
}

/*\*/
* html #contents #erank3 {
  height: 1%;
  overflow: visible;
}

#contents #erank3 { display: block; }

/**/
#contents #erank3 h3 {
  line-height: 60px;
  font-weight: normal;
  font-size: 24px;
   font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
  color: #444;
  background: url(img2/rank3bg.gif) no-repeat left top;
  height: 80px;
  padding: 0 0 0 100px;
  margin: 1px 1px 10px 1px;
}

#contents #erank3 h3 a, #contents #erank3 h3 a:link, #contents #erank3 h3 a:visited {
  text-decoration: underline;
  color: #444;
}

#contents #erank3 h3 a:hover, #contents #erank3 h3 a:active {
  text-decoration: none;
  color: #444;
}

#contents #erank3 .item_image {
  float: left;
  width: 269px;
  padding: 0;
  margin: 0;
}

#contents #erank3 .item_image img {
  display: block;
  padding: 0;
  margin: 0 0 10px 9px;
}

#contents #erank3 .item_image a {
  text-indent: -10000px;
  display: block;
  text-decoration: none;
  background: url(./img/rank1_rimg_a.gif) no-repeat left top;
  width: 250px;
  height: 35px;
  padding: 0;
  margin: 0 0 0 9px;
}

#contents #erank3 .item_image a:hover, #contents #erank3 .item_image a:active { background-position: left bottom; }
#contents #erank3 .item_image a:focus { outline: none; }
#contents #erank3 p {
  float: right;
  width: 369px;
  padding: 0;
  margin: 0;
}

#contents #erank3 p {
  line-height: 30px;
  font-size: 13px;
  color: #452814;
  background: url(img2/pline.gif);
  padding: 0;
  margin: 0 9px 15px 0;
}

#contents #erank3 .item_link {
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  color: #cc0000;
  padding: 0;
  margin: 0 9px 0 0;
}


#contents #erank4 {
  overflow: hidden;
  border: 1px solid #6cd169;
  padding: 0 0 20px 0;
  margin: 0 0 10px 0;
  background: url(img2/rank4bottom.gif) no-repeat bottom;
}

#contents #erank4:after {
  content: "";
  display: block;
  clear: both;
  height: 1%;
  overflow: hidden;
}

/*\*/
* html #contents #erank4 {
height: 1%;
overflow: visible;
}
#contents #erank4 { display: block; }

/**/
#contents #erank4 h3 {
  line-height: 50px;
  font-weight: normal;
  font-size: 24px;
  font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
  color: #444;
  background: url(img2/rank4bg.gif) no-repeat left top;
  height: 64px;
  padding: 0 0 0 100px;
  margin: 1px 1px 10px 1px;
}
#contents #erank4 h3 a, #contents #erank4 h3 a:link, #contents #erank4 h3 a:visited {
text-decoration: underline;
color: #444;
}
#contents #erank4 h3 a:hover, #contents #erank4 h3 a:active {
text-decoration: none;
color: #444;
}
#contents #erank4 .item_image {
float: left;
width: 269px;
padding: 0;
margin: 0;
}
#contents #erank4 .item_image img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#contents #erank4 .item_image a {
text-indent: -10000px;
display: block;
text-decoration: none;
background: url(./img/rank1_rimg_a.gif) no-repeat left top;
width: 250px;
height: 35px;
padding: 0;
margin: 0 0 0 9px;
}
#contents #erank4 .item_image a:hover, #contents #erank4 .item_image a:active { background-position: left bottom; }
#contents #erank4 .item_image a:focus { outline: none; }
#contents #erank4 p {
float: right;
width: 369px;
padding: 0;
margin: 0;
}

#contents #erank4 p {
  line-height: 30px;
  font-size: 13px;
  color: #1d381c;
  background: url(img2/pline.gif);
  padding: 0;
  margin: 0 9px 15px 0;
}
#contents #erank4 .item_link {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#contents #erank5 {
overflow: hidden;
border: 1px solid #85c3de;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
  background: url(img2/rank4bottom.gif) no-repeat bottom;
}
#contents #erank5:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #contents #erank5 {
height: 1%;
overflow: visible;
}
#contents #erank5 { display: block; }
/**/
#contents #erank5 h3 {
  line-height: 50px;
  font-weight: normal;
  font-size: 24px;
  font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
  color: #444;
  background: url(img2/rank5bg.gif) no-repeat left top;
  height: 64px;
  padding: 0 0 0 100px;
  margin: 1px 1px 10px 1px;
}

#contents #erank5 h3 a, #contents #erank5 h3 a:link, #contents #erank5 h3 a:visited {
text-decoration: underline;
color: #444;
}
#contents #erank5 h3 a:hover, #contents #erank5 h3 a:active {
text-decoration: none;
color: #444;
}
#contents #erank5 .item_image {
float: left;
width: 269px;
padding: 0;
margin: 0;
}
#contents #erank5 .item_image img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#contents #erank5 .item_image a {
text-indent: -10000px;
display: block;
text-decoration: none;
background: url(./img/rank1_rimg_a.gif) no-repeat left top;
width: 250px;
height: 35px;
padding: 0;
margin: 0 0 0 9px;
}
#contents #erank5 .item_image a:hover, #contents #erank5 .item_image a:active { background-position: left bottom; }
#contents #erank5 .item_image a:focus { outline: none; }
#contents #erank5 p {
float: right;
width: 369px;
padding: 0;
margin: 0;
}
#contents #erank5 p {
line-height: 30px;
font-size: 13px;
color: #314852;
background: url(img2/pline.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#contents #erank5 .item_link {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#side_rank {
   float: right;
   width: 249px;
   border: 1px solid #ffd700;
   padding: 0;
   margin: 20px 0 0 0;
   font-size: 10px;
   line-weight: 20px;
}


#side_rankbox {
   background: url(img2/siderank.gif) no-repeat left top;
   height: 39px;
   padding: 0 5px 0 20px;
   margin: 0;
}





#side {
   float: right;
   width: 250px;
}

#side .rbox250 {
   padding: 0 0 10px 0;
   margin: 0;
}

#side dl {
   border: 1px solid #d9d9d9;
   padding: 0;
   margin: 0;
}

#side dl h4 {
   text-indent: -10000px;
   line-height: 37px;
   font-weight: bold;
   font-size: 13px;
   color: #ffffff;
   background: #000000 url(./img/h4.gif) no-repeat left top;
   height: 37px;
   padding: 0;
   margin: 0;
}

#side dl dt {
   line-height: 39px;
   font-weight: bold;
   font-size: 16px;
   color: #ffd700;
   text-shadow: 1px 1px 1px black;
   background: url(img2/sidet.gif) no-repeat left top;
   height: 39px;
   padding: 0 5px 0 20px;
   margin: 0;
}

#side dl dd {
  line-height: 130%;
  background: #fafafa;
  border-bottom: 1px dotted #cccccc;
  width: 246px;
  padding: 0;
  margin: 0 1px 1px 1px;
}

#side dl dd a, #side dl dd a:link, #side dl dd a:visited {
  display: block;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
  background: url(img2/sidea.gif) no-repeat 5px center;
  width: auto;
  padding: 7px 5px 7px 18px;
  margin: 0;
}

#side dl dd a:hover, #side dl dd a:active {
  text-decoration: none;
  color: #ff7f00;
  background: url(img2/sideh.gif) no-repeat 5px center;
}




#footnavi{
  clear:both;
  text-align:center;
  font-size:12px;
  margin-top:30px;
}

#footer {
  width: 930px;
  clear: both;
  line-height: 150%;
  text-align: center;
  font-size: 12px;
  color: #fff;
  margin: 10px 0 0 10px;
  padding: 40px 0 15px 0;
  background: url(img2/footerbg.gif) top;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
text-decoration: none;
color: #fff;
}



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

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

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.del { text-decoration: line-through }
.under { background: url(./img/under.gif) repeat-x left bottom; }

.red { color: #ff3333; }
.dred { color: #b32424; }
.orange { color: #f26500; }
.blue { color: #006699; }
.green { color: #339900; }
.black { color: #000000; }
.gray { color: #999999; }

.bred {
font-weight: bold;
color: #ff3333;
}
.bdred {
font-weight: bold;
color: #b32424;
}
.borange {
font-weight: bold;
color: #ff5500;
}
.bblue {
font-weight: bold;
color: #006699;
}
.bgreen {
font-weight: bold;
color: #2b8000;
}
.bblack {
font-weight: bold;
color: #000000;
}
.bgray {
font-weight: bold;
color: #999999;
}

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




/*詳細ボタン*/
.shousai1 a{
    float: right;
    display:block;
    width: 250px;
    height: 48px;
    background: url(img2/shousai1.gif) no-repeat;
    text-indent:-5000px;
    margin: 10px 0 10px 0;
    overflow :hidden;
}

.shousai1 a:hover{
    background: url(img2/shousai2.gif) no-repeat;
}


.topshousai1 a{
    float: right;
    display:block;
    width: 324px;
    height: 50px;
    background: url(img2/topshousai1.gif) no-repeat;
    text-indent:-5000px;
    margin: 20px 10px 0 0;
    overflow :hidden;
}

.topshousai1 a:hover{
    background: url(img2/topshousai2.gif) no-repeat;
}

.topshousai2 a{
    float: right;
    display:block;
    width: 324px;
    height: 50px;
    background: url(img2/topshousai3.gif) no-repeat;
    text-indent:-5000px;
    margin: 20px 10px 0 0;
    overflow :hidden;
}

.topshousai2 a:hover{
    background: url(img2/topshousai4.gif) no-repeat;
}

.topshousai3 a{
    float: right;
    display:block;
    width: 324px;
    height: 50px;
    background: url(img2/topshousai5.gif) no-repeat;
    text-indent:-5000px;
    margin: 20px 10px 0 0;
    overflow :hidden;
}

.topshousai3 a:hover{
    background: url(img2/topshousai6.gif) no-repeat;
}






.boxh3 {
   width: 607px;
   height: 46px;
   background: url(img2/boxh3.gif) no-repeat;
   line-height: 40px;
   text-indent: 20px;
   color: #fff;
   font-weight: bold;
   font-size: 14px;
}

.box_entry{
  width: 607px;
  background: url(img2/boxbg.gif) bottom;
  padding: 0 auto;
  margin: 0 auto;
}

.box_entry p{
  margin: 0 0 20px 0;
  padding: 0 20px 20px 20px;
  line-height: 20px;
  color:#333;
  text-align: left;
}


#toprank1 {
overflow: hidden;
border: 1px solid #e0ce46;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
  background: url(img2/rank1bottom.gif) no-repeat bottom;
}


#toprank1 { display: block; }

#toprank1 h3 {
  line-height: 70px;
  font-weight: normal;
  font-size: 24px;
  font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
  color: #444;
  background: url(img2/rank1bg.gif) no-repeat left top;
  height: 80px;
  padding: 0 0 0 100px;
  margin: 1px 1px 10px 1px;
}


#toprank2 {
overflow: hidden;
border: 1px solid #c4c4c4;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
  background: url(img2/rank2bottom.gif) no-repeat bottom;
}


#toprank2 { display: block; }

#toprank2 h3 {
  line-height: 70px;
  font-weight: normal;
  font-size: 24px;
  font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
  color: #444;
  background: url(img2/rank2bg.gif) no-repeat left top;
  height: 80px;
  padding: 0 0 0 100px;
  margin: 1px 1px 10px 1px;
}



#toprank3 {
overflow: hidden;
border: 1px solid #e0ce46;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
  background: url(img2/rank3bottom.gif) no-repeat bottom;
}


#toprank3 { display: block; }

#toprank3 h3 {
  line-height: 70px;
  font-weight: normal;
  font-size: 24px;
  font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
  color: #444;
  background: url(img2/rank3bg.gif) no-repeat left top;
  height: 80px;
  padding: 0 0 0 100px;
  margin: 1px 1px 10px 1px;
}



#toprank4 {
overflow: hidden;
border: 1px solid #6cd169;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
  background: url(img2/rank4bottom.gif) no-repeat bottom;
}


#toprank4 { display: block; }

#toprank4 h3 {
  line-height: 50px;
  font-weight: normal;
  font-size: 24px;
  font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
  color: #444;
  background: url(img2/rank4bg.gif) no-repeat left top;
  height: 64px;
  padding: 0 0 0 100px;
  margin: 1px 1px 10px 1px;
}

.ask {
    width: 400px;
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

.ask th {
    width: 80px;
    padding: 5px 20px 5px 5px;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    background: #58b1d6;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
    color:#fff;
}
.ask td {
    padding: 5px 5px 5px 20px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
}