@charset "Shift_JIS";

* {
	margin: 0;
	padding: 0;
}

/*==========*/
/* 基本設定 */
/*==========*/
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	text-align: center;
	font-size: 82%; /* 13px相当 */
	line-height: 1.0;
	color: #333333;
}

img {
	border: 0;
	vertical-align: top;
}

a img{
	border: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}


/*================*/
/* サイト共通設定 */
/*================*/
/* 回り込み解除 */
.clear {
	clear: both;
}

/* フォントカラー：赤 */
.cl-red {
	color: #FF0000;
}

/* 太字 */
.bold {
	font-weight: bold;
}

/* 位置：右 */
.right {
	text-align: right;
}

/* 位置：中央 */
.center {
	text-align: center;
}



/*============*/
/* リンク設定 */
/*============*/
a:link {
	color: #3B6C8F;
}

a:visited {
	color: #3B6C8F;
}

a:active {
	color: #6699FF;
}

a:hover {
	color: #6699FF;
}


/*============*/
/* サイト設定 */
/*============*/
#container {
	margin: 0 auto;
	padding: 10px 0 0;
	width: 680px;
	text-align: left;
}


/*============*/
/* ヘッダナビ */
/*============*/	
ul#hnavi {
	margin: 0;
	padding: 0;
	width: 680px;
	list-style: none;
}

ul#hnavi li{
	float:left;
}


/*==========*/
/* コメント */
/*==========*/	
#comment {
	padding: 20px 0;
	clear: both;
	line-height: 1.5;
	text-align: center;
	font-size: 107%;
	font-weight: bold;
	/*letter-spacing: 0.1em;*/
}


/*============*/
/* コンテンツ */
/*============*/	
#contents {
	clear: both;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

#contents h2 {
	padding-bottom: 15px;
}

#contents td {
	vertical-align: top;
}


/* テキスト */
#contents td.text {
	padding-right: 20px;
}

/* ランキングTOP10 */
#contents table.rk10 {
	border-collapse: collapse;
}

#contents table.rk10 td {
	border: 2px solid #C3C3C3;
	padding: 2px;
	vertical-align: middle;
}

#contents table.rk10 td.vm {
	vertical-align: middle;

}

/* ランキングTOP10：見出しグリーン */
.rk10 td.tig {
	background: #E3FF8E;
}

/* ランキングTOP10：見出しブルー */
.rk10 td.tib {
	background: #BBE3FF;
}

/* ランキングTOP10：見出しオレンジ */
.rk10 td.tio {
	background: #FFCF88;
}

/* ランキングTOP10：見出しピンク */
.rk10 td.tip {
	background: #FFC1D6;
}

/* ランキングTOP10：左セル幅 */
.rk10 td.w40 {
	width: 40px;
}

/* ランキングTOP10：右セル幅 */
.rk10 td.w170 {
	width: 170px;
}

/* ランキングTOP10：注釈 */
p.note {
	font-size: 84%;
	line-height: 1.2;
	margin: 10px 0;
}
	

/*================*/
/* データについて */
/*================*/
#data-block {
	margin: 50px 0 15px;
	padding: 15px 0px;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

#data-block table.data {
	border-collapse: collapse;
	font-size: 84%;
	line-height: 1.2;
}

.data th {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	padding-right: 1em;
	vertical-align: top;
	width: 100px;
}


/*========*/
/* フッタ */
/*========*/
#footer {
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	font: 84%/1.5 Arial, Helvetica, sans-serif;
}

#footer ul {
	margin: 0;
	padding-left: 50px;
	list-style: none;
}

#footer li{
	float: left;
}


/*==========*/
/* 余白設定 */
/*==========*/
.mr5 {
	margin-right: 5px;
}

.mr30 {
	margin-right: 30px;
}

.pt15 {
	padding-top: 15px;
}

.pt35 {
	padding-top: 35px;
}

.mt10 {
	margin-top: 10px;
}

