@charset "utf-8";
body {
	background-color: #6c5d4b;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(img/back_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	font-size: 14px;
}
a:hover {
	text-decoration: none;
}


#content {
	background-color: #FFFFFF;
	position: relative;
	text-align: left;
	padding: 2px;
	width: 750px;
}
#header {
	text-align: left;
	width: 750px;
	position: relative;
}
#alph {
	position: static;
	text-align: left;
	padding: 2px;
	width: 485px;
	float: left;
	background-color: #ececec;
	margin-right: 2px;
}
#beta {
	position: static;
	text-align: left;
	padding: 10px;
	width: 239px;
	float: left;
	background-color: #e3ded7;
	color: #442200;
}
#content-inner {
	background-color: #FFFFFF;
	position: static;
	text-align: left;
	padding: 20px;
	width: 710px;
	color: #442200;
	line-height: 140%;
}
#content-top {
	background-color: #FFFFFF;
	position: static;
	text-align: left;
	padding: 20px;
	width: 710px;
}
#footer {
	background-color: #cec5b9;
	text-align: left;
	padding: 20px;
	width: 710px;
	position: static;
	margin-top: 2px;
	background-image: url(img/footer_back.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.powered {
	font-size: 12px;
	margin-left: 370px;
}

#title a {
	position: relative;
	float: left;
	background-image: url(img/title.jpg);
	text-indent: -99999px;
	display: block;
	height: 125px;
	width: 750px;
}

#menu1 a {
	position: relative;
	float: left;
	background-image: url(img/menu1.jpg);
	background-position: top;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#menu1 a:hover {
	position: relative;
	float: left;
	background-image: url(img/menu1.jpg);
	background-position: bottom;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#menu2 a {
	position: relative;
	float: left;
	background-image: url(img/menu2.jpg);
	background-position: top;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#menu2 a:hover {
	position: relative;
	float: left;
	background-image: url(img/menu2.jpg);
	background-position: bottom;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#menu3 a {
	position: relative;
	float: left;
	background-image: url(img/menu3.jpg);
	background-position: top;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#menu3 a:hover {
	position: relative;
	float: left;
	background-image: url(img/menu3.jpg);
	background-position: bottom;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#menu4 a {
	position: relative;
	float: left;
	background-image: url(img/menu4.jpg);
	background-position: top;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#menu4 a:hover {
	position: relative;
	float: left;
	background-image: url(img/menu4.jpg);
	background-position: bottom;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#menu5 a {
	position: relative;
	float: left;
	background-image: url(img/menu5.jpg);
	background-position: top;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#menu5 a:hover {
	position: relative;
	float: left;
	background-image: url(img/menu5.jpg);
	background-position: bottom;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.alph1 {
	background-image: url(img/top_map.jpg);
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 485px;
}

.beta1 a {
	background-image: url(img/top_history.jpg);
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 239px;
	margin-bottom: 5px;
}
.beta2 a {
	background-image: url(img/top_romanbito.jpg);
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 239px;
	margin-bottom: 5px;
}
.beta3 a {
	background-image: url(img/top_film.jpg);
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 239px;
	margin-bottom: 5px;
}
.beta4 a {
	background-image: url(img/top_access.jpg);
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 239px;
	margin-bottom: 5px;
}

.R_name {
	background-image: url(romanbito/img/name_back.jpg);
	display: block;
	height: 21px;
	width:280px;
	text-align: center;
	font-weight: bold;
	padding: 9px 10px 5px;
}
.R_list a {
	background-image: url(romanbito/img/list.jpg);
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 150px;
	float: right;
}