/*community all css 
/*****************************************/
/*****************************************/
#commu {
	background:url(../community/images/h2comu.gif) no-repeat;
}

/*bbs css*/
/*****************************************/
.page {
	width:auto;
	float:right;
	margin:2px 10px 2px 0px;
	_margin:2px 5px 2px 0px;
	background-color:#FFFFFF;
	position:relative;
	left:40px;
}

.page span {
	float:left;
	display:block;
	padding:0px 2px;
}

.page span a {
	padding:0px 2px;
}

.page span img {
	padding-top:2px;
}

/*game event*/
/*****************************************/

#event {
	width:560px;
	float:left;
}

#event_top {
	background:url(../community/images/event_top.jpg) no-repeat; width:560px; height:137px;
}

#event_top span {
	position:relative;
	top:10px;
	left:10px;
	width:350px;
	display:block;
}

.event_title {
	font-size:15px;
	margin-left:10px;
	margin-top:30px;
	border-left:5px solid #0066CC;
	padding-left:5px;
}


#main_all {
	background:url(../community/images/event_main_all.jpg) no-repeat; width:550px;
	padding-left:10px;
	height:1%;
}

.event_on {
	background:url(../community/images/event_on.jpg) no-repeat; width:525px; height:42px;
	float:left;
	padding:10px 0px 10px 15px;
	margin-bottom:10px;
}

.event_off {
	background:url(../community/images/event_off.jpg) no-repeat; width:525px; height:42px;
	float:left;
	padding:10px 0px 10px 15px;
	margin-bottom:10px;
}


.event_on span,.event_off span {
	float:left;
}

.event_txt {
	width:510px;
	float:left;
	border-bottom:1px solid #666;
	padding:2px;
}

.event_txt2 {
	width:510px;
	float:left;
	padding:2px;
	font-size:9px;
	padding-top:4px;
}


span.maintitle {
	font-weight:bold;
	width:430px;
	display:block;
	margin-right:10px;
}

#event_bottom {
	background:url(../community/images/event_bottom.jpg) no-repeat; width:560px; height:123px;
	float:left;
}


#event_bottom span {
	display:block;
	text-align:center;
	padding-top:10px;
}

#event_bottom a {
	padding:0px 5px;
}

#event_detail {
	position:relative;
	height:auto;
}

.detail_m {
	background:url(../community/images/detail_m.jpg) repeat-y; width:532px; height:23px;
	float:left;
	padding-left:5px;
	height:auto;
	position:relative;
	top:-10px;
}



.detail_b {
	background:url(../community/images/detail_b.jpg) no-repeat; width:542px; height:11px;
	float:left;
	position:relative;
	top:-10px;
}


.event_subtitle{
	background:url(../community/images/event_subtitle.gif) no-repeat; width:505px; height:20px;
	float:left;
	font-weight:bold;
	padding-left:5px;
	margin:2px 0px 2px 0px;
	font-size:14px;
	text-transform:uppercase;
}


#match{
	width:507px;
	height:auto;
	margin-bottom:20px;
	display:block;
}


#menber{
	width:145px;
	height:auto;
	display:block;
	float:left;
	text-align:center;
	font-size:11px;
}

.menber_box{
	width:145px;
	padding-bottom:0px;
	display:block;
	float:left;
	margin-bottom:10px;
	line-height:1.2;
	font-weight:600;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
}




.team_guild,.team_guild_color {
	width:145px;
	display:block;
	height:15px;
	padding-top:3px;
}

.team_guild_final,.team_guild_final_color {
	width:145px;
	display:block;
	height:25px;
	padding-top:15px;
}

.team_guild,.team_guild_final{
	background-image:url(../community/images/menberbox_bg.gif);
}

.team_guild_final_color,.team_guild_color {
	background-image:url(../community/images/menberbox_bgcolor.gif);
	color:#FFFFFF;
}

.event_line {
	float:left;
	display:block;
	width:215px;
	height:auto;
	background-repeat:no-repeat;
}

#next_stage {
	width:140px;
}

#bakudan_normal,#bakudan_semifinal,#bakudan_final {
	width:115px;
	height:60px;
	color:#FFFFFF;
	text-align:center;
	margin-left:50px;
	padding-top:35px;
	font-weight:bolder;
	font-size:15px;
}

#bakudan_normal{
	background-image:url(../community/images/bakudan_normal.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../community/images/bakudan_normal.png',sizingMethod=image);
}




#bakudan_semifinal {
	background-image:url(../community/images/bakudan_semifinal.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../community/images/bakudan_semifinal.png',sizingMethod=image);
}

#bakudan_final {
	background-image:url(../community/images/bakudan_final.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../community/images/bakudan_final.png',sizingMethod=image);
	padding-top:45px;
}

.menber_list {
	background-image:url(../community/images/memberlist.jpg);
	height:50px;
	width:504px;
	float:left;
	display:block;
	margin-bottom:20PX;
	padding:2px;
	}

.menber_list span{
	margin:3px;
	display:block;
	height:auto;
	width:94px;
	float:left;
}

.prize {
width:507px;
height:auto;
float:left;
margin-bottom:10px;
}

#first {
float:left;
background-image:url(../community/images/no1.jpg); height:75px; width:94px;
}

#second {
float:left;
background-image:url(../community/images/no2.jpg); height:65px; width:94px;
}

.bar1,.bar2 {
float:left;
padding-top:2px;
font-weight:bold;
color:#000;
font-size:16px;
}

.bar1 {
background-image:url(../community/images/no1_bar.gif); height:23px;
}

.bar2 {
background-image:url(../community/images/no2_bar.gif); height:21px;
padding-top:1px;
font-size:15px;
}

.p_img {
width:200px;
height:200px;
display:block;
background-color:#993300;
float:left;
}

.p_comment {
width:280px;
display:block;
background-color:#f6f6f6;
padding:5px;
height:auto;
min-height:15px;
float:left;
}
/*ranking*/
/*****************************************/

.rankicon {
	width:270px;
	float:left;
	margin:0px 10px 10px 0px;
}

.icon {
	margin:1px 0px;
}

.icontop span,.icon span {
	float:left;
	width:85px;
	display:block;
	padding-left:5px;
}

.icontop span {
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #666;
	background-color:#FFFFCC;
}


#ranking {
	margin-bottom:10px;
	width:560px;
	float:left;
	position:relative;
}

.ranktop {
	border-bottom:1px solid #666;
	height:15px;
	width:558px;

}

.ranktop span,.rank span,.myrank span {
	width:181px;
	display:block;
	float:left;
	padding-left:5px;
}

.rank span,.myrank span {
	border-bottom:1px solid #fff;
}

.myrank span {
	background-color:#3366ff;
}

.ranktop span {
	font-weight:bold;
	font-size:11px;
}

.rank,.myrank {
	width:560px;
	height:10px;
}

.myrank {
	color:#FFFFFF;
}

/*gallery*/
/*****************************************/
#g_box{
	float:left;
	width:570px;
	height:auto;

}
.gallery_box {
	float:left;
	padding:8px 0px 0px 8px;
	background:url(../community/images/ga_bg.gif) no-repeat; width:180px; height:160px;
}

.gallery_box span{
	margin-top:10px;
	_margin-top:6px;
	margin-right:5px;
	float:left;
	color:#000000;
}

/*sns*/
/*****************************************/




/*friend invite*/
/*****************************************/

#friendbox {
	float:left;
	height:auto;
	width:560px;
	border-bottom:1px dotted #666;
	padding:10px 0px;
	margin-bottom:20px;
}

.friend {
	width:270px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

.friend span {
	width:60px;
	display:block;
	float:left;
	padding-top:4px;
}

.friend input {
	width:200px;
}

#code {
	float:left
	width:550px;
	height:auto;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding:5px;
}



/*fansite*/
/*****************************************/
a#fan_img1 {
	margin-left:75px;
	margin-right:auto;
	display:block;
	height:200px; width:400px;
}
a#fan_img1:hover { 
	background-position:0px -200px; 
}

a#fan_img1 {
	background:url(../community/images/fankit.jpg) no-repeat;
}

/*WebComic*/
/*****************************************/
div#webcomic_box {
	clear: both;
	padding-top: 30px;
}

.web_comic_img {
	background-image: url("../community/images/web_comic/web_comic_sprite.jpg");
	display: block;
}
.webcomic_banner {
	margin-top: 20px; 
	width: 521px; 
	height: 58px; 
}
	a#webcomic_1 { background-position: 0 -172px; }
	a#webcomic_2 { background-position: 0 -230px; }
	a#webcomic_3 { background-position: 0 -289px; }
	a#webcomic_4 { background-position: 0 -350px; }

.webcomic_margin {
	margin-left:12px;
	_margin-left:20px;
	width:521px;
}

a#new_webcomic {
	width: 570px;
	height: 172px;
	background-position: 0 0;
	margin: 0 auto;
}

#webcomic{
	width:570px;
	margin:0 auto;
		}
		
#webcomic img{
	dinplay:block;
	margin:10px auto;
	}
	
#