@charset "UTF-8";

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


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	| 	

*/


/* ------------------------------------------------------------ */
/* section */
/* ------------------------------------------------------------ */
	
.section .title_left{
	float:left;
	}
	
.section h3 img{
	padding:5px 0 0 0;
	}

/* ------------------------------------------------------------ */
/* アクセスランキング */
/* ------------------------------------------------------------ */

.section .contents table th,
.section .contents table td{
	background-color:#fff;
	vertical-align:top;
	font-size:92%;
	}
	
.section .contents table th{
	border-left:2px dotted #ccc;
	}
	
.section .contents .high td{
	width:125px;
	}
	
.section .contents table .top{
	border:none;
	}
	
.section .first{
	background:url(../img/home/bg_ranking_1.jpg) left center no-repeat;
	padding: 1px 0 0 20px;
	}
	
.section .second{
	background:url(../img/home/bg_ranking_2.jpg) left center no-repeat;
	padding: 1px 0 0 20px;
	}
	
.section .third{
	background:url(../img/home/bg_ranking_3.jpg) left center no-repeat;
	padding: 1px 0 0 20px;
	}
	
.section table td ul{
	margin:0;
	padding:3px 0 0 0;
	}
	
.section table td li{
	margin:0;
	padding:0;
	line-height:15px;
	}
	
.section table td li a{
	font-size:85%;
	}
	
/* ------------------------------------------------------------ */
/* 新着記事 */
/* ------------------------------------------------------------ */
	
.section .subdivision{
	margin:15px 0 0 0;
	}
	
.section .subdivision th,
.section .subdivision td{
	border:none !important;
	}

.section .subdivision td{
	width:69px !important;
	}
	
.section .subdivision td h4{
	background:url(../img/home/bg_ranking.jpg) left center no-repeat;
	font-size:100%;
	}
	
.section .under{
	width:610px;
	border-top:1px dashed #ccc;
	margin:15px auto 0 auto;
	overflow:hidden;
	}
	
.section .under p{
	float:right;
	}
	
.section .under a{
	background: url(../img/common/link_point.gif) left center no-repeat;
	padding:0 0 0 25px;
	margin:5px 10px 0 0;
	display:block;
	}
	
.rss{
	margin:0;
	padding:0;
	width:110px;
	float:left;
	border:none !important;
	}
	
.rss ul{
	margin:10px 0 0 0;
	padding:0;
	}
	
.rss li{
	padding:0 10px 0 0;
	display:inline;
	}
	
.rss a{
	background:none !important;
	padding:0 !important;
	}
	
.under2{
	border:none !important;
	}
	
.under2 a{
	margin:8px auto 0 auto;
	overflow:hidden;
	float:right;
	}
	
.under2 a{
	float:right;
	}
	
.under2 a{
	background: url(../img/common/link_point.gif) left center no-repeat !important;
	padding:0 0px 0 25px !important;
	margin:5px 0px 0 0;
	display:block;
	}
	

/* ------------------------------------------------------------ */
/* タブ */
/* ------------------------------------------------------------ */	

.section .change{
	float:right;
	margin: 16px 0 0px 0;
	border-left:1px solid #ccc;
	}
	
.section .change li{
	float:left;
	text-align:center;
	display:block;
	border-right:1px solid #ccc;
	overflow : hidden;
	margin:0;
	display:inline;
	position:relative;
	}
	
.section .change a {
    background:url(../img/home/bg_category.jpg) left top no-repeat;
	display:block;
	padding:3px 20px 0 20px;
	overflow : hidden;
	margin:0;
	color:#333;
	text-decoration:none;
}
	
.section .change li a:hover{
    background:url(../img/home/bg_category_on.jpg) left top no-repeat;
	display:block;
	overflow : hidden;
	padding:3px 20px 0 20px;
	color:#000;
	text-decoration:none;
}



/* ------------------------------------------------------------ */
/* 新着記事内容 */
/* ------------------------------------------------------------ */
	
.section .new_news{
	text-align:left;
	}
	
.section .new_news th,
.section .new_news td{
	border-left:none !important;
	border-bottom:1px dashed #ccc;
	padding:5px 0 5px 0;
	vertical-align:middle !important;
	text-align:left;
	}
	
.section .new_news th a{
	background:url(../img/common/icon_pen.jpg) left 0px no-repeat;
	padding:0 0 0 20px;
	font-weight:normal;
	}
	
.section .new_news td a{
	background:url(../img/common/icon_section.jpg) left 0px no-repeat;
	padding:0 0 0 20px;
	}
	
.new_news span{
	background-color:#007FD4;
	padding:2px 10px 2px 10px;
	margin:0 0 0 5px;
	color:#fff;
	}

/* ------------------------------------------------------------ */
/* カテゴリー一覧内容 */
/* ------------------------------------------------------------ */

.section .category{
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:92%;
	overflow:hidden;
	width:615px;
	line-height:2.0;
	}
	
.section .category li{
	color:#007FD3;
	display:inline;
	white-space: nowrap;
	}
	
.section .category li a{
	padding:0 2px 0 0px;
	}


/* ------------------------------------------------------------ */
/* ブログ記事検索下のバナー */
/* ------------------------------------------------------------ */

#main-area .bnr{
	margin:15px 0 0 0;
}