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

body { margin: 0 auto; font-family: Calibri;　height: 100%; }
img   { border:none;}
a { text-decoration: none; color:#fff}
a:hover{ text-decoration: none; }
a:visited　{}

h2 { margin-bottom:7px; color:#231f20; display:inline;}
h3 { margin-bottom:10px; color:#231f20;}
h4 { font-size:15px; margin-bottom:10px; color:#231f20;}
h5 { font-size:16px; margin-bottom:-15px; color:#231f20;}

/* HEADER*/
#header {
　　width: 100%;
   height:155px;
   background-color:#000000;
   margin: 0;
   position:relative;
   background-image:url(../images/header_bg.png);
   background-position:bottom;
   background-repeat:repeat-x;
}
#header_top{
   width:945px;
   margin:auto;
   height:123px;
}
.top_curve {background:#fff url(../images/curve_top.png)  0 0 no-repeat;  height:21px; width:30%; margin-left:70%; margin-bottom:-20px;}
.header_logo {margin:30px 0 0 10px; border:0px; float:left;}
.sns_icon { float:right; width:200px; margin-top:38px; margin-right:20px; border:0px; text-align:right;}

#signup_news {float:right; width:340px; margin-top:3px; margin-right:15px; text-align:right}
.singup_btn { float:left; vertical-align:bottom;}
.signup_form {
    width:265px;
    height:21px;
	float:left;
    background-image:url(../images/signup_box.png);
    background-repeat:no-repeat;
}

.signup_form input{
   width:240px;
   height:20px;
   margin:0px 0;
   padding-top:0px;
   padding-left:10px;
   font-size:14px;
   border-width:0;
   border-style:none;
   background:transparent;
   color: #000000;
}

#main_navigation{
   width:945px;
   margin:auto;
   padding-top:8px;
   height:22px;
}
ul#main-nav {
	margin: 0px;
}
ul#main-nav li {
	float: left;
	position: relative;
	margin-left: -40px;
	display: inline;
}
ul#main-nav li a {
	position: relative;
	width: 90px;
	height: 22px;
	display: block;
	background-image: url('../images/mainnavi_tabs.png');
	background-position: center center;
	color: #292325;
	text-decoration: none;
	font-size: 16px;
	font-family: Calibri;
	padding-top: px;
	text-align: left;
	padding-left: 50px;
	font-weight: bold;
}
ul#main-nav li.home a {
	background-image: url('../images/mainnavi_tabs_home.png');
}
ul#main-nav li.current a {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li.current2 a {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li.current3 a {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li.current4 a {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li a:hover {
	background-position: bottom;
	color: #ffffff;
}
ul#main-nav li.current a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current2 a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current3 a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current4 a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current {
	z-index: 100;
}
ul#main-nav li.home {
	z-index: 100;
}
ul#main-nav li.games {
	z-index: 99;
}
ul#main-nav li.current2 {
	z-index: 98;
}
ul#main-nav li.updates {
	z-index: 98;
}
ul#main-nav li.current3 {
	z-index: 97;
}
ul#main-nav li.forum {
	z-index: 97;
}
ul#main-nav li.current4 {
	z-index: 96;
}
ul#main-nav li.store {
	z-index: 96;
}
ul#main-nav li.store_eu {
	z-index: 95;
}
#image {
	position: relative;
	float: left;
	margin-left: 40px;
	margin-top: 25px;
}

ul.sub_navi{
   margin: 0px;
   margin-top:-3px;
   padding: 0px;
   float:right;
   position: relative;
   width: 405px;
}

ul.sub_navi li{ 
   display: inline;
   font-size:16px;
   font-weight:bold;
   margin-right:20px;
}
ul.sub_navi a:hover{
   color:#938e8e;     
}


/* Drop-Down Navigation */
ul.sub_navi li:hover > ul.dd1, ul.sub_navi li:hover > ul.dd2 
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
 
ul.sub_navi ul.dd1, ul.sub_navi ul.dd2 {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    top: 26px;
    background:#f8f8f8;
    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul.sub_navi ul.dd1 {
  width:150px;
  left: 0px; /* ******** orig 50px *********** */
}

ul.sub_navi ul.dd2 {
  width:180px;
  left: 130px; /* ******** orig 50px *********** */
}
 
 
ul.sub_navi ul.dd1 li, ul.sub_navi ul.dd2 li{
    clear:both;
    width:100%;
    border-bottom:1px solid #c9c9c9;
}
 
ul.sub_navi ul.dd1 li a, ul.sub_navi ul.dd2 li a {
    background:none;
    padding:7px 15px;
    color:#616161;
    text-shadow:1px 1px 0px #fff;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;  
}

ul.sub_navi ul.dd1 li a {
  width:120px;
}

ul.sub_navi ul.dd2 li a {
  width:150px;
}




.white_bg{background-color:#FFFFFF; height:22px; width:33%; margin-right:80%; margin-bottom:-30px; margin-top:8px; }
.gray_bg{background-color:#767676; height:22px; width:33%; margin-right:80%; margin-bottom:-30px; margin-top:8px; }

/* MAIN CONTENT　COMMON*/
#wrap{
  　width: 100%;
   background-image:url(../images/content_bg.png);
   background-repeat:repeat-x;   
}

#container{
   width:945px;
   margin:auto;
   height:750px;
   background-color:#FFFFFF;
}
.text_box{
   width:800px;
   font-size: 15px;
   margin:auto;
   padding:50px 0 0 0;
}
.text_box a{
   color:#231f20;
}
.text_box a:hover{
   color:#767676;
}
hr {
  border-top: 1px dotted #333;
  color: #fff;
  background-color: #fff;
  height: 1px;
}
.dot_line{
   width:580px;
   height:2px;
   background-image:url(../images/dot_line.gif);
   background-repeat:repeat-x;   
}
#left_nav{
   float:left;
   width:190px;
   background-color:#cacbcd;
   color:#fff;
   font-family: Calibri;
   font-size:15px;
   font-weight:bold;
}
ul.left_navi{
   margin: 25px 0 0 30px;
   padding: 0px;
   list-style:none;
}

ul.left_navi li{ 
   margin-bottom:10px;
}
ul.left_navi a:hover{
   color:#231f20;     
}


/* FOOTER*/
#footer{ 
　　　width: 100%;
   height:auto;
   margin: 0; 
   background-color:#000000;
}
.footer_box{
   width:925px;
   height:145px;
   margin:auto;
   color:#fff;
   font-family: Calibri;
   font-size:13px;
   padding: 15px 10px 0 10px;
   text-align:center;
}
.footer_box a:hover{
   color:#938e8e;
      
}
.footer_img{
   margin-right: 10px;
   float:right;
   border:0px;
}

ul.footer_navi{
   margin-top: 8px;
   padding: 0px;
}

ul.footer_navi li{ 
   display: inline;
   font-size:17px;
}

.bottom_curve{background:#fff url(../images/curve_bottom.png)  right 0 no-repeat;  height:21px; width:30%; margin-right:70%; margin-bottom:-20px;}

/* TOP*/
#top_container{
   width:945px;
   margin:auto;
   height:auto;
   background-color:#FFFFFF;
   background-image:url(../images/top_bg.gif);
   background-repeat:repeat-x; 
   padding-bottom:25px;  
}
#top_content{
   width:945px;
   height: auto;
}
#top_slide{
   width:910px;
   height:410px;
   overflow:hidden;
   margin:auto;
   padding-top:18px;
   margin-bottom:8px;
}
#top_news{
   width:270px;
   height:350px;
   background-color:#f5f5f5;
   float:left;
   margin-left:18px;
   padding-top:5px;   
}
#top_news2{
   width:270px;
   height:350px;
   background-color:#f5f5f5;
   float:left;
   margin-left:10px;
   padding-top:5px;   
}

.news_head{
   background:url(../images/top_newsbar_jp.png) no-repeat;
   height:25px;
   padding:2px 0 0 20px;
   color:#fff;
   font-size:16px;
   font-weight:bold; 
   margin-bottom:10px;
}
.news_head2{
   background:url(../images/top_newsbar_us-eu.png) no-repeat;
   height:25px;
   padding:2px 0 0 20px;
   color:#fff;
   font-size:16px;
   font-weight:bold; 
   margin-bottom:10px;
}
.news_topic{
   width:250px;
   margin-left:15px; 
   margin-bottom:5px;
   font-size:13px;
   line-height:16px;
}
.news_topic2{
   width:240px;
   margin-left:15px; 
   margin-bottom:5px;
   font-size:13px;
   line-height:16px;
}
.news_topic a{
   color:#231f20;
}
.news_topic a:hover{
   color:#767676;
}
.news_topic2 a{
   color:#231f20;
}
.news_topic2 a:hover{
   color:#767676;
}
.news_publisher{
   width:45px;
   float:left;
   height:50px;
   margin-right:5px;
}
.news_text{
   float:left;
   
}
.news_dotline{
   width:233px;
   height:2px;
   background-image:url(../images/dot_line.gif);
   background-repeat:repeat-x;   
}
.readmore_btn{
   margin-left:160px;
}
.readmore_btn a{
   color:#908b8b;
}
.readmore_btn a:hover{
   color:#231f20;
}

#side_banner{
  width:335px;
  height:auto;
  float:left;
  margin-left:15px;
  padding-top:3px;
}
#side_banner img {
  margin-bottom:10px;
}

/* GAME*/
#game_container{
   width:945px;
   margin:auto;
   height:auto;
   background-color:#FFFFFF;
}
#game_listing{
   float:left;
   width:660px;
   height: auto;
   padding: 50px 50px 50px 40px;
   font-family: Calibri;
}

#game_listing a{
   color:#231f20;
}
#game_listing a:hover{
   color:#767676;
}

.game_icon{
   float:right;
   margin-top:8px;
}

.info_box{
   float:left;
   width:240px; 
   margin-right:5px; 
   font-size:15px; 
   font-weight:bold; 
}
.info_box2{
   float:left;
   width:205px;  
   font-size:15px;
   font-weight:bold; 
}
.info_box3{
   float:left;
   width:185px;  
   font-size:15px;
   font-weight:bold; 
   text-align:right;
   padding-right:20px;
}
.region_icon{
   margin:0 10px 0 10px;
}
.game_package{
   width:150px;
   float:left;
   margin-top:15px;
   margin-bottom:25px;
}
.game_intro{
   float:left;
   width:500px;
   margin-top:15px;
   margin-bottom:30px;
   font-size:14px; 
}
.readmore_link a{
   color:#767676;
   font-weight:bold;
}
.readmore_link a:hover{
   color:#231f20;
}

.pagenation{
   margin:auto;
   height:30px;
   text-align:center;
   margin-bottom:30px;
}
ul.page{
}

ul.page li{ 
   display: inline;
   margin-right:10px;
   font-size:15px;
   color:#999999;
}

/* GAME DETAIL*/
#game_container_sub{
   width:945px;
   margin:auto;
   height:auto;
   background-color:#FFFFFF;
}
#game_detail{
   float:left;
   width:660px;
   height: auto;
   padding: 50px 50px 0 40px;
   font-family: Calibri;
   padding-bottom:50px;
}
.gameicon_lrg{
   margin-bottom:20px;
}
.region_info{
   width:640px;
   height:auto;
   float:left;
   margin-bottom:40px;
}
.region_info_icon{
   float:left; 
   margin-right:15px;
}
.region_info_pk{
   float:left; 
}
.region_detail{
   float:left; 
   margin-left:15px;
}
.region_sitelink{
   float:right;
   text-align:right;
}
.rating_icon{
   margin-top:8px;
}
.latest_news{
   width:590px;
   height:190px;
   margin-top: 10px;
   margin-bottom:40px;
   padding: 10px 30px 20px 20px;
   border:#666666 solid 1px;
   overflow:auto;
}
.latest_news_topic{
   float:left;
   width:auto;
   height:auto;
   font-size:14px;
   margin-top:5px;
   text-align:left;
}
.latest_news_date{
   font-weight:bold;
    font-size:14px;
	margin-right:5px; 
}
.latest_news_text{
    font-size:14px;
	margin-right:5px;
	float:left; 	  
}
.latest_news_region{
   float:right;
   height:30px;
}
.latest_news_icon{
   margin-bottom:5px;
   margin-right:8px;
}
.latest_news_topic a{
   color:#231f20;
}
.latest_news_topic a:hover{
   color:#767676;
}

/* UPDATES*/
#updates_container{
   width:945px;
   margin:auto;
   height:auto;
   background-color:#FFFFFF;
}
#news_listing{
   float:left;
   width:720px;
   height: auto;
   padding: 80px 10px 180px 20px;
   font-family: Calibri;
}
#news_listing a{
   color:#231f20;
}
#news_listing a:hover{
   color:#767676;
}
#article{
   width:730px;
   height:auto; 
   margin-bottom:20px;
}
.article_date{
   float:left;
   width:130px;
   font-size:16px;
   font-weight:bold;
}
.article_img{
  margin-top:0px;  
  margin-bottom:5px;
  float:left;
  width:135px;
}
.article_text{
   float:left;
   width:500px;
   margin-left:20px;
   margin-top:5px;
   font-size:14px;
}
.article_region{
   float:left;
   width:200px;
   margin-left:370px;

}
.article_icon{
   width:40px;
   height:30px;
   float:left;
}
.article_publisher{
  margin-left:0px;
     float:left;
}
#page-top {
	text-indent:-9999em; 
	width:90px; 
	height:90px; 
	background:url(../images/top_btn.png) no-repeat 0 0; 
	position:fixed; 
	bottom:5px; 
	right:0%;
	z-index:50;
} 
#page-top:hover {
	background-position:0 -90px; 
	cursor:pointer;
	background:url(../images/top_btn_over.png) no-repeat 0 0; 
}


/* ABOUT*/
#sub_container{
   width:945px;
   margin:auto;
   height:950px;
   background-color:#FFFFFF;
}

#about_container{
   width:945px;
   margin:auto;
   height:950px;
   background-color:#FFFFFF;
}


/* CONTACT*/
#contact_container{
   width:945px;
   margin:auto;
   height:1100px;
   background-color:#FFFFFF;
}
.contact_textbox {
    width:300px;
    height:21px;
    background-image:url(../images/contact_text_bg.png);
    background-repeat:no-repeat;
	float:left;
	margin-top:7px;
}
.contact_textbox input{
   width:250px;
   height:20px;
   margin:0px;
   padding-top:1px;
   padding-left:10px;
   font-size:13px;
   border-width:0;
   border-style:none;
   background:transparent;
   color: #000000;
}
.contact_textarea {
    width:595px;
    height:160px;
    background-image:url(../images/contact_textarea.png);
    background-repeat:no-repeat;
	float:left;
	margin-top:7px;
}
.contact_textarea textarea{
   width:565px;
   height:135px;
   margin:0px;
   padding-top:10px;
   padding-left:10px;
   font-size:13px;
   border-width:0;
   border-style:none;
   background:transparent;
   color: #000000;
}
.contact_pulldown {
    width:300px;
    height:21px;
	float:left;
	margin-top:12px;
}
.contact_form{
   float:left;
   width:600px;
   margin-left:10px;
   　　　padding-top:10px;
}
.contact_text{ 
   float:left; 
   width:160px;
   height:300px;
   line-height:30px;
   font-weight:bold;
   padding-top:0px;
}
.submit_btn {margin:50px 0 0 10px;}
.ERR { 	color: #f00; }


/* FAQ*/
#faq_container{
   width:945px;
   margin:auto;
   height:auto;
   background-color:#FFFFFF;
}
#faq_container a{
   color:#5072d9;
   text-decoration:underline;
}

/* PRESS*/
#press_container{
   width:945px;
   margin:auto;
   height:auto;
   background-color:#FFFFFF;
}
#press_listing{
   float:left;
   width:660px;
   height: auto;
   padding: 50px 50px 50px 40px;
   font-family: Calibri;
}
#press_listing p a{color:#231f20;}
#press_listing p a:hover{color:#767676;}


.title_bar{
   margin:30px 0 0 0 ;
}
.title_info1{
   width:160px;
   float:left;
   margin:10px 0 0 20px;
}
.title_info2{
   width:400px;
   float:left;  
   margin:10px 0 0 20px;
}
.title_info2 a{
   color:#231f20;
}
.title_info2 a:hover{
   color:#767676;
}
.d_graybg{
   background-color:#f6f6f8;
   width:653px;
   height:22px;
   padding:4px 0 0 10px;
   font-size:13px;
   
}

.l_graybg{
   background-color:#e7e8ea;
   width:653px;
   height:22px;
   padding:4px 0 0 10px;
   font-size:13px;	   
}
.d_graybg a{ color:#5564c8; text-decoration:underline;}
.d_graybg a:hover{ color:#7d88d7;}
.l_graybg a{ color:#5564c8; text-decoration:underline;}
.l_graybg a:hover{ color:#7d88d7;}

.dl_title{
   width:135px;
   float:left;
}
.dl_desc{
   width:380px;
   float:left;
}
.dl_date{
   width:90px;
   float:left;
}
.dl_desc2{
   width:430px;
   float:left;
}
.dl_size{
   width:60px;
   float:left;
}
.dl_link{
   width:50px;
   float:left;
}


/* PRIVACY POLICY*/
#privacy_container{
   width:945px;
   margin:auto;
   height:3050px;
   background-color:#FFFFFF;
}
/* TERM OF USE*/
#term_container{
   width:945px;
   margin:auto;
   height:1380px;
   background-color:#FFFFFF;
}

.text_style1{
   margin-bottom:10px; 
   margin-top:10px; 
   color:#231f20;
   font-size:17px;
   font-weight:bold
}
.text_style2{
   padding-left:0px; 
   color:#231f20;
   font-size:15px;
   line-height:17px;
}
.text_style3{
   margin-left:10px; 
   color:#231f20;
   font-size:16px;
   font-weight:bold;
}
.text_style4{
   color:#231f20;
   font-size:12px;
}

/* Ninja Form */
input#ninja_forms_field_1{
    width: 270px;
}