@charset "utf-8";

/*------------------------------------------------
  レイアウト
--------------------------------------------------*/

html, body{
  min-width:1000px;
  background:#fff;
  color:#5a5a5a;
}

body{
  /*padding-left:1px;*/
  position:relative;
  background:url(../../images/member/common/body_bg.jpg) repeat;
}

#main{
  width:1000px;
  text-align:left;
  position:relative;
  overflow:visible;
  padding:0 0 0px;
  /zoom:1;
  margin:0px auto 0;
  z-index:3;
  /*background:url(../../images/member/common/main_bg.png) repeat-y;*/
}

#main_c{
  position:relative;
  width:760px;
  float:right;
  /display:inline;
  /zoom:1;
  padding-top:3px;
}

.wrap{
  position:relative;
  width:760px;
  /zoom:1;
}

/*------------------------------------------------
  各ページのバー
--------------------------------------------------*/

/* ビギナー */
#beginner-page {
  background:url(../../images/member/bg/bg-beginner.jpg) repeat-x top left;
}

#beginner-page #contents_bg {
  background: url(../../images/member/bg/01-beginner.jpg) center 0 no-repeat;
}

/* アドバンス */
#advanced-page {
  background:url(../../images/member/bg/bg-advanced.jpg) repeat-x top left;
}

#advanced-page #contents_bg {
  background: url(../../images/member/bg/01-advanced.jpg) center 0 no-repeat;
}

/* ネットカフェ */
#netcafe-page {
  background:url(../../images/member/bg/bg-netcafe.jpg) repeat-x top left;
}

#netcafe-page #contents_bg {
  background: url(../../images/member/bg/01-netcafe.jpg) center 0 no-repeat;
}

/*------------------------------------------------
  各ページの背景
--------------------------------------------------*/

#contents {
  min-width:1000px;
  position:relative;
  overflow:visible;
  line-height:1.6;
  /zoom:1;
}

/*-- 通常背景 --*/
#beginner-page #contents {
  background: url(../../images/member/bg/02-beginner.jpg) center 140px no-repeat;
}

#advanced-page #contents {
  background: url("../../images/member/bg/02-beginner.jpg") center 140px no-repeat;
}

#netcafe-page #contents {
  background: url(../../images/member/bg/02-netcafe.jpg) center 140px no-repeat;
}

/*-- 特殊背景 -- */
/*#beginner-page #contents {
  background: url(../../images/member/bg/ghost_in_the_shell_2021.jpg) center 140px no-repeat;
}

#advanced-page #contents {
  background: url(../../images/member/bg/ghost_in_the_shell_2021.jpg) center 140px no-repeat;
}

#netcafe-page #contents {
  background: url(../../images/member/bg/ghost_in_the_shell_2021.jpg) center 140px no-repeat;
}*/

/*------------------------------------------------
  背景
--------------------------------------------------*/

#contents {
  position:relative;
}

/*------------------------------------------------
  各ページのキャッチコピー
--------------------------------------------------*/

#header-level {
  position:relative;
}

#header-level .page-keyword p,
#header-level .page-keyword a {
  color:#FFF;
}

#header-level .page-keyword a {
  text-decoration:underline;
}

#header-level .page-keyword a:hover {
  text-decoration:none;
}

#header-level .page-keyword p {
  position:absolute;
  width:740px;
  height:20px;
  z-index:4;
  top:56px;
  left:0px;
  padding:3px 10px 0px 10px;
  font-size:11px;
}

/* ビギナー */
#beginner-page #header-level .page-keyword .advanced-word,
#beginner-page #header-level .page-keyword .netcafe-word {
  display:none;
}

#beginner-page #header-level .page-keyword .beginner-word {
  background: url(../../images/member/bg/bar-beginner.jpg) no-repeat;
}

/* アドバンス */
#advanced-page #header-level .page-keyword .beginner-word,
#advanced-page #header-level .page-keyword .netcafe-word {
  display:none;
}

#advanced-page #header-level .page-keyword .advanced-word {
  background: url(../../images/member/bg/bar-advanced.jpg) no-repeat;
}

/* ネットカフェ */
#netcafe-page #header-level .page-keyword .advanced-word,
#netcafe-page #header-level .page-keyword .beginner-word {
  display:none;
}

#netcafe-page #header-level .page-keyword .netcafe-word {
  background: url(../../images/member/bg/bar-netcafe.jpg) no-repeat;
}

/*------------------------------------------------
  各レベルへのナビ
--------------------------------------------------*/

#header #header-level li {
  float:left;
  padding-right:1px;
}

#header #header-level .beginner {
  padding-right:2px;
}

#header #header-level li .imgsp {
  background: url(../../images/member/common/tab02.jpg) no-repeat;
  width:380px;
  padding-top:76px;
}

#header #header-level .beginner a {
  background-position:0px 0px;
}

#header #header-level .beginner a:hover,
#header #header-level .beginner.select a {
  background-position:-380px 0px;
}

#header #header-level .advanced a {
  background-position:0px -76px;
  width:377px;
}

#header #header-level .advanced a:hover,
#header #header-level .advanced.select a {
  background-position:-380px -76px;
}

#header #header-level .netcafe a {
  background-position:0px -152px;
}

#header #header-level .netcafe a:hover,
#header #header-level .netcafe.select a {
  background-position:-252px -152px;
}

#header #header-level .netcafe {
  padding-right:0px;
  float:right;
}

*html #header #header-level .beginner a {
  background-position:-252px 0px !important;
}

*html #header #header-level .advanced a {
  background-position:-253px -76px !important;
}

*html #header #header-level .netcafe a {
  background-position:-252px -152px !important;
}

/*------------------------------------------------
  グローバルメニュー
--------------------------------------------------*/

#header{
  position:relative;
  width:760px;
  text-align:left;
  z-index:2;
  /zoom:1;
  height:132px;
}

#headernav{
  background:url(../../images/member/common/nav.png) center top no-repeat;
  position:relative;
  margin:0 auto;
  width:760px;
  z-index:3;
  /zoom:1;
}

#headernav.bg_nav1{
  background-position:0 -56px;
}

#headernav.bg_nav2{
  background-position:0 -112px;
}

#headernav.bg_nav3{
  background-position:0 -168px;
}

#headernav.bg_nav4{
  background-position:0 -224px;
}

#headernav.bg_nav5{
  background-position:0 -280px;
}

#headernav.bg_nav6{
  background-position:0 -336px;
}

#wrap_mainnav{
  position:relative;
  width:760px;
  z-index:6;
}

#mainnav{
  position:relative;
  width:760px;
  height:56px;
  z-index:5;
}

#mainnav ul{
  margin:0px 0 0 0px;
  overflow:hidden;
  /zoom:1;
}

#mainnav ul li {
  float:left;
  /zoom:1;
}

#mainnav .imgsp{
  padding:56px 0 0;
  cursor:pointer;
}

#mainnav ul li.btn_nav1 {
  width:125px;
}

#mainnav ul li.btn_nav2 {
  width:127px;
}

#mainnav ul li.btn_nav3 {
  width:127px;
}

#mainnav ul li.btn_nav4 {
  width:127px;
}

#mainnav ul li.btn_nav5 {
  width:127px;
}

#mainnav ul li.btn_nav6 {
  width:127px;
}

/*------------------------------------------------
  グローバルメニュー（展開）
--------------------------------------------------*/

#subnav{
  position:absolute;
  background:url(../../images/member/common/nav.png) no-repeat 0px -392px;
  top:-350px;
  left:11px;
  width:760px;
  height:228px;
  z-index:4;
  /zoom:1;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}

#subnav .inner{
  position:relative;
}

#subnav .inner div{
  float:left;
  margin:0;
  height:228px;
  color:#a8a8a8;
  /zoom:1;
}

#subnav .inner .nav1 {
  width:125px;
}

#subnav .inner .nav2 {
  width:127px;
}

#subnav .inner .nav3 {
  width:127px;
}

#subnav .inner .nav4 {
  width:127px;
}

#subnav .inner .nav5 {
  width:127px;
}

#subnav .inner .nav6 {
  width:127px;
}

#subnav .inner ul{
  padding:11px 0 0 9px;
  height:217px;
}

#subnav .inner li {
  margin-bottom:8px;
  *margin-bottom:4px;
  line-height:1.2;
}

#subnav .inner a {
  display:block;
  font-size:11px;
  color:#ffffff;
  text-decoration:none;
  /zoom:1;
}

#subnav .inner .on a {
  color:#FFF;
}

#subnav .inner .on ul {
  background-color:#07161e;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}

#subnav .inner a:hover{
  color:#32beff;
}

/*------------------------------------------------
  左カラム共通
--------------------------------------------------*/

#tool_area{
  position:relative;
  width:220px;
  float:left;
  /display:inline;
  text-align:center;
  overflow:hidden;
  /zoom:1;
}

#netcafe-page #tool_area {
  background:url(../../images/member/common/side_bg02.jpg) repeat-y;
}

#tool_area .imgsp{
  background:url(../../images/member/common/tool.png) no-repeat;
}

#tool_area #login {
  background:url(../../images/member/common/bg_login.jpg) repeat-y;
  width:220px;
  border-bottom:2px solid #0b0b0b;
  padding-bottom:15px;
  margin-bottom:32px;
  *margin-bottom:30px;
}

#tool_area #login #logo {
  padding:6px 0px 0px 3px;
  background:url(../../images/member/common/bg_logo.jpg) no-repeat;
  width:217px;
  height:182px;
}

#tool_area #login #logo a {
  background:url(../../images/member/common/logo.png) no-repeat;
  width:212px;
  padding-top:167px;
}

#tool_area #login #alert_inventory {
  display: none;
}

#tool_area #side_bg {
  background:url(../../images/member/common/side_bg02.jpg) repeat-y;
}

/*------------------------------------------------
  ログイン前
--------------------------------------------------*/

#tool_area #login .login_gamestart{
  text-align:center;
  padding:4px 5px 4px 5px;
  *text-align:left;
  /zoom:1;
  background-color:#0b0e10;
  margin:0px 5px 0px 5px;
}

#tool_area #login .login_gamestart a {
  width:200px;
  height:91px;
  background:url(../../images/member/common/tool.png) no-repeat 0px 0px;
  display:block;
}

#tool_area #login .login_main{
  padding:13px 0 0;
  overflow:hidden;
  /zoom:1;
}

#tool_area #login .login_before{
  text-align:left;
}

#tool_area #login .keycrypt {
  text-align:left;
  font-family:Verdana, Geneva, sans-serif;
  vertical-align:middle;
  line-height:0;
  margin:11px 0 0 11px;
  /zoom:1;
}

#tool_area #login .keycrypt a {
  border:none;
  text-decoration:none;
}

#tool_area #login .keycrypt label {
  vertical-align:top;
  font-size:11px;
  line-height:12px;
  color:#d9d9d9;
  padding:0 7px 0 0;
  font-weight:normal;
}

#tool_area #login .keycrypt input{
  width:12px;
  height:12px;
  vertical-align:top;
  margin:0 3px 0 0;
}

#tool_area #login .keycrypt img{
  vertical-align:middle;
}

#keycrypt-box  {
  margin:0 0 4px;
}

.keycript  {
  margin:0 auto;
  text-align:center !important;
}

.keycript p {
  text-align:center !important;
}

#keycrypt_frame {
  position:absolute;
  top:-1000px;
  left:-1000px;
  width:100px;
  height:100px;
}

#security-box .security {
  padding-left:13px;
}

#security-box .security a {
  background:url(../../images/member/common/icon-security.gif) no-repeat left;
  padding-left:18px;
  color:#d9d9d9;
  text-decoration:none;
  font-size:10px;
}

#security-box .security a:hover {
  text-decoration:underline;
}

#tool_area #login .form_input{
  width:163px;
  text-align:left;
  /zoom:1;
}

#tool_area #login .form_input input{
  background:#fff;
  background-repeat:no-repeat;
  width:140px;
  height:11px;
  font-family:Verdana, Geneva, sans-serif;
  color:#555555;
  font-size:12px;
  line-height:1;
  padding:5px 0;
  margin:3px 0 0 11px;
  /zoom:1;
  border: 1px solid #6D5711;
}

#tool_area .login_main form {
  text-align:left;
}

#tool_area #login .form_input input.form_id{
  background-position:-200px -91px;
}

#tool_area #login .form_input input.form_pass{
  background-position:-200px -116px;
}

#tool_area #login .login_btn{
  margin:-4px 0 0 9px;
  /zoom:1;
  text-align:left;
}

#tool_area #login .login_btn a{
  background-position:0px -913px;
  width:200px;
  padding:49px 0 0;
}

#tool_area #login .login_btn a:hover{
  background-position:-200px -913px;
}

.gamania #tool_area #login .login_btn{
  margin:0;
  text-align:center;
  /zoom:1;
}

.gamania #tool_area #login .login_btn a{
  padding:44px 0 0;
  margin:0 auto;
}

.gamania #tool_area #login .login_btn a:hover{
}

#tool_area #login .login_help{
  text-align:left;
  margin:4px 0 0 11px;
  overflow:hidden;
  /zoom:1;
}

#tool_area #login .login_help li{
  display:inline-block;
  /display:inline;
  /zoom:1;
  padding:1px 14px 0 6px;
  border-left:3px solid #505050;
  line-height:1;
}

#tool_area #login .login_help li a{
  color:#d9d9d9;
  font-size:10px;
}

#tool_area #login .login_help li a:link,
#tool_area #login .login_help li a:visited{
  text-decoration:none;
}

#tool_area #login .login_help li a:hover,
#tool_area #login .login_help li a:active{
  text-decoration:underline;
}

#tool_area #login .login_openid_btn{
	background: url(../../images/member/common/tool.png) 0px -140px no-repeat;
	margin: 10px 0 0 36px;
	padding: 5px 0 0 60px;
	width: 86px;
	height: 30px;
}

#tool_area #login .login_openid_btn li{
  float:left;
  margin-right:5px;
  _margin-right:4px;
}

#tool_area #login .login_openid_btn .imgsp{
  background-position:500px 0;
  padding-top:22px;
  width:22px;
}

#tool_area #login .regist_btn {
  display:block;
  padding:10px 0px 0px 11px;
}

#tool_area #login .regist_btn a {
  background:url(../../images/member/common/tool.png) no-repeat 0px -871px;
  width:200px;
  height:41px;
  display:block;
}

#tool_area #login.login_before .mumble {
  padding:7px 0px 0px 11px;
  *padding:3px 0px 0px 9px;
}

#tool_area #login.login_before .mumble li {
  float:left;
}

#tool_area #login.login_before .mumble li.btn01 {
  padding:1px 2px 0px 0px;
}

#tool_area #login.login_before .mumble li.btn01 a {
  width:174px;
  padding-top:26px;
  background:url(../../images/member/common/tool.png) no-repeat 0px -808px;
}

#tool_area #login.login_before .mumble li.btn01 a:hover {
  background:url(../../images/member/common/tool.png) no-repeat -174px -808px;
}

#tool_area #login.login_before .mumble li.btn02 a {
  width:27px;
  padding-top:26px;
  background:url(../../images/member/common/tool.png) no-repeat 0px -834px;
}

#tool_area #login.login_before .mumble li.btn02 a:hover {
  background:url(../../images/member/common/tool.png) no-repeat -27px -834px;
}

/*------------------------------------------------
  ARENADATABASE_btn　追加
--------------------------------------------------*/

#tool_area #login.login_before .arenadatabase_btn {
  padding:12px 0px 0px 11px;
  *padding:3px 0px 0px 9px;
}

#tool_area #login.login_before .arenadatabase_btn li {
  float:left;
}

#tool_area #login.login_before .arenadatabase_btn li.btn01 {
  padding:1px 2px 0px 0px;
}

#tool_area #login.login_before .arenadatabase_btn li.btn01 a {
  width:174px;
  padding-top:26px;
  background:url(../../images/member/common/tool.png) no-repeat 0px -1063px;
}

#tool_area #login.login_before .arenadatabase_btn li.btn01 a:hover {
  background:url(../../images/member/common/tool.png) no-repeat -174px -1063px;
}

#tool_area #login.login_before .arenadatabase_btn li.btn02 a {
  width:27px;
  padding-top:26px;
  background:url(../../images/member/common/tool.png) no-repeat 0px -1089px;
}

#tool_area #login.login_before .arenadatabase_btn li.btn02 a:hover {
  background:url(../../images/member/common/tool.png) no-repeat -27px -1089px;
}


/*------------------------------------------------
  ログイン後
--------------------------------------------------*/

#tool_area #login.login_after {
  background:url(../../images/member/common/side_bg02.jpg) repeat-y;
  padding-bottom:15px;
  margin-bottom:0px;
}

#tool_area #login.login_after .mumble {
  padding:7px 0px 0px 11px;
  *padding:3px 0px 0px 9px;
}

#tool_area #login.login_after .mumble li {
  float:left;
}

#tool_area #login.login_after .mumble li.btn01 {
  padding:1px 2px 0px 0px;
}

#tool_area #login.login_after .mumble li.btn01 a {
  width:174px;
  padding-top:26px;
  background:url(../../images/member/common/tool.png) no-repeat 0px -808px;
}

#tool_area #login.login_after .mumble li.btn01 a:hover {
  background:url(../../images/member/common/tool.png) no-repeat -174px -808px;
}

#tool_area #login.login_after .mumble li.btn02 a {
  width:27px;
  padding-top:26px;
  background:url(../../images/member/common/tool.png) no-repeat 0px -834px;
}

#tool_area #login.login_after .mumble li.btn02 a:hover {
  background:url(../../images/member/common/tool.png) no-repeat -27px -834px;
}

#tool_area #login.login_after .btn_logout {
  padding:7px 0px 10px 11px;
  *padding:7px 0px 9px 0px;
}

#tool_area #login.login_after .btn_logout a {
  width:200px;
  padding-top:24px;
  background:url(../../images/member/common/tool.png) no-repeat 0px -408px;
}

#tool_area #login.login_after .user-information {
  color:#e2e2e2;
  text-align:left;
  padding:0px 0px 0px 11px;
  line-height:1.3;
}

#tool_area #login.login_after .user-information dt {
  float:left;
  width:57px;
}

#tool_area #login.login_after .user-information dt span {
  display:inline-block;
  width:45px;
  *display: inline;
}

#tool_area #login.login_after .user-information dd {
  float:left;
  width:143px;
}

#tool_area #login.login_after .user-information dd span.down {
  color:#00c0ff;
}

#tool_area #login.login_after .user-information dd span.up {
  color:#ff0018;
}

#tool_area #login.login_after .user-information dd span.flat {
  color:#a4a4a4;
}

/*------------------------------------------------
  ARENADATABASE_btn　追加
--------------------------------------------------*/

#tool_area #login.login_after .arenadatabase_btn {
  padding:7px 0px 0px 11px;
  *padding:3px 0px 0px 9px;
}

#tool_area #login.login_after .arenadatabase_btn li {
  float:left;
}

#tool_area #login.login_after .arenadatabase_btn li.btn01 {
  padding:1px 2px 0px 0px;
}

#tool_area #login.login_after .arenadatabase_btn li.btn01 a {
  width:174px;
  padding-top:26px;
  background:url(../../images/member/common/tool.png) no-repeat 0px -1063px;
}

#tool_area #login.login_after .arenadatabase_btn li.btn01 a:hover {
  background:url(../../images/member/common/tool.png) no-repeat -174px -1063px;
}

#tool_area #login.login_after .arenadatabase_btn li.btn02 a {
  width:27px;
  padding-top:26px;
  background:url(../../images/member/common/tool.png) no-repeat 0px -1089px;
}

#tool_area #login.login_after .arenadatabase_btn li.btn02 a:hover {
  background:url(../../images/member/common/tool.png) no-repeat -27px -1089px;
}


#tool_area #login.login_after .line01 {
  background: url(../../images/member/common/bar.jpg) no-repeat;
  margin-left: 11px;
  padding-bottom: 2px;
}

#tool_area #login.login_after .line02 {
  background: url(../../images/member/common/bar.jpg) no-repeat;
  margin-top: 8px;
  margin-left: 11px;
  padding-bottom: 2px;
}

#tool_area #login.login_after .mydata_bar {
  background: url(../../images/member/common/mydata.jpg) no-repeat;
  margin-top: 6px;
  margin-left: 17px;
  padding-bottom: 25px;
}


#tool_area #login.login_after .other-btn {
  padding:8px 0px 0px 11px;
  *padding:7px 0px 0px 9px;
}

#tool_area #login.login_after .other-btn li {
  float:left;
  padding-right:4px;
}

#tool_area #login.login_after .other-btn li a {
  width:64px;
  padding-top:67px;
}

#tool_area #login .icon_new {
  background-position: -201px -408px;
  width: 37px;
  height: 11px;
  position: absolute;
  text-indent:100%;
}


#tool_area #login.login_after .btn_contact.new {
  background-position:0px -433px;
}

#tool_area #login.login_after .btn_webbarn{
  background-position:0px -500px;;
}

#tool_area #login.login_after .btn_modify{
  background-position:0px -567px;
}

#tool_area #login.login_after .btn_contact.new:hover  {
  background-position:-64px -433px;
}

#tool_area #login.login_after .btn_webbarn:hover {
  background-position:-64px -500px;;
}

#tool_area #login.login_after .btn_modify:hover {
  background-position:-64px -567px;
}

#tool_area #login.login_after .other-box {
  margin:9px 0px 0px 11px;
  *margin:9px 0px 0px 0px;
  border-left:1px solid #000;
  border-top:1px solid #000;
  background-color:#151515;
  width:199px;
  padding-bottom:1px;
}

#tool_area #login.login_after .other-box ul {
  padding:6px 0px 0px 8px;
}

#tool_area #login.login_after .other-box li {
  text-align:left;
  margin-bottom:6px;
}

#tool_area #login.login_after .other-box li a {
  border-left:3px solid #505050;
  padding-left:5px;
  color:#e2e2e2;
  text-decoration:none;
  display:block;
}

#tool_area #login.login_after .other-box li a:hover {
  text-decoration:underline;
}


/*------------------------------------------------
  JEWEL購入 アイテムモール
--------------------------------------------------*/

#tool_area #jewel-box {
  background:url(../../images/member/common/side_bg01.jpg) no-repeat;
  width:209px;
  *width:220px;
  height:130px;
  padding:10px 0px 0px 11px;
  *padding:10px 0px 0px 0px;
}

#tool_area #jewel-box .imgsp {
  background:url(../../images/member/common/tool.png) 0px 0px no-repeat;
}

#tool_area #jewel-box .jewel {
  padding-top:40px;
  width:200px;
  background-position:0px -216px;
  margin-bottom:9px;
}

#tool_area #jewel-box .jewel:hover {
  background-position:-200px -216px;
}

#tool_area #jewel-box .item {
  padding-top:50px;
  width:200px;
  background-position:0px -256px;
}

#tool_area #jewel-box .item:hover {
  background-position:-200px -256px;
}

/*------------------------------------------------
  AVA情報
--------------------------------------------------*/

#tool_area #side-information {
  padding:15px 0px 0px 11px;
  *padding:15px 0px 0px 0px;
  margin-bottom:20px;
}

#tool_area #side-information .event01 {
  padding-top:51px;
  width:200px;
  background-position:0px -306px;
  margin-bottom:11px;
}

#tool_area #side-information .event01:hover {
  background-position:-200px -306px;
}

#tool_area #side-information .event02 {
  padding-top:51px;
  width:200px;
  background-position:0px -357px;
  margin-bottom:11px;
}

#tool_area #side-information .event02:hover {
  background-position:-200px -357px;
}

#tool_area #side-information .event03 {
  padding-top:51px;
  width:200px;
  background-position:0px -961px;
  margin-bottom:11px;
}

#tool_area #side-information .event03:hover {
  background-position:-200px -961px;
}

#tool_area #side-information .event04 {
  padding-top:51px;
  width:200px;
  background-position:0px -1012px;
  margin-bottom:20px;
}

#tool_area #side-information .event04:hover {
  background-position:-200px -1012px;
}

#tool_area #side-information .event05 {
  padding-top:51px;
  width:200px;
  background-position:0px -1115px;
  margin-bottom:11px;
}

#tool_area #side-information .event05:hover {
  background-position:-200px -1115px;
}

#tool_area #side-information ul {
  *padding-left:9px;
}

#tool_area #side-information li {
  float:left;
  padding-right:4px;
}

#tool_area #side-information .client {
  padding-top:60px;
  width:64px;
  background-position:0px -633px;
}

#tool_area #side-information .client:hover {
  background-position:-64px -633px;
}

#tool_area #side-information .serial {
  padding-top:60px;
  width:64px;
  background-position:-128px -633px;
}

#tool_area #side-information .serial:hover {
  background-position:-192px -633px;
}

#tool_area #side-information .friend {
  padding-top:60px;
  width:64px;
  background-position:-256px -633px;
}

#tool_area #side-information .friend:hover {
  background-position:-320px -633px;
}


/*------------------------------------------------
  各ページへの案内
--------------------------------------------------*/

#tool_area #side-pagelist {
  padding:0px 11px 0px 11px;
  margin-bottom:20px;
}

#tool_area #side-pagelist ul {
  border-top:1px solid #2e2e2e;
}

#tool_area #side-pagelist li {
  border-bottom:1px solid #2e2e2e;
  text-align:left;
}

#tool_area #side-pagelist li a {
  background:url(../../images/member/common/left_icon.jpg) 5px center no-repeat;
  color:#e2e2e2;
  text-decoration:none;
  display:block;
  padding:8px 0px 7px 15px;
}

#tool_area #side-pagelist li a:hover {
  text-decoration:none;
  background-color:#2e2e2e;
}

/*------------------------------------------------
  LINE関連
--------------------------------------------------*/

#tool_area #side-line{
	margin: 10px 0;
}

#tool_area #side-line ul{
	margin: 0 5px;
	display: flex;
}

#tool_area #side-line ul li{
	margin: 0 5px;
}


/*------------------------------------------------
  AVA tips
--------------------------------------------------*/

#tool_area #side-tips {
  margin:0px 11px 20px 11px;
  border:1px solid #2e2e2e;
  padding:7px 0px 10px 0px;
  background-color:#0f0f0f;
}

#tool_area #side-tips .tips_title {
  background:url(../../images/member/common/bar.jpg) left bottom no-repeat;
  padding-bottom:5px;
}

#tool_area #side-tips .tips_title p {
  background:url(../../images/member/common/tool.png) 0px -860px no-repeat;
  width:85px;
  padding-top:11px;
  margin:0px auto 0px auto;
}

#tool_area #side-tips dl {
  color:#e2e2e2;
  margin-top:5px;
}

#tool_area #side-tips dt span {
  display:inline-block;
  margin-bottom:5px;
}

#tool_area #side-tips dd {
  text-align:left;
  margin:5px 0px 0px 0px;
  padding:0px 12px 0px 12px;
}

/*------------------------------------------------
  ムービーギャラリー
--------------------------------------------------*/

#tool_area #movie-gallery {
  padding:4px 4px 4px 4px;
  background-color:#0f0f0f;
  border:1px solid #2e2e2e;
  width:190px;
  margin:0px auto 20px auto;
}

#tool_area #movie-gallery dt .imgsp {
  background:url(../../images/member/common/tool.png) -85px -855px no-repeat;
  width:190px;
  padding-top:15px;
}

#rotation_movie_s {
  width:190px;
  position:relative;
  margin:0 auto;
  padding-top:6px;
  /zoom:1;
}

#rotation_movie_s .viewport {
  float: left;
  width: 190px;
  height: 170px;
  overflow: hidden;
  position: relative;
  /zoom:1;
}

#rotation_movie_s .slide_btn p {
  position:absolute;
  top:123px;
  /zoom:1;
}

#rotation_movie_s .slide_btn .prev {
  left:0px;
}

#rotation_movie_s .slide_btn a {
  background: #202020;
  text-decoration: none;
  color: #bfbfbf;
  font-size: 11px;
  font-weight:bold;
  display: block;
  line-height:1;
  padding:5px 2px 5px 2px;
  border:1px solid #262626;
}

#rotation_movie_s .slide_btn .next {
  right:0px;
}

#rotation_movie_s .disable {
  visibility: hidden;
}

#rotation_movie_s .overview {
  list-style: none;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  /zoom:1;
}

#rotation_movie_s .overview li {
  float: left;
  height: 112px;
  width: 190px;
  /zoom:1;
  position:relative;
}

#rotation_movie_s .overview li p {
  padding:37px 0 0;
  text-align:left;
  color: #bfbfbf;
  font-weight:bold;
}

#rotation_movie_s .overview span.imgsp {
  display:block;
  width: 190px;
  padding:112px 0 0;
  background:url(../../images/member/common/movie-banner/cover_play.png) 0px 0px no-repeat;
  position:absolute;
  top:0;
  left:0;
}

#rotation_movie_s .overview a:hover span.imgsp {
  background-position:-190px 0px;
}

#rotation_movie_s .pager {
  position:absolute;
  top:123px;
  left:30px;
}

*html #rotation_movie_s .pager {
  left:0px;
}

#rotation_movie_s .pager ul {
  font-size:0px;
  /zoom:1;
}

#rotation_movie_s .pager li {
  display:inline-block;
  padding-right:3px;
  /display:inline;
  /zoom:1;
}

#rotation_movie_s .bullet {
  background: #202020;
  text-decoration: none;
  color: #bfbfbf;
  font-size: 11px;
  font-weight:bold;
  display: block;
  line-height:1;
  padding:5px 7px 5px 7px;
  border:1px solid #262626;
}

#rotation_movie_s a:hover.bullet,
#rotation_movie_s .active,
#rotation_movie_s .slide_btn a:hover {
  color: #000;
  background: #009cff;
  border:1px solid #009cff;
}

/*------------------------------------------------
  BEST GAMES
--------------------------------------------------*/

#tool_area #side-commend {
  padding-bottom:20px;
  border-bottom:2px solid #0b0b0b;
}

#tool_area #side-commend div {
  background:url(../../images/member/common/wma2017.png) ;
  width:132px;
  padding-top:117px;
  margin:0px auto 0px auto;
}

/*------------------------------------------------
  フッターナビゲーション
--------------------------------------------------*/

#footer .footer_info {
  width:100%;
  min-width:1000px;
  background-color:#000000;
  border-top:2px solid #1d1d1d;
}

#footer .footer_link {
  width:1000px;
  margin:0px auto 0px auto;
  padding:10px 0px 10px 0px;
  text-align:center;
}

#footer .footer_link li {
  text-align:center;
  display:inline;
}

#footer .footer_link li a {
  color:#777777;
  text-decoration:none;
  font-size:11px;
}

#footer .footer_link li a:hover {
  text-decoration:underline;
}

#footer .footer_link li span {
  display:inline-block;
  padding:0px 3px 0px 3px;
  color:#777777;
  vertical-align:top;
}

/*------------------------------------------------
  コピーライト
--------------------------------------------------*/

#footer .footer_copyright {
  width:100%;
  min-width:1000px;
  background-color:#000000;
  border-top:1px solid #1d1d1d;
  padding:20px 0;
}

#footer .footer_copyright .inner {
  display: table;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 10px 0;
}

#footer .footer_copyright ul {
}

#footer .footer_copyright li {
  display: table-cell;
  vertical-align: middle;
}

#footer .footer_copyright li.logo01 {
  width:95px;
  height:21px;
}

#footer .footer_copyright li.logo02 {
}

#footer .footer_copyright li.logo03 img{
	width:74px;
	height:26px;
}

#footer .footer_copyright li.logo04 {
  width:71px;
  height:31px;
}

#footer .footer_copyright p {
  color:#777777;
  font-size:9px;
  display: table-cell;
  vertical-align: middle;
}

/*------------------------------------------------
  告知のアイコン
--------------------------------------------------*/

.imgsp.icon_important,
.imgsp.icon_mainte,
.imgsp.icon_camp,
.imgsp.icon_news,
.imgsp.icon_offevent,
.imgsp.icon_onevent,
.imgsp.icon_extra,
.imgsp.icon_update,
.imgsp.icon_avabox,
.imgsp.icon_event {
  width:65px;
  padding:18px 0 0;
  margin:0 auto;
  background:url(../../images/member/common/icon.png) no-repeat;
}

.imgsp.icon_important {
  background-position:left 0;
}

.imgsp.icon_mainte {
  background-position:left -18px;
}

.imgsp.icon_camp {
  background-position:left -36px;
}

.imgsp.icon_news {
  background-position:left -54px;
}

.imgsp.icon_offevent {
  background-position:left -72px;
}

.imgsp.icon_onevent {
  background-position:left -90px;
}

.imgsp.icon_extra {
  background-position:left -108px;
}

.imgsp.icon_update {
  background-position:left -126px;
}

.imgsp.icon_avabox {
  background-position:left -144px;
}

.imgsp.icon_event {
  background-position:left -162px;
}

/*------------------------------------------------
  ライトボックス
--------------------------------------------------*/

/*Colorbox Core Style start*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*User Style*/
#cboxOverlay{
  background:repeat 0 0 #000;
  opacity:0.8;
}
#colorbox{outline:0;}

.inline{
  outline:0;
}
/*Colorbox Core Style end*/
#voice-chat {
  border:2px solid #7d7d7d;
  background:url(../../images/member/common/voice-chat/bg.jpg) no-repeat;
  width:396px;
  height:481px;
  *height:465px;
  position:relative;
}

#voice-chat .btn_close {
  position:absolute;
  top:0px;
  right:0px;
}

#voice-chat .btn_close:hover {
  cursor:pointer;
}

#voice-chat .inner {
  padding:25px 18px 0px 18px;
  *padding:15px 10px 0px 10px;
}

#voice-chat .title {
  background:url(../../images/member/common/voice-chat/tool.jpg) no-repeat;
  width:360px;
  padding-top:46px;
  line-height:2;
  margin-bottom:10px;
}

#voice-chat .attention {
  height:170px;
  overflow-y:scroll;
  overflow-x:none;
  background-color:#e5e5e5;
  border:solid 1px #929292;
  padding:20px 15px 20px 15px;
  margin-bottom:15px;
  *width:330px;
}

#voice-chat .attention .title02 {
  font-weight:bold;
  background:url(../../images/member/common/voice-chat/dot.gif) repeat-x bottom left;
  padding-bottom:5px;
  margin-bottom:10px;
}

#voice-chat .attention ul {
  padding:20px 0px 20px 0px;
}

#voice-chat .attention ul li {
  line-height:1.6;
  margin-bottom:20px;
}

#voice-chat .attention p {
  line-height:1.6;
  margin-bottom:20px;
}

#voice-chat .button01 a {
  background:url(../../images/member/common/voice-chat/tool.jpg) no-repeat 0px -46px;
  width:360px;
  padding-top:52px;
  line-height:2;
  margin-bottom:10px;
}

#voice-chat .button01 a:hover {
  background-position:0px -98px;
}

#voice-chat .text {
  color:#929292;
  line-height:1.6;
  margin-bottom:10px;
  font-size:10px;
}

#voice-chat .button02 {
  width:221px;
  margin:0px auto 0px auto;
}

#voice-chat .button02 a {
  background:url(../../images/member/common/voice-chat/tool.jpg) no-repeat 0px -150px;
  width:221px;
  padding-top:41px;
  line-height:2;
}

#voice-chat .button02 a:hover {
  background-position:0px -191px;
}