@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: 212px; margin-top: 7px; margin-left: 5px; }
#logo_img { float:left; margin-top: 10px; width: 212px; border:0px solid red; }
#desc { float:left; width: 323px; margin:40px 0px 5px 35px; font-size:11px; }
#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; margin-left:13px; }
.banner { margin-top: 10px; margin-left:5px; }
#pan { font-size:12px; line-height: 1.4em; padding:15px 0; clear:both; }
/***********************************************************
   contents
***********************************************************/
#contents { width: 100%; float: left; margin: 0px 0px 0px 0px; border:0px solid red; }
/***********************************************************
   right
***********************************************************/
#right { overflow: hidden; float: right; margin:-25px 0 0 10px; padding: 0 0 0 10px; width: 590px; }
#right .contents { margin:0 5px; }
#right .contents2 { margin:0 15px; }
#right h2 { clear: both; margin: 25px 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 h3 { font-size: 14px; font-weight: bold; background: #F4FBFC; margin: 25px 5px 20px; padding: 8px 15px 6px 10px; border-top: 2px solid #70C2DE; border-bottom: 1px solid #ccc;  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; }
p.folder { margin-bottom: 1.5em; background:url(img/icon/folder.gif) no-repeat 0 0; padding-left:20px; }
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; }
/*--------------------------------------------------------
■table2（ランキング2）
--------------------------------------------------------*/
#hikaku { width:100%; margin:0px 0px 30px; }
#hikaku td { padding:10px; }
#hikaku th { padding:10px; }
/*--------------------------------------------------------
■サイドバーランキング
--------------------------------------------------------*/

#sidebox { width: 200px; margin:0px 0px 15px 0px; }
#sidebar { margin:0px; padding: 0 0 0px 0; border:1px solid #ccc; background:#f2f2f2; }
#sidebar h2.rank_head { margin:0; padding:0px; text-indent:-9999px; width:194px; height:41px; background:url(img/side/rank_head.gif) no-repeat 4px 5px; }
#sidebar ul { color: #000; font-size: 12px; margin:5px 5px 0px 5px; padding:0px; background:#fff; border:1px solid #e5e5e5; }
#sidebar ul li { list-style: none; line-height: 150%; margin: 0px 0px 0px 0px; padding:10px 3px 10px 3px; background:url(img/line/dot2.gif) repeat-x bottom; }
#sidebar p { margin:5px 5px 5px 5px; }
/*--------------------------------------------------------
■都道府県
--------------------------------------------------------*/
.g2 { width:100%; margin:0px 0px 20px 0px; }
.g2 td { padding:10px; vertical-align:top; line-height:1.5em; font-size:12px; border:1px solid #c2c2c2; }
.g2 th { padding:10px; vertical-align:top; line-height:1.5em; font-size:12px; border:1px solid #c2c2c2; background-color:#f5f5f5; font-weight:bold; text-align:left; }
.glay { color:#999; font-size:12px; }
/*--------------------------------------------------------
■note
--------------------------------------------------------*/
.note { background-color: #f4f4f4; padding:8px 8px 0px 8px; border:1px solid #C2C2C2; font-size:14px; margin:10px 0px 20px 0px; 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 0px 7px; }
.note ol li { padding-top:8px; font-size:0.9em; }
.note ul { padding:0 7px 0px 7px; }
.note ul li { padding-top:8px; font-size:0.9em; }
.border { width:560px; margin:15px 0px 25px 0px; padding: 15px 10px 5px 10px; border: 1px solid #999; }
.one { background:url(img/list/1.gif) no-repeat 0 0px; height:24px; padding-left:25px; margin-top:5px; margin-left:0px; font-weight:bold; font-size:14px; }
.two { background:url(img/list/2.gif) no-repeat 0 0px; height:24px; padding-left:25px; margin-top:5px; margin-left:0px; font-weight:bold; font-size:14px; }
.three { background:url(img/list/3.gif) no-repeat 0 0px; height:24px; padding-left:25px; margin-top:5px; margin-left:0px; font-weight:bold; font-size:14px; }
.four { background:url(img/list/4.gif) no-repeat 0 0px; height:24px; padding-left:25px; margin-top:5px; margin-left:0px; font-weight:bold; font-size:14px; }
.five { background:url(img/list/5.gif) no-repeat 0 0px; height:24px; padding-left:25px; margin-top:5px; margin-left:0px; font-weight:bold; font-size:14px; }
.six { background:url(img/list/6.gif) no-repeat 0 0px; height:24px; padding-left:25px; margin-top:5px; margin-left:0px; font-weight:bold; font-size:14px; }
.seven { background:url(img/list/7.gif) no-repeat 0 0px; height:24px; padding-left:25px; margin-top:5px; margin-left:0px; font-weight:bold; font-size:14px; }
.eight { background:url(img/list/8.gif) no-repeat 0 0px; height:24px; padding-left:25px; margin-top:5px; margin-left:0px; font-weight:bold; font-size:14px; }
.nine { background:url(img/list/9.gif) no-repeat 0 0px; height:24px; padding-left:25px; margin-top:5px; margin-left:0px; font-weight:bold; font-size:14px; }
.ten { background:url(img/list/10.gif) no-repeat 0 0px; height:24px; padding-left:25px; margin-top:5px; margin-left:0px; font-weight:bold; font-size:14px; }
/*--------------------------------------------------------
■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; }
.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; }

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

/*------------------------------------------------------------
   口コミ
-------------------------------------------------------------*/
#right .kutikomi { margin:0 0 20px 0; }
#right .kutikomi2 { margin:10px 0 10px 0; }
#right .kutikomi_top { background:url(img/bg/kutikomi_top.gif) no-repeat top; }
#right .kutikomi_bottom { background:url(img/bg/kutikomi_bottom.gif) no-repeat top; height:7px; }
#right .kutikomi_top p { margin:10px 17px 10px 23px; line-height:1.5em; }
.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; }