@charset "Shift_JIS";
/* CSS Document */


/*----------------------
	デフォルトスタイル
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img{
    margin:0;
    padding:0;
	border:none;
	outline:none;
	font-size:1rem;
}

header,footer,nav,section{display:block;}

html{
	width:100%;
	font:13px/1.3 "ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust:none;}

li{list-style:none;
}

/*----------------------
	レイアウト
-----------------------*/
body{
	background:#FFF;
	width:100%;
	margin: 0 auto;
	color:#000000;
}

/* リンク色変更はここ */
a{
	color:#0000FF;
	font-weight:bold;
	text-decoration:none;
}


/*----------------------------------------
 トップページ
----------------------------------------*/

/* ヘッダ
--------------------*/
#logo{ 
	width:320px ; 
	height:80px; 
	display:block;
	margin: 0 auto;
	text-align: center;
}

/* サイト説明
--------------------*/
.message{
	text-align: left;
	margin-bottom:1%;
	padding:2% 1%;
	border:solid #333333;
	border-width:2px 0 1px;
}

.line{
	text-align: center;
	border:dotted #333333;
	border-width:1px 0 0 0;
}

#ranking{
	text-align: center;
	margin-top:3%;
	margin-bottom:2%;
	padding:2% 1%;
	border:solid #333333;
	border-width:2px 0 1px;
}

.rank{
	margin-bottom:1%;
	padding:2% 1%;
	border-bottom:dotted #399E79;
	border-width:2px 0 1px;
}

#rank-all{
	margin-top:3%;
	width:320px ; 
	text-align: center;
}

/* フッター
--------------------*/
#footer {
	clear: both;
	float: none;
	height: 40px;
	text-align: center;
	margin-top:1%;
	padding:2% 1%;
	border:solid #333333;
	border-width:2px 0 0 0;
}