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


* {
	padding: 0;
	box-sizing: border-box;
	/*
	text-shadow: 0px 5px 10px #000;
	*/
	color: #222;
	font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size:small;
	font-weight:bold;
}



body {
	width:100%;
	text-align: center;
	/*background-color:#e6d7bd;*/
	padding:0;
	margin:0;
	background-image:url(../images/bg_red.jpg);
	background-repeat:repeat-y;
	background-size:100%;

	/* アンカー要素をタップしたときに出てくる枠を見えなくする */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* リンクの長押しでメニューを出さないようにする */
	-webkit-touch-callout: none;
	/* 文字列や画像を選択してコピーなどのメニューを出さないように、選択不可にする */
	-webkit-user-select: none;
}

#header {
	width:100%;
	position:fixed;
	padding:0;
	margin:0;
	top:0;
	z-index:6;
}

#header td {
	background-image:url(../images/windowAtitle.png);
	background-size: 100%;
	background-position: center bottom;
	background-repeat:no-repeat;
	width:100%;
	}

#wrapper {
	width:100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	z-index:1;
	margin-top:70px;
	/*margin-bottom:200px;*/
	padding-bottom:100px;

}


#ranklist {
	width: calc(100% - 8px);
	margin:4px;
	height:2.5em;
	/*background-color:#f5efad;*/
	color:#493613;
	background-image:url(../images/list_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	-o-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;
}

#ranklistme {
	width: calc(100% - 8px);
	margin:4px;
	height:3em;
	/*background-color:#f5efad;*/
	color:#493613;
	background-image:url(../images/list_bg3.png);
	background-repeat:no-repeat;
	background-position:center center;
	-o-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;
}


#rank_num{width:20%; height:2em; text-align:center; float:left; margin-top:0.5em; color:#999;}
#rank_name{width:45%; height:2em; text-align:left; float:left; color:#FFC; margin-top:0.5em;}
#rank_type{width:30%; height:2em; text-align:center; float:left; color:#C66; margin-top:0.5em;}

#rankme_num{width:20%; height:2.2em; text-align:center; float:left; margin-top:0.5em; color:#FC3;}
#rankme_name{width:45%; height:2.2em; text-align:left; float:left; color:#FC3; margin-top:0.5em;}
#rankme_type{width:30%; height:2.2em; text-align:center; float:left; color:#FC3; margin-top:0.5em;}

.rare{
	width:100%;
	height:auto;
	padding-top:2em;
}

.rare img{
	width:100%;
	height:auto;
}


.title{ font-size:large; font-weight:bold; text-align:center; color:#FC3}
.back-link { margin: 2em 1em 0; }
.back-link a { display:block; padding:1em; border:1px solid #FC3; border-radius:6px; color:#FC3; background:rgba(0,0,0,.45); text-decoration:none; }
.text_blue{ color:#00FFFF;}
.text_yellow{ color:#FFFF00;}
.text_green{ color:#00FF00;}
.text_red{ color:#FF0000;}
.text_black{ color:#000000;}
.text_white{ color:#FFFFFF;}