#top{
	text-align: center;
}

.title{
	border-radius: 20px;
	background-color:Black;
	color:White;
	padding: 0px 10px  ;
	margin: 0 auto;
}

li{
	font-size:20px;
	padding:3px;
	margin-left:0px;
	list-style-type: none;
}

A:link { 
	color: Black;
	text-decoration: none     /* 下線を消す */ }   /* リンク */

A:visited {                 /* 既に見たリンク */
	color: #A9A9A9;
	text-decoration: none     /* 下線を消す */}

A:active { color: Black } /* クリック時のリンク */
A:hover {                   /* カーソルが上にある時のリンク */
	color: #ff0000;
	text-decoration: none     /* 下線を消す */
}


.selector12{  
border-bottom:1px dotted #666;
text-align: center;
margin:10px;
padding:.2em .3em  
}  

.selector12b{  
    padding:.3em .3em .3em .8em  ;
color:#008080;
} 


/*------------リスト化してみた -------------------------*/

li.novel {
	font-size:12px;
	width:100px;
}
ul {
	width:100px;
	margin: -10px -20px;
	 list-style-image: url(img/mark.gif);
 }





#scroll {
	position: relative;

	width: 100%;

	height: 100%;

	overflow: hidden;

	border: 1px solid #DDD;
}

#scroll .scrollbar {

	position: absolute;

	top: 0;
	right: 0;

	width: 5px;

	height: 100%;

	z-index: 1;
}



#scroll .scrollbar .track {

	position: absolute;

	top: 5px;

	left: 0;

	background: #EEE;

	width: 5px;

	height: 100%;

	z-index: 2;
}



#scroll .scrollbar .track .thumb {
	position: absolute;

	top: 0;
	left: 0;

	background: #C0C0C0;

	width: 5px;

	z-index: 3;
	cursor: pointer;

	font-size: 0;
	height: 100%;
	line-height: 0;
}



#scroll .scrollbar .up {

	position: absolute;

	top: 0;

	left: 0;

	width: 5px;

	height: 5px;

	background: #DDD;

	z-index: 2;
	cursor: pointer;

	font-size: 0;
	height: 100%;
	line-height: 0;
}



#scroll .scrollbar .down {

	position: absolute;

	top: 100%;

	left: 0;

	width: 5px;

	height: 5px;

	background: #DDD;

	z-index: 2;
	cursor: pointer;

	font-size: 0;
	height: 100%;
	line-height: 0;
}