@charset "utf-8";

body {
}

/*****************************************************************************************/
/*ラッパーで全体の表示位置指定可**********************************************************/
/*****************************************************************************************/

#wrapper{
height:auto;
width:890px;
margin:auto;
background: url(/static/images/img_blog_ranking/ranking-wapper-bg.gif);
background-repeat:repeat-y;
border-bottom:1px solid #B4DA24;
padding:0px;
}

/*****************************************************************************************/
/*ラッパー内のマージンリセット************************************************************/
/*****************************************************************************************/

#wrapper h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,img,{
margin:0px;
}

/*****************************************************************************************/
/*ページ内でグローバルなリンク色**********************************************************/
/*****************************************************************************************/

a{
color:#0099FF;
}

a:link{
color:#0066FF;
text-decoration:none;
}

a:link:hover{
color:#FF9900;
text-decoration:none;
}

a:visited{
color:#0099FF;
text-decoration:none;
}

a:visited:hover{
color:#FF9900;
}

/*****************************************************************************************/
/*ヘッダー********************************************************************************/
/*****************************************************************************************/

#wrapper #header{
margin:0px;
padding-left:45px;
width:800px;
float:left;
}

#wrapper #ranking-title{
margin:0px;
padding-left:45px;
float:left;
height:100px;
width:800px;
}

/*****************************************************************************************/
/*左コンテナ**************************************************************************/
/*****************************************************************************************/

#wrapper #cont-left{
margin:0px;
padding:20px 0px 30px 65px;
height:auto;
width:550px;
float:left;
}

/* ===================================================================================== */
/*３位ランキング*/

#wrapper #cont-left #box-rank3{
margin:0;
padding:0px;
float:left;
width:550px;
}

#wrapper #cont-left #box-rank3 .cell{
width:120px;
padding:0px 30px 0px 30px;
float:left;
height:auto;
background:#FFFFFF;
}

#wrapper #cont-left #box-rank3 .cell .rank{
height:50px;
width:50px;
display:block;
padding: 0px 33px 5px 32px;
}

#wrapper #cont-left #box-rank3 .cell .rank img{
height:40px;
width:40px;
}

#wrapper #cont-left #box-rank3 .cell .rank-bunner{
height:120px;
width:120px;
display:block;
}

#wrapper #cont-left #box-rank3 .cell .title{
text-align:justify;
height:auto;
width:120px;
display:block;
margin:0px;
padding:5px 0px 0px 0px;
font-size:0.8em;
line-height:1.3em;
}

/* ===================================================================================== */
/*タイトル*/

#wrapper #cont-left .left-title{
font-size:1em;
line-height:4em;
background: url(/static/images/img_blog_ranking/icon_ranking.gif) no-repeat left center;
height:4em;
clear:both;
float:left;
margin:10px 0px 0px 20px;
padding:0px 0px 0px 50px;
width:20em;
}

/* ===================================================================================== */
/*カウント数*/

#wrapper #cont-left .count{
width:auto;
clear:both;
text-align:right;
padding:0px 40px 10px 0px;
font-size:0.8em;
}

/* ===================================================================================== */
/*ナビゲーション（ページ制御）*/

#wrapper #cont-left .nav{
text-align:center;
width:540px;
clear:both;
padding-top:10px;
margin-bottom:20px;
padding-bottom:10px;
font-size:0.9em;
line-height:1.4em;
}

/* ===================================================================================== */
/*背景が灰色のブロック*/

#wrapper #cont-left .box-under3{
height:auto;
width:540px;
clear:both;
padding:5px 0px 5px 0px;
float:left;
background:#F7F7F7;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

/* ===================================================================================== */
/*背景が白のブロック（背景違い）*/

#wrapper #cont-left .box-under3-2{
height:auto;
width:540px;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
float:left;
margin:0px;
padding:5px 0px 5px 0px;
clear:both;
}

/* ===================================================================================== */
/*２０番目のブロック（ボーダー違い）*/

#wrapper #cont-left .box-under3-3{
height:auto;
width:538px;
clear:both;
padding:5px 0px 5px 0px;
border:1px solid #CCCCCC;
float:left;
}

/* ===================================================================================== */
/*ブロックの内容left*/

#wrapper #cont-left  .left{
float:left;
height:82px;
width:57px;
padding:0px 12px 0px 12px;
}

#wrapper #cont-left  .left img{
height:41px;
width:57px;
display:block;
margin:0px;
padding:0px;
}

.rank{
text-align:center;
height:30px;
width:57px;
display:block;
margin:0px;
padding:10px 0px 0px 0px;
font-weight:600;
}

/* ===================================================================================== */
/*ブロックの内容right*/

#wrapper #cont-left  .right{
height:auto;
width:450px;
float:left;
}

#wrapper #cont-left  .right .link{
color:#333333;
width:450px;
line-height:1.3em;
margin:3px 0px 0px 0px;
font-size:0.8em;
}

#wrapper #cont-left  .right .link a{
color:#333333;
text-decoration:none;
}

#wrapper #cont-left  .right .link a:visited{
color:#333333;
text-decoration:none;
}

#wrapper #cont-left  .right .link a:hover{
color:#8C973C;	
}

#wrapper #cont-left  .right .link a:visited:hover{
color:#999900;

}

#wrapper #cont-left  .right .sub-title{
float:left;
margin:0px 0px 3px 0px;
padding:0px;
display:block;
width:450px;
clear:both;
color:#0099FF;
font-size:0.9em;
}

#wrapper #cont-left  .right .naiyou{
height:auto;
width:450px;
line-height:1.3em;
font-size:0.8em;
}

#wrapper #cont-left  .right .naiyou a{
color:#FF0000;
}

#wrapper #cont-left  .right .news{
line-height:1.3em;
margin:5px 0px 3px 0px;
font-weight:600;
margin:0px 10px 0px 0px;
color:#FF0000;
}

#wrapper #cont-left  .right .naiyou .comment{
display:inline;
line-height:1.3em;
}

/*****************************************************************************************/
/*右コンテナ******************************************************************************/
/*****************************************************************************************/

#wrapper #cont-right{
float:left;
height:auto;
width:200px;
padding:0px 15px 20px;
background:#FFFFFF;
}

/* ===================================================================================== */
/*タイトル*/

#wrapper #cont-right .right-title{
background:url(/static/images/img_blog_ranking/bullet_ranking.gif) no-repeat left center;
width:auto;
padding:0px 0px 0px 20px;
font-size:1em;
clear:both;
margin:20px 0px 10px 0px;
line-height:1.5em;
}

/* ===================================================================================== */
/*カテゴリリンク*/

#wrapper #cont-right #category a:link,
#wrapper #cont-right #category a:visited{
color:#333333;
}

#wrapper #cont-right #category a:link:hover,
#wrapper #cont-right #category a:visited:hover{
color:#999900;
}

/* ===================================================================================== */
/*カテゴリ*/

#wrapper #cont-right #cate{
padding:0px 10px 0px 20px;
width:170px;
clear:both;
margin:0px;
}

#wrapper #cont-right #cate p{
font-size:13px;
}

/* ===================================================================================== */
/*地域カテゴリ*/

#wrapper #cont-right #region_cate{
padding:0px 10px 0px 20px;
width:170px;
clear:both;
margin:0px;
}

#wrapper #cont-right #region_cate p{
font-size:13px;
}

/*****************************************************************************************/
/*フッター********************************************************************************/
/*****************************************************************************************/

#wrapper #footer-menu{
width:800px;
clear:both;
height:1.3em;
margin:0px 0px 35px 0px;
padding:0px;
font-size:0.8em;
line-height:1.3em;
text-align:center;
}

#wrapper #footer-menu a{
color:#8E993B;
text-decoration:none;
}

#wrapper #footer-menu a:link, 
#wrapper #footer-menu a:visited{
color:#999900;
text-decoration:none;
}

#wrapper #footer-menu a:link:hover,
#wrapper #footer-menu a:visited:hover{
color:#99CC00;
text-decoration:none;
}

/*****************************************************************************************/
/*広告・HTML枠****************************************************************************/
/*****************************************************************************************/

/* ===================================================================================== */
/*HTMスペース - 全ページ - 上*/

#t_advertisement{
margin:0px;
padding:0px;
font-size:12px;
text-align:right;
}

/* ===================================================================================== */
/*全ページ - 右上*/

#all_page_right_head{
margin:0px;
padding:0px;
font-size:12px;
}

/* ===================================================================================== */
/*ランキング右上*/

.advertise_r_r_top{
margin:0px;
padding:0px;
text-align:center;
}

/* ===================================================================================== */
/*オフィシャルブログ*/

.advertise_official{
margin:0px;
padding:0px;
text-align:center;   
}