@charset "utf-8";
/* CSS Document */

*{
	 margin: 0px;
	 padding: 0px;
}
body{
    background:#E9E9E9 url(images/header_bg.png) repeat-x;
	 width: 100%;
	 font-size: 10pt;
	 font-family:"MS UI Gothic","MS Gothic","ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
img{border:0px;}
#header,#main,#footer,#nav,.hotgame,.msg{width: 1004px;margin: 0 auto;clear: both;}
#header{height: 120px; position: relative;}
#logo{float: left;padding: 45px 100px 0px 6px}
#header p{float: left;padding-top:35px; width:416px; height:34px;}
#header span{float: right; display: block; margin-top: 38px}
#header span a{color: #ff9900; text-decoration: none;}
.msg{
	clear: both;
	margin-top: 24px;
   height: 24px;
   position: absolute;
	bottom:0px;
	line-height: 24px;
	overflow: hidden;
}
#nav{height: 48px;width:780px; margin: 0 auto}
#nav li{list-style: none;height: 42px; float: left;margin-top:3px;}
#nav li a{display: block;height: 42px;}
#nav li a span{display: none;}
#home{background: url(images/nav_home.png);width:87px;}
#company{background: url(images/nav_company.png); width: 86px;}
#flow{background: url(images/nav_flow.png); width: 86px;}
#pay{background: url(images/nav_pay.png); width: 86px;}
#ask{background: url(images/nav_ask.png); width: 86px;}
#faq{background: url(images/nav_faq.png); width: 86px;}
#flink{background: url(images/nav_flink.png); width: 87px;}
#map{background: url(images/nav_map.png); width: 136px;}
#home a:hover{background: url(images/nav_home_o.png);width:87px;}
#company a:hover{background: url(images/nav_company_o.png); width: 86px;}
#flow a:hover{background: url(images/nav_flow_o.png); width: 86px;}
#pay a:hover{background: url(images/nav_pay_o.png); width: 86px;}
#ask a:hover{background: url(images/nav_ask_o.png); width: 86px;}
#faq a:hover{background: url(images/nav_faq_o.png); width: 86px;}
#flink a:hover{background: url(images/nav_flink_o.png); width: 87px;}
#map a:hover{background: url(images/nav_map_o.png); width: 136px;}
/*Main*/
#main{background: url(images/main_bg.png) repeat-y;}
.hotgame{background: url(images/hot_bg.png) repeat-x; width:1004px; height: 40px; line-height: 18px; overflow: hidden;color: #fff; }
.hotgame h3{
   font-size: 10pt;
	padding: 2px 0px 0px 2px;
	width: 120px;
	height: 38px;
	float: left;
   font-weight: lighter;
}
.hotgame a{padding:2px 10px 2px 0px; color: #fff; text-decoration: none;}
#mleft{width: 245px;float:left;}
.login,.subgame{
	width: 245px;
	height: 30px;
	background: url(images/sub_nav_login.png) 0px 0px no-repeat;
	margin-top: 15px;
}
.subgame{
	background: url(images/sub_nav_game.png) 0px 0px no-repeat;
	margin-top: 20px;
}
.mylogin span {
color:#000;
float:right;
padding-right:6px;
text-align:right;
width:6em;
width:60px\9;
}
.mylogin .input{
   width: 136px;
	height: 18px;
	background: #e0e0e0;
	border: 1px solid Black;
}
.btn{
background:url("images/btn_bg.png") 0px 1px no-repeat;
border:0px;
color:#2F592E;
cursor:pointer;
height:24px;
letter-spacing:1px;
line-height:24px;
overflow:hidden;
width:76px;
}
.uclink  {
clear:both;
color:#DDDDDD;
height:20px;
line-height:20px;
overflow:hidden;
text-align:center;
}
.uclink a {
color:#000000;
margin:0 2px; 
text-decoration: none;
}
.navgame{
	list-style: none;
	width: 216px;
	height:auto;
	float: right;
	
}
.navgame li{
	width: 194px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	background: url(images/gameico.png) no-repeat;
	padding-left: 20px;
	margin-top: 8px;
}
.navgame li a{
	color: #000;
   text-decoration: none;
}
#mcenter{ float:left; width:537px;}
#newslist{ background:url(images/newbg.png); width:493px; height:126px; padding:40px 0px 0px 44px;}
#newslist li{ margin-bottom:5px;}
#newslist li a { text-decoration:none; color:#000000;}
#maincon{ margin:0 auto; width:100%;}
.ad{ margin-top:6px; width:528px; margin-left:5px;}
.divspan{height:1px; margin-top:-1px;clear: both;overflow:hidden;}
#gameimgs{  width:480px;  margin:0px auto; display:block; padding:0px;margin-top:17px; }
#gameimgs li{ display:inline-block; float:left; margin-bottom:21px; width:140px; margin-right:20px;}
#mright{ float:left; width:222px;}
#timepanel{ display:block; margin-left:2px; margin-top:12px;}
#timepanel li{ display:block; padding:0px; padding-left:37px; height:auto; margin:0px; margin-bottom:15px; width:172px; line-height:20px;}
#timepanel h5{ font-size:10pt; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}
#times{ background:url(images/time.png) left top no-repeat; padding-left:37px; }
#email{ background:url(images/email.png) left top no-repeat; padding:37px}
#phone{ background:url(images/phone.png) left top no-repeat; padding:37px;}
#msn{ background:url(images/msn.png) left top no-repeat; padding:37px;}
.bank{background:url(images/bank_t.png) 0px 0px no-repeat; width:208px; height:28px; display:block; margin-bottom:13px;}
#bank,#gamenews{ float:right; }
#bank li{ list-style:none; margin-top:2px;}
.gamenews{float:right;}
.margin{margin:6px auto;}
.btncenter{width:220px; text-align:center}
.game_t,.ta,.dc,.tips{background:url(images/gamenews_t.png) 0px 0px no-repeat; width:208px; height:28px; margin-bottom:13px;float:right}
.ta{background:url(images/ta.png) 0px 0px no-repeat;}
.dc{background:url(images/dc.png) 0px 0px no-repeat;}
.tips{background:url(images/tips.png) 0px 0px no-repeat;}
.gamenews ul li{ margin-left:28px; margin-bottom:7px; height:16px; overflow:hidden;}
.gamenews ul li a{ color:#000000; text-decoration:none; text-align:right;}
#footer{ background:url(images/footb.gif); z-index:10; position:relative}
#footer ul{ width:887px; margin:0px auto; padding-top:33px; display:block;}
#footer ul li{ list-style:none; display:inline; margin:4px;}
#footer a{ text-decoration:none; color:#ffffff;}
#footer span{ display:block; text-align:center;}
#footer .tj{display:none;}

/*the game page's css*/
#mainright{ float:left; width:757px;border-right:1px solid #c7c7c7}
/*#mainright img{ margin:5px; padding:0px; border-right:1px solid #c7c7c7;}*/
#mainright img{position:relative; left:4px}
/*#gameinfo{ width:100%; height:auto; border:1px solid #d6d6d7;  width:753px; margin:0px; margin-left:4px; padding:0px; margin-top:-7px; background:url(images/gameinfob.gif) right top no-repeat;background-color:#ffffff;}*/
#gameinfo{ width:100%; height:auto; border:1px solid #d6d6d7;  width:753px; margin:0px; margin:10px auto auto 4px; margin:10px auto auto 3px\9; padding:0px; background:url(images/gameinfob.gif) right top no-repeat;background-color:#ffffff;}
#gameinfo p{ margin:0px 0px 0px 16px; padding:0px; width:710px; line-height:25px; display:block;}
#gameinfo h1{height:21px; font-size:12pt; font-weight:bold; padding:7px 10px;}
#gameinfo div{margin:0px 0px 0px 16px;; padding:0px; width:710px; }
#gameinfo div h2{ font-size:12pt; padding:7px 29px;}
#gameinfo ul{list-style: inside;}
#gameinfo h1 a{color:#000;text-decoration:none;}
#bsbtn a{ margin:33px 10px; display:block; float:left;}
#bsbtn{ background:url(images/bg_1.gif) top left no-repeat; height:auto}
#notice{ background:url(images/bg_2.gif) top left no-repeat; height:auto;}
#notice p{margin-left:0; padding-left:0}
#thisnew{ background:url(images/bg_3.gif) top left no-repeat; height:auto;}
#thisnew ul{ width:98%; height:auto ; display:block; margin-left:10px 10px;}
#thisnew ul li{ list-style:none;}
#thisnew  ul li a{ text-decoration:none; color:#000000; line-height:25px;}
#thisnew p a{ color:red;}
#thisnew p{ color:red;}

/*the price page's css*/
#price{ background:url(images/btnbg.gif) top left no-repeat;}
#price ul{ margin:0px; padding:5px 0px 0px 7px; height:27px;}
#price ul li{ display:block; list-style:none;  height:27px; float:left; }
#price ul li a{ width:100%; height:100%; display:block;}
#buy_n{background:url(images/buy_n.png);width:124px;}
#sale_g{ background:url(images/sale_g.png);width:124px;}
#buy_g{background:url(images/buy_g.png);width:124px;}
#sale_n{ background:url(images/sale_n.png);width:124px;}
#unit{ float:right; width:200px; margin-right:3px; text-align:right; line-height:27px; font-weight:bold; color:#ffffff;}
#price table { width:100%; height:auto;  margin:0px; padding:0px;border-collapse: collapse; margin-bottom:20px; }
#price table th{ background-color:#f2f2f2; border:solid 1px #ffffff; height:26px; line-height:26px;}
#price table td{ text-align:center;height:26px; line-height:26px;}
.bg2 td{background-color:#f2f2f2; border:solid 1px #ffffff;}}

/*the order page's css*/
#order{}
#order table { width:100%; height:auto;  margin:0px; padding:0px;border-collapse: collapse; margin-bottom:20px; }
#total th{ background-color:#666666; border:solid 1px #ffffff; height:26px; line-height:26px; color:#ffffff;}
#total td{ text-align:center;height:26px; line-height:26px;}
.text{ width:55px; height:20px; border:1px solid #000;}
.order{ background:url(images/order_b.gif) top repeat-x; text-align:center; font-weight:bold;}
#orderinfo td{ height:30px; margin-right:7px; }
#ruleinfo{ height:100px; overflow:scroll; width:576px; display:block; text-align:left}

/*the contact page*/
.askb{ background:url(images/askb.gif) repeat-x; height:115px; position:relative;}
#contact{border:1px solid #d6d6d7;background:url(images/asktt.gif) right top no-repeat; background-color:#ffffff; margin-top:5px; width:529px; margin:5px auto;}
#contact h1{height:38px; font-size:12pt; font-weight:bold; padding:7px 10px;}
#contact p{ margin:0px 0px 0px 16px;; padding:0px; width:477px; line-height:25px; display:block;}
#contact h4{margin-left:10px}
#contact table{ width:90%; margin:7px auto}
.height_40 td{ height:40px}

/*faqs page*/
.faqs,.links{ width:490px; margin: 0px auto; padding:0px; display:block;}
.faqs h6,.links h6{ background:url(images/faqt.gif) no-repeat; height:38px; display:block; width:490px; font-size:11pt; font-weight:bold; line-height:25px; padding-left:10px;}
.faqs ul{ margin:10px 10px;}
.faqs ul li{ line-height:25px; list-style:none;}
.faqs a{ color:#000000; text-decoration:none;}

/*news*/
#news{ margin:10px 30px;}
#news li{ margin-bottom:15px; list-style:none; background:url(images/newpoint.gif) no-repeat left top; padding-left:20px}
#news a{ color:#666666; text-decoration:none;}
#news a:hover{ color:#009966}

/*info*/
.info td{ height:25px;}
#payinfo{ border-collapse:collapse;}
#payinfo td{ border-collapse:collapse; padding:10px;}
/*#login{border:1px solid #d6d6d7;background:url(images/logint.gif) right top no-repeat; background-color:#ededed; margin-top:5px; width:516px; margin:5px auto;}*/
#login{border:1px solid #d6d6d7;background:url(images/logint.gif) 20px top repeat-x; background-color:#ededed; margin-top:5px; width:516px; margin:5px auto;}
/*#login h1{height:21px; font-size:12pt; font-weight:bold; padding:5px 215px;}*/
#login h1{height:21px; font-size:12pt; font-weight:bold; padding:5px 0; text-align:center}


.links ul{ margin:10px 10px;}
.links ul li{ line-height:25px; list-style:none; display:inline-block; float:left; margin-right:10px;}
.links a{ color:#000000; text-decoration:none;}
.links a:hover{ color:#ff0099;}
.tLeft{text-align:left}
.tRight{text-align:right}
.tCenter{text-align:center}
.tTop{vertical-align:top}
.tBottom{vertical-align:bottom}
.bLeft{border-left-width:2px; border-left-color:gray}
.bLeftRequire{border-left-width:2px; border-left-color:red}
.bRight{border-right-width:2px; border-color:gray}
.bBottom{border-bottom-width:2px; border-color:gray}
.bTop{border-top-width:2px; border-color:gray}
.huge{width:300px}
.medium{width:150px}
#link input,#link textarea,#link select {
border:1px solid #CCCCCC;
color:#444444;
font:100%/1em Tahoma,Arial,Helvetica,sans-serif;
margin:0;
padding:3px;
}
#link .btn{
background-color: #fffff;
border:0px;
}
.change{
background:url("images/change.gif") 0px 1px no-repeat;
border:0px;
color:#2F592E;
cursor:pointer;
height:24px;
letter-spacing:1px;
line-height:24px;
overflow:hidden;
width:76px;
}
#error{ background:url(images/er.jpg) no-repeat top left; width:507px; height:auto; border:3px solid #cccccc; margin:0px auto; margin-bottom:10px;}
#error em{display:block;width:100px;padding-left:250px;padding-top:10px;font-style: normal; font-weight: bold;font-size:14px;}
#error p{margin-left:178px; margin-top:20px; width:324px;}
#error a{ color:red;}

.newsll{float:none;width:100%;background:url('images/asktt.gif') no-repeat scroll right top #FFFFFF;border:1px solid #D6D6D7;margin:5px auto;width:529px}
.newsll ul{list-style:none;padding-left:5px;margin: -5px 0 10px;}
.newsll ul li{line-height:24px;list-style: disc inside none;padding-left: 5px;}
.newsll ul li span{padding-right:5px;display: block;float: right;}
.newsll ul a{color:#000;text-decoration: none;padding-left: 0px;overflow: hidden;width: 420px;}
.fl{float:left}
.nll{display:block; width:390px;overflow:hidden;white-space:nowrap;float:left}
#yy{display:none}
#nn{display:none}
.cc td{text-align:center}
.important_hint{color:#F00; font-size:0.8em; display:block; margin:0 auto; font-weight:normal}
#liveMessengerContainer
{
	position:absolute;
}
#liveMessengerThumb
{
	cursor:pointer;
}
#liveMessengerPanel
{
	width :317px;
	border :none;
	margin :0px;
	padding :0px;
	display:none ;
	
}
#hideLiveMessengerPanel
{
	cursor:pointer; 
	margin-right: 5px;
	margin-top :0px;
	float :left ;
}
#framid
{
	width :300px;
	height :300px;
}
#police{width:209px; height:126px; margin:3px 6px;background:url(images/police.gif); display:block;}
.tks{text-align:center;padding-top:60px;}
.tks a img{padding:35px 0px;}
.tipcon{
    margin: 0px;
    padding: 0px;
    width: 710px;
}
.tipcon dl,.tipcon dt,.tipcon dd{
	margin: 0px;
	padding: 0px;
}
.tipcon dt,.tipcon dd{
	width: 610px;
	background: #E5E5E5;
	border: 1px solid #A5A5A5;
	text-align: center;
}
.tipcon dt img{padding: 15px 0px;}
.tipcon dd{
	margin-top: 5px;
	text-align: left;
	color: #000000;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bolder;
	width: 590px;
	line-height: 20px;
}
.tipcon .step{
	background: url(images/step_bg.gif) no-repeat center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 36px;
	text-align: center;
	color: #fff;
	line-height: 36px;
	width: 610px;
	font-size: 20px;
}
.right-mobile {
    background: url("images/mobile-bg.jpg") no-repeat;
    height: 150px;
    list-style: none;
    margin: 0;
    padding: 38px 0 0;
    width: 212px;
}
.right-mobile li{text-align:center}
.right-mobile li a{color:#0563D8;text-decoration:underline}
.tipcon dd span{color: #ff0000;}
.line {border-bottom: 1px dashed #777777;display: block;float: left;height: 1px;margin: 7px 0;width: 100%;clear:both}
.miniinput{border: 1px solid #7F9DB9;height: 17px;width: 30px;}
.payexpinfo{line-height:20px;border: 4px solid #D6D6D7;padding: 5px;background:#FFFFFF}
#smartpit p{width:500px;}
.notice{color:#F00}