@charset "utf-8";
/* CSS Document */
*{margin:0 auto; padding:0px;}

img
{
border:none;
}
/*This is how the text will look before mouse over*/
.colc{
font-family: san-serif;
color: #black;
}

/*This is how the text will look on mouse over. Note "hover" is the most important change here*/
.colc:hover
{
font-family: san-serif;
color: #456745;
}
.onlinecontent
{
  margin-right: 20px; 
  text-align: justify;
}
.centerround
{
background-position:  right bottom; 
background-repeat: no-repeat; 
background-image: url('images/inner.gif'); 
width: 300px; 
height: 250px; 
padding-right: 10px; padding-left:10px; padding-top:10px; padding-bottom:10px;
}
#online_game
{
   margin:0 auto;
}
#game_list
{
margin:0 auto;
width:990px;
padding-left:5px;
} 
body{
	margin:0;
	color:#232323;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color:#ffffff;
	background-attachment:scroll;
        align:center; 
	background:url('images/image_02.gif') repeat-x 0 0;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img{
	
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*------------------------------------------------body--------------------*/
h1
{
font:bold 14px/25px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:#d28501;
padding-left:10px;
height:22px;
}
h2
{
color:#5a9cd8;
background:url('images/image_09.gif') no-repeat left center;
padding-left:50px;
border-bottom:1px dotted #333333;; font-style:normal; font-variant:normal; font-weight:bold; line-height:36px; font-size:14px; font-family:Arial, Helvetica, sans-serif
}
h1
{
font:bold 12px/20px Arial, Helvetica, sans-serif;
color:#333333;
height:21px;
}
p
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#333333;
padding:5px 10px;
}
a
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#333333;
 text-decoration:none;
}
a:hover
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#D28501;
}
.style1 {
	color: #D28501;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.style2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
}
#header
{
width:800px;
height:150px;
background:url('images/image_03.gif') no-repeat 0 0;
margin:0 auto;
padding:0px
}

#navigation
{
margin:0 auto;
padding:0px;
width:800px;
height:30px;
}
#navigation ul
{
list-style:none;
padding-top:5px;
margin-left:50px;
}
#navigation ul li
{
font:normal 12px/20px Arial, Helvetica, sans-serif;
color:#004b64;
display:block;
text-align:center;
padding:0 8px;
border-right:#999999 1px solid;
float:left;
}
#navigation ul li a
{
text-decoration:none;
color:#FFFFFF;
}
#navigation ul li a:hover
{
text-decoration:none;
color:#C2CF4F;
}
#navigation ul li.last
{
text-decoration:none;
color:#C2CF4F;
border:none;
}
#content
{
margin:0 auto;
padding-top:10px;
}
#content_left
{
margin:0 auto;
width:210px;
}
#content_gamelist
{
margin:0;
padding:0px;
width:200px;
}
#content_gamelist ul
{
list-style:none;
}
#content_gamelist ul li
{
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#004b64;
display:block;
padding-left:10px;
background:#fcf5e8;
border-top:#FFFFFF 3px solid;
border-bottom:#FFFFFF 3px solid;
}
#content_gamelist ul li a
{
text-decoration:none;
color:#333333;
}
#content_gamelist ul li a:hover
{
text-decoration:none;
color:#C22B36;
}
#content_right
{
margin:0 auto;
width:775px;
border-left:#666666 1px dotted;
padding-left:5px;
}
.google_add
{
margin:0 auto;
width:760px;
}
#game_part
{
margin:0 auto;
width:760px;
}
#code
{
margin:0 auto;
width:760px;
height:60px;
}
#textbox01
{
width:700px;
height:50px;
background:#EEEEEE;
border:#666666 1px solid;
}
.content
{
width:760px;
}

.content ul
{
list-style:none;
margin-left:50px;
}
.content ul li
{
color:#004b64;
background:url('images/bullet.gif') no-repeat;
padding-left:20px; font-style:normal; font-variant:normal; font-weight:normal; line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif
}
.bignumber
{
width:20px;
height:20px;
background:#d28501;
font:bold 18px/20px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
margin:0 auto;
}
.smallnumber
{
width:16px;
height:16px;
background:#d28501;
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
margin:0 auto;
}
.add_bg
{
width:144px;
height:87px;
background:url('images/image_24.gif') no-repeat center;
margin:0 auto;
padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px
}

#fotter
{
height:50px;
width:980px;
margin:0 auto;
font:normal 11px/18px Arial, Helvetica, sans-serif;
text-align:right;
padding:10px;
color:#FFFFFF;
background:#000000;
}
#fotter_out
{
height:70px;
width:100%;
margin:0 auto;
background:#000000;
}