@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:url(../images/bg.png) repeat-x 0 -64px; background-color:#000912; width:100%;font-family:"ヒラギノ摧ゴ Pro W4", "Hiragino Kaku Gothic Pro", "HG摧ゴシックM-PRO", "MSPゴシック", sans-serif; color:#DEDFDF; font-size:62.5%;}
p{ margin:0; padding:0;}
img{border:none;}
ul{ list-style:none;}
a{ color:#DEDFDF; text-decoration:none;}
.fonts{ font-size:1.3em;}
.fontb{ font-weight:bold;}
.headfonts{ font-size:1.2em;}
.divspan {clear: both;height: 1px;margin-top: -1px;overflow: hidden;}
#header{height:270px; width:1005px; margin:0 auto;position: relative;}
#header #keyword{height:35px; font-size:12px;line-height:35px}
#header #keyword h1{text-align:left; font-size:12px; display: inline}
#header #keyword #localtime{text-align:right; float: right}
#header #banner{ background:url(../images/head.jpg); height:155px; margin:0; padding:0;}
#header #snow{background: url(../images/snow.gif); height: 4px;width: 1001px;position: absolute;bottom: 76px}
#header h1{font-size: 1.3em;}
#banner #ad{ width:100%; height:119px;}
#logo{width:248px;;height:61px; float:left;}
#logo a{ text-align:right; display:block; margin:29px 131px;}
.head-area{width:454px; height:0px; float:right; margin:60px 0px 0px 0px;}
#emailstr{height:35px; line-height:35px;  margin:0px; padding:0; width:100%; float:left; font-size:1.4em;}

#body{ width:1000px; margin: 0 auto;}
#navigation{ background:url(../images/nav_bg.png); height:80px; width:1000px; margin:0 auto;}
#navigation ul{ margin:0px 0px 0px 253px; padding:0px; width:715px; height:32px;width:715px;height:32px; display:block;}
#navigation li{ height:100%; float:left;}
#navigation li a{ display:block; width:100%; height:100%;}
#navigation li span{ display:none;}
#home{ background:url(../images/navi.png) 0 0; width:71px;}
#home a:hover{background:url(../images/navi.png) 0 -32px; width:71px;}
#flow{ background:url(../images/navi.png) -71px 0; width:101px;}
#flow a:hover{ background:url(../images/navi.png) -71px -32px; width:101px;}
#pay{ background:url(../images/navi.png) -172px 0; width:109px;}
#pay a:hover{ background:url(../images/navi.png) -172px -32px; width:109px;}
#ask{ background:url(../images/navi.png) -281px 0; width:112px;}
#ask a:hover{ background:url(../images/navi.png) -281px -32px; width:112px;}
#faq{ background:url(../images/navi.png) -393px 0; width:111px;}
#faq a:hover{ background:url(../images/navi.png) -393px -32px; width:111px;}
#flink{ background:url(../images/navi.png) -504px 0; width:96px;}
#flink a:hover{ background:url(../images/navi.png) -504px -32px; width:96px;}
#sitemap{ background:url(../images/navi.png) -600px 0; width:115px;}
#sitemap a:hover{ background:url(../images/navi.png) -600px -32px; width:115px;}
#content{ background:url(../images/body_m.gif) repeat-y; height:auto; margin:auto; width:100%;}
#body_b{ background:url(../images/body_b.gif) no-repeat; height:30px;}

#left{width:230px; float:left;display:inline;margin:7px 0px 0px 50px; }
#left .box{width:230px;background:url(../images/left_bg.gif) -230px 0; margin-bottom: 5px  }
#left .box .left_mt{background:url(../images/member-ltbg.png) 0 0; height:43px;}
#left .box .left_t{background:url(../images/left_bg.gif) 0 0; height:12px;}
#left .box .left_b{background:url(../images/left_bg.gif) 0 -12px; height:12px;}
#left .box h4{font-size: 1.5em;text-align: center;border-bottom: 2px solid #49A388;width:193px; margin:7px auto;padding-bottom: 3px}
#left .left-box{width:230px; margin-bottom: 5px;}
#left .box p{text-align:  left; line-height: 18px; text-indent: 20px;margin-top: 3px;}
#mobile{ width:178px; background: url(../images/mobile-body.png) repeat-y; margin:0px auto; padding:0px 3px; text-align:center;}
#mobile-header{width: 184px;background:url(../images/mobile-header.png) left bottom no-repeat;height: 17px;margin-top: 5px; }
#mobile-footer{width: 184px;background:url(../images/mobile-footer.png) left top no-repeat;height: 11px;margin-bottom: 5px; }
#mobile span{ font-size:1.5em; font-weight:bold;}
#mobile span a{ text-decoration:underline; margin:10px;}
#mobile p{ font-size:1.3em; margin:0px 0px;}
#mobile img{margin: 10px 0px;}
#game_text,#game_text2{ margin:0; padding:0; width:100%; list-style:square;}
#game_text{margin-bottom: 10px;}
#game_text li,#game_text2 li{ border-bottom: 1px dashed #DEDFDF;margin:0px 10px 0px 20px; padding:5px 0px 2px 0px;text-align: left;}
#game_text a,#game_text2 a{margin-left:2px;font-size:1.4em;}
#game_text a:hover,#game_text2 a:hover{background-color :#068566;}

#main{ width:662px; float:left; margin:7px 0px 0px 7px; height:auto;}
#top{ background:url(../images/info_bg.png); width:451px; height:148px; padding:43px 10px 7px 10px;font-size:1.4em; margin-bottom: 10px; overflow: hidden}
#top ul{ margin:0; padding:0; font-size:1em;}
#top ul li{margin-left: 10px;margin-right: 10px;line-height:24px; height: 24px;text-align: left; width: 410px; overflow: hidden}/*pb: 2px;pt: 5px;*/
#top li a{border-bottom: 1px dashed #DEDFDF; }
#top li a:hover{ background-color :#0D57A0;}
#bot{ margin:0px 0px 7px; height:auto;}

.main_box{ width:100%; background:url(../images/main_box_m.gif) repeat-y;padding-top:10px;}
.gameh1{background:url(../images/main_bg.png) 0px -198px; height:27px; margin:0px;  display:block; margin-top:7px; padding-left:40px; line-height:34px; font-size:1.5em; padding-top:7px;overflow:hidden}
.gameh1 a{ color:#ffffff;}
.gameh1 h3,.gameh1 h1{display: inline;font-size: 1.0em}
.main_box_b{ background:url(../images/main_bg.png) 0px -232px; height:12px;}
.main_box .box{background-color: #123E6B; border: 1px solid #588BBA;margin: 10px 15px 2px; padding: 5px;width: 620px;line-height: 1.4em;text-align: left; font-size:1.5em; clear:both}
.main_box p{border-bottom: 1px dashed #568BBD;font-size: 11pt;text-align: left; padding:10px 0px 2px 17px}
#price{width: 635px; margin: 0 auto}
#price ul{background: url('../images/colmun-top-bg.gif') left center no-repeat;height: 35px; line-height: 35px;width: 635px;}
#price ul .title{margin-left: 10px;font-size: 1.5em}
.item-table{width: 635px; border-collapse: collapse; font-size: 1.2em;text-align: center;}
.item-table thead{background: #114071; height: 30px;}
.item-table .odd{background: #114071;}
.item-table .even{background: #052e57;}
#gamemenu{position: relative; background:url(../images/menu_b.gif) left bottom repeat-x;height: 38px;margin: 0 0 14px;padding: 0;width: 658px;; border-left:2px solid #588AB9; border-right:2px solid #588AB9;}
#gamemenu ul{position: absolute;right: 0px;bottom: 0px; width:188px; float:right; margin:0px; padding:0px;}
#menu_l{clear: left;display: block;float: left;line-height: 20px;}
#menu_r{clear: right;display: block;float: right;line-height: 20px;}

#gamead{ position:relative;}
#gamead h2,#gamead span{ position:absolute; left:15px; top:80px; font-size:1.3em; color:#000; font-weight:bold;}
table.pricetable { width:660px;border-collapse: collapse; border-left:2px solid #588AB9; }
table.pricetable thead tr{ background-color: #0C579B;color: #00264E;font-size: 1.2em;font-weight: bolder; height: 25px;letter-spacing: 1px;line-height: 1.2em;margin: 0;padding: 0;width: 100%;}
table.pricetable tbody tr{ height:35px;}
table.pricetable thead td{ border-right: 1px solid #00264E; text-align:center;}
table.pricetable thead td.game-area{width: 100px}
table.pricetable tbody  .bg1{background-color:#7FB4E6;}
table.pricetable tbody td,.th{border-bottom: 1px solid #0E569E;border-left: 1px solid #0E569E; color:#00264E; font-weight:bold; text-align:center; font-size:14px;}
table.pricetable tbody .bg{ background:#7FC9E6;}
table.pricetable tbody a{ text-align:right; color:#00264E; text-decoration:none;}
table.pricetable .th{text-align:left;padding:2px 3px 2px 20px;margin:0px;text-decoration:none;}

.box #price{border-collapse: collapse; width:100%;}
#form{border: 1px solid #568BBD;height: auto;margin: 10px 15px 2px;padding: 0;width: 630px;font-size:1.2em; color:#00274D;border-collapse: collapse;}
#form tr{background:#ffffff; border-bottom: 1px solid #568BBD;height: 34px;line-height: 34px; margin: 0;}
#form .form_t{background:#A8D5FF; border-right: 1px solid #1C5E9D;color: #00274D;margin: 0;text-align: right;text-decoration: none;width: 150px;}
#form span{display:inline}
#form td{padding-left:5px;}
.trsubmit{text-align: center; display: block; margin-top: 15px;font-size:1.6em;}
#main_body{ width:472px; float:left;}
#game{background:url(../images/game_bg.gif) repeat-y 0 0; margin:7px 0px 0px 0px; }
#game_t{background:url(../images/game_bg.gif) -472px 0px; height:31px;}
#game_b{background:url(../images/game_bg.gif) -472px -31px; height:11px;}
#game ul{padding:0px;; margin:0px;}
#game ul li{height: 54px;line-height: normal;width: 140px; border: medium none; display:inline;}
#game ul li img{height :54px;width :140px; border :none; margin:6px;}

#right{ width:184px; float:left; height:auto; margin-left:6px; }
#time{background:url(../images/main_bg.png) 0px -246px no-repeat; width:167px; height:118px; padding:48px 8px 5px 8px; margin:0;}
#bank{background:url(../images/bank_bg.gif) 0px 0px; width:184px; height:553px; margin-top:7px;}
#gamenew,#office{ width:100%; margin-top:7px;  background-color:#135565; font-size:1.4em; }
#gamenew h3{font-weight: lighter;line-height:30px; margin: 0px;padding: 0px;font-size: 12px;}
#gamenew p{ margin:0; padding:0;background:url(../images/bg.png) no-repeat 0 -32px; height:32px;}
#gamenew ul,#office ul{ padding:0; margin:0;}
#gamenew li{ width:100%; height:60px; overflow:hidden; line-height:30px; display:block; margin:0; padding:0;}
#gamenew li a{margin-left:0px;}
.liheight{ background-color:#023f59;}
#gamenew span,#office span,#top span{ height:40px; text-align:right; display:block; line-height:40px; padding-right:13px; font-weight:bold;}
#office ul{list-style:square;}
#office li{border-bottom: 1px dashed #DEDFDF;text-align: left;margin:0px 10px 0px 10px; padding:5px 0px 2px 0px;text-align: left;height:23px;  line-height:23px;overflow:hidden;}
#office p{ margin:0; padding:0;background:url(../images/bg.png) no-repeat 0 0; height:32px;}

#footer{ background:url(../images/footer_b.gif) repeat-y; width:1000px; margin:0 auto; height:auto; font-size:1.4em;}
#footer ul{margin:0 auto; padding:0; height:30px; width:600px;text-align:center;padding-top:10px;}
#footer li{display:inline; margin:5px;}
#footer li a{ font-weight:bold;}
#footer p{ width:93%; height:auto; padding:10px; margin:0 auto;}
#footer span{display:block;text-align:center}
.tj{display:none;}

.member{background:url(../images/main_bg.png) -183px -244px no-repeat;font-size:1.3em;text-align:left;padding:0;border:0px;height:216px;}
.member a{line-height:1.5em;vertical-align:baseline}
.member a:hover{text-decoration:underline}
.member dt{padding-top:15px;padding-left:15px;margin-bottom:8px;_margin-bottom:4px;}
.member dd{height: 23px;line-height: 22px;margin: 1px 0px 0px 0px;padding-left: 55px;}

#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;}
.fok{background:url(../images/fok.gif) right center no-repeat;}
.bottomText {
    border-bottom: 1px dashed #568BBD;
    clear: both;
    color: #DEDFDF;
    float: left;
    font-size: 11pt;
    text-align: left;
    width: 640px;
	padding:5px 5px 5px 15px;
}
#preimg{display:none}

#game_b{background-position:-472px -32px}
#game_b{*background-position-y:-32px}/*ie7*/
#game_b{_background-position-y:-30px}/*ie6*/
#left #left_b{*background-position-y:-11px}
.link_center{width: 620px;border: 1px solid #588BBA;background-color: #123E6B;font-size: 1.4em;margin: 10px 15px 2px;padding:5px;}
.link_center ul{margin:0px;padding:0px;}
.link_center ul li{width:150px;height:24px;line-height: 24px;overflow:hidden;padding:0px 2px;float:left;}
#jpgame{width: 202px;height:80px;margin-left:10px;background:#02403F url(../images/jp-bg.gif) no-repeat; padding-left: 7px;font-size: 1.6em;}
#jpgame li{float: left; height: 28px;line-height: 28px;margin: 0px 0px 6px;}
#jpgame a{display: block;width:40px;text-align: center;text-decoration: none;color: #fff;float: left;font-weight: bold;}
.highlight{ background:#c5c5c5}
.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 #1C89BE;padding: 5px;margin: 10px 0;background:#FFFFFF}
.payexpinfo a{color:blue;}
.notice{color:red}
.ipayment{line-height: 30px;}
.game-news-list li{height: 20px; overflow: hidden}
.game-news-list li h3{font-size: 14px;display: inline; font-weight: lighter }
.miaoshu{bottom: 20px;color: #000000;font-size: 12px;left: 16px;position: absolute;}
span.top-btn-box{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    position: absolute;
    top: 5px;
    left: 375px;
}
span.top-search {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 345px;
    overflow: hidden;
    margin: 5px 0;
    position: absolute;
    top: 0px;
    left: 5px;
}
span.top-search input {
    width: 210px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding: 0 5px;
    outline: none;
}
span.top-search .czan {
    width: 60px;
    height: 28px;
    background: #6f9c00;
    padding: 0;
    border: none;
    margin: 0px;
    color: #ffffff;
    cursor: pointer;
}