body {

  margin: 0;
  padding: 0;
  
  font-family: Helvetica, Tahoma, Arial, "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
  font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";

  background-image: url('../img/bg01.jpg');
  background-size: cover;
  background-size: 100% auto;
  background-repeat : no-repeat;
  background-attachment:fixed;

  font-size: 14px;

}

A{
  text-decoration: underline;
  font-weight:bold
}

/* A:link {
	COLOR: #582e35
}
A:visited {
	COLOR: #582e35
}
A:active {
	COLOR: #582e35
} */

A {
	COLOR: #09F;
}

A:hover {
	COLOR: #582e35
}


#menu { height: 59px; width:864px; margin: 30px auto 0; }
#menu li { display: block; width: 119px; height: 59px; list-style: none; float: left; }
#menu .spliter { width: 30px; background: url("../img/menu_spliter.png")}

#top_visual { margin-top: 30px;}
#top_visual a { display: block; height: 768px; width: auto; background: url("../img/main.png") no-repeat center center; }

#footer { text-align: center; font-size: 12px; margin: 30px auto 5px; }

#top_main { width:1160px; height: 490px; margin: 0 auto;}
#weibo { float: right; width: 400px; height: 410px; padding: 80px 25px 0; background: url("../img/log_bg.png") no-repeat;}
#update { float: left; width: 620px; height: 410px; padding: 80px 40px 0; background: url("../img/topi_bg.png") no-repeat;}

h3 { padding:30px 0 20px; }

#story, #chara, #gra, #down, #product {
  text-align: center;
}

#chara ul li { margin: 20px 0;}

#gra .bg { width:950px; height:312px; background: url("../img/gra_bg.png") no-repeat; margin: 0 auto; }
#gra .bg2 { width:950px; height:600px; background: url("../img/gra_bg2.png") no-repeat; margin: 0 auto; }

#gra_list {padding: 85px 0 0 44px;}
#gra_list li { list-style: none; float: left; display: block; margin-right: 20px; }

.cg { margin: 74px auto 0; border: 1px #000 solid; }
.pro_info, .down_info { margin-top: 30px;}

#update { line-height: 160%; }
#update p { padding-bottom: 10px; }