@charset "UTF-8";



/* ------ ランキング01　------ */
.rank01 {font-size: 100%; line-height: 1.5em; padding-bottom: 15px;}
.rank01 .box01{width: 98%; margin: 5px auto ;  padding: 10px; background: ;}
.rank01 .idx01{padding: 8px 0 ; font-size: 20px; font-weight: bold; color: ;}
.rank01 .idx01 img {margin-top: -25px; padding-right: 5px; float: left; }
.rank01 .box01 .inner {margin: 5px; padding: 10px; background: #FFF;}
.rank01 .box01 .inner img { max-width: 200px; padding-right: 15px; float: left;}
.rank01 .box02 {display: inline-block; vertical-align: top; width: 48%; margin: 5px  0.79%; padding: 5px;font-size: 12px;line-height: 150%;background: ;}
.rank01 .idx02 {padding: 8px 0 8px;font-size: 16px; font-weight: bold;}
.rank01 .idx02 img {margin-top: -20px; padding-right: 5px; float: left; }
.rank01 .box02 .inner{margin: 5px; padding: 10px;background: #FFF;}
.rank01 .box02 .inner img { max-width: 100px; padding-right: 15px; float: left;}
.corner-all-10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.middle_button a{width: 180px; margin-top: 10px; padding:4px 0px; display: inline-block; text-align:center; border:2px solid #FFF; box-shadow: 1px 1px 5px #666; font-size: 12px; font-weight: bold; color: #FFF; text-decoration:none;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    background:-moz-linear-gradient(top, #D00 0%, #D00 49%, #B00 50%, #B00);
    background:-webkit-gradient( linear,left top,left bottom, from(#D00), color-stop(0.49,#D00), color-stop(0.50,#B00), to(#B00));
}
.middle_button a:hover {filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80;}

.small_button a{width: 130px; margin-top: 5px; padding:3px 0px; display: inline-block; text-align:center; border:2px solid #FFF; box-shadow: 1px 1px 5px #666; font-size: 10px; font-weight: bold; color: #FFF; text-decoration:none;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    background:-moz-linear-gradient(top, #D00 0%, #D00 49%, #B00 50%, #B00);
    background:-webkit-gradient( linear,left top,left bottom, from(#D00), color-stop(0.49,#D00), color-stop(0.50,#B00), to(#B00));
}
.small_button a:hover {filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80;}


/* ------ ランキング02　------ */
.rank02 {display: inline-block; vertical-align: top; width: 31.5%; margin: 0 0 15px 1% ;padding: 0; border-width : 2px; border-style: solid; border-color: ; 
  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; background-color: #FFF;}
.rank02-color01 {border-color: ;}
.rank02-color02 {border-color: ;}
.rank02-color03 {border-color: ;}
.rank02-color04 {border-color: ;}
.rank02-color05 {border-color: ;}
.rank02-color06 {border-color: ;}
.rank02-color07 {border-color: ;}
.rank02-color08 {border-color: ;}
.rank02-color09 {border-color: ;}
.rank02 .idx {margin: 0; padding: 5px 5px 0; background-color: ;}
.rank02 .idx-color01 {background-color: ;}
.rank02 .idx-color02 {background-color: ;}
.rank02 .idx-color03 {background-color: ;}
.rank02 .idx-color04 {background-color: ;}
.rank02 .idx-color05 {background-color: ;}
.rank02 .idx-color06 {background-color: ;}
.rank02 .idx-color07 {background-color: ;}
.rank02 .idx-color08 {background-color: ;}
.rank02 .idx-color09 {background-color: ;}
.rank02 .idx img {margin: -15px 0px 5px -10px; float: left;} 
.rank02 .idx h3 {margin: 0; padding: 5px 0; font-size: 107%; font-weight: 600; line-height: 1.2em; color:} 
.rank02 .idx-color01 h3 {color: ;}
.rank02 .idx-color02 h3 {color: ;}
.rank02 .idx-color03 h3 {color: ;}
.rank02 .idx-color04 h3 {color: ;}
.rank02 .idx-color05 h3 {color: ;}
.rank02 .idx-color06 h3 {color: ;}
.rank02 .idx-color07 h3 {color: ;}
.rank02 .idx-color08 h3 {color: ;}
.rank02 .idx-color09 h3 {color: ;}
.rank02 .inner{margin: 10px; padding: 0 ; font-size: 92%; line-height: 1.5em; text-align: justify; text-justify: inter-ideograph;}
.rank02 .inner .b_link img {max-width: 100%; border: 1px solid #CCC; margin: 0 auto; display: block;}
.rank02 .inner .t_link {text-align: right;}
.rank02 .inner .exp {margin: 0; padding: 10px 0;}

/* ------ ランキング03------ */
.rank03 {max-width: 96%; margin: 0 auto 20px; padding: 0;  border-bottom: 1px solid ;}
.rank03 .idx{margin: 0; padding: 5px; border-width: 3px 0 1px; border-style:  solid; border-color:  ; }
.rank03 .idx img{float: left; margin-top: -4px;} 
.rank03 .idx h4{margin: 0; padding: 10px 0 4px 60px; font-size: 140%;font-weight: 600;line-height: 1.2em; color: #333;}
.rank03 .lbox {float: left; margin-top: 10px; padding: 0 ; width: 40%; height: auto;}
.rank03 .lbox img {max-width: 100%; height: auto;}
.rank03 .rbox {float: right; margin-top: 10px; padding: 0;width: 59%;}
.rank03 .t_link{font-size: 124%; font-weight: 600; padding: 10px 5px; text-align: right;}
.rank03 table{border: solid 1px ; border-collapse: collapse;width: 100%;}
.rank03 th{border: solid 1px  ; padding : 4px;background: ; text-align: center; width: 25%;}
.rank03 td{border: solid 1px  ; padding: 4px;line-height:150%;}
.rank03 .star {font-size: 20px; color: #71AAE0;}
.rank03 .star01 {color: #F4CA54;}
.rank03 .star02 {color: #999999;}
.rank03 .star03 {color: #BD4C54;}

/* ------ ランキング04------ */
.Widget_Rank04 {margin-bottom: 0;}
.rank04 {width: 100%; padding: 10px; background-color: ;}
.rank04 .idx {padding: 5px 0; font-size: 115%; font-weight: bold; color: ;}
.rank04 .idx img{float: left; margin-top: -10px;} 
.rank04 .tlink {font-size: 92%; text-align: center;}

/* ------ ランキング05　------ */
table.rank05{margin-top:10px;border: solid 1px #CCC; border-collapse: collapse; width: 100%; font-size: 85%;}
.rank05 th{border: solid 1px  ; padding : 5px;background: ; color: #FFF;text-align: center; font-weight: bold;}
.rank05 td{border: solid 1px  ; padding: 4px;line-height:1.5em; text-align: center; vertical-align:middle;}
.rank05 td.txtleft {text-align: left;}
.rank05 td.bgcolor{background: ;}
.rank05 .slink a {width: 90px; margin-top: 5px; padding:3px 0px; display: inline-block; text-align: center; border:2px solid #FFF; box-shadow: 1px 1px 3px #666; font-size: 10px; font-weight: bold; line-height: 1.2em;color: #FFF; text-decoration:none;
    -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
    background:-moz-linear-gradient(top, #05D 0%, #05D 49%, #04B 50%, #04B);
    background:-webkit-gradient( linear,left top,left bottom, from(#05D), color-stop(0.49,#05D), color-stop(0.50,#04B), to(#04B));
}
.rank05 .slink a:hover {filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80;}
.rank05 .klink a {width: 90px; margin-top: 5px; padding:3px 0px; display: inline-block; text-align: center; border:2px solid #FFF; box-shadow: 1px 1px 3px #666; font-size: 10px; font-weight: bold; line-height: 1.2em;color: #FFF; text-decoration:none;
    -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
    background:-moz-linear-gradient(top, #D00 0%, #D00 49%, #B00 50%, #B00);
    background:-webkit-gradient( linear,left top,left bottom, from(#D00), color-stop(0.49,#D00), color-stop(0.50,#B00), to(#B00));
}
.rank05 .klink a:hover {filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80;}


/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  table.rank05 {display: block; width: auto; overflow-x: auto; white-space: nowrap;}
  .rank05::-webkit-scrollbar{ height: 5px;}
  .rank05::-webkit-scrollbar-track{background: #F1F1F1;}
  .rank05::-webkit-scrollbar-thumb {background: #BCBCBC;}
}	

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  /* ------ ランキング01　------ */
  .rank01 .box01{width: 100%;}
  .rank01 .box01 .inner img { max-width: 100%; margin: 0 auto 10px; padding-right: 0; float: none; display: block;}
  .rank01 .box02 {width: 100%; margin: 5px  0;}
  /* ------ ランキング02　------ */  
  .rank02 {width: 100%; margin: 0 0 15px 0;}
  /* ------ ランキング03　------ */  
  .rank03 {max-width: 100%;}
  .rank03 .lbox {float: none; width: 100%;}
  .rank03 .lbox img {margin: 0 auto; display: block;}
  .rank03 .rbox {float: none; width: 100%;}
}

/* ------ 共通 ------ */
.bld {font-weight: bold;}
.red {color: #C00;}
.waku {border: 1px solid #CCC;}
.textleft{text-align: left;}
.textright{text-align: right;}
.textcenter{{text-align: center;}
.clr{clear: both;}