body { text-align:center; }
#outline {
 width:790px;
 text-align:left;
 margin:0 auto;
}
.outline-margin { margin:0 10px; } 
.main { width:502px; float:right; }
.side { width:270px; float:left; }
.c-both { clear:both; }
header { font-family:arial }
footer { font-family:arial }

h1 { font-size:150%; font-family:arial;border-bottom:solid 1px #ccc; }

.navi { background:#fee; padding:0 5px; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }

.text1 { background:#ffffff; padding:0 5px; text-indent:0em; font-family:arial; font-size:85%; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.text1b { background:#ffffff; padding:0 5px; font-weight:bold; font-family:arial; font-size:85%; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 0px #ccc; }
.text1n { background:#ffffff; padding:0 10px; font-family:arial; font-size:85%; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 0px #ccc; }
.text1gry { background:#e0e0e0; padding:0 10px; font-family:arial; font-size:85%; color:#808080; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 0px #ccc; }
.text1ngry { background:#e0e0e0; padding:0 10px; font-family:arial; font-size:85%; color:#808080; background-color:#e0e0e0; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 0px #ccc; }
.text1nr { background:#ffe0e0; padding:0 10px; font-family:arial; font-size:85%; color:red; background-color:#ffe0e0; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 0px #ccc; }
.text1ng { background:#e0ffe0; padding:0 10px; font-family:arial; font-size:85%; color:green; background-color:#e0ffe0; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 0px #ccc; }
.text1nb { background:#e0e0ff; padding:0 10px; font-family:arial; font-size:85%; color:blue; background-color:#e0e0ff; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 0px #ccc; }
.text1l { background:#ffffff; padding:0 5px; text-indent:0em; font-family:arial; font-size:75%;  border-right:solid 0px #ccc; border-bottom:solid 1px #ccc; float:left;}
.text1r { background:#ffffff; padding:0 5px; text-indent:0em; font-family:arial; font-size:75%; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; float:right;}
.text1rn { background:#ffffff; padding:0 5px; text-indent:0em; font-family:arial; font-size:75%; border-right:solid 0px #ccc; border-bottom:solid 0px #ccc; float:right;}

.MenuLink_Gray { background:#ffffff; padding:0 10px; font-family:arial; font-size:85%; color:gray; background-color:#e0e0e0; border-left:solid 0px #ccc; border-right:solid 0px #ccc; border-bottom:solid 0px #ccc; }
.MenuLink_Blue { background:#ffffff; padding:0 10px; font-family:arial; font-size:85%; color:blue; background-color:#e0e0ff; border-left:solid 0px #ccc; border-right:solid 0px #ccc; border-bottom:solid 0px #ccc; }
.MenuLink_Red { background:#ffffff; padding:0 10px; font-family:arial; font-size:85%; color:red; background-color:#ffe0e0; border-left:solid 0px #ccc; border-right:solid 0px #ccc; border-bottom:solid 0px #ccc; }
.MenuLink_Green { background:#ffffff; padding:0 10px; font-family:arial; font-size:85%; color:green; background-color:#e0ffe0; border-left:solid 0px #ccc; border-right:solid 0px #ccc; border-bottom:solid 0px #ccc; }
.MenuLink_White { background:#ffffff; padding:0 10px; font-family:arial; font-size:85%; color:black; background-color:#ffffff; border-left:solid 0px #ccc; border-right:solid 0px #ccc; border-bottom:solid 0px #ccc; } 

.title_r { background:#fee; padding:0 5px; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 10px #f66; }
.title_y { background:#ffc; padding:0 5px; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 10px #fc6; }
.title_b { background:#cef; padding:0 5px; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 10px #66f; }
.title_g { background:#cec; padding:0 5px; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 10px #6c6; }
.title_o { background:#fe9; padding:0 5px; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 10px #f60; }

.novel_menu {
	width:502px;
	height:18px;
	line-height:18px;
	background:#fee;
	border:solid 1px #f33;
	font-family:arial;
}

.novel_menu a,
.novel_menu a:link,
.novel_menu a:visited,
.novel_menu a:active{
	width:99px;
	height:18px;
	text-align:center;
	display:block;
	float:left;
}

.novel_menu a:hover{
	width:99px;
	height:18px;
	background:#f33;
	color:#fff;
	text-align:center;
	display: block;
	float:left;
}

.comic_menu{
	width:502px;
	height:18px;
	line-height:18px;
	background:#cef;
	border:solid 1px #36f;
	font-family:arial;
}

.comic_menu a,
.comic_menu a:link,
.comic_menu a:visited,
.comic_menu a:active{
	width:99px;
	height:18px;
	text-align:center;
	display:block;
	float:left;
}

.comic_menu a:hover{
	width:99px;
	height:18px;
	background:#36f;
	color:#fff;
	text-align:center;
	display: block;
	float:left;
}
.game_menu{
	width:502px;
	height:18px;
	line-height:18px;
	background:#ffc;
	border:solid 1px #fc3;
	font-family:arial;
}

.game_menu a,
.game_menu a:link,
.game_menu a:visited,
.game_menu a:active{
	width:99px;
	height:18px;
	text-align:center;
	display:block;
	float:left;
}

.game_menu a:hover{
	width:99px;
	height:18px;
	background:#fc3;
	color:#fff;
	text-align:center;
	display: block;
	float:left;
}

.anime_menu{
	width:502px;
	height:18px;
	line-height:18px;
	background:#cec;
	border:solid 1px #6c6;
	font-family:arial;
}

.anime_menu a,
.anime_menu a:link,
.anime_menu a:visited,
.anime_menu a:active{
	width:99px;
	height:18px;
	text-align:center;
	display:block;
	float:left;
}

.anime_menu a:hover{
	width:99px;
	height:18px;
	background:#6c6;
	color:#fff;
	text-align:center;
	display: block;
	float:left;
}