@charset "utf-8";

/* ===============================================
	BASE
=============================================== */
/*  BODY
------------------------------------------------*/
body {
	min-width:768px;
	padding:40px 0 0;
	font-size:1.4rem;
}

#container {
	background:#fff;
	text-align:left;
	overflow:hidden;
}


/* ===============================================
	HEADER
=============================================== */
#header {
}

/*  TITLE
------------------------------------------------*/
h1 {
}

h2 {
	display:table-cell;
	height:56px;
	background:url(../img/ranking_h2_back.png) no-repeat;
	color:#fff;
	font-size:3rem;
	font-weight:bold;
	line-height:1em;
	text-shadow:0 0 1px gray;
	vertical-align:middle;
}

h3 {
	background:#e62e4c;
	border-radius:2px;
	color:#fff;
}

h4 {
	background:#e62e4c;
	color:#fff;
}

/* LEAD */
#Lead {
	margin:0 0 15px;
	padding:10px 20px;
	background:url(../img/lead_back.png) repeat-y;
	color:#fff;
	text-shadow:1px 1px 2px #000, -1px -1px 2px #000;
}

#Lead p {
}

#Lead b {
	color:#e5007f;
}

#Lead em {
	color:#e5007f;
	font-size:1.13em;
	font-weight:bold;
}


/* ===============================================
	CONTENTS
=============================================== */
/*  .header
------------------------------------------------*/
.header {
	display:table;
	width:100%;
	margin:0 20px 15px;
	text-align:center;
}

/* LEAD */
.Lead {
	margin:0;
}

.Lead em {
	color:#009800;
	font-weight:bold;
}

/*  CONTENTS
------------------------------------------------*/
.article {
	background:#fff url(../img/contents_back.jpg) no-repeat;
}

.section {
	padding:40px 0 0;
	margin:-20px 0 0;
}
.section:first-of-type {
	margin:-10px 0 0;
}

.content {
	margin:0 20px;
}

.Top {
	margin-bottom:15px;
	border-bottom:1px #666 dashed;
}

.Item .Number {
	margin:0 0 3px;
	background:#787878;
	border:none;
	text-align:center;
}
.Item:nth-of-type(-n+10) .Number {
	background:#cc0000;
}

/* .Comment */
.Comment {
	width:330px;
	margin:0 0 10px;
	padding:5px 10px;
	background:#ffe372;
	border-radius:5px;
	font-size:1em;
	float:right;
}

.Comment .textArea p {
	font-size:1.4rem;
	line-height:1.6em;
}

/*	RANK
------------------------------------------------*/
.section {
	counter-reset:rank;
}

.section .Rank {
	padding-top:2px !important;
	padding-bottom:2px !important;
}

.section .Rank:before {
	content:"第"counter(rank)"位";
	counter-increment:rank;
}

.otherList {
	padding:15px 0 0;
	border-top:1px #666 dashed;
}

.titleList ol li {
	position:relative;
	margin:0 0 8px;
	padding-left:60px !important;
	font-size:0.88em;
}
.titleList ol li:before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:54px;
	padding:2px 0;
	background:#787878;
	border-radius:2px;
	color:#fff;
	font-size:0.88em;
	line-height:1.2em;
	text-align:center;
}

.titleList ol li a:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
}

/*	NAV
------------------------------------------------*/
.Nav li {
	margin:0 10px;
}

.Nav2 {
	margin:20px 0 0;
}

/*	#categoryNav
------------------------------------------------*/
#categoryNav {
	margin:20px 0 0;
	text-align:center;
}

#categoryNav ul {
	letter-spacing:-0.4em;
}

#categoryNav li {
	display:inline-block;
	margin:0 2px 5px;
	letter-spacing:normal;
	vertical-align:top;
	
	/display:inline;
	/zoom: 1;
}

#categoryNav li em {
	display:block;
	border:1px #ccc solid;
}

#categoryNav li em span {
	display:table-cell;
	width:138px;
	height:100%;
	padding:10px 0 8px;
	background:linear-gradient(to bottom, #006C0E 0%, #0D5413 100%);
	border-left:1px #fff solid;
	border-top:1px #fff solid;
	border-right:1px #0A2B0D solid;
	border-bottom:1px #0A2B0D solid;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:1.13em;
	vertical-align:middle;
	
	background:-webkit-gradient(linear, center top, center bottom, from(#006C0E), to(#0D5413));
}