@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: 14px;
color: #333333;
background: #fcfcfc url(../img/bg.gif);
margin: 0;
padding: 0;
}

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

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

.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 20px 20px 20px;
margin: 0;
}
.imgr {
float: right;
background: #ffffff;
padding: 0 20px 20px 20px;
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;
text-align: left;
background: #ffffff url(../img/container.gif) repeat-y;
width: 950px;
margin: 0 auto;
padding: 0;
}
#container:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #container {
height: 1%;
overflow: visible;
}
#container { display: block; }
/**/


#header {
position: relative;
background: url(../img/header.jpg) no-repeat left top;
width: 930px;
height: 100px;
padding: 0;
margin: 0 10px;
}
#header h1 {
text-align: right;
font-size: 11px;
color: #667380;
padding: 0 10px 0 0;
margin: 0;
}
#header .logo {
text-indent: -10000px;
position: absolute;
top: 24px;
left: 190px;
}
#header .logo a {
display: block;
text-decoration: none;
width: 720px;
height: 30px;
padding: 0;
margin: 0;
}
#header .logo a:focus { outline: none; }
#header p {
line-height: 110%;
font-weight: normal;
font-size: 11px;
color: #667380;
position: absolute;
top: 65px;
left: 190px;
padding: 0;
margin: 0;
}


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


#content {
float: left;
width: 650px;
}
#content .pan {
text-align: right;
font-size: 11px;
color: #666666;
padding: 0 0 10px 0;
margin: 0;
}
#content .pan2 {
text-align: center;
font-size: 11px;
color: #666666;
padding: 0 0 10px 0;
margin: 0;
}
#content .pan2 a, #content .pan2 a:link, #content .pan2 a:visited {
text-decoration: underline;
color: #666666;
}
#content .pan2 a:hover, #content .pan2 a:active {
text-decoration: none;
color: #999999;
}
#content h2 {
line-height: 35px;
font-weight: bold;
font-size: 16px;
color: #000000;
background: url(../img/h2.gif) no-repeat left top;
height: 40px;
padding: 0 0 0 40px;
margin: 0 0 10px 0;
}
#content .afbanner {
line-height: 150%;
text-align: center;
padding: 15px 0 30px 0;
margin: 0;
}
#content h3 {
line-height: 35px;
font-weight: bold;
font-size: 15px;
color: #330e0a;
background: url(../img/h3.gif) no-repeat left top;
height: 35px;
padding: 0 0 0 15px;
margin: 0 0 10px 0;
}
#content p {
line-height: 30px;
font-size: 13px;
background: url(../img/p.gif);
padding: 0;
margin: 0 20px 15px 20px;
}
#content p a, #content p a:link, #content p a:visited {
text-decoration: underline;
font-weight: bold;
color: #0000ff;
}
#content p a:hover, #content p a:active {
text-decoration: none;
font-weight: bold;
color: #ff7f00;
}
#content ol {
list-style: none;
background: url(../img/ol.gif) no-repeat 1px 1px;
border: 1px solid #e55245;
padding: 46px 10px 0 10px;
margin: 0 20px 15px 20px;
}
#content ol li {
font-size: 15px;
font-weight: bold;
color: #d92616;
border-bottom: 1px dotted #d92616;
padding: 3px 0 3px 95px;
margin: 0 0 15px 0;
}
#content ol li.point1 { background: url(../img/olli1.gif) no-repeat left top; }
#content ol li.point2 { background: url(../img/olli2.gif) no-repeat left top; }
#content ol li.point3 { background: url(../img/olli3.gif) no-repeat left top; }
#content ol li.point4 { background: url(../img/olli4.gif) no-repeat left top; }
#content ol li.point5 { background: url(../img/olli5.gif) no-repeat left top; }
#content ul.recommend {
list-style: none;
background: url(../img/ul2.gif) no-repeat 1px 1px;
border: 1px solid #e55245;
padding: 46px 10px 0 10px;
margin: 15px 20px 15px 20px;
}
#content ul.recommend li {
font-size: 15px;
font-weight: bold;
color: #d92616;
background: url(../img/ul2li.gif) no-repeat left top;
border-bottom: 1px dotted #d92616;
padding: 3px 0 3px 30px;
margin: 0 0 15px 0;
}
#content dl {
padding: 0 20px;
margin: 0;
}
#content 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;
}
#content dl dd {
line-height: 130%;
font-size: 13px;
border-bottom: 1px dotted #85c3de;
padding: 5px 0 5px 20px;
margin: 0 0 15px 0;
}
#content .aflink {
text-align: right;
font-size: 18px;
font-weight: bold;
color: #008b8b;
padding: 15px 20px 30px 20px;
margin: 0;
}
#content .aflink span {
font-size: 16px;
border-bottom: 3px double #008b8b;
}
#content .aflink2 {
text-align: center;
font-size: 18px;
font-weight: bold;
color: #ff3300;
padding: 15px 20px 30px 20px;
margin: 0;
}
#content .afbtn {
text-indent: -10000px;
padding: 30px 100px;
}
#content .afbtn a, #content .afbtn a:link, #content .afbtn a:visited {
display: block;
text-decoration: none;
background: url(../img/afbtn.gif) no-repeat left top;
width: 450px;
height: 60px;
}
#content .afbtn a:hover, #content .afbtn a:active { background-position: left bottom; }
#content .afbtn a:focus { outline: none; }
#content #ranking {
overflow: hidden;
padding: 0 0 30px 0;
margin: 0;
}
#content #ranking:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #ranking {
height: 1%;
overflow: visible;
}
#content #ranking { display: block; }
/**/
#content #ranking h2 {
text-indent: -10000px;
line-height: 100%;
color: #333333;
background: url(../img/h2ranking.gif) no-repeat left top;
width: 650px;
height: 150px;
padding: 0;
margin: 0 0 10px 0;
}


#content #rank1 {
overflow: hidden;
border: 1px solid #e0ce46;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}
#content #rank1:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #rank1 {
height: 1%;
overflow: visible;
}
#content #rank1 { display: block; }
/**/
#content #rank1 h3 {
line-height: 40px;
font-weight: bold;
font-size: 24px;
color: #4a401f;
background: url(../img/h3r1.gif) no-repeat left top;
height: 40px;
padding: 0 0 0 80px;
margin: 1px 1px 10px 1px;
}
#content #rank1 h3 a, #content #rank1 h3 a:link, #content #rank1 h3 a:visited {
text-decoration: none;
color: #4a401f;
}
#content #rank1 h3 a:hover, #content #rank1 h3 a:active {
text-decoration: underline;
color: #4a401f;
}
#content #rank1 .rimg {
float: left;
width: 269px;
padding: 0;
margin: 0;
}
#content #rank1 .rimg img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#content #rank1 .rimg 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;
}
#content #rank1 .rimg a:hover, #content #rank1 .rimg a:active { background-position: left bottom; }
#content #rank1 .rimg a:focus { outline: none; }
#content #rank1 .rp {
float: right;
width: 369px;
padding: 0;
margin: 0;
}
#content #rank1 .rp p {
line-height: 30px;
font-size: 13px;
color: #4a401f;
background: url(../img/rank1_p.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#content #rank1 .rp .rlink {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#content #rank2 {
overflow: hidden;
border: 1px solid #c4c4c4;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}
#content #rank2:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #rank2 {
height: 1%;
overflow: visible;
}
#content #rank2 { display: block; }
/**/
#content #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;
}
#content #rank2 h3 a, #content #rank2 h3 a:link, #content #rank2 h3 a:visited {
text-decoration: none;
color: #333333;
}
#content #rank2 h3 a:hover, #content #rank2 h3 a:active {
text-decoration: underline;
color: #333333;
}
#content #rank2 .rimg {
float: left;
width: 219px;
padding: 0;
margin: 0;
}
#content #rank2 .rimg img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#content #rank2 .rimg 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;
}
#content #rank2 .rimg a:hover, #content #rank2 .rimg a:active { background-position: left bottom; }
#content #rank2 .rimg a:focus { outline: none; }
#content #rank2 .rp {
float: right;
width: 419px;
padding: 0;
margin: 0;
}
#content #rank2 .rp p {
line-height: 30px;
font-size: 13px;
color: #333333;
background: url(../img/rank2_p.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#content #rank2 .rp .rlink {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#content #rank3 {
overflow: hidden;
border: 1px solid #d9742b;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}
#content #rank3:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #rank3 {
height: 1%;
overflow: visible;
}
#content #rank3 { display: block; }
/**/
#content #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;
}
#content #rank3 h3 a, #content #rank3 h3 a:link, #content #rank3 h3 a:visited {
text-decoration: none;
color: #452814;
}
#content #rank3 h3 a:hover, #content #rank3 h3 a:active {
text-decoration: underline;
color: #452814;
}
#content #rank3 .rimg {
float: left;
width: 219px;
padding: 0;
margin: 0;
}
#content #rank3 .rimg img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#content #rank3 .rimg 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;
}
#content #rank3 .rimg a:hover, #content #rank3 .rimg a:active { background-position: left bottom; }
#content #rank3 .rimg a:focus { outline: none; }
#content #rank3 .rp {
float: right;
width: 419px;
padding: 0;
margin: 0;
}
#content #rank3 .rp p {
line-height: 30px;
font-size: 13px;
color: #452814;
background: url(../img/rank3_p.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#content #rank3 .rp .rlink {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#content #rank4 {
overflow: hidden;
float: left;
border: 1px solid #6cd169;
width: 320px;
height: 410px;
padding: 0;
margin: 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 318px;
height: 408px;
}
html>body #content #rank4 {
width: 318px;
height: 408px;
}
#content #rank4:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #rank4 {
height: 1%;
overflow: visible;
}
#content #rank4 { display: block; }
/**/
#content #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;
}
#content #rank4 h3 a, #content #rank4 h3 a:link, #content #rank4 h3 a:visited {
text-decoration: none;
color: #1d381c;
}
#content #rank4 h3 a:hover, #content #rank4 h3 a:active {
text-decoration: underline;
color: #1d381c;
}
#content #rank4 .rimg {
float: left;
width: 109px;
padding: 0;
margin: 0;
}
#content #rank4 .rimg img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#content #rank4 .rimg 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;
}
#content #rank4 .rimg a:hover, #content #rank4 .rimg a:active { background-position: left bottom; }
#content #rank4 .rimg a:focus { outline: none; }
#content #rank4 .rp {
float: right;
width: 190px;
padding: 0;
margin: 0 9px 0 0;
}
#content #rank4 .rp p {
line-height: 20px;
font-size: 12px;
color: #1d381c;
background: url(../img/rank4_p.gif);
padding: 0;
margin: 0 0 10px 0;
}
#content #rank4 .rp .rlink {
text-align: right;
font-weight: bold;
font-size: 12px;
color: #cc0000;
padding: 0;
margin: 0;
}


#content #rank5 {
overflow: hidden;
float: right;
border: 1px solid #85c3de;
width: 320px;
height: 410px;
padding: 0;
margin: 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 318px;
height: 408px;
}
html>body #content #rank5 {
width: 318px;
height: 408px;
}
#content #rank5:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #rank5 {
height: 1%;
overflow: visible;
}
#content #rank5 { display: block; }
/**/
#content #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;
}
#content #rank5 h3 a, #content #rank5 h3 a:link, #content #rank5 h3 a:visited {
text-decoration: none;
color: #314852;
}
#content #rank5 h3 a:hover, #content #rank5 h3 a:active {
text-decoration: underline;
color: #314852;
}
#content #rank5 .rimg {
float: left;
width: 109px;
padding: 0;
margin: 0;
}
#content #rank5 .rimg img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#content #rank5 .rimg 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;
}
#content #rank5 .rimg a:hover, #content #rank5 .rimg a:active { background-position: left bottom; }
#content #rank5 .rimg a:focus { outline: none; }
#content #rank5 .rp {
float: right;
width: 190px;
padding: 0;
margin: 0 9px 0 0;
}
#content #rank5 .rp p {
line-height: 20px;
font-size: 12px;
color: #314852;
background: url(../img/rank5_p.gif);
padding: 0;
margin: 0 0 10px 0;
}
#content #rank5 .rp .rlink {
text-align: right;
font-weight: bold;
font-size: 12px;
color: #cc0000;
padding: 0;
margin: 0;
}


#content #erank1 {
overflow: hidden;
border: 1px solid #e0ce46;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}
#content #erank1:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #erank1 {
height: 1%;
overflow: visible;
}
#content #erank1 { display: block; }
/**/
#content #erank1 h3 {
line-height: 40px;
font-weight: bold;
font-size: 24px;
color: #4a401f;
background: url(../img/h3r1.gif) no-repeat left top;
height: 40px;
padding: 0 0 0 80px;
margin: 1px 1px 10px 1px;
}
#content #erank1 h3 a, #content #erank1 h3 a:link, #content #erank1 h3 a:visited {
text-decoration: none;
color: #4a401f;
}
#content #erank1 h3 a:hover, #content #erank1 h3 a:active {
text-decoration: underline;
color: #4a401f;
}
#content #erank1 .rimg {
float: left;
width: 269px;
padding: 0;
margin: 0;
}
#content #erank1 .rimg img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#content #erank1 .rimg 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;
}
#content #erank1 .rimg a:hover, #content #erank1 .rimg a:active { background-position: left bottom; }
#content #erank1 .rimg a:focus { outline: none; }
#content #erank1 .rp {
float: right;
width: 369px;
padding: 0;
margin: 0;
}
#content #erank1 .rp p {
line-height: 30px;
font-size: 13px;
color: #4a401f;
background: url(../img/rank1_p.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#content #erank1 .rp .rlink {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#content #erank2 {
overflow: hidden;
border: 1px solid #c4c4c4;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}
#content #erank2:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #erank2 {
height: 1%;
overflow: visible;
}
#content #erank2 { display: block; }
/**/
#content #erank2 h3 {
line-height: 40px;
font-weight: bold;
font-size: 24px;
color: #333333;
background: url(../img/h3r2.gif) no-repeat left top;
height: 40px;
padding: 0 0 0 80px;
margin: 1px 1px 10px 1px;
}
#content #erank2 h3 a, #content #erank2 h3 a:link, #content #erank2 h3 a:visited {
text-decoration: none;
color: #333333;
}
#content #erank2 h3 a:hover, #content #erank2 h3 a:active {
text-decoration: underline;
color: #333333;
}
#content #erank2 .rimg {
float: left;
width: 269px;
padding: 0;
margin: 0;
}
#content #erank2 .rimg img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#content #erank2 .rimg 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;
}
#content #erank2 .rimg a:hover, #content #erank2 .rimg a:active { background-position: left bottom; }
#content #erank2 .rimg a:focus { outline: none; }
#content #erank2 .rp {
float: right;
width: 369px;
padding: 0;
margin: 0;
}
#content #erank2 .rp p {
line-height: 30px;
font-size: 13px;
color: #333333;
background: url(../img/rank2_p.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#content #erank2 .rp .rlink {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#content #erank3 {
overflow: hidden;
border: 1px solid #d9742b;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}
#content #erank3:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #erank3 {
height: 1%;
overflow: visible;
}
#content #erank3 { display: block; }
/**/
#content #erank3 h3 {
line-height: 40px;
font-weight: bold;
font-size: 24px;
color: #452814;
background: url(../img/h3r3.gif) no-repeat left top;
height: 40px;
padding: 0 0 0 80px;
margin: 1px 1px 10px 1px;
}
#content #erank3 h3 a, #content #erank3 h3 a:link, #content #erank3 h3 a:visited {
text-decoration: none;
color: #452814;
}
#content #erank3 h3 a:hover, #content #erank3 h3 a:active {
text-decoration: underline;
color: #452814;
}
#content #erank3 .rimg {
float: left;
width: 269px;
padding: 0;
margin: 0;
}
#content #erank3 .rimg img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#content #erank3 .rimg 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;
}
#content #erank3 .rimg a:hover, #content #erank3 .rimg a:active { background-position: left bottom; }
#content #erank3 .rimg a:focus { outline: none; }
#content #erank3 .rp {
float: right;
width: 369px;
padding: 0;
margin: 0;
}
#content #erank3 .rp p {
line-height: 30px;
font-size: 13px;
color: #452814;
background: url(../img/rank3_p.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#content #erank3 .rp .rlink {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#content #erank4 {
overflow: hidden;
border: 1px solid #6cd169;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}
#content #erank4:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #erank4 {
height: 1%;
overflow: visible;
}
#content #erank4 { display: block; }
/**/
#content #erank4 h3 {
line-height: 40px;
font-weight: bold;
font-size: 24px;
color: #1d381c;
background: url(../img/h3r4e.gif) no-repeat left top;
height: 40px;
padding: 0 0 0 80px;
margin: 1px 1px 10px 1px;
}
#content #erank4 h3 a, #content #erank4 h3 a:link, #content #erank4 h3 a:visited {
text-decoration: none;
color: #1d381c;
}
#content #erank4 h3 a:hover, #content #erank4 h3 a:active {
text-decoration: underline;
color: #1d381c;
}
#content #erank4 .rimg {
float: left;
width: 269px;
padding: 0;
margin: 0;
}
#content #erank4 .rimg img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#content #erank4 .rimg 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;
}
#content #erank4 .rimg a:hover, #content #erank4 .rimg a:active { background-position: left bottom; }
#content #erank4 .rimg a:focus { outline: none; }
#content #erank4 .rp {
float: right;
width: 369px;
padding: 0;
margin: 0;
}
#content #erank4 .rp p {
line-height: 30px;
font-size: 13px;
color: #1d381c;
background: url(../img/rank4_pe.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#content #erank4 .rp .rlink {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#content #erank5 {
overflow: hidden;
border: 1px solid #85c3de;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}
#content #erank5:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
/*\*/
* html #content #erank5 {
height: 1%;
overflow: visible;
}
#content #erank5 { display: block; }
/**/
#content #erank5 h3 {
line-height: 40px;
font-weight: bold;
font-size: 24px;
color: #314852;
background: url(../img/h3r5e.gif) no-repeat left top;
height: 40px;
padding: 0 0 0 80px;
margin: 1px 1px 10px 1px;
}
#content #erank5 h3 a, #content #erank5 h3 a:link, #content #erank5 h3 a:visited {
text-decoration: none;
color: #314852;
}
#content #erank5 h3 a:hover, #content #erank5 h3 a:active {
text-decoration: underline;
color: #314852;
}
#content #erank5 .rimg {
float: left;
width: 269px;
padding: 0;
margin: 0;
}
#content #erank5 .rimg img {
display: block;
padding: 0;
margin: 0 0 10px 9px;
}
#content #erank5 .rimg 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;
}
#content #erank5 .rimg a:hover, #content #erank5 .rimg a:active { background-position: left bottom; }
#content #erank5 .rimg a:focus { outline: none; }
#content #erank5 .rp {
float: right;
width: 369px;
padding: 0;
margin: 0;
}
#content #erank5 .rp p {
line-height: 30px;
font-size: 13px;
color: #314852;
background: url(../img/rank5_pe.gif);
padding: 0;
margin: 0 9px 15px 0;
}
#content #erank5 .rp .rlink {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #cc0000;
padding: 0;
margin: 0 9px 0 0;
}


#rside {
float: right;
width: 250px;
}
#rside .rbox250 {
padding: 0 0 10px 0;
margin: 0;
}
#rside dl {
border: 1px solid #d9d9d9;
padding: 0;
margin: 0;
}
#rside 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;
}
#rside dl dt {
line-height: 39px;
font-weight: bold;
font-size: 13px;
color: #ffffff;
background: #000000 url(../img/rside_dt.gif) no-repeat left top;
height: 39px;
padding: 0 5px 0 18px;
margin: 0;
}
#rside dl dd {
line-height: 130%;
background: #fafafa;
border-bottom: 1px dotted #cccccc;
width: 246px;
padding: 0;
margin: 0 1px 1px 1px;
}
#rside dl dd a, #rside dl dd a:link, #rside dl dd a:visited {
display: block;
text-decoration: none;
font-size: 12px;
font-weight: normal;
color: #666666;
background: url(../img/rside_dd2.gif) no-repeat 5px center;
width: auto;
padding: 7px 5px 7px 18px;
margin: 0;
}
#rside dl dd a:hover, #rside dl dd a:active {
text-decoration: none;
color: #ff7f00;
background: #ffffff url(../img/rside_ddh2.gif) no-repeat 5px center;
}


#footer {
clear: both;
line-height: 150%;
text-align: center;
font-size: 12px;
color: #666666;
padding: 60px 0 15px 0;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
text-decoration: none;
color: #666666;
}