@charset "utf-8";
/*-----------tag---------*/
* { padding: 0; margin: 0; }
body { color: #333; margin: 0; font-family: "ＭＳ Ｐゴシック", "平成角ゴシック", sans-serif; font-size: 0.8em; line-height: 1.4em; background:url(img/bg.gif) repeat-x 0 0; }
#top { font-family: "ＭＳ Ｐゴシック", "Osaka"; }
#top ul, #top h1, #top p { margin: 0; padding: 0; list-style: none; }
img, table { border: none; }
em { font-weight:bold; font-style:normal; }
/***********************************************************

2008.11 maeda
 
***********************************************************/
a { text-decoration: underline; }/*下線を付ける*/
a:link { color: #0066cc; }
a:visited { color: #0066cc; }/*訪問済み*/
a:hover { color: #ff3300; }/*リンクに乗った時*/
h1, h2, h4 { font-size: 10px; color: #666666; text-decoration: none; letter-spacing: 1px; font-weight: normal; line-height: 150%; }
#box { width: 820px; margin: 0px auto 0px auto; }
/***********************************************************
    header
***********************************************************/
#header { width: 100%; float: left; padding-bottom: 10px; }
#logo { float:left; width: 175px; margin-top: 9px; margin-left: 5px; }
#logo_img { float:left; margin-top: 10px; width: 175px; border:0px solid red; }
#desc { float:left; width: 370px; margin:40px 0px 5px 0px; }
#banner { float:right; margin:10px 5px 0px 0px; display:inline; }
.reco { font-size: 10px; line-height: 130%; text-align: left; color: #666666; letter-spacing: 1px; }
.banner { margin-top: 10px; margin-left:5px; }
#pan { font-size:12px; line-height: 1.4em; padding:15px 0; clear:both; }
/***********************************************************
    nav
***********************************************************/
#navi_renew ul { width:750px; list-style-type: none; float:left; }
#navi_renew li { list-style-type: none; float:left; }
#navi_renew a { display:block; text-decolation:none; }
#navi_renew a em { position:absolute; left:-9999px; }
#nav1 { background-image:url(img/nav/nav.gif); background-repeat:no-repeat; width:136px; height:32px; float:left; }
#nav2 { background-image:url(img/nav/nav.gif); background-repeat:no-repeat; background-position:-136px 0px; width:136px; height:32px; float:left; }
#nav3 { background-image:url(img/nav/nav.gif); background-repeat:no-repeat; background-position:-272px 0px; width:136px; height:32px; float:left; }
#nav4 { background-image:url(img/nav/nav.gif); background-repeat:no-repeat; background-position:-408px 0px; width:136px; height:32px; float:left; }
#nav5 { background-image:url(img/nav/nav.gif); background-repeat:no-repeat; background-position:-544px 0px; width:136px; height:32px; float:left; }
#nav6 { background-image:url(img/nav/nav.gif); background-repeat:no-repeat; background-position:-680px 0px; width:136px; height:32px; float:left; }
#nav1:hover { background-image:url(img/nav/nav_h.gif); }
#nav2:hover { background-image:url(img/nav/nav_h.gif); }
#nav3:hover { background-image:url(img/nav/nav_h.gif); }
#nav4:hover { background-image:url(img/nav/nav_h.gif); }
#nav5:hover { background-image:url(img/nav/nav_h.gif); }
#nav6:hover { background-image:url(img/nav/nav_h.gif); }
#nav7:hover { background-image:url(img/nav/nav_h.gif); }
/***********************************************************
   contents
***********************************************************/
#contents { width: 100%; float: left; margin: 0px 0px 0px 0px; border:0px solid red; }
/***********************************************************
   right
***********************************************************/
#right { overflow: hidden; float: right; margin:-12px 0 0 10px; padding: 0 0 0 10px; width: 590px; }
#right .contents { margin:0 5px; }
#right h2 { clear: both; margin: 0px 0 10px 0; padding: 6px 0 0 25px; background:url(img/bg/h2.gif) no-repeat 0 0; font-size: 14px; font-weight: bold; line-height: 15pt; color: #454545; height:35px; }
#right h3 { clear: both; margin: 12px 0 10px 0px; padding: 6px 0 0 25px; background:url(img/bg/h2.gif) no-repeat 0 0; font-size: 14px; font-weight: bold; line-height: 15pt; color: #454545; height:35px; width:580px; }
#right h4 { font-size: small; color: #000000; font-weight:bold; margin: 30px 0px 20px; padding: 2px 0px 3px 20px; background: url(img/bg/h4.gif) no-repeat 0em 0.4em; border-bottom: 1px solid #CC0000; clear: both; }
p { margin-bottom: 1.5em; }
div#right ul, div#right ol { margin: 0 0 20px 20px; list-style-position: outside; }
div#right li { line-height: 1.8em; }
/***********************************************************
   left
***********************************************************/
div#left { width: 210px; float: left; margin-top:0px; }
div#left a { text-decoration:none; }
div#left .menu { margin: 0px 0 25px 0px; width: 198px; border: 1px solid #c2c2c2; }
div#left .title p { margin: 0 5px 0 5px; font-size: 10pt; font-weight: bold; }
div#left ul { margin: 5px 10px 5px 10px; }
div#left li { list-style-type: none; list-style-position: outside; margin: 3px 0; padding:0 0 5px 5px; font-size: 12px; line-height: 15pt; }
div#left li.bd { background:url(img/line/dot.gif) repeat-x bottom; }
div#left .contents { margin: 10px 0 10px 10px; width: 198px; }
div#left p { margin: 15px; }
/***********************************************************
   footer
***********************************************************/
div#footer { clear: both; width: 820px; text-align: center; border-top:1px solid #c2c2c2; padding-top:10px; margin:35px 0 10px 0; }
div#footer hr { clear: both; color: #aaa; }
div#footer .menu { margin: 7px 0 7px 0; }
div#footer .menu li { display: inline; margin: 0 0.8em 0 0.8em; font-size: 10pt; line-height: 14pt; }
div#footer #copyright { clear: both; padding: 0; width: 810px; font-size: 10pt; line-height: 14pt; }
/*--------------------------------------------------------
■table1（ランキング1）
--------------------------------------------------------*/
.ranking { margin:3px 0 25px 0; width:100%; background-color:#333; display:block; }
.tl { padding:10px; font-size:14px; font-weight:bold; }
.tl a { font-size:14px; }
.tl a:hover { color: #0066cc; }
.ckbn { width:120px; }
.ckbn img { margin:5px 0; }
.comments { padding: 10px; color:#222222; font-size:15px; font-weight: 500; line-height:130%; }
.tc1 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.tc2 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.tc3 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.tc4 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.tc5 { width:120px; text-align:center; padding: 7px 0px 5px 0px; }
.tc6 { width:90px; text-align:center; padding: 7px 0px 5px 0px; }
/*--------------------------------------------------------
■table2（ランキング2）
--------------------------------------------------------*/
.rank2 { width:100%; margin:2px 0px 30px;background-color:#333; }
.rank2 td { padding:10px; }
.rank2 th { padding:10px; }
/*--------------------------------------------------------
■class
--------------------------------------------------------*/
.afi { font-weight:bold; font-size:18px; }
.afi2 { font-weight:bold; font-size:14px; }
.red { color:#D81851; font-weight:bold; }
.b { font-weight:bold; font-size:14px; }
.b0 { font-weight:bold; }
.yellow { background:#FFFF00; }
.arrow { background:url(img/list/arrow.gif) no-repeat 0px 0px; padding-left:16px; }
.img_r { margin-left:15px; border:1px solid #c2c2c2; padding:5px; margin: 10 0 0 15px; }
.img_r2 { margin-left:15px; margin: 10 0 0 15px; padding-right:7px; }
.img_l { margin-right:15px; border:1px solid #c2c2c2; padding:5px; margin-bottom:15px; }
.img_l2 { margin-right:15px; margin-bottom:15px; }
.line { background:url(img/line/line.gif) no-repeat center; margin:0 0 15px 0; }
.note { background-color: #f4f4f4; padding:13px 8px 0px 8px; border:1px solid #C2C2C2; font-size:14px; margin:10px 7px 20px 7px; clear:both; }
.notep { background-color: #f4f4f4; padding:15px 15px 2px 15px; border:1px solid #C2C2C2; font-size:12px; margin:10px 0px 20px 0px; line-height:150%; }
.note ol { padding:0 7px 5px 7px; }
.note ol li { padding-top:8px; font-size:0.9em;}
.note ul { padding:0 10px 5px 20px; }
.note ul li { font-size:12px; padding-bottom:10px; }