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

/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/


/* ------------------------------------------------------------ */
/* テーブル内容 */
/* ------------------------------------------------------------ */

.rank table{
	margin:20px 0 0 0;
	}
	
.rank table th,
.rank table td{
	border:1px solid #ccc;
	vertical-align:middle;
	padding:10px;
	}

.rank table th{
	background-color:#F0F0F0;
	font-size:122%;
	}
	
.rank table th.title{
	background:url(../img/ranking/bg_table_th.jpg) #e3e3e3 left top no-repeat;
	padding:5px 10px 5px 10px;
	font-weight:normal;
	font-size:100%;
	}
	
	
.rank table .title_2{
	background:url(../img/ranking/bg_table_th.jpg) #e3e3e3 left top no-repeat;
	padding:5px 10px 5px 10px;
	font-weight:normal;
	text-align:left;
	}
	
.rank table .first{
	background:url(../img/ranking/logo_first.gif) #F0F0F0 20px center no-repeat;
	padding:0 0 0 30px;
	width:15%;
	}
	
.rank table .second{
	background:url(../img/ranking/logo_second.gif) #F0F0F0 20px center no-repeat;
	padding:0 0 0 30px;
	}
	
.rank table .third{
	background:url(../img/ranking/logo_third.gif) #F0F0F0 20px center no-repeat;
	padding:0 0 0 30px;
	}
		
.rank table td h4{
	background:url(../img/common/icon_section.jpg) left center no-repeat;
	padding:0 0 0 20px;
	font-size:122%;
	float:left;
	}
	
.rank table td .rss{
	margin:0;
	padding:0;
	}
	
.rank table td .rss li{
	float:left;
	padding:3px 0 0 10px;
	}
	
.rank table td .text{
	clear:both;
	background:url(../img/common/icon_pen.jpg) left 3px no-repeat;
	padding: 0 0 0 20px;
	margin:0px;
	}
	
.rank table td .name{
	color:#666;
	}
	
.rank table .category{
	color:#ccc;
	}
	
.rank table .category span{
	color:#333;
	}
	
.rank table .profile{
	clear:both;
	}
	
/* ------------------------------------------------------------ */
/* コメントテーブル内容 */
/* ------------------------------------------------------------ */

.comment table{
	margin:20px 0 0 0;
	}
	
.comment table th,
.comment table td{
	border:1px solid #ccc;
	vertical-align:middle;
	padding:10px;
	}

.comment table th{
	font-size:182%;
	}
	
.comment table .title{
	background:url(../img/ranking/bg_table_th.jpg) #e3e3e3 left top no-repeat;
	padding:5px 10px 5px 10px;
	font-weight:normal;
	font-size:100%;
	width:20%;
	}
	
.comment table .title_2{
	background:url(../img/ranking/bg_table_th.jpg) #e3e3e3 left top no-repeat;
	padding:5px 10px 5px 10px;
	font-weight:normal;
	text-align:left;
	font-size:100%;
	}
		
.comment table td h4{
	background:url(../img/common/icon_pen.jpg) left center no-repeat;
	padding:0 0 0 20px;
	font-size:122%;
	float:left;
	}
	
.comment table td .rss{
	margin:0;
	padding:0;
	}
	
.comment table td .rss li{
	float:left;
	padding:3px 0 0 10px;
	}
	
.comment table td .details{
	clear:both;
	float:left;
	}
	
.comment table td .bottom{
	float:right;
	background: url(../img/common/icon_section.jpg) left center no-repeat;
	padding:0 0 0 20px;
	margin:0px 0 0 0;
	}
	
.comment table td .text{
	clear:both;
	padding: 0 0 0 20px;
	width:410px
	}
	
.comment table td .name{
	padding: 0 0 0 20px;
	}