@charset "UTF-8";

ol {
    counter-reset:li; /* Initiate a counter */
    padding:0; /* Remove the default left padding */
    list-style:none; /* Disable the normal item numbering */
	padding-left:7px;
}
ol li {
    position:relative; /* Create a positioning context */
    margin:0 0 0 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px;
    font-weight:bold;
	color:#FFF;
}
ol li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    width:2em;
    padding:4px 0;
    color:#147ad1;
    font-weight:bold;
	font-size:14px;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}

body{
	width:265px;
	font-size:75%;
	margin:0;
	line-height:1.2;
}

.fcf00 { color: #f00; }
.fc00f { color: #00f; }
.fc090 { color: #090; }
.fcfc0 { color: #fc0; }
.fcf90 { color: #f90; }
.fcc0c { color: #c0c; }
.fcf39 { color: #f39; }
.fc900 { color: #900; }
.fc009 { color: #009; }

.page-sent {
	display: inline-block;
	width: 95%;
	padding-top:5px;
}

	.page-sent ul {
		float: left;
		padding-left:10px;
	}
	
	.page-sent li {
		float: left;
		list-style-type: none;
		display: inline-block;
		padding: 0 1px 0 1px;
	}
	
	.page-sent li a {
		display: block;
		border: 1px solid #333333;
		padding: 2px 7px;
		font-size: 100%;
		text-decoration: none;
		background:#FFF;
	}
	
	.page-sent li strong {
		display: block;
		border: 1px solid #333333;
		padding: 2px 7px;
		font-size: 80%;
		font-weight: bold;
		color: #fff;
		background-color: #333333;
	}
	
	.page-sent li a:hover {
		color:#FFF;
		background-color: #333333;
	}
	
	.page-sent li.prev a {
		color:#666;
		border: 0;
		padding: 3px 7px;
		margin-right:5px;
	}
	.page-sent li.prev a:hover { color:#FFF; }
	.page-sent li.next a {
		color:#666;
		border: 0;
		padding: 3px 7px;
	}
	.page-sent li.next a:hover { color:#FFF; }
	.page-sent li.top a {
		color:#666;
		border: 0;
		padding: 3px 7px;
	}
	.page-sent li.top a:hover { color:#000; }

/*::::: ページ類 :::::*/

h1 { margin-left: 20px; font-size: 140%; color: #60c; line-height: 20px; }
h2 { border-bottom: 1px solid #ccc; font-size: 120%; color: #900; }

.wrap {
	width:100%;
}
.topwrap { width: 250px; border: 1px solid #ccc; padding: 5px; }

.wrap div.top {
	text-align: right;
	width: 95%;
}
.wrap div.top a {
		color:#666;
		border: 0;
		font-size: 80%;
		padding: 7px 10px 0 25px;
		background:none;
		text-decoration:underline;
	}
	.wrap div.top a:hover { color:#000; }

.list-table {
	width: 100%;
}
	
	.list-table th {
		text-align: center;
		padding: 5px;
	}
	
	.list-table td {
		vertical-align: top;
		text-align: left;
	}
.list-table tr {
	width: 100%;
	position:relative;
	float:left;
}
.list-table td.date {
	padding-top:7px;
	padding-left:10px;
	padding-bottom:5px;
	font-size:90%;
	color:#333;
	width:100%;
	float:left;
	display:block;
	clear:both;
}
.list-table td.text {
	width:100%;
}
.list-table h2.title {
	float:left;
	clear:both;
	font-size:120%;
	font-weight:bold;
	color:#333;
	margin:0;
	padding:0;
	border:none;
	padding-bottom:5px;
}
.list-table div.edited {
	width:100%;
	float:left;
	clear:both;
	color:#333;
}
	
	.list-table td.cent {
		text-align: center;
	}
	
	.list-table td.cent a {
		text-decoration: none;
	}
	
.scroll-pane {
    overflow: auto;
    width: 100%;
    height: 150px;
}