@charset "utf-8";

html, body, #contents{
	background:#3d3a30 url(../../images/member/template/bg_default.jpg) no-repeat center top;
  /* background:#3d3a30 url(../../images/member/template/bg_67.jpg) no-repeat center top; */
}

#contents{
	background:#3d3a30 no-repeat center top;
}

#header{
	height:471px;
}



/*161107 追記 アップデートページ遷移ボタン*/

#btn_area{
	width:1100px;
	margin:0 auto;
	position:relative;
	
}

.update_btn {
	margin: 0 auto;
	position: absolute;
	top:300px;
	right:135px;
}

.update_btn a {
	background:url(../../images/member/template/btn_update.png) no-repeat 0px 0px;
	width:192px;
	height:30px;
}

.update_btn a:hover {
	background:url(../../images/member/template/btn_update.png) no-repeat 0px -30px;
}



#main{
	width:1110px;
	margin:-113px auto 0;
	text-align:left;
	background:url(../../images/member/template/bg_contents.png) repeat-y left top;
	_background:url(../../images/member/template/bg_contents.gif) repeat-y -6247px top;
	/zoom:1;
}
#main_c{
	width:730px;
	min-height:323px;
	_height:323px;
	_overflow:visible;
	background:url(../../images/member/template/bg_contents.gif) no-repeat -3385px top;
	padding:20px 3px 0 0;
	float:left;
	text-align:center;
	/zoom:1;
}
#cont_win{
	background:none;
}
.main_footer{
	_background:url(../../images/member/template/bg_contents.gif) repeat-y -5232px bottom;
}

#top_main{
	width:483px;
	float:left;
	/zoom:1;
	text-align:left;
	padding:0 0 15px;
}
#main_banner{
}

.info{
	height:250px;
	width:466px;
	background:url(../../images/member/top/top_icon.png) no-repeat -1398px 21px;
	overflow:visible;
}
div.bbs{
	height:160px;
}
div.picbbs{
	height:170px;
}
.info .navi{
	display:table;
	/display:inline;
	/zoom:1;
}
.info .navi li{
	display:table-cell;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}
.info .navi .info_1{
	width:90px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat left top;
}
.info .navi strong.info_1,
.info .navi .info_1:hover{
	background-position:0 bottom;
}
.info .navi .info_2{
	width:90px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -90px top;
}
.info .navi strong.info_2,
.info .navi .info_2:hover{
	background-position:-90px bottom;
}
.info .navi .info_3{
	width:90px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -180px top;
}
.info .navi strong.info_3,
.info .navi .info_3:hover{
	background-position:-180px bottom;
}
.info .navi .info_4{
	width:90px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -270px top;
}
.info .navi strong.info_4,
.info .navi .info_4:hover{
	background-position:-270px bottom;
}
.info .navi .info_more{
	width:106px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -360px top;
}
.info .navi strong.info_more,
.info .navi .info_more:hover{
	background-position:-360px bottom;
}
.info .rss{
	padding:10px 0 0;
	text-align:right;
}
.info .rss .btn_rss{
	width:45px;
	height:20px;
	background:url(../../images/member/top/top_icon.png) no-repeat -2369px -157px;
	margin:0 0 0 auto;
}
.info .rss .btn_rss:hover{
	background-position:-2324px -157px;
}

.info .navi .bbs_1{
	width:90px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -466px top;
}
.info .navi strong.bbs_1,
.info .navi .bbs_1:hover{
	background-position:-466px bottom;
}
.info .navi .bbs_2{
	width:90px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -556px top;
}
.info .navi strong.bbs_2,
.info .navi .bbs_2:hover{
	background-position:-556px bottom;
}
.info .navi .bbs_more{
	width:286px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -646px top;
}
.info .navi strong.bbs_more,
.info .navi .bbs_more:hover{
	background-position:-646px bottom;
}

.info .navi .picbbs_1{
	width:90px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -932px top;
}
.info .navi strong.picbbs_1,
.info .navi .picbbs_1:hover{
	background-position:-932px bottom;
}
.info .navi .picbbs_2{
	width:90px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -1022px top;
}
.info .navi strong.picbbs_2,
.info .navi .picbbs_2:hover{
	background-position:-1022px bottom;
}
.info .navi .picbbs_more{
	width:286px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -1112px top;
}
.info .navi strong.bbs_more,
.info .navi .picbbs_more:hover{
	background-position:-1112px bottom;
}
.info .navi .picbbs_more_coming{
	width:376px;
	height:21px;
	background:url(../../images/member/top/top_icon.png) no-repeat -1022px -21px;
}
.info .navi .picbbs_more_coming:hover{
	background-position:-1022px -42px;
}

.info table{
	width:450px;
	margin:0 auto;
}
.info td{
	text-align:center;
	padding:10px 0 0;
	vertical-align:top;
}
.info td.icon{
	width:70px;
	text-align:left;
}
.info td.icon span{
	width:60px;
	height:16px;
}
.info td.date{
	width:30px;
	text-align:center;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
	line-height:1.3;
	color:#b8ac95;
	padding:10px 10px 0 0;
	white-space:nowrap;
}
.info td.ttl{
	text-align:left;
	font-size:12px;
	line-height:1.3;
}
.info td.ttl a{
	display:block;
	color:#6a5a3a;
	text-decoration:none;
	/zoom:1;
}
.info td.ttl a:hover{
	text-decoration:underline;
}
.info td.ttl a.new{
	background:url(../../images/member/top/info_icon.gif) no-repeat right -168px;
	padding:0 35px 0 0;
}

.info .picbbs{
	display:table;
	/display:inline;
	/zoom:1;
	text-align:center;
	padding:15px 0 0;
	margin:0 auto;
}
.info .picbbs ul{
	width:150px;
	display:table-cell;
	/display:inline;
	/zoom:1;
	text-align:center;
}
.info .picbbs li{
	color:#6a5a3a;
	padding:0 5px 5px;
	line-height:1.3;
}
.info .picbbs li img{
	border:#cfcfcf solid 1px;
}
.info .picbbs li a{
	color:#6a5a3a;
	text-decoration:none;
}
.info .picbbs li a:hover{
	text-decoration:underline;
}


#top_sub{
	width:230px;
	float:left;
	/zoom:1;
	padding:0 0 15px;
}

.ranking{
	text-align:center;
	padding:0 0 20px;
	margin:0 0 15px;
}
.pvp{
	background:url(../../images/member/top/top_icon.png) no-repeat -1864px bottom;
}
.guild{
	background:url(../../images/member/top/top_icon.png) no-repeat -2094px bottom;
}
.ranking .navi{
	display:table;
	/display:inline;
	/zoom:1;
}
.ranking .navi li{
	display:table-cell;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}
.ranking .navi li a.rank_pvp{
	width:95px;
	height:27px;
	background:url(../../images/member/top/top_icon.png) no-repeat -2324px -49px;
}
.ranking .navi li a.rank_pvp:hover{
	background:url(../../images/member/top/top_icon.png) no-repeat -2324px -76px;
}
.ranking .navi li strong.rank_pvp{
	/*
	width:95px;
	height:27px;
	background:url(../../images/member/top/top_icon.png) no-repeat -2324px -22px;
	*/
	display:none;
}
.ranking .navi li a.rank_guild{
	width:95px;
	height:27px;
	background:url(../../images/member/top/top_icon.png) no-repeat -2419px -49px;
}
.ranking .navi li a.rank_guild:hover{
	background:url(../../images/member/top/top_icon.png) no-repeat -2419px -76px;
}
.ranking .navi li strong.rank_guild{
	width:95px;
	height:27px;
	background:url(../../images/member/top/top_icon.png) no-repeat -2419px -22px;
}
.ranking .navi li strong.rank_coming{
	/*
	width:95px;
	height:27px;
	background:url(../../images/member/top/top_icon.png) no-repeat -2419px -103px;
	*/
	display:none;
}
.ranking .navi li a.rank_more{
	width:230px;
	height:27px;
	background:url(../../images/member/top/top_icon.png) no-repeat -1864px top;
}
.ranking .navi li a.rank_more:hover{
	background:url(../../images/member/top/top_icon.png) no-repeat -2324px -130px;
}
.ranking .rank_win{
	padding:25px 20px 0;
	color:#fff;
	font-size:10px;
	line-height:1.5;
	list-style:none;
	margin:0;
	/zoom:1;
}
.pvp .rank_win{
	background:url(../../images/member/top/top_icon.png) no-repeat -1864px -27px;
}
.guild .rank_win{
	background:url(../../images/member/top/top_icon.png) no-repeat -2094px -27px;
}
.ranking .rank_win li{
	margin:0;
	padding:0 0 0 30px;
	text-align:left;
	/zoom:1;
}
.ranking .rank_win li.no1{
	height:40px;
	background:url(../../images/member/top/ranking_icon.gif) no-repeat left 4px;
}
.ranking .rank_win li.no2{
	height:40px;
	background:url(../../images/member/top/ranking_icon.gif) no-repeat left -58px;
}
.ranking .rank_win li.no3{
	height:40px;
	background:url(../../images/member/top/ranking_icon.gif) no-repeat left -120px;
}
.ranking .rank_win li.no4{
	height:25px;
	background:url(../../images/member/top/ranking_icon.gif) no-repeat left -250px;
}
.ranking .rank_win li.no5{
	height:18px;
	background:url(../../images/member/top/ranking_icon.gif) no-repeat left -186px;
}
.ranking .rank_win ul{
	text-align:left;
}
.ranking .rank_win ul li{
	padding:0;
	/zoom:1;
}
.ranking .rank_win ul li.icon{
	width:30px;
	height:30px;
}
.ranking .rank_win ul li.chara{
	height:15px;
	margin:-30px 20px 0 35px;
}
.ranking .rank_win li.no4 ul li,
.ranking .rank_win li.no5 ul li{
	margin:0;
}
.ranking .rank_win ul li.chara_info{
	height:15px;
	margin:0 0 0 35px;
}
.ranking .rank_win ul li.rank{
	height:20px;
	margin:-20px 0 0 144px;
}
.ranking .rank_win li.no4 ul li.rank,
.ranking .rank_win li.no5 ul li.rank{
	height:12px;
	margin:-12px 0 0 144px;
}
.ranking .rank_win ul li.rank span{
	width:16px;
	height:10px;
}
.ranking .rank_win ul li.rank span.up{
	background:url(../../images/member/top/ranking_icon.gif) no-repeat -5px -313px;
}
.ranking .rank_win ul li.rank span.keep{
	background:url(../../images/member/top/ranking_icon.gif) no-repeat -5px -431px;
}
.ranking .rank_win ul li.rank span.down{
	background:url(../../images/member/top/ranking_icon.gif) no-repeat -5px -372px;
}
.ranking .rank_win ul li.rank span.new{
	background:url(../../images/member/top/ranking_icon.gif) no-repeat -5px -488px;
}

.fansite{
	height:170px;
	overflow:visible;
}
.fansite .ttl a{
	width:230px;
	height:22px;
	background:url(../../images/member/top/top_icon.png) no-repeat -2324px top;
}
.fansite .ttl a:hover{
	background-position:-2324px bottom;
}
.fansite ul{
	padding:5px 0 15px;
}
.fansite li{
	background:url(../../images/member/top/ranking_icon.gif) no-repeat left -536px;
	text-align:left;
	padding:5px 0 0 10px;
	line-height:1.3;
	/zoom:1;
}
.fansite li a{
	text-decoration:none;
	color:#6a5a3a;
	_color:#6a5a3a !important;
}
.fansite li a:hover{
	text-decoration:underline;
}

.twitter{
}
.twitter .ttl a{
	width:230px;
	height:22px;
	background:url(../../images/member/top/top_icon.png) no-repeat -2554px top;
}
.twitter .ttl a:hover{
	background-position:-2554px bottom;
}
#twitter_c9{
	margin:5px 0;
	text-align:left;
	font-size:10px;
	line-height:1.5;
	height:300px;
	overflow:hidden;
}


/*---------------------------------------
ライトバナー非Flash化
---------------------------------------*/

#sub_banner{
	background:url(../../images/member/top/bg_right_banner.jpg) no-repeat 0 0;
	width:230px;
	height:220px;
	margin-bottom:32px;
	position:relative;
	text-align:left;
}

#sub_banner .rotation{
	width:220px;
	margin:0 auto;
}

#sub_banner .rotation li{
	position:absolute;
	top:4px;
	display:none;
}

#sub_banner .rotation li.active{
	display:block !important;
}

#sub_banner .bg_img{
	background:url(../../images/member/top/bg_img.jpg) no-repeat 0 0;
	width:216px;
	height:106px;
	margin-bottom:6px;
	padding:2px;
}

#sub_banner .bnr_txt{
	line-height:1.5;
	color:#fff4de;
	padding:0 5px;
}

#loading_area{
	background-color:#1f1c10;
	border:1px solid #b3a893;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	width:138px;
	height:3px;
	overflow:hidden;
	position:absolute;
	top:199px;
	left:10px;
}

#loading_bar{
	width:0%;
	height:3px;
	background-color:#ffee75;
}

#arrow_left{
	position:absolute;
	top:199px;
	left:181px;
}

#arrow_right{
	position:absolute;
	top:199px;
	left:216px;
}

#bnr_num{
	color:#ffffff;
	position:absolute;
	top:197px;
	left:192px;
}

/*---------------------------------------
センターバナー非Flash化
---------------------------------------*/

#main_banner{
	background:url(../../images/member/top/bg_center_banner.jpg) no-repeat 0 0;
	width:488px;
	height:220px;
	margin-bottom:32px;
	position:relative;
	text-align:left;
}

#main_banner .rotation{
	width:488px;
	margin:0 auto;
}

#main_banner .rotation li{
	position:absolute;
	top:4px;
	display:none;
}

#main_banner .rotation li:first-child{
	display:block;
}

#main_banner .rotation li.active{
	display:block !important;
}

#main_banner .bg_img{
	margin:4px 8px;
}

#main_banner .bnr_txt{
	line-height:1.5;
	color:#fff4de;
	padding:0 5px;
}

#main_banner #main_num{
	position:absolute;
	bottom:14px;
	right:30px;
	z-index:9999;
}

#main_banner #main_num li{
	color:#ffffff;
	background:url(../../images/member/top/bg_center_num.png) no-repeat 0 0;
	width:14px;
	height:14px;
	float:left;
	margin-right:4px;
	text-align:center;
	padding-top:2px;
}

#main_banner #main_num li.active{
	background-position:0 -17px;
}

#main_banner #main_num li a{
	text-decoration:none;
	color:#ffffff;
}