@charset 'utf-8';
@import url('components/components.css');

/* summary ------------------
Sidebar
-------------------------- */
/* default ----------------- */

#Sidebar h3
{
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3;

    position: relative;

    padding: 3px 5px;

    color: #000;
    border: 1px solid #dcddde;
    background: url(images/h3_bg_001.jpg) no-repeat right top;
}

#Sidebar h3 span.PR
{
    font-size: 12px;
    line-height: 1.3;

    position: absolute;
    top: 4px;
    right: 5px;

    display: block;

    color: #999;
}

#Sidebar .InnerBox
{
    margin: 0 0 10px 0;
    padding: 5px 5px 0 5px;

    border: 1px solid #dcddde;
    border-top: none;
}


/* Banner01 ----------------- */

#Sidebar #Banner01
{
    margin: 0 0 10px 0;
}
/* data ----------------- */

#Sidebar #Data
{
    margin: 0 0 10px 0;
}

#Sidebar h3
{
    width: 288px;
}

#Sidebar #Data h3:after
{
    font-size: .1em;
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: .1px;

    content: '.';
}

* html #Sidebar #Data h3
{
    display: inline-block;
}

* + html #Sidebar #Data h3
{
    display: inline-block;
}

#Sidebar #Data h3 span.title
{
    font-weight: bold;
    line-height: 1.3;

    display: block;
    float: left;

    width: 180px;

    color: #000;
}

#Sidebar #Data h3 span.logo
{
    display: block;
    float: right;

    width: 91px;
    padding: 3px 0 0 0;
}

#Sidebar #Data .InnerBox
{
    margin: 0 0 10px 0;
    padding: 5px;

    border: 1px solid #dcddde;
    border-top: none;
}

#Sidebar #Data .date
{
    font-size: 1.2em;
    line-height: 1.3;

    margin: 0 0 5px 0;
}

#Sidebar #Data table
{
    width: 288px;
    margin: 0;

    border-collapse: collapse;
}

#Sidebar #Data table th
{
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.3;

    padding: 4px 2px;

    border-bottom: 2px solid #fff;
    background: #f2f2f2;
}

#Sidebar #Data table td
{
    font-size: 1.2em;
    line-height: 1.3;

    width: 85px;
    padding: 4px;

    border-bottom: 2px solid #fff;
    border-left: 1px solid #fff;
}

#Sidebar #Data table td.up
{
    color: #3a932e;
}

#Sidebar #Data table td.down
{
    color: #e46062;
}

#Sidebar #DataTop
{
    margin: 0 0 10px 0;
}
/*Weekly Scedule,Commentary,Course*/

#WeeklySucedule .InnerBox,
#Commentary .InnerBox,
#Course .InnerBox
{
    padding: 5px;
}

#WeeklySucedule .InnerBox img,
#Commentary .InnerBox img,
#Course .InnerBox img
{
    float: left;

    max-width: 80px;
    max-height: 80px;
    margin-right: 10px;
}

#WeeklySucedule .InnerBox p,
#Commentary .InnerBox p,
#Course .InnerBox p
{
    font-size: 1.4em;
    line-height: 1.3;
}

/* Search ----------------- */

#Sidebar #Search
{
    font-size: 12px;

    margin: 0 0 10px 0;
}

#Sidebar #Search .text
{
    width: 155px;

    vertical-align: middle;
}

#Sidebar #Search .submit
{
    vertical-align: middle;
}

#Sidebar #Search img
{
    vertical-align: middle;
}
/* PickUpNews text ----------------- */

#Sidebar #PickUpNews ul
{
    margin: 0;
}

#Sidebar #PickUpNews ul li
{
    font-size: 1.4em;
    line-height: 1.3;

    margin: 0 0 5px 0;
    padding: 0 0 0 12px;

    background: url(images/arrow_001.gif) no-repeat left 5px;
}

#Sidebar #PickUpNews ul li img
{
    margin: 0 0 0 3px;
}
/* PickUpNews photo (2010/10/04) ----------------- */

#Sidebar #PickUpNews dl
{
    margin: 0;
    padding-bottom: 5px;
}

#Sidebar #PickUpNews dl:after
{
    font-size: .1em;
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: .1px;

    content: '.';
}

* html #Sidebar #PickUpNews dl
{
    display: inline-block;
}

* + html #Sidebar #PickUpNews dl
{
    display: inline-block;
}

#Sidebar #PickUpNews dl dt
{
    float: left;

    width: 90px;
    height: 90px;
    margin: 0 2px;

    text-align: center;

    border: 1px solid #ccc;
    background: #fff;
}
/* PickUpTopic ----------------- */

#Sidebar #PickUpTopic ul
{
    margin: 0;
}

#Sidebar #PickUpTopic ul li
{
    font-size: 1.4em;
    line-height: 1.3;

    margin: 0 0 5px 0;
    padding: 0 0 0 12px;

    background: url(images/arrow_001.gif) no-repeat left 5px;
}

#Sidebar #PickUpTopic ul li img
{
    margin: 0 0 0 3px;
}
/* KeywordBox ----------------- */

#Sidebar #KeywordBox
{
    margin: 0 0 10px 0;
}

#Sidebar #KeywordBox h3
{
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3;

    padding: 3px 5px;

    color: #000;
    border: 1px solid #dcddde;
    background: url(images/h3_bg_001.jpg) no-repeat right top;
}

#Sidebar #KeywordBox h3 a
{
    padding: 0 12px 0 0;

    color: #000;
    background: url(images/arrow_001.gif) no-repeat right center;
}

#Sidebar #KeywordBox .InnerBox
{
    margin: 0 0 10px 0;
    padding: 5px 5px 0 5px;

    border: 1px solid #dcddde;
    border-top: none;
}

#Sidebar #KeywordBox ul
{
    margin: 0;
}

#Sidebar #KeywordBox ul li
{
    font-size: 1.4em;
    line-height: 1.3;

    float: left;

    width: 130px;
    margin: 0 2px 5px 0;
    padding: 0 0 0 12px;

    background: url(images/arrow_001.gif) no-repeat left 5px;
}

#Sidebar #KeywordBox .more
{
    clear: left;

    margin: 0 0 5px 0;
    padding: 10px 0 0 0;

    text-align: right;

    border-top: 1px dotted #dcddde;
}

#Sidebar #KeywordBox .more a
{
    font-size: 1.2em;
    line-height: 1.3;

    padding: 0 0 0 12px;

    background: url(images/arrow_001.gif) no-repeat left center;
}
/* StoryBox ----------------- */

#Sidebar #StoryBox
{
    margin: 0 0 10px 0;
}

#Sidebar #StoryBox h3
{
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3;

    padding: 3px 5px;

    color: #000;
    border: 1px solid #dcddde;
    background: url(images/h3_bg_001.jpg) no-repeat right top;
}

#Sidebar #StoryBox h3 a
{
    padding: 0 12px 0 0;

    color: #000;
    background: url(images/arrow_001.gif) no-repeat right center;
}

#Sidebar #StoryBox .InnerBox
{
    margin: 0 0 10px 0;
    padding: 5px 5px 0 5px;

    border: 1px solid #dcddde;
    border-top: none;
}

#Sidebar #StoryBox ul
{
    margin: 0;
}

#Sidebar #StoryBox ul li
{
    font-size: 1.4em;
    line-height: 1.3;

    margin: 0 0 5px 0;
    padding: 0 0 0 12px;

    background: url(images/arrow_001.gif) no-repeat left 5px;
}

#Sidebar #StoryBox .more
{
    margin: 0 0 5px 0;
    padding: 10px 0 0 0;

    text-align: right;

    border-top: 1px dotted #dcddde;
}

#Sidebar #StoryBox .more a
{
    font-size: 1.2em;
    line-height: 1.3;

    padding: 0 0 0 12px;

    background: url(images/arrow_001.gif) no-repeat left center;
}
/* KokoBizBox ----------------- */

#Sidebar #KokoBizBox
{
    margin: 0 0 10px 0;
}

#Sidebar #KokoBizBox h3
{
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3;

    padding: 3px 5px;

    color: #000;
    border: 1px solid #dcddde;
    background: url(images/h3_bg_001.jpg) no-repeat right top;
}

#Sidebar #KokoBizBox h3 a
{
    padding: 0 12px 0 0;

    color: #000;
    background: url(images/arrow_001.gif) no-repeat right center;
}

#Sidebar #KokoBizBox .InnerBox
{
    margin: 0 0 10px 0;
    padding: 5px 5px 0 5px;

    border: 1px solid #dcddde;
    border-top: none;
}

#Sidebar #KokoBizBox ul
{
    margin: 0;
}

#Sidebar #KokoBizBox ul li
{
    font-size: .9em;

    margin: 0 0 5px 0;
}

#Sidebar #KokoBizBox ul li dl
{
    margin: 0;
}

#Sidebar #KokoBizBox ul li dl:after
{
    font-size: .1em;
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: .1px;

    content: '.';
}

* html #Sidebar #KokoBizBox ul li dl
{
    display: inline-block;
}

* + html #Sidebar #KokoBizBox ul li dl
{
    display: inline-block;
}

#Sidebar #KokoBizBox ul li dl dt
{
    display: flex;
    float: left;

    width: 60px;
    height: 60px;
    margin: 0 0 5px 0;

    text-align: center;

    background: #f2f2f2;

    justify-content: center;
    align-items: center;
}

#Sidebar #KokoBizBox ul li dl dd
{
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.3;

    margin: 0 0 5px 0;
    padding: 0 0 0 70px;
}

#Sidebar #KokoBizBox ul li dl dd img
{
    vertical-align: top;
}

#Sidebar #KokoBizBox .more
{
    margin: 0 0 5px 0;
    padding: 10px 0 0 0;

    text-align: right;

    border-top: 1px dotted #dcddde;
}

#Sidebar #KokoBizBox .more a
{
    font-size: 1.3em;
    line-height: 1.3;

    padding: 0 0 0 12px;

    background: url(images/arrow_001.gif) no-repeat left center;
}
/* Ranking ----------------- */

#Sidebar #Ranking ul
{
    margin: 0;
}

#Sidebar #Ranking ul li
{
    position: relative;

    margin: 0 0 10px 0;
}

#Sidebar #Ranking ul li img
{
    margin: 0 0 0 3px;
}

#Sidebar #Ranking ul li a
{
    font-size: 1.4em;
    line-height: 1.3;

    display: inline-block;

    padding: 0 0 0 1.4em;
}

#Sidebar #Ranking ul li span
{
    font-size: 1.0em;

    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: 1.6em;
    padding: .2em 0;

    text-align: center;

    color: #fff;
    background: #c00;
}

#Sidebar #Ranking .more
{
    margin: 0 0 5px 0;
    padding: 10px 0 0 0;

    text-align: right;

    border-top: 1px dotted #dcddde;
}

#Sidebar #Ranking .more a
{
    font-size: 1.2em;
    line-height: 1.3;

    padding: 0 0 0 12px;

    background: url(images/arrow_001.gif) no-repeat left center;
}
/* SankeiDirectory ----------------- */

#Sidebar #SankeiDirectory
{
    margin: 10px 0;
}

#Sidebar #SankeiDirectory h3
{
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3;

    padding: 5px 5px 3px 5px;

    color: #000;
    border: 1px solid #dcddde;
    background: url(images/h3_bg_001.jpg) no-repeat right top;
}

#Sidebar #SankeiDirectory .InnerBox
{
    margin: 0 0 10px 0;
    padding: 10px 5px 0 5px;

    border: 1px solid #dcddde;
    border-top: none;
}

#Sidebar #SankeiDirectory ul
{
    margin: 0;
}

#Sidebar #SankeiDirectory ul li
{
    font-size: 1.2em;
    line-height: 1.3;

    float: left;

    width: 123px;
    margin: 0 2px 10px 0;
    padding: 0 0 0 19px;

    background: url(images/icon/icon_directory_001.gif) no-repeat left top;
}

#Sidebar #SankeiDirectory .more
{
    clear: left;

    margin: 0 0 5px 0;
    padding: 10px 0 0 0;

    text-align: right;

    border-top: 1px dotted #dcddde;
}

#Sidebar #SankeiDirectory .more a
{
    font-size: 1.2em;
    line-height: 1.3;

    padding: 0 0 0 12px;

    background: url(images/arrow_001.gif) no-repeat left center;
}

#Sidebar #SankeiDirectory .more
{
    margin: 0 0 5px 0;
    padding: 10px 0 0 0;

    text-align: right;

    border-top: 1px dotted #dcddde;
}

#Sidebar #SankeiDirectory .more a
{
    font-size: 1.2em;
    line-height: 1.3;

    padding: 0 0 0 12px;

    background: url(images/arrow_001.gif) no-repeat left center;
}
/* business i ----------------- */

#Sidebar #Businessi
{
    margin-top: 10px;
}

#Sidebar #Businessi .InnerBox:after
{
    font-size: .1em;
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: .1px;

    content: '.';
}

* html #Sidebar #Businessi .InnerBox
{
    display: inline-block;
}

* + html #Sidebar #Businessi .InnerBox
{
    display: inline-block;
}

#Sidebar #Businessi .banner
{
    float: left;

    width: 110px;
}

#Sidebar #Businessi ul
{
    margin-left: 7px;
}

#Sidebar #Businessi ul li
{
    font-size: 1.2em;

    margin-bottom: 5px;
    padding-left: 10px;

    background: url(/css/news_v20170403000/images/arrow_001.gif) no-repeat 0 50%;
}

#Sidebar #Businessi .banner02
{
    margin: 0 5px 10px 5px;

    text-align: center;
}

#Sidebar #Businessi p.text
{
    font-size: 1.4em;
    line-height: 1.3;

    margin: 0 5px 5px 5px;
    padding: 5px 0 0 0;

    border-top: 1px dotted #afafaf;
}
/*----- 2013.12.16 add  */
/*----- �����L���O �S�� */

#rankingSection
{
    margin-bottom: 15px;

    background-color: #666;
}
/*----- �����L���O �^�u */

#rankingSection .tabChange
{
    font-size: 1.4em;

    display: block;

    height: 30px;

    border-bottom: 3px solid #a50000;
}

#rankingSection .tabChange .tab
{
    line-height: 30px;

    display: inline-block;
    float: left;

    width: 150px;

    text-align: center;
}

#rankingSection .tabChange .tab a
{
    display: block;

    color: #333;
    background: #e9e9e9;
}

#rankingSection .tabChange .tab a:hover
{
    text-decoration: none;

    color: #fff;
    background-color: #bf1a20;
}

#rankingSection .tabChange .selected a
{
    zoom: 1;

    color: #fff;
    background-color: #a50000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bf1a20), color-stop(.5, #a50000));
    background-image: linear-gradient(to bottom, #bf1a20 0%, #a50000 50%);

    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bf1a20', endColorstr='#a50000');
}

#rankingSection .tabChange .selected a:hover
{
    zoom: 1;

    text-decoration: none;

    background-color: #a50000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bf1a20), color-stop(.5, #a50000));
    background-image: linear-gradient(to bottom, #bf1a20 0%, #a50000 50%);

    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bf1a20', endColorstr='#a50000');
}
/*----- �����L���O �{��(����) */

#rankingSection .rankingBody
{
    position: relative;

    height: 420px;
}

#rankingSection .rankingBody h3
{
    font-size: 0;

    position: absolute;
    top: -99999px;
    /*--- �}�C�i�X�Ŕ�΂��Ȃ��ꍇ�AIE��table��tr��̕������c�� */
    left: -99999px;
    /*--- �}�C�i�X�Ŕ�΂��Ȃ��ꍇ�AIE��table��tr��̕������c�� */

    overflow: hidden;

    width: 0;
    height: 0;
}

#rankingSection .rankingBody section
{
    position: absolute;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 300px;
}

#rankingSection .rankingBody section .ranking ol li
{
    zoom: 1;

    border-top: 1px solid #888;
    border-bottom: 1px solid #2b2b2b;
    background: #666;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #333));
    background-image: linear-gradient(to bottom, #666 0%, #333 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#666666', endColorstr='#333333');
}

#rankingSection .rankingBody section .ranking ol li:first-of-type
{
    border-top: none;
}

#rankingSection .rankingBody section .ranking ol li a
{
    display: block;

    min-height: 2.8em;
    padding: 2px 6px;

    color: #fff;
}

#rankingSection .rankingBody section .ranking ol li:hover
{
    text-decoration: none;
}

#rankingSection .rankingBody section .ranking ol li a .rank
{
    font-weight: bold;

    display: table-cell;

    width: 3em;

    text-align: center;
    vertical-align: top;

    color: #a9a9a9;
}

#rankingSection .rankingBody section .ranking ol li a .title
{
    font-size: 1.4em;
    line-height: 1.5em;

    display: table-cell;

    padding: 5px 0 0 5px;
}

#rankingSection .rankingBody section .ranking ol li a span
{
    *display: inline;
    *zoom: 1;
}
/*----- �����L���O ���ʉ摜 */

#rankingSection .rankingBody section .ranking ol li a .rank-image
{
    display: table-cell;

    width: 40px;

    vertical-align: middle;

    color: transparent;
    background: url(images/ranking_none.png) 50% 50% no-repeat;
}

#rankingSection .rankingBody section .ranking ol li a .rank1
{
    background: url(images/ranking_001.png) 50% 50% no-repeat;
}

#rankingSection .rankingBody section .ranking ol li a .rank2
{
    background: url(images/ranking_002.png) 50% 50% no-repeat;
}

#rankingSection .rankingBody section .ranking ol li a .rank3
{
    background: url(images/ranking_003.png) 50% 50% no-repeat;
}

#rankingSection .rankingBody section .ranking ol li a .rank4
{
    background: url(images/ranking_004.png) 50% 50% no-repeat;
}

#rankingSection .rankingBody section .ranking ol li a .rank5
{
    background: url(images/ranking_005.png) 50% 50% no-repeat;
}

#rankingSection .rankingBody section .ranking ol li a .rank6
{
    background: url(images/ranking_006.png) 50% 50% no-repeat;
}

#rankingSection .rankingBody section .ranking ol li a .rank7
{
    background: url(images/ranking_007.png) 50% 50% no-repeat;
}

#rankingSection .rankingBody section .ranking ol li a .rank8
{
    background: url(images/ranking_008.png) 50% 50% no-repeat;
}

#rankingSection .rankingBody section .ranking ol li a .rank9
{
    background: url(images/ranking_009.png) 50% 50% no-repeat;
}

#rankingSection .rankingBody section .ranking ol li a .rank10
{
    background: url(images/ranking_010.png) 50% 50% no-repeat;
}
/*----- for IE7 ���ʉ摜�ƌ��o���������тɂȂ�Ȃ����Ƃɑ΂���␳ */

* + html #rankingSection .rankingBody section .ranking ol li a .rank-image,
* + html #rankingSection .rankingBody section .ranking ol li a .title
{
    display: block;
    float: left;
}

* + html #rankingSection .rankingBody section .ranking ol li a .status
{
    clear: both;
}
/*----- �u�ԃ����L���O(chartbeat) */

#rankingSection .rankingBody section .cb-rank-viewport
{
    position: relative;

    overflow: hidden;

    width: 100%;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper
{
    position: relative;
    z-index: 1;

    width: 100%;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol
{
    position: relative;

    width: 100%;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol li
{
    width: 100%;
    min-height: 80px !important;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol li a:hover
{
    text-decoration: none;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol li.cb-rank-entry
{
    position: absolute;
    left: 0;

    overflow: hidden;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol.now-loading
{
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center 20%;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol.now-loading li
{
    opacity: .3;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol li.cb-rank-entry .rank-image,
#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol li.cb-rank-entry .title
{
    overflow: hidden;

    height: 45px;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol.cb-active li.cb-rank-entry
{
    -webkit-transition: top 350ms linear;
       -moz-transition: top 350ms linear;
        -ms-transition: top 350ms linear;
         -o-transition: top 350ms linear;
            transition: top 350ms linear;

    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-cover
{
    position: relative;
    z-index: 2;

    width: 100%;
    height: 10px;

    opacity: .3;
}

.cssgradients #rankingSection .rankingBody section .cb-rank-viewport .cb-rank-cover
{
    opacity: 1;
}
/*----- �u�ԃ����L���O(chartbeat) ��Ԃ�l�߂�{�b�N�X */

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol li a .status
{
    display: block;

    height: 14px;
    margin-top: 5px;

    color: transparent;
}
/*----- �u�ԃ����L���O(chartbeat) �����N�ϓ��摜 */

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol li a .rank-up
{
    background: url(images/rank_up.png) 50px 50% no-repeat;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol li a .rank-down
{
    background: url(images/rank_down.png) 50px 50% no-repeat;
}

#rankingSection .rankingBody section .cb-rank-viewport .cb-rank-wrapper ol li a .rank-flat
{
    background: url(images/rank_flat.png) 50px 50% no-repeat;
}
/*----- �\�[�V���������L���O(socialcount) */

#rankingSection .rankingBody section .soc-rank-viewport
{
    width: 100%;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper
{
    width: 100%;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol
{
    position: relative;

    width: 100%;
}
/* �u�ԃ����L���O�ƍ�������킹�邽��1�ʂ�5�ʂ̂�80px�A����ȊO��79px�ɂ��� */

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li
{
    width: 100%;
    height: 79px !important;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li:nth-child(1)
{
    width: 100%;
    height: 80px !important;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li:nth-child(5)
{
    width: 100%;
    height: 80px !important;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol.now-loading
{
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center 20%;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol.now-loading li
{
    opacity: .3;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li.soc-rank-entry .rank-image,
#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li.soc-rank-entry .title
{
    overflow: hidden;

    height: 45px;
}
/*----- �\�[�V���������L���O(socialcount) ��Ԃ�l�߂�{�b�N�X */

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li a dl.status
{
    height: 16px;
    margin-top: 5px;
    padding-left: 45px;

    vertical-align: middle;

    color: #333;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li a dl.status dt
{
    font-size: 0;

    position: absolute;
    top: -99999px;
    left: -99999px;

    overflow: hidden;

    width: 0;
    height: 0;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li a dl.status dd
{
    font-size: 1em;

    display: inline-block;

    min-width: 50px;

    text-align: right;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li a dl.status dt,
#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li a dl.status dd
{
    *display: inline;
    *zoom: 1;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li a .tw
{
    margin-right: 15px;
    padding: 4px 5px 2px 0;

    background: url(images/soc_twcount.png) 0 50% no-repeat;
}

#rankingSection .rankingBody section .soc-rank-viewport .soc-rank-wrapper ol li a .fb
{
    padding: 4px 5px 2px 0;

    background: url(images/soc_fbcount.png) 0 50% no-repeat;
}
/* ===================================
 common style
=================================== */
/*--- 非表示テキスト */

.speech
{
    font-size: 0;

    position: absolute;
    top: -99999px;
    left: -99999px;

    overflow: hidden;

    width: 0;
    height: 0;
}
/*--- clearfixコンパクト版(IE8～) */

.clearfix:after
{
    display: block;
    clear: both;

    content: '';
}
/* ===================================
 ranking widget
=================================== */

#rankingWidget
{
    margin-bottom: 15px;
}
/*--- ランキングタブ */

#rankingWidget .rankingTab
{
    font-size: 1.3em;

    height: 30px;

    border-bottom: 3px solid #a50000;
}

#rankingWidget .rankingTab a
{
    line-height: 30px;

    display: inline-block;
    float: left;

    text-align: center;

    color: #333;
    background: #e9e9e9;
}

#rankingWidget .rankingTab a.access
{
    width: 55px;
}

#rankingWidget .rankingTab a.social
{
    width: 80px;
}

#rankingWidget .rankingTab a:hover
{
    text-decoration: none;

    color: #fff;
    background-color: #bf1a20;
}

#rankingWidget .rankingTab a.selected
{
    zoom: 1;

    color: #fff;
    background-color: #a50000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bf1a20), color-stop(.5, #a50000));
    background-image: linear-gradient(to bottom, #bf1a20 0%, #a50000 50%);

    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bf1a20', endColorstr='#a50000');
}
/*--- ランキング本体 */

#rankingWidget .rankingBody
{
    position: relative;

    width: 298px;
    height: 400px;

    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}

#rankingWidget .rankingBody.now-loading
{
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center 50%;
}

#rankingWidget .rankingBody section
{
    position: absolute;
    top: 0;
    left: 9px;

    visibility: hidden;
}

#rankingWidget .rankingBody section ol li
{
    width: 280px;
    height: 63px;
    padding: 8px 0;

    border-top: 1px solid #d9d9d9;
}

#rankingWidget .rankingBody section ol li a
{
    font-size: 1.4em;
    line-height: 1.5;

    display: block;
    overflow: hidden;

    height: 63px;

    color: #4d4d4d;
}

#rankingWidget .rankingBody section ol li a .rank
{
    display: block;
    float: left;

    width: 34px;
    height: 63px;
    margin-right: 10px;

    color: transparent;
}

#rankingWidget .rankingBody section ol li:first-child
{
    height: 64px;

    border: none;
}

#rankingWidget .rankingBody section ol li:first-child a
{
    height: 64px;
}

#rankingWidget .rankingBody section ol li:first-child a .rank
{
    height: 64px;
}

#rankingWidget .rankingBody section ol li a span.rank1
{
    background: url('images/icn_rank_01.png') no-repeat scroll 50% 10%;
}

#rankingWidget .rankingBody section ol li a span.rank2
{
    background: url('images/icn_rank_02.png') no-repeat scroll 50% 10%;
}

#rankingWidget .rankingBody section ol li a span.rank3
{
    background: url('images/icn_rank_03.png') no-repeat scroll 50% 10%;
}

#rankingWidget .rankingBody section ol li a span.rank4
{
    background: url('images/icn_rank_04.png') no-repeat scroll 50% 10%;
}

#rankingWidget .rankingBody section ol li a span.rank5
{
    background: url('images/icn_rank_05.png') no-repeat scroll 50% 10%;
}
/*--- ソーシャルランキング */

#rankingWidget .rankingBody section ol li a dl.status
{
    font-size: .8em;

    float: left;

    width: 236px;
    height: 16px;
    margin-top: 5px;
}

#rankingWidget .rankingBody section ol li a dd
{
    display: inline-block;

    width: 55px;
    height: 14px;
    padding-top: 2px;

    text-align: right;
}

#rankingWidget .rankingBody section ol li a dd.tw
{
    margin-right: 15px;

    background: url('images/soc_twcount.png') no-repeat scroll 0 0;
}

#rankingWidget .rankingBody section ol li a dd.fb
{
    background: url('images/soc_fbcount.png') no-repeat scroll 0 0;
}

#rankingWidget .rankingBody section ol li a dd .rankCount
{
    padding-right: 5px;
}
/*--- ランキングフッター */

#rankingWidget .toRankingPage
{
    height: 29px;
    padding: 0 10px;

    text-align: right;

    border: 1px solid #d9d9d9;
    border-top: none;
}

#rankingWidget .toRankingPage .hrTopDot
{
    display: block;

    margin-top: 0;
    padding-top: 5px;

    border-top: 1px dotted #dcddde;
}

#rankingWidget .toRankingPage .hrTopDot a
{
    font-size: 1.4em;
    line-height: 1.5;

    padding: 0 0 0 12px;

    background: url('images/arrow_001.gif') no-repeat scroll left 5px;
}

.hrTopDot
{
    display: block;

    margin: 5px 0;
    padding: 10px 0 0 0;

    text-align: right;

    border-top: 1px dotted #dcddde;
}

.hrTopDot a
{
    font-size: 1.3em;
    line-height: 1.3;

    padding: 0 0 0 12px;

    background: url(./images/arrow_001.gif) no-repeat left center;
}