/*---------------------------------------------------------
	Global
  ---------------------------------------------------------*/
body
{
	margin: 8px;
	color: #494949;
	background-color: #000000;
	line-height: 1.4em;
}
body, input, textarea, th, td
{
	font-size: 9pt;
}

h1, h2, h3
{
	margin: 0px;
	font-size: 12pt;
}
img
{
	border: 0px;
}
ul
{
	margin: 0 24px;
	padding: 0;
}
p
{
	margin: 0 0 1.4em 0;
}
form
{
	margin: 0;
	padding: 0;
}

/*---------------------------------------------------------
	Wrapper
  ---------------------------------------------------------*/
#wrapper
{
	background: #ffffff url( ./img/left_bg.gif ) repeat-y;
	width: 750px;
	margin: auto;
}
#leftwrapper
{
	float: left;
	width: 138px;
}
#rightwrapper
{
	float: right;
	width: 612px;
}
#rightwrapper .maincontents
{
	background: url( ./img/header_top.gif ) no-repeat left top;
	padding: 50px 9px 0 10px;
	float: left;
	width: 468px;

	/* all width : 487px */
}
#rightwrapper .rightcontents
{
	background: url( ./img/header_right.gif ) no-repeat left top;
	float: right;
	width: 120px;
	padding: 125px 4px 0 1px;

	/* all width : 125px */
}
.clear
{
	clear: both;
}



/*---------------------------------------------------------
	Left area
  ---------------------------------------------------------*/
#leftwrapper .leftarea
{
	width: 122px;
	padding: 0 4px;
}



/*---------------------------------------------------------
	Top Objects
  ---------------------------------------------------------*/
#topobjects
{
	height: 22px;
	padding: 0 8px;
}
#topobjects .search
{
	float: left;
	background: #ced8e0;
	padding: 0 4px 0 4px;
}
#topobjects .counter
{
	font-size: 8pt;
	float: right;
	line-height: 22px;
}



/*---------------------------------------------------------
	Footer
  ---------------------------------------------------------*/
#footer
{
	background: #000000 url( ./img/footer.gif ) no-repeat;
	color: #808080;
	font-size: 8pt;
	padding: 10px 0;
	text-align: center;
/*	margin: auto;*/
	width: 750px;
}



/*---------------------------------------------------------
	Menu
  ---------------------------------------------------------*/
#menu
{
	margin: 0 0 4px 0;
}
#menu dt
{
	margin: 0 0 1px 0;
	font-weight: bold;
	background: url( ./img/list_bg.gif ) repeat-y;
	padding: 4px 10px;
	color: #003366;
	text-align: center;
}
#menu dd
{
	margin: 0 0 1px 0;
	padding: 2px 4px 2px 12px;
	background: #a5bed6 url( ./img/flag_blue.gif ) no-repeat 4px 3px;
}
#menu a:link, #menu a:active, #menu a:visited
{
	color: #003366;
	text-decoration: none;
}
#menu a:hover
{
	color: #003366;
	text-decoration: underline;
}

.link
{
	margin: 0;
}
.link dt
{
	margin: 0 0 1px 0;
	font-weight: bold;
	background: url( ./img/list_bg.gif ) repeat-y;
	padding: 4px 10px;
	color: #003366;
	text-align: center;
}
.link dd
{
	margin: 0 0 1px 0;
	padding: 0 2px;
	background-color: #a5bed6;
}
.link a:link, #menu a:active, .link a:visited
{
	color: #003366;
	text-decoration: none;
}
.link a:hover
{
	color: #003366;
	text-decoration: underline;
}



/*---------------------------------------------------------
	Header ( Title )
  ---------------------------------------------------------*/
.header
{
	position: relative;

	background: url( ./img/ht_bg2.gif ) repeat-x;
	height: 26px;
	margin: 8px 0 4px 0;
}
.header h1
{
	position: relative;
	left: -8px;

	background: url( ./img/ht_bg1.gif ) no-repeat left top;
	font-size: 11pt;
	color: #003366;
	padding: 0 12px;
	height: 26px;
	line-height: 26px;
}
.header h2
{
	position: relative;
	left: -8px;

	background: url( ./img/ht_bg1.gif ) no-repeat left top;
	font-size: 11pt;
	color: #003366;
	padding: 0 12px;
	height: 26px;
	line-height: 26px;
}
.header div
{
	position: relative;
	left: -8px;

	background: url( ./img/ht_bg1.gif ) no-repeat left top;
	font-size: 11pt;
	font-weight: bold;
	color: #003366;
	padding: 0 12px;
	height: 26px;
	line-height: 26px;
}
.header2
{
	background: url( ./img/ht_bg2.gif ) repeat-x;
	color: #003366;
	font-weight: bold;
	padding: 3px 0 0px 8px;
	margin: 0 0 8px 0;
}



/*---------------------------------------------------------
	Ranking TOP n
  ---------------------------------------------------------*/
#ranktop
{
	text-align: center;
	width: 468px;
	margin: 0;
}
#ranktop .rankitem
{
	width: 156px;
	float: left;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
}



/*---------------------------------------------------------
	Update Informations
  ---------------------------------------------------------*/
.updateinfo
{
	overflow: auto;
	height: 220px;
}
.updateinfo dt
{
	margin: 12px 0 0 0;
	padding: 0 10px;
	color: #003366;
	line-height: 14px;
	font-size: 12px;
	background: url( ./img/flag_blue.gif ) no-repeat left top;
}
.updateinfo dd
{
	margin: 0 0 0 10px;
	padding: 4px 0 2px 0;
	background: url( ./img/dot.gif ) repeat-x left bottom;
}



/*-----------------------------------------------------
	Agreement
  -----------------------------------------------------*/
dl.list
{
	margin: 0;
}
dl.list dt
{
	background: url( ./img/flag_blue.gif ) no-repeat left center;
	padding: 0 10px;
	color: #003366;
	font-weight: bold;
	font-size: 12pt;
}
dl.list dd
{
	margin: 4px 0 20px 0;
	padding: 0 12px;
}



/*---------------------------------------------------------
	Topics
  ---------------------------------------------------------*/
.topics
{
	color: #003366;
	padding: 0 0 2px 0;
	background: url( ./img/dot.gif ) repeat-x left bottom;
	height: 18px;
}
.topics div
{
	font-size: 15px;
	font-weight: bold;
	background: url( ./img/flag_orange.gif ) no-repeat left center;
	line-height: 18px;
	padding: 0 10px;
}



/*---------------------------------------------------------
	Comment
  ---------------------------------------------------------*/
.comment
{
	margin: 0 0 12px 0;
	padding: 0 12px 0 12px;
}
.commentname
{
	float: left;
	width: 200px;
}
.commenticon
{
	float: left;
	width: 19px;
}
.commentdate
{
	float: right;
}
.commentbody
{
	background: url( ./img/dot.gif ) repeat-x left top;
	padding: 4px 12px;
}



/*---------------------------------------------------------
	BBS
  ---------------------------------------------------------*/
.bbsheader
{
	background: url( ./img/bbs_header.gif ) no-repeat;
	height: 16px;
	line-height: 16px;
	width: 468px;
}
.bbsfooter
{
	background: url( ./img/bbs_footer.gif ) no-repeat;
	height: 16px;
	line-height: 16px;
	width: 468px;
	margin: 0 0 20px 0;
}
.bbsbody
{
	border-style: solid;
	border-color: #638cbd;
	border-width: 0 1px 0 1px;
	padding: 0 8px;
	width: 450px;
}
.bbschild
{
	border-style: solid;
	border-color: #638cbd;
	border-width: 0 1px 0 1px;
	padding: 12px 8px 0 20px;
	width: 438px;
}


/*---------------------------------------------------------
	Others
  ---------------------------------------------------------*/
.defcenter
{
	padding: 0 12px;
}
.flagblue
{
	background: url( ./img/flag_blue.gif ) no-repeat left 1px;
	padding: 0 0 0 10px;
}
.dotline
{
	background: url( ./img/dot.gif ) repeat-x left bottom;
	padding: 0 0 2px 0; 
	margin: 0 0 4px 0;
}
.ulsolid
{
	border: 1px solid #638ebd;
	border-width: 0px 0px 1px 0px;
	margin: 0 0 4px 0;
	padding: 1px 0px 0px 10px;
	background: url( ./img/flag_orange.gif ) no-repeat left top;
	line-height: 13px;
	height: 13px;
}
.note
{
	font-size: 8pt;
	padding: 2px 0px 0px 10px;
	background: url( ./img/flag_orange.gif ) no-repeat left top;
	height: 13;
}
.bold
{
	color: #ef6010;
	font-weight: bold;
}
.base_color
{
	border: 1px solid #638cbd;
	color: #003366;
	background-color: #ced8e0;
}
.basecolor
{
	border: 1px solid #638cbd;
	color: #003366;
	background-color: #ced8e0;
}



td.h0
{
	border: 1px solid #2f77b3;
	border-width: 0px 0px 1px 0px;

	color: #2f77b3;
	padding: 1px 2px 0px 14px;
	background: url( ./img/flag_orange.gif ) no-repeat 4px 1px;
	height: 15;
}
td.h1
{
	border: 1px solid #2f77b3;
	border-width: 0px 0px 1px 0px;

	color: #2f77b3;
	padding: 1px 2px 0px 4px;
	height: 15;
}

.ll td
{
	word-wrap: break-word;
	font-size: 8pt;
	border: 1px solid #808080; 
	border-width: 0 1px 1px 0;
}

.period_limit
{
/*	text-align: center;*/
	color: #2f77b3;
	font-size: 16pt;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	margin: 0 0 12px 0;
}


.table
{
	background: #cccccc;
}
.table th
{
	background-color: #E5E5E5;
	color: #3A3523;
	font-size: 12px;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 2px 2px;
	text-align: center;
}
.table td
{
	background: #ffffff;
	padding: 0 4px;
}