@charset "utf-8";
/* CSS Document ***/

body {
color:#333;
margin:10px;
background:url(/static/images/bgimg.gif) repeat;
}

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

#wrapper{
margin:0 auto;
padding:0 0 10px;
clear:both;
width:820px;
position:relative;
background: #FFF;
}

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

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

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

a:link,a:visited{
color:#333;
text-decoration:none;
}

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

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

#wrapper #header{
margin:0 10px;
padding:0px;
width:800px;
height: 120px;
}

#wrapper h1 {
margin:0;
position: absolute;
left: 205px;
display: block;
top: 130px;
}

#wrapper #ranking-title{
margin:0px;
padding:0px;
width:605px;
height: 80px;
}

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

#wrapper #cont-left{
margin:0 10px 0 0;
padding:110px 0 20px 15px;
height:auto;
width:605px;
float:right;
}

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

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

#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:12px;
line-height:1.3em;
}

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

#wrapper #cont-left .left-title{
font-size:15px;
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:12px;
}

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

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

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

#wrapper #cont-left .box-under3{
height:auto;
width:580px;
clear:both;
padding:5px 0;
background:#F7F7F7;
border:1px solid #CCC;
float: left;
}

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

#wrapper #cont-left .box-under3-2{
height:auto;
width:580px;
border:1px solid #CCC;
float:left;
margin:0px;
padding:5px 0;
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:12px;
}

#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:14px;
}

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

#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:190px;
padding:0;
margin: 5px 0 20px;
}

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

#wrapper #cont-right .right-title{
background:url(/static/images/img_blog_ranking/title_bar.gif) no-repeat;
width:190px;
padding:0;
font-size:17px;
clear:both;
margin:0;
line-height:1.5em;
height: 35px;
text-align: center;
color: #FFFF3E;
padding-top: 5px;
}

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

#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:5px;
width:158px;
clear:both;
margin:0 10px 10px;
border-right:1px solid #74BE20;
border-left:1px solid #74BE20;
border-bottom:1px solid #74BE20;
}

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

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

#wrapper #cont-right #region_cate{
padding:5px;
width:158px;
clear:both;
margin:0 10px 10px;
border-right:1px solid #74BE20;
border-left:1px solid #74BE20;
border-bottom:1px solid #74BE20;
}

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

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

#wrapper #footer-menu{
margin:0 10px;
padding:10px;
clear:both;
font-size:12px;
text-align:center;
border-top: 1px solid #666;
}

#wrapper #footer-menu a{
}

#wrapper #footer-menu a:link,
#wrapper #footer-menu a:visited{
}

#wrapper #footer-menu a:link:hover,
#wrapper #footer-menu a:visited:hover{
}

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

center {
margin:0 auto;
width:820px;
background: #FFF;
}

#t_advertisement {
}

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

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

.top_text{
margin:0px;
padding:0px;
text-align:right;
}

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

.advertise_r_r_top{
text-align:center;
}

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

.advertise_official{
text-align:center;
}
