/** ランキング天国 CSS */

/** エリアトップ */
#ranking-area .banner-area{
    /*background: url(../img/rankingHeaven/Ranking_Bar.gif) no-repeat;*/
    background: url(../img/headline/inline.gif) no-repeat;
    width:  495px;
    height: 25px;
    margin: 0 0 5px;
    position: relative;
}

#ranking-area .banner-area .ranking_header {
    padding: 0 5px;
    border: 1px solid #9EB4C6;
}

#ranking-area .banner-area .ranking_header a{
    color: #333333;
    font-weight: bold;
    line-height: 25px;
}

#ranking-area .banner-area .ranking-create{
    position: absolute;
    width: 170px;
    top: 1px;
    right: 5px;
    text-align: right;
}

#ranking-area .banner-area .ranking-create span{
    color: #333333;
    line-height: 25px;
}

#ranking-area .explain{
    text-align:right;
    color:#999999;
    padding:5px 0 0 5px;
    margin:0 0 10px 0;
    font-size: 90.5%;
    font-family: 'ＭＳ Ｐゴシック', Osaka;
}

#ranking-area .explain2{
    text-align:right;
    color:#999999;
    padding:5px 0 0 5px;
    font-size: 90.5%;
    font-family: 'ＭＳ Ｐゴシック', Osaka;
}

/** 個別ランキング */
#single-ranking-area .banner-area,
#single-ranking-area .banner-area-month,
#single-ranking-area .banner-area-manual {
    background: url(../img/rankingHeaven/Ranking_Bar_Week.gif) no-repeat;
	background-color: #FFFFFF;
    width:  495px;
    height: 43px;
    position: static;
    text-indent: -9999px
}

#single-ranking-area .banner-area-month {
    background: url(../img/rankingHeaven/Ranking_Bar_Month.gif) no-repeat;
}

#single-ranking-area .banner-area-manual {
    background: url(../img/rankingHeaven/Ranking_Bar_Manual.gif) no-repeat;
}

#single-ranking-area .explain{
    color:#999999;
    padding:5px 0 0 5px;
    margin:0 0 10px 10px;
    font-family: 'ＭＳ Ｐゴシック', Osaka;
}

#single-ranking-area .banner-girl{
    padding-top: 7px;
    padding-left: 40px;
    height: 20px;
    _height: 27px;
    background: url(../img/rankingHeaven/Ranking_Bar_Girl.gif) no-repeat top;
    color:#FFFFFF;
}

#single-ranking-area .banner-shop{
    padding-top: 7px;
    padding-left: 40px;
    height: 20px;
    _height: 27px;
    background: url(../img/rankingHeaven/Ranking_Bar_Shop.gif) no-repeat top;
    color:#FFFFFF;
}

#single-ranking-area .banner-news{
    padding-top: 7px;
    padding-left: 40px;
    height: 20px;
    _height: 27px;
    background: url(../img/rankingHeaven/Ranking_Bar_News.gif) no-repeat top;
    color:#FFFFFF;
}

#single-ranking-area .explain-sub{
    text-align:right;
    color:#999999;
    padding:5px 0 0 5px;
    margin:0 0 10px 0;
    font-size: 90.5%;
    font-family: 'ＭＳ Ｐゴシック', Osaka;
}

/** エリアトップ部品 */
.areatop-ranking {
    margin-top: 10px;
    width: 495px;
}

.areatop-ranking .ranking-mini {
    float: left;
    margin: 0 4px 1px;
    _margin: 0 3px 1px;
}

.ranking-mini {
    width: 200px;
    padding-bottom: 15px;
}

.ranking-mini * {
    font-family: 'ＭＳ Ｐゴシック', Osaka;
}

.ranking-mini .rank-more a {
    font-size: 90.5%;
}

.ranking-mini .title-bar {
    height:22px;
    background : url(/img/rankingHeaven/variety_bg.gif) no-repeat;
}

.ranking-mini .title-bar2 {
	background:url("/t/img/variety_bg2.gif") no-repeat scroll 0 0 transparent;
	height:22px;
}
.ranking-mini .title-text {
    padding: 4px 10px 0;
    text-align: left;
    color: #666666;
    font-size: 90.5%;
}

.ranking-mini .rank-body {
   padding: 5px 10px;
   border-bottom: #dddddd solid 1px;
}

.ranking-mini .rank-image {
    float: left;
}

.ranking-mini .rank-prof {
    float: right;
    text-align: left;
    color: #666666;
}

.ranking-mini .rank-prof a,
.ranking-mini .rank-prof span {
    font-size: 90.5%;
    line-height: 1em;
}

.ranking-mini .rank-prof img {
    vertical-align:middle;
    margin-top: -1px;
    margin-bottom: 2px;
}

.ranking-mini .rank-image img {
    vertical-align:middle;
}

.ranking-mini .rank-more {
    height:14px;
    padding: 3px 10px;
    text-align: right;
}
.ranking-mini .rank-more a {
    padding-left: 15px;
    background: url(/img/accessory/arrow/white.gif) no-repeat 0 center;
    text-decoration: underline;
}

.girl-ranking-mini .rank-image {
    width: 41px;
}

.girl-ranking-mini .rank-prof {
    width: 132px;
}

.shop-ranking-mini .rank-image {
    width: 84px;
}
.shop-ranking-mini .rank-prof {
    width: 94px;
}

.news-ranking-mini .rank-image {
    width: 41px;
}

.news-ranking-mini .rank-prof {
    width: 170px;
}

/** 個別女の子系ランキング (共通) */
table.ranking-girl-body,
table.ranking-girl-mini-body {
    border: #FF6799 solid 1px;
    width: 495px;
    margin-bottom: 5px;
    padding: 0;
}

table.ranking-girl-body td,
table.ranking-girl-mini-body td {
    vertical-align: top;
}

td.ranking-girl-left {
    width: 295px;
    border-right: #FF6799 solid 1px;
}

td.ranking-girl-right {
    width: 190px;
    padding: 5px;
}

.ranking-girl-icon {
    float: left;
    width: 30px;
    height: auto;
    text-align: center;
}

.ranking-girl-icon img {
    margin-bottom: 10px;
}

.ranking-girl-image {
    float: left;
    width: 120px;
    text-align: center;
}

.ranking-girl-info {
    float: left;
    width: 125px;
    font-size: 13px;
    text-align: left;
    margin: 10px 2px 0px 5px;
}

.ranking-girl-info span {
    display: block;
}

.ranking-girl-info span.name {
    margin-top: 8px; /* MODIFIED 1.85 女の子の店舗重複フラグ、上位の女の子表示対応 20 ⇒ 8 @FJCS)hatanaka 2011/01/11 */
    font-weight: bold;
}
.ranking-girl-info span.name a {
    font-weight: bold;
}

.ranking-girl-info span.catch {
/*    margin-top: 4px;  MODIFIED 1.85 女の子の店舗重複フラグ、上位の女の子表示対応につきコメントアウト @FJCS)hatanaka 2011/01/11 */
/*    margin-bottom: 25px; /* MODIFIED 1.85 女の子の店舗重複フラグ、上位の女の子表示対応につきコメントアウト @FJCS)hatanaka 2011/01/11 */
    font-weight: bold;
    color: #FF6699;
}

/* {-- 1.85 女の子の店舗重複フラグ、上位の女の子表示対応 @FJCS)hatanaka 2011/01/11 */

.ranking-girl-in-shop {
    width: 125px;
    font-size: 13px;
    text-align: left;
    margin: 20px 0px 0px 0px;
}

.ranking-girl-in-shop span.text {
    font-size: x-small;
    color: #3366FF;
}

.ranking-girl-in-shop span.girl_pic {
    float: left;
    margin: 0px 1px 0px 1px;
}

/* --} 1.85 女の子の店舗重複フラグ、上位の女の子表示対応 @FJCS)hatanaka 2011/01/11 */

.ranking-girl-right div.girl-icon {
    margin-top: 8px;
    /** IE hack */
    _height: 1px;
    _line-height: 1px;
}
.ranking-girl-right div.girl-info {
    margin-top: 3px;
}
.ranking-girl-right div.girl-work,
.ranking-girl-right div.girl-link {
    margin-top: 15px;

    /** 出勤情報のメッセージ項目半角英数字の時自動の折り返しがされないため幅を固定 */
    width: 190px;
    overflow-x: hidden; 
}
.ranking-girl-right div.girl-link a span {
    font-size: 60%;
}

/** 個別女の子系ランキング (1位から10位) */
table.ranking-girl-body td.ranking-girl-left,
table.ranking-girl-body td.ranking-girl-right {
    height: 182px;
}

table.ranking-girl-body .ranking-girl-icon {
    padding-top: 50px;
}

table.ranking-girl-body .ranking-girl-image {
    margin: 1px;
}

/** 個別女の子系ランキング (10位以下) */
table.ranking-girl-mini-body td.ranking-girl-left,
table.ranking-girl-mini-body td.ranking-girl-right {
    height: 122px;
}

table.ranking-girl-mini-body .ranking-girl-icon {
    padding-top: 30px;
}

table.ranking-girl-mini-body .ranking-girl-image {
    margin-top: 15px;
}

.ranking-girl-mini-body .ranking-girl-info span.name {
    margin-top: 2px;
}

.ranking-girl-mini-body .ranking-girl-info span.catch {
    margin-bottom: 20px;
}

.ranking-girl-mini-body .ranking-girl-right div.girl-icon {
    margin-top: 1px;
}
.ranking-girl-mini-body .ranking-girl-right div.girl-info {
    margin-top: 0;
}
.ranking-girl-mini-body .ranking-girl-right div.girl-work {
    margin-top: 5px;
}
.ranking-girl-mini-body .ranking-girl-right div.girl-link {
    margin-top: 3px;
}

/** 個別お店系ランキング */
table.ranking-shop-body {
    border: #FF6799 solid 1px;
    width: 495px;
    height: 92px;
    margin-bottom: 5px;
    padding: 0;
}

table.ranking-shop-body td{
    vertical-align: top;
}

.ranking-shop-icon {
    float: left;
    width: 30px;
    height: auto;
    text-align: center;
    padding-top: 18px;
    margin-left: 5px;
}

.ranking-shop-icon img {
    margin-bottom: 10px;
}

.ranking-shop-image {
    float: left;
    width: 100px;
    text-align: center;
    margin: 1px 0;
    margin-left: 5px;
}
table.ranking-shop-body td .ranking-shop-image img {
    vertical-align: middle;
}

.ranking-shop-info {
    float: left;
    width: 125px;
    font-size: 13px;
    text-align: left;
    margin: 30px 0 0px 5px;
}

.ranking-shop-info span {
	width: 125px;
    display: block;
    word-break:break-all;
}

.ranking-shop-info span.shop-name a {
    font-weight: bold;
}

.ranking-shop-info span.biz-area {
    font-size: 80%;
}

.ranking-shop-info-more {
    float: left;
    width: 210px;
    font-size: 13px;
    text-align: left;
    margin: 30px 2px 0px 0;
    font-size: 80%;
	overflow:hidden;
	word-break:break-all;
}

/** 個別ニュース系ランキング */
table.ranking-news-body {
    border: #FF6799 solid 1px;
    width: 495px;
    height: 120px;
    margin-bottom: 5px;
    padding: 0;
}

table.ranking-news-body td{
    vertical-align: top;
}

.ranking-news-icon {
    float: left;
    width: 30px;
    height: auto;
    text-align: center;
    padding-top: 10px;
    margin-left: 1px;
}

.ranking-news-icon img {
    margin-bottom: 10px;
}

.ranking-news-image {
    float: left;
    width: 80px;
    text-align: center;
    margin: 5px 10px 5px 5px;
}

.ranking-news-info {
    float: left;
    width: 360px;
    font-size: 13px;
    text-align: left;
    margin: 10px 0 5px 0;
}

.ranking-news-info span {
    display: block;
}

.ranking-news-info span.news-title a {
    font-weight: bold;
}

.ranking-news-info span.news-title,
.ranking-news-info span.news-intro {
    margin-bottom: 5px;
}

.ranking-news-info span.news-intro {
    text-indent: 0em;
}

/** ランキングレフトカラム */

    div#utilities div.ranking_menu h5{
        margin : 0 0 10px 0;
        background : url(../img/rankingHeaven/left_bar.gif) no-repeat;
        height : 26px;
        text-indent : 10px;
        padding-left:20px;
    }

    div#utilities div.ranking_menu_area{
        width:200px;
        margin:-10px 0 20px 0;
        background-color:#FF2090;
        padding:0 0 5px 0;
    }

    div#utilities div.ranking_menu_title{
        border-left:3px solid #FFFF00;
        color:#FFFFFF;
        font-weight:bold;
        margin:0 0 0 6px;
        padding:0 0 0 3px;
    }

    div#utilities div.ranking_switch{
        background : url(../img/rankingHeaven/syukan_gekkan2.gif) no-repeat;
        height: 26px;
        margin-bottom: 10px;
    }

    div#utilities div.ranking_switch div{
        float: left;
        width: 100px;
        margin-top: 5px;
        text-align: center;
    }

    div#utilities div.ranking_switch div{
        color: #666666;
        font-weight: bold;
    }

    div#utilities div.menu_ranking_area{
        background-color:#FFFFFF;
        border:1px solid #ccc;
        font-weight:bold;
        margin:2px 0 15px 5px;
        padding:0 0 15px 0;
        width:188px;
    }

    div#utilities div.menu_ranking_area li{
        background-image:none;
        padding:0;
        margin:0;
    }

    div#utilities div.menu_1{
        margin:5px 0 0 10px;
        width:170px;
        height:20px;
        border-bottom:1px dotted #999999;
    }

    div#utilities div.menu_border{
        margin:5px 0 0 10px;
        width:170px;
        height:1px;
        border-bottom:1px dotted #999999;
    }

    div#utilities div.menu_1 a{
        color:#3366CC;
        font-size:12px;
        font-weight:bold;
        text-decoration:underline;
    }

    div#utilities div.menu_2{
        color:#333333;
        font-size:12px;
        margin:5px 0 0 20px;
        width:150px;
        height:15px;
    }

    div#utilities ul.menu_3{
        color:#333333;
        font-size:12px;
        margin:0 0 0 35px;
        width:150px;
    }

    div#utilities ul.menu_3 a{
        color:#000000;
        font-size:12px;
        font-weight:bold;
        text-decoration:underline;
        line-height:1.5em;
    }

    div#utilities div.menu_line1{
        font-size:11px;
        color:#666;
        margin:2px 0 2px 10px;
        padding:2px 0 0 0;
        width:170px;
        height:15px;
        border-bottom:1px dotted #999999;
    }

    div#utilities div.menu_line{
        font-size:11px;
        color:#666;
        margin:2px 0 2px 10px;
        padding:2px 0 0 0;
        width:170px;
        height:1px;
        border-bottom:1px dotted #999999;
    }

/* 回り込み解除用 clearfix */
.clr:after {
  content: ".";	 /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clr {
	min-height: 1px;
}

* html .clr {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ランキングエリアトップレフトカラム */


div#utilities div.menu_ranking_area2{
        font-weight:bold;
        margin:2px 0 5px -4px;
        padding:0 0 15px 0;
        width:188px;
    }

div#utilities div.menu_ranking_area2 li{
		background:url("../img/icon/accessory/arrow/blue.gif") no-repeat scroll left center transparent;
		margin:5px 0 0 -8px;
		padding:0 0 0 20px;
		}


div#utilities div.ranking_menu_title2{
		background:url(//www.cityheaven.net/img/rankingHeaven/variety_bg.gif) no-repeat;
		border-left:3px solid #56AEE0;
		width:180px;
		height:19px;
		line-height:19px;
        color:#333333;
        font-weight:bold;
        margin:0 0 0 -4px;
        padding:0 0 0 7px;
    }

div#utilities ul.menu_4{
        font-size:12px;
        margin:0 0 0 35px;
        width:150px;
    }