/** BASIC */

html, body {
	height: 100%;
}

.text6 {
	margin-bottom: 1em;
}

.link2 {
	display: block;
	padding-right: 18px;
	background: url(images/homepage22.gif) no-repeat right center;
	text-align: right;
}

.ul1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.ul1 li {
	display: inline;
}

.ul1 a {
	display: block;
	background: url(images/homepage19.gif) repeat-x left top;
}

.ul1 a b {
	display: block;
	height: 18px;
	padding: 5px 0px 0px 15px;
	background: url(images/homepage20.gif) no-repeat right top;
	font-weight: normal;
}

.ul1 li.toplink a {
	background-image: url(images/homepage23.gif);
}

.ul1 li.toplink a b {
	background-image: url(images/homepage24.gif);
}

.ul2 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.ul2 a {
	padding-left: 14px;
	background: url(images/homepage45.gif) no-repeat left center;
}

.bg8, .bg9 {
	padding: 14px 14px 0px 14px;
}

.bg88 {
	padding: 0px 0px 0px 0px;
	text-align:center;
}

.bg16 {
	background-color: #FFFFFF;
}

/** WRAPPER */

#wrapper {
	width: 945px;
	margin: 0px auto;
}

/** MENUS */

#menus {
	height: 54px;
	background: url(images/homepage03.jpg) repeat-x left top;
}

#mainmenu {
	float: left;
	height: 36px;
	margin: 0px;
	padding: 18px 0px 0px 28px;
	background: url(images/homepage02.jpg) no-repeat left top;	
}

#topmenu {
	float: right;
	height: 36px;
	margin: 0px;
	padding: 18px 28px 0px 0px;
	background: url(images/homepage04.jpg) no-repeat right top;
}

/** HEADER */

#header {
	height: 99px;
	background: url(images/homepage06.jpg) repeat-x left top;
}

#logo {
	float: left;
	width: 216px;
	height: 99px;
	background: url(images/homepage05.jpg) no-repeat left top;
}

#logo h1, #logo h2 {
	position: absolute;
	left: -10000px;
}

#topad {
	height: 84px;
	margin: 0px 216px;
	padding-top: 15px;
	text-align: center;
}

#login {
	float: right;
	width: 216px;
	height: 99px;
	margin-top: -99px;
	padding: 15px 0px 0px 0px;
	background: url(images/homepage07.jpg) no-repeat left top;
	text-align:center;
}

#login .input
{
	BORDER-RIGHT: #666666 1px solid; 
	BORDER-TOP: #666666 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #666666 1px solid; 
	COLOR: black; 
	BORDER-BOTTOM: #666666 1px solid; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-DECORATION: none
}

#login .btn
{
	
}

#login form {
	padding: 18px 0px 0px 22px;
}

#login label {
	display: block;
	height: 9px;
}

#login label b {
	position: absolute;
	left: -10000px;
}

#label1 {
	background: url(images/subpage1_04.gif) no-repeat left top;
}

#label2 {
	clear: both;
	padding-top: 5px;
	background: url(images/subpage1_05.gif) no-repeat left bottom;
}

#textfield1 {
	float: left;
	width: 165px;
}

#textfield2 {
	float: left;
	width: 115px;
	margin: 0px 8px 0px 0px;
}

#imagefield1 {
}

/** CONTENT */

#content {
}

/** 3-COLUMN LAYOUT */

.three-col {
}

.three-col .colA {
	float: left;
	width: 203px;
	padding: 3px 7px 0px 6px;
}

.three-col .colB {
	float: left;
	width: 503px;
	padding: 3px 5px;
}

.three-col .colC {
	float: right;
	width: 203px;
	padding: 3px 6px 0px 7px;
}

.three-col .colB .extra {
	height: 25px;
	background: url(images/homepage41.gif) repeat-x left top;
}

.three-col .colB .extraL {
	float: left;
	width: 25px;
	height: 25px;
	background: url(images/homepage40.gif) no-repeat left top;
}

.three-col .colB .extraR {
	float: right;
	width: 25px;
	height: 25px;
	background: url(images/homepage42.gif) no-repeat left top;
}

/** 2-COLUMN LAYOUT */

.two-col {
}

.two-col .colA {
	float: left;
	width: 203px;
	padding: 3px 7px 0px 6px;
}

.two-col .colB {
	float: left;
	width: 719px;
	padding: 3px 5px;
}

.two-col .colB .extra {
	height: 25px;
	background: url(images/homepage41.gif) repeat-x left top;
}

.two-col .colB .extraL {
	float: left;
	width: 25px;
	height: 25px;
	background: url(images/homepage40.gif) no-repeat left top;
}

.two-col .colB .extraR {
	float: right;
	width: 25px;
	height: 25px;
	background: url(images/homepage42.gif) no-repeat left top;
}

/** SEARCH */

#search {
	height: 48px;
}

#search .text2 {
	display: block;
	float: left;
	width: 51px;
	height: 27px;
	padding: 21px 0px 0px 23px;
	background: url(images/homepage31.gif) no-repeat left top;
}

#search form {
}

#search input {
	float: left;
	margin: 20px 10px 0px 0px;
}

#search a {
	display: block;
	float: right;
	height: 28px;
	padding: 20px 23px 0px 0px;
	background: url(images/homepage33.gif) no-repeat right top;
}

/** FOOTER */

#footer {
	width: 945px;
	height: 60px;
	margin: 0px auto;
}

#footer p {
	float: left;
	width: 890px;
	margin: 0px;
	padding: 30px 0px 0px 0px;
}

#footer .extraL {
	float: left;
	width: 25px;
	height: 16px;
	background: url(images/subpage1_01.jpg) no-repeat left top;
}

#footer .extraR {
	float: right;
	width: 25px;
	height: 16px;
	background: url(images/subpage1_03.jpg) no-repeat left top;
}

/** BOX */

.box {
}

.box .title {
	background: #7BA31A url(images/homepage11.gif) repeat-x left top;
}

.box .title h2 {
	background: url(images/homepage10.gif) no-repeat left top;
}

.box .title h2 b {
	display: block;
	height: 22px;
	padding: 16px 0px 0px 22px;
	background: url(images/homepage12.gif) no-repeat right top;
}

.box .content {
	margin: 0px 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #9B9C94 #9B9C94 #676860 #9B9C94;
}

.box .extra {
	height: 29px;
	background: url(images/homepage16.gif) repeat-x left top;
}

.box .extraL {
	float: left;
	width: 25px;
	height: 29px;
	background: url(images/homepage15.gif) no-repeat left top;
}

.box .extraR {
	float: right;
	width: 25px;
	height: 29px;
	background: url(images/homepage17.gif) no-repeat left top;
}

/** BOX1 */

#box1 {
}

#box1 .content {
	border-bottom: none;
}

/** BOX2 */

#box2 .content {
}

#box2 p {
	margin-bottom: 7px;
}

/** BOX3 */

#box3 {
}

#box3 .content {
}

/** BOX4 */

#box4 {
}

#box4 .content {
	border-bottom: none;
}

/** BOX5 */

#box5 {
}

#box5 .content {
	border-bottom: none;
}

/** BOX6 */

#box6 {
}

#box6 .content {
	padding-bottom: 5px;
}

/** BOX7 */

#box7 {
	height: 62px;
}

#box7 .text4 {
	float: left;
	height: 32px;
	padding: 30px 0px 0px 22px;
	background: url(images/homepage35.gif) no-repeat left top;
}

#box7 .text5 {
	float: right;
	height: 24px;
	padding: 38px 22px 0px 0px;
	background: url(images/homepage37.gif) no-repeat right top;
}

/** BOX8 */

#box8 {
	height: 160px;
	min-height: 160px;
	margin: 0px 12px 0px 13px;
	padding: 18px 14px 0px 9px;
}

html>body #box8 {
	height: auto;
}

/** BOX9 */

#box9 {
	position: relative;
	margin: 0px 12px 0px 13px;
}

#box9 .text6 {
	padding: 0px 0px 0px 9px;
}

#box9 .content {
	margin: 0px 0px 0px 0px;
	padding: 18px 9px;
}

#box9A {
	float: left;
	width: 139px;
	padding: 0px 9px 0px 0px;
}

#box9B {
	float: left;
	width: 139px;
	padding: 0px 9px 0px 10px;
}

#box9C {
	float: left;
	width: 139px;
	padding: 0px 0px 0px 10px;
}

/** BOX10 */

#box10 {
	margin: 0px 12px 0px 13px;
}

#box10 .text6 {
	padding: 0px 0px 0px 9px;
}

#box10 .content {
	margin: 0px 0px 0px 0px;
	padding: 18px 9px;
}

#box10 .bg20 {	
	margin: 0px;
	padding: 10px;
	border: 1px solid #F0F0EF;
}

#box10A {
	float: left;
	width: 43%;
}

#box10B {
	float: left;
	width: 43%;
}

#box10A .text6, #box10B .text6 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: none;
}

#box10C {
	float: left;
	width: 19px;
	height: 220px;
	background: url(images/homepage46.gif) repeat-y center center;
}





.boxoutside {
	position: relative;
	margin: 0px 12px 0px 13px;
}

.boxoutside .text6 {
	padding: 0px 0px 0px 9px;
}

.boxoutside .content {
	margin: 0px 0px 0px 0px;
	padding: 18px 9px;
}

.boxinside {
	float: left;
	width: 139px;
	padding: 0px 9px 0px 0px;
}

#newgamead
{	
	padding-top: 8px;
	padding-left: 8px;
	text-align:center;
}

#focusad
{	
	padding-top: 8px;
	padding-left: 8px;
	text-align:center;
}


#newgamelist 
{	
	padding-top: 8px;
	padding-left: 8px;
}

#newgame {
	width: 130px;
	float: left;	
	padding-left:20px;
	margin-bottom: 5px;	
}

#newgamelist .data{
	padding-right: 6px;
	width: 130px;
}


#responselist 
{	
	padding-top: 8px;
	padding-left: 8px;
}

#response {
	width: 450px;	
	padding-left:20px;
	margin-bottom: 5px;	
}

#responselist .data{
	padding-right: 6px;
	width: 450px;
}

 
#loginpage
{
	color:#ffffff;
}

#loginpage .label
{
	color:#ffffff;
	white-space:nowrap;
}

#loginpage .btn
{
	BORDER-BOTTOM: #ffffff 1px solid; 
}

#loginpage .memo
{
	color:#ffffff;
}

#loginpage .memo a
{
	color:#ffffff;
}

#loginpage .input
{
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-TOP: #ffffff 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #ffffff 1px solid; 
	COLOR: black; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-DECORATION: none
}


#SameCateGame
{
	width: 100px;
	height:80px;
	float:left;	
}