@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; }
#top { font-family: "ＭＳ Ｐゴシック", "Osaka"; }
#top ul, #top h1, #top p { margin: 0; padding: 0; list-style: none; }
img, table { border: none; }
hr { clear: both; margin: 0 0 20px; padding: 0; border-width: 1px 0 0 0; border-style: solid none none none; height: 1px; color: #ccc; }
/***********************************************************

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: 5px; width: 175px; border:0px solid red; }
#desc { float:left; width: 370px; margin:35px 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: 3px; }
#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:0px 0 0 10px; padding: 0 0 0 10px; width: 590px; }
#right .contents { margin:0 5px; }
#right .contents2 { margin:0 15px 25px; }
#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 { font-size: small; color: #000000; font-weight:bold; margin: 30px 0px 20px; padding: 4px 0px 3px 20px; background: url(img/bg/h4.gif) no-repeat 0em 0.4em; border-bottom: 1px solid #CC0000; clear: both; }
#right h4 { font-size: small; color: #000000; font-weight:bold; margin: 30px 0px 20px; padding: 4px 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; }
/* table */
.table_blue { width:100%; margin: 0 0 20px 0; background-color:#ccc; }
.table_blue th { background-color:#e8edfa; padding:7px; font-size:12px; }
.table_blue td { background-color:#fff; padding:7px; font-size:12px; }
/***********************************************************
   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; }
.cktitle { padding:10px; font-size:14px; font-weight:bold; }
.cktitle a { font-size:14px; }
.cktitle a:hover { color: #0066cc; }
.ckbn { width:120px; }
.ckbn img { margin:5px 0; }
.comment_area { padding: 10px; color:#222222; font-size:15px; font-weight: 500; line-height:130%; }
.ckm1 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.ckm2 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.ckm3 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.ckm4 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.ckm5 { width:120px; text-align:center; padding: 7px 0px 5px 0px; }
.ckm6 { width:90px; text-align:center; padding: 7px 0px 5px 0px; }
.det {margin:10px 0 0 0; text-align:right;}
/*--------------------------------------------------------
■table2（ランキング2）
--------------------------------------------------------*/
#hikaku { width:100%; margin:0px 0px 30px; }
#hikaku td { padding:10px; }
#hikaku th { padding:10px; }
#sougou_rank { margin-left:20px; }
#sougou_rank ul { list-style:none; }
#sougou_rank li { float:left; text-indent:-9999px; }
#sougou_rank a { width:135px; height:40px; line-height:40px; display:block; text-decoration:none; background:url(img/bg/rank1.gif) no-repeat; overflow:hidden; }
#rank01 a { background-position:0 0; width:135px; }
#rank02 a { background-position:-150px 0; width:185px; }
#rank03 a { background-position:-350px 0; width:220px; }
#rank01 a:hover { background-position:0px -40px; width:135px; }
#rank02 a:hover { background-position:-150px -40px; width:185px; }
#rank03 a:hover { background-position:-350px -40px; width:220px; }
/*--------------------------------------------------------
■口コミ
--------------------------------------------------------*/
.kutikomi { margin:0 0 10px 0; }
.kutikomi2 { margin:10px 0 10px 0; }
.kutikomi_top { background:url(img/bg/kutikomi_top.gif) no-repeat top; }
.kutikomi_bottom { background:url(img/bg/kutikomi_bottom.gif) no-repeat top; height:7px; }
.kutikomi_top p { margin:10px 20px 0 30px; line-height:1.3em; }
.kutikomi_m10a { background:url(img/illust/10a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m10b { background:url(img/illust/10b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m10a_2 { background:url(img/illust/10a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m10b_2 { background:url(img/illust/10b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m20a { background:url(img/illust/20a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m20b { background:url(img/illust/20b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m20a_2 { background:url(img/illust/20a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m20b_2 { background:url(img/illust/20b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m20a_3 { background:url(img/illust/20a_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m20b_3 { background:url(img/illust/20b_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m20a_4 { background:url(img/illust/20a_4.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m20b_4 { background:url(img/illust/20b_4.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m30a { background:url(img/illust/30a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m30b { background:url(img/illust/30b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m30a_2 { background:url(img/illust/30a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m30b_2 { background:url(img/illust/30b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m30a_3 { background:url(img/illust/30a_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m30b_3 { background:url(img/illust/30b_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m30a_4 { background:url(img/illust/30a_4.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m30b_4 { background:url(img/illust/30b_4.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m40a { background:url(img/illust/40a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m40b { background:url(img/illust/40b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m40a_2 { background:url(img/illust/40a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m40b_2 { background:url(img/illust/40b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m40a_3 { background:url(img/illust/40a_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m40b_3 { background:url(img/illust/40b_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m40a_4 { background:url(img/illust/40a_4.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m40b_4 { background:url(img/illust/40b_4.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m50a { background:url(img/illust/50a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m50b { background:url(img/illust/50b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m50a_2 { background:url(img/illust/50a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m50b_2 { background:url(img/illust/50b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m50a_3 { background:url(img/illust/50a_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m50b_3 { background:url(img/illust/50b_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m50a_4 { background:url(img/illust/50a_4.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m50b_4 { background:url(img/illust/50b_4.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m60a { background:url(img/illust/60a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m60b { background:url(img/illust/60b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m60a_2 { background:url(img/illust/60a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m60b_2 { background:url(img/illust/60b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m60a_3 { background:url(img/illust/60a_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m60b_3 { background:url(img/illust/60b_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m60a_4 { background:url(img/illust/60a_4.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m60b_4 { background:url(img/illust/60b_4.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m70a { background:url(img/illust/70a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m70b { background:url(img/illust/70b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m70a_2 { background:url(img/illust/70a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_m70b_2 { background:url(img/illust/70b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w10a { background:url(img/illust/w10a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w10b { background:url(img/illust/w10b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w10a_2 { background:url(img/illust/w10a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w10b_2 { background:url(img/illust/w10b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w10a_3 { background:url(img/illust/w10a_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w10b_3 { background:url(img/illust/w10b_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w20a { background:url(img/illust/w20a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w20b { background:url(img/illust/w20b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w20a_2 { background:url(img/illust/w20a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w20b_2 { background:url(img/illust/w20b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w20a_3 { background:url(img/illust/w20a_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w20b_3 { background:url(img/illust/w20b_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w30a { background:url(img/illust/w30a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w30b { background:url(img/illust/w30b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w30a_2 { background:url(img/illust/w30a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w30b_2 { background:url(img/illust/w30b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w30a_3 { background:url(img/illust/w30a_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w30b_3 { background:url(img/illust/w30b_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w40a { background:url(img/illust/w40a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w40b { background:url(img/illust/w40b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w40a_2 { background:url(img/illust/w40a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w40b_2 { background:url(img/illust/w40b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w40a_3 { background:url(img/illust/w40a_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w40b_3 { background:url(img/illust/w40b_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w50a { background:url(img/illust/w50a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w50b { background:url(img/illust/w50b.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w50a_2 { background:url(img/illust/w50a_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w50b_2 { background:url(img/illust/w50b_2.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w50a_3 { background:url(img/illust/w50a_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w50b_3 { background:url(img/illust/w50b_3.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w60a { background:url(img/illust/w60a.gif) no-repeat 0px 0; width:80px; height:80px; }
.kutikomi_w60b { background:url(img/illust/w60b.gif) no-repeat 0px 0; width:80px; height:80px; }

/*--------------------------------------------------------
■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; }
.notep { background-color: #f4f4f4; padding:15px 15px 2px 15px; border:1px solid #C2C2C2; font-size:12px; margin:10px 0px 20px 0px; line-height:150%; }