* {
	margin: 0px;
	padding: 0px;
}

#body {
	margin: 0px auto;
	width: 976px;
	height: 900px;
	background: url(images/about_bg.jpg) no-repeat;
}

#bg {
	z-index: 0;
	position: absolute;
	overflow: hidden;
}

#noscript {
	margin: 0;
	padding: .5em;
	width: 100%;
	background-color: RGBa( 255, 255, 0, .75 );
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#BFFFFF00, endcolorstr=#BFFFFF00, gradienttype=0);
	text-align: center;
	color: black;
	font-weight: bold;

}

#LeftContents {
	z-index: 1;
	position: absolute;
	margin-top: 16px;
	margin-left: 16px;
	width: 194px;
}

#RightContents {
	z-index: 2;
	position: absolute;
	margin-top: 16px;
	margin-left: 210px;
	width: 734px;
}

#ContentBase {
	z-index: 3;
	position: absolute;
	width: 734px;
	text-align: right;
}

#mainmenu {
	width: 100%;
}

#Publish {
	margin: 16px 0px;
	padding: 40px 16px 24px 8px;
	width: 170px;
	height: 156px;
	background: url(images/top_info.png) no-repeat;
}

#PublishData {
	z-index: 5;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
}

#Publish dl {
}

#Publish dt {
	margin: 8px 8px 0px 8px;
	width: 95%;
	font-weight: bold;
}

#Publish dd {
	margin: 0px 8px 8px 8px;
	width: 95%;
	font-size: 90%;
}

#title_logo {
	margin: 0;
	padding: 0;
}

#detail {
	margin: 0;
	padding: 0;
}

#socail {
	text-align: right;
}

#specbutton {
	margin: 0;
	padding: 0;
}

#spec {
	z-index: 4;
	position: absolute;
	margin: 0;
	padding: 0;
	top: -64px;
	left: 32px;
	width: 488px;
	height: 624px;
	background: url(images/top_spec.png) no-repeat;

	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

#now_open {
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .5; /* Safari 1.x */
	-moz-opacity: .5; /* FF lt 1.5, Netscape */
}

#character_select {
	position: absolute;
	top: 112px;
	right: 0px;
}

#character_select div {
	margin: 0;
	padding: 0;
	width: 220px;
	height: 64px;
}

#character_image {
	z-index: 4;
	position: absolute;
	top: 0px;
	left: 112px;
	width: 390px;
	height: 900px;
	background: url(images/ch/ch1.png) no-repeat;
}

#character_frame {
	z-index: 5;
	position: absolute;
	top: 400px;
	left: 0px;
	width: 600px;
	height: 300px;
	background: url(images/ch/chn_frame.png) no-repeat;
}

#notes {
	z-index: 6;
	position: absolute;
	overflow: auto;
	overflow-y: show;
	overflow-x: hidden;
	top: 30px;
	left: 30px;
	width: 540px;
	height: 240px;
	text-align: left;
}

/*****************************************************************************/

html {
	margin-bottom: 1px;
	height: 100%;
	overflow-y: scroll;
}

body {
	background-color: #f4eee6;
	color: white;
	font-size: 12px;
}

img {
	border: 0px;
}

a {
	color: white;
}

div.fl_index {
	padding: 0px 0px;
	color: white;
	font-weight: bold;
	font-size: 150%;
}

div.fl_item {
	padding: 4px 8px;
	margin-bottom: 1em;
	color: white;
	border-width: 0px 0px 0px 8px;
	border-style: double;
	border-color: #483015;
	text-decoration: underline;
}

div.fl {
	margin-bottom: 1em;
	padding: 1em;
	color: white;
}

div.itemtitle {
	padding: 2px 4px;
	color: white;
	background-color: #404040;
	border-width: 1px 16px;
	border-style: solid;
	border-color: gray;
	font-weight: bold;
	font-size: 130%;
}

div.itembody {
	margin-bottom: 1em;
	padding: 1em;
	color: white;
}

/*****************************************************************************/

table.infobase {
	width: 100%;
}

table.info {
	width: 100%;
}

tr.info {
	
}

td.item {
	width: 100px;
	padding: 2px;
	color: white;
	font-size: 100%;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: black;
}

td.info {
	padding: 2px;
	color: white;
	font-size: 100%;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: black;
}

/*****************************************************************************/

.tweet {
	float: right;
	padding: 2px 0px 2px 8px;
}

/*****************************************************************************/

.f1	{ padding:0px; background-image:url(images/frame/01.png); background-repeat:no-repeat; width:10px; height:10px; }
.f2	{ padding:0px; background-image:url(images/frame/02.png); background-repeat:repeat-x; height:10px; }
.f3	{ padding:0px; background-image:url(images/frame/03.png); background-repeat:no-repeat; width:10px; height:10px; }
.f4	{ padding:0px; background-image:url(images/frame/04.png); background-repeat:repeat-y; width:10px; }
.f5	{ padding:0px; background-image:url(images/frame/05.png); margin: 0px; }
.f6	{ padding:0px; background-image:url(images/frame/06.png); background-repeat:repeat-y; width:10px; }
.f7	{ padding:0px; background-image:url(images/frame/07.png); background-repeat:no-repeat; width:10px; height:10px; }
.f8	{ padding:0px; background-image:url(images/frame/08.png); background-repeat:repeat-x; height:10px; }
.f9	{ padding:0px; background-image:url(images/frame/09.png); background-repeat:no-repeat; width:10px; height:10px; }