*
{
	/*font-family: "Century Gothic",sans-serif;*/
	margin: 0;
	padding:0;
	font-size: 12.5px;
	line-height: 1.2;
	word-break: break-all;
	list-style-type:none;
}

a
{
	text-decoration: none;
}

a:link
{
	color: #0081A9;/*F74000*/
}

a:visited
{
	color: #0081A9;/*F74000*/
}

a:hover
{
	text-decoration: underline;
}


p
{
	color: #2E2A2A;
}

body
{
	background: #6CC0FF url(/dataSys/othe2/img/body_back.gif) repeat-x;
	color: #3F2E48;
	text-align: center;
}


img
{
	border: 0;
	line-height: 100%;
	
	margin:0px;
	padding:0px;
}

hr
{
}


#containarea
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background: url(/dataSys/othe2/img/pagebody_back.gif) repeat-y;
}
/*
.containhide
{
	display:none;
}
*/

#header ul
{
	height: 30px;
	background: url(/dataSys/othe2/img/header_menu_back.gif) no-repeat;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#header li
{
	display: inline;
}

#header li a
{
	color: white;
	line-height: 30px;
}

#header li a:hover
{
	color: Orange;
}



#topseparator 
{
	height: 15px;
	width: 900px;
	background: url(/dataSys/othe2/img/top_separator.gif) no-repeat;
}


#titleBox
{
	height: 240px;
	width: 864px;
}




#Lside
{
	float: left;
	width: 154px;
	margin-left: 10px;
	display: inline;
}


#Lside h2
{
	height: 25px;
	width: 160px;
	background: url(/dataSys/othe2/img/side_h2_back.gif) no-repeat;
	
	font-size: 120%;
	line-height: 25px;
}

#Lside .sideLink
{
}


#content_0 object
{
	width: 550px;
}

#content_0
{
	float: left;
	width: 550px;
	margin-left:10px;
	display: inline;
}



#content_0 .box h1
{
	width: 550px;
	background: url(/dataSys/othe2/img/content_h2_back.gif) no-repeat;
}

.box 
{
	background-color: #EEF7FF;
}
.box h1 
{
	height: 25px;
	font-size: 120%;
	line-height: 25px;
	background: url(/dataSys/othe2/img/pagebottom_h2_back.gif) no-repeat;
}
.box p
{
}





#Rside
{
	float: right;
	width: 120px;
	padding-right: 10px;
	display: inline;
}



#Rside .box h2
{
	width: 120px;
}


.bodygroup
{
	clear: both;
}
/*
.bodygroup:after
{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
*/



#history
{
	margin-left: 1px;
	margin-right: 1px;
	width: 864px;
}

#history h2
{
	margin-bottom: 0;
}

#history dl
{
	height: 100px;
/*	margin: 10px;*/
	overflow: auto;
}

#bottomseparator
{
	height:45;
	background: url(/dataSys/othe2/img/bottom_separator.gif) no-repeat;
}







.logingroup
{
	clear: both;
	width: 1px;
	width: 900px;
/*	margin-left: 0px;*/

}
.ssbodygroup
{
	clear: both;
	width: 864px;
	margin-left: 16px;

}



a.btn 
{
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}
a.btn:hover
{
	font-size: 9pt;
	text-decoration: underline;
}


.boardgroup
{
	float: left;
	text-decoration: none;
	margin-top: 7px;
	margin-left: 7px;
	text-align: center;
	width: 257px;
	height: 256px;
	
	border-color:#CEC870;
	border-width:2px;
	border-style:dotted;
}


#scrollfollow
{
	position: relative;
	height:16px;
	width: 16px;
	background: url(http://www.otheria.com/dataSys/othe2/mixi/mixi_loading.gif);
	visibility:hidden;
}



div.treeNav
{
	width: 40px;
}
div.treeNav a
{
	display:block;
	zoom:1;
	padding:0px 0px 2px;
}
div.treeNav a:hover
{
	text-decoration:underline;
}
div.treeNav ul
{
	width: 34px;
}
div.treeNav li
{
	position:relative;
}
div.treeNav li ul
{
	position:absolute;
	top:1;
	width: 34px;
	display:none;
}
div.treeNav li:hover > ul
{
	display:block;
}