@charset "utf-8";



body {

}



/*****************************************************************************************/

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

/*****************************************************************************************/



#wrapper{
	height:auto;
	width:800px;
	margin:auto;
	padding:0px;
	background-color: #FFFFFF;
	border-top-color: #E6E6E6;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;

}



/*****************************************************************************************/

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

/*****************************************************************************************/



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

width:800px;

float:left;

}



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

}



/*****************************************************************************************/

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

/*****************************************************************************************/



#wrapper #cont-left{

margin:0px;

padding:20px 0px 20px 20px;

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: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:540px;

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:540px;
	clear:both;
	padding:5px 0px 5px 0px;
	float:left;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background-color: #FFFFCC;

}



/* ===================================================================================== */

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



#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: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:200px;
	padding:0px 15px 20px;
	background:#fff8d6;

}



/* ===================================================================================== */

/*タイトル*/



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

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:12px;

}



/* ===================================================================================== */

/*地域カテゴリ*/



#wrapper #cont-right #region_cate{

padding:0px 10px 0px 20px;

width:170px;

clear:both;

margin:0px;

}



#wrapper #cont-right #region_cate p{

font-size:12px;

}



/*****************************************************************************************/

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

/*****************************************************************************************/



#wrapper #footer-menu{

width:800px;

clear:both;

height:1.3em;

margin:0px 0px 20px 0px;

padding:0px;

font-size:13px;

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;   

}





追加ソース

.cate{

 line-heght: 17px;

 padding-left: 10px;

 margin: 10px;

 width:150px;

 font-size:13px;

}



#cate a, #region_cate a {color: #333333; text-decoration: none; font-size:13px}

#cate a:visited, #region_cate a:visited {color:#333333;}

#cate a:hover, #region_cate a:hover {color: #8c973c;}

#cate a:active, #region_cate a:active { color:#8c973c;}



#cate div.categories a, #region_cate div.categories a {color: #00f;}