@charset "utf-8";
body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
	background-color: #111111;
	//font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
	/*margin: 6px;*/
	background-image: url("back.jpg");

	

	

}
html,body,form,input,legend,label,select,option,button,fieldset,textarea,div,p,pre,blockquote,img,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li{margin:0;padding:0}
img{vertical-align:top}
button{cursor:pointer}
ol,ul,dl,li{list-style:none}
img{border:0}
input,select,button{vertical-align:middle}
a{text-decoration:none;color:#c3b6b6}
a:hover{text-decoration:underline;color:#666}
table{border-collapse:collapse}
table caption{position:absolute;left:-3000px;top:-3000px;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
select,input,textarea{font:normal 11px/1.2 tahoma,Arial,Verdana;color:#666}
select{height:22px;font:normal 11px/1.2 tahoma,Arial,Verdana;color:#666}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}

#siteVisualWrap{width:100%;}
#siteVisualWrap #siteVisualConts{width:980px;margin:0 auto;padding-bottom:60px}
.G_ContsWrap{position:relative;min-height:1450px;_height:1450px;}
.visualSpace{clear:both;height:288px;font-size:0;line-height:0}

#GameNavi{clear:both; text-align:center;width:980px;}
#GameNavi ul{display:inline-block;text-align:center; width:500px; margin:0 auto;}
#GameNavi li{position:relative;display:inline-block;height:38px;padding-top:4px;font:bold 14px/1.2 Arial,Verdana;color:#e6e6e6;z-index:1000;}
*+html #GameNavi ul{display:inline}
,*+html #GameNavi li{display:inline}
/*#GameNavi ul{_float:left;_width:910px;_padding-left:70px}*/
,#GameNavi li{_float:left}
#GameNavi li a.depth01{display:block;padding:0 13px;font:bold 14px/1.2 Arial,Verdana;color:#e6e6e6}
#GameNavi li a.depth01:hover{color:#ffb145;text-decoration:none}
#GameNavi li.on{font:bold 14px/1.2 Arial,Verdana;color:#ffb145}
#GameNavi li.on a.depth01{color:#ffb145}
#GameNavi li.end{background:0}

#contentStart{clear:both;padding:3px 0 77px 0;}

.gContsBodyDiv{clear:both;}
#gContsBodyWrap{clear:both;min-height:950px;padding:0 0px 0px 0px;margin:10px 0 9px 0;background:#121212;border-left:1px solid #202020;border-right:1px solid #202020;overflow:hidden;}

.txtover{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.btnStyle01{float:left;display:block;height:26px;font:bold 12px/1 Arial,Verdana,sans-serif;color:#e5e4d1;cursor:pointer}
.btnStyle01 .btnleft{float:left;width:3px;height:26px;background:url('btn_off_bg_left01.gif') no-repeat}
.btnStyle01 .btncenter{float:left;height:20px;padding:6px 20px 0 20px;background:url('btn_off_bg_center01.gif') repeat-x}
.btnStyle01 .btnright{float:left;width:3px;height:26px;background:url('btn_off_bg_right01.gif') no-repeat}
.btnStyle01:hover{color:#e5e4d1;text-decoration:none}

.gContsViewWrap{float:left;width:630px}
.newsWrap{padding-bottom:20px;margin-left:-20px}
.gContsSideWrap{float:right;width:300px;padding-top:15px}
.gContsInfoWrap{float:right;width:300px;margin-top:-60px}
.gContsInfoWrap h3.title{float:right;width:300px;padding:15px 0 27px;font:bold 32px/1.1 Georgia,Arial,Verdana;color:#ba2c00;text-shadow:1px 1px .1em rgba(0,0,0,1.0)}
.gContsInfoWrap h2{clear:both;height:27px;padding:3px 0 0 25px;margin-top:20px;font:bold 14px/1.2 Arial,Verdana;color:#fff;}
.gSubInfoBox{clear:both;padding-top:0}
.gContsInfoWrap aside{clear:both;padding-top:20px}
.gContsSideWrap aside{clear:both;padding-top:20px}
.gContsInfoWrap aside img{width:300px}
.gContsInfoWrap aside .rightbnr img{width:300px}
.gContsInfoWrap aside .rightbnr li{padding-top:20px}
.gContsSideWrap aside .rightbnr img{width:300px}
.gContsSideWrap aside .rightbnr li{padding-top:20px}
.gContsInfoWrap aside.sideBannerCase{clear:both;width:300px;padding-top:0;margin-top:20px;}
.gContsInfoWrap aside.sideBannerCase .rightbnr{padding:1px 0 16px 16px;}
.gContsInfoWrap aside.sideBannerCase .rightbnr img{width:270px}
.gContsInfoWrap aside.sideBannerCase .rightbnr li{padding-top:15px}
.gContsSideWrap aside.sideBannerCase{width:300px;padding-top:0;margin-top:20px;}
.gContsSideWrap aside.sideBannerCase .rightbnr{padding:1px 0 16px 16px;}
.gContsSideWrap aside.sideBannerCase .rightbnr img{width:270px}
.gContsSideWrap aside.sideBannerCase .rightbnr li{padding-top:15px}

.mainSnsFanWrap{clear:both;margin-top:10px;padding-bottom:3px;}
.mainSnsFanWrap h2{height:28px;padding-top:37px;font:bold 12px/1.2 Georgia,Arial,Verdana;color:#ddd;font-style:italic;text-align:center}
.mainSnsWrap{height:60px;padding:33px 0;text-align:center}
.mainSnsWrap li{float:left;width:100px;height:60px;text-align:center;}
.mainSnsWrap li a,.mainSnsWrap li a:hover{font:bold 11px/1.2 Arial,Verdana,sans-serif;color:#ddd;text-decoration:none}
.mainSnsWrap li img{margin-bottom:5px}
.mainSnsWrap li.end{background:0}

.gMainPromWrap{position:relative;margin-top:20px;width:610px;height:361px;background:#121212;overflow:hidden}
.gMainPromWrap .promRoundBox{position:absolute;width:610px;height:361px;}

.gMainPromWrap .items{width:2000em;position:absolute}
.gMainPromWrap .items .item{float:left;position:relative}
.gMainPromWrap .items .item a.itemLink{position:absolute;display:block;width:610px;height:361px;z-index:11}
.gMainPromWrap .promImg{width:600px;height:310px;margin-left:5px}
.gMainPromWrap .promImg img{width:600px;height:310px}
.gMainPromWrap .rollingIcon{position:absolute;top:321px;width:610px;text-align:center;z-index:12}
.gMainPromWrap .rollingIcon button{display:inline;width:34px;height:16px;margin:0 0 10px 0;padding:0;border:0;background:0}
*+html .gMainPromWrap .rollingIcon button{margin-right:4px}
.gMainPromWrap .rollingIcon button span{display:inline-block;width:34px;height:16px;}
.gMainPromWrap .rollingIcon button.active span{background-image:url('main_prom_icon_on_20120921.png')}
.gMainPromWrap .promTxt{position:absolute;left:5px;top:182px;width:600px;height:127px;}
*html .gMainPromWrap .promTxt{background:0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='main_prom_txt_bg_20120921.png',sizingMethod='crop');cursor:pointer}
.gMainPromWrap .promTxt h2{padding:40px 0 5px 20px;font:bold 18px/1.2 Arial,Verdana;color:#fff}
.gMainPromWrap .promTxt time{padding-left:20px;font:normal 11px/1.2 Arial,Verdana,sans-serif;color:#aaa}
.gMainPromWrap .promTxt .txt{padding:5px 10px 0 20px;font:normal 13px/1.2 Arial,Verdana,sans-serif;color:#aaa;text-overflow:ellipsis;overflow:hidden}
.gContsInfoWrap menu{clear:both;padding-bottom:1px;}
.gContsInfoWrap menu li a{display:block;height:24px;padding:11px 0 0 35px;font:bold 12px/1.2 Arial,Verdana,sans-serif;color:#ddd;}
.gContsInfoWrap menu li a:hover{color:#ba2c00;}
.gContsInfoWrap menu li a.on{color:#ba2c00;background:url('sub_nav_bg_list_over.gif') no-repeat}
.guideAccList{clear:both;padding-bottom:1px;}
.guideAccList dt{display:block;height:23px;padding:12px 0 0 35px;font:bold 12px/1.2 Arial,Verdana,sans-serif;color:#aaa;}
.guideAccList dd{padding:7px 0 7px 7px;}
.guideAccList dd a{display:block;width:260px;height:20px;padding:6px 0 0 26px;font:bold 11px/1.2 Arial,Verdana,sans-serif;color:#ddd}
.guideAccList dd a:hover{color:#ddd;text-decoration:none;}
.guideAccList dd a.on{color:#ddd;}
.guideAccList dt.guideaccButtonOver{color:#ba2c00;}
.newslistStyleSmall{clear:both;padding:10px 10px 10px 20px;border:1px solid #333}
.newslistStyleSmall li{padding:10px 0 0 10px;background:url('icon_newslist_jum01.gif') no-repeat left 15px;color:#ddd;}
.newslistStyleSmall li strong{display:block;padding-bottom:5px;font:normal 12px/1.2 Arial,Verdana,sans-serif;color:#ddd}
.newslistStyleSmall li time{display:block;padding-bottom:5px;font:normal 11px/1.2 tahoma,Arial,Verdana;color:#999}
.newslistStyleSmall li a,.newslistStyleSmall li a:hover{font:normal 12px/1.2 Arial,Verdana,sans-serif;color:#ddd}
.newslistStyle{clear:both;width:610px;padding:1px 0 1px 0;margin:0 auto;}
.newslistStyle h1{padding:6px 0 10px;font:bold 20px/1.2 Arial,Verdana;color:#ddd;}
.newslistStyle h1 a,.newlistStyle h2 a:hover{font:bold 20px/1.2 Arial,Verdana;color:#ddd;text-decoration:none}
.newslistStyle .dateInfo{clear:both;height:25px}
.newslistStyle .dateInfo span{float:left;padding:0;font:normal 9px/1.2 tahoma,Arial,Verdana}
.newslistStyle .dateInfo time{float:left;padding:1px 0 0 10px;font:normal 11px/1.2 tahoma,Arial,Verdana;color:#aaa}
.newslistStyle .dateInfo .SprIco{width:80px;height:13px;padding-top:3px;color:#fff;text-align:center;}
.newslistStyle .dateInfo .SprIco.main{background-position:left 0}
.newslistStyle .dateInfo .SprIco.even{background-position:left -32px}
.newslistStyle .dateInfo .SprIco.evenOff{background-position:left -64px}
.newslistStyle .dateInfo .SprIco.anno{background-position:left -96px}
.newslistStyle .dateInfo .SprIco.noti{background-position:left -128px}
.newslistStyle .newlistConts{clear:both;padding:0 0 10px 0;font:normal 12px/1.5 Arial,Verdana,sans-serif;color:#8d724f;}
.newslistStyle .newlistConts img{margin:10px 0;border:1px solid #333}
.newslistStyle .newlistConts a,.newlistStyle .newlistConts a:hover{font:normal 12px/1.5 Arial,Verdana,sans-serif;color:#aaa;text-decoration:none}
.newslistStyle .goMore{clear:both;margin-top:-5px}
.newslistStyle .goMore a{padding-right:10px;font:normal 11px/1.2 tahoma,Arial,Verdana;color:#ffd200;background:url('icon_more_arrow01.gif') no-repeat right 5px}
.newslistStyle .goMore a:hover{font:normal 11px/1.2 tahoma,Arial,Verdana;color:#ffd200}
.newslistStyle .mediaDate{padding-bottom:10px;font:normal 11px/1.2 tahoma,Arial,Verdana;color:#aaa}
.newslistStyle .mediaDate a,.newslistStyle .mediaDate a:hover{color:#e13001}
.newslistStyle .mediaDate span{padding:0 5px}
.newslistStyle .gameSnsWrap{clear:both;padding:5px 0 30px 0}
.newslistStyle .gameSnsWrap li{float:left;padding-right:5px}
.newlistContsView{clear:both;padding:10px 0;font:12px/1.5 Arial,Verdana,sans-serif;color:#aaa;word-break:break-all;word-wrap:break-word}
.newlistContsView a,.newlistContsView a:hover{font:normal 14px/1.5 Arial,Verdana,sans-serif;color:#f0efea}
.newslistViewBtn{clear:both;padding:20px 0 50px 20px;overflow:hidden}
.newsWrap .newslistViewBtn{padding:10px 0 50px 30px}
.newslistViewBtn .arrow{float:left}
.newslistViewBtn .list{float:right}
.newlistContsView ul,.newlistContsView ul li{list-style-type:disc}
.newlistContsView ol,.newlistContsView ol li{list-style-type:decimal}
.newlistContsView li ul,.newlistContsView li ol{margin:0 1.5em}
.newlistContsView ul,.newlistContsView ol{margin:0 1.5em 1.5em 1.5em}





.pageFullWrap{clear:both;width:946px;padding:15px 0 0 15px}
.pageFullWrap h2{clear:both;padding-top:40px;font:bold 24px/1.2 Arial,Verdana,sans-serif;color:#ddd}
.pageFullWrap h2.top{padding-top:5px}
.pageFullWrap h2 span{font:normal 12px/1.2 Arial,Verdana,sans-serif;color:#ffd200}
.pageFullWrap h2 a,.pageFullWrap h1 a:hover{font:bold 12px/1.2 Arial,Verdana,sans-serif;color:#ffd200;text-decoration:none}
.pageFullWrap p.downTxt{clear:both;padding:10px 0 15px 0;font:normal 14px/1.2 Arial,Verdana,sans-serif;color:#aaa}
.pageFullWrap .downBtnWrap{clear:both;position:relative;width:878px;}
.pageFullWrap .downBtnBox{padding:29px 0 0px 30px;}
.pageFullWrap .downBtnWrap .direct{float:left;padding:0 30px 20px 255px}
*+html .pageFullWrap .downBtnWrap .direct{padding-bottom:0}
.pageFullWrap .downBtnWrap .patch{clear:both;width:817px;padding-top:15px;font:normal 14px/2.0 Arial,Verdana,sans-serif;color:#aaa;border-top:1px solid #2c2c2c}
.pageFullWrap .downBtnWrap .patch a{font-size:12px;color:#ffd200}
.pageFullWrap .update{float:right;padding:10px 20px 0 0;font:bold 11px/1.2 Arial,Verdana,sans-serif;color:#efdfa7}
.pageFullWrap .update span{padding-left:10px;color:#efdfa7}
.pageFullWrap .downTip{clear:both}
.pageFullWrap .downTip dt{padding:10px 0;font:bold 14px/1.2 Arial,Verdana,sans-serif;color:#ba2c00}
.pageFullWrap .downTip dd{font:normal 12px/1.5 Arial,Verdana,sans-serif;color:#aaa}
.pageFullWrap .downTip dd a{font:bold 12px/1.5 Arial,Verdana,sans-serif;color:#ffd200}


.pager{margin-top:0;overflow:hidden; margin:0; padding:10px 20px 6px 10px; border-top:1px solid #f60; _zoom:1;}
.pager ul{}
.pager ul li{display:inline; float:left;margin:0 5px; color:#666;}
.pager ul li .thisclass{color:#ffffff;}
.pager ul li .pageinfo{margin:0 5px; color:#999;}
.pager ul li .pageinfo strong{margin:0 3px; color:#999;}
.pager ul li a{margin:0 1px; padding:0 4px;    text-decoration:none;}
.pager ul li a:hover{  border-color:#fff; +border-color:#f60; color:#fff;}



.RegLog{ font-size:14px; color:#fff;}
.RegLog input { width:300px; height:30px; border:solid 1px red;}
.RegLog select { width:100px; height:30px; border:solid 1px red;}
.RegLog td{ height:50px; vertical-align:middle;}
.SubBtn{width:100px; height:34px; line-height:34px; text-align:center; background:#df2b2b; font-weight:bold; cursor:pointer; float:right;}
.SubBtn_On{width:100px; height:34px; line-height:34px; text-align:center; background:#ff3838; font-weight:bold; cursor:pointer; float:right;}
#SubInfo{ color:#ed1c24; font-size:12px;}




#title { width:228px; height:26px; line-height:26px; text-indent:5px; font-family:verdana, tahoma, sans-serif; font-size:10px; }
#login { width:208px; height:24px; padding-top:11px; }
.formt { line-height:26px; text-indent:5px; font-family:verdana, tahoma, sans-serif; font-size:10px;display:block; font-weight:800; }
.username,.password {	background:#CCCCCC;	border:1px solid #ccc;	color:#ffffff;	font-family:verdana, tahoma, sans-serif;	font-size:12px;	width:196px;	height:22px;	margin-left:6px;	padding-left:20px;	line-height:20px;}
.username { background:url(username.gif) no-repeat 2px 2px;}
.password { background:url(password.gif) no-repeat 2px 2px;}
#forget { width:208px; height:18px; line-height:18px; text-indent:3px; color:#666;font-size: 12px; color:#666;  }
#button { width:208px; height:28px; }
.imgbutton {margin-top:7px; margin-left:132px; }
.Pannel {font:normal 12px/1.2 Arial,Verdana,sans-serif;}






/* content */
#content{height:750px; width:930px; margin:0 auto; padding-top:14px; background:#1E1916;}
#mainContent {  width:960px; margin-left:8px; padding:8px; float:left; }
.mainContent { background:#26201e url(head1.jpg) no-repeat; width:890px; margin-left:8px; padding:8px; float:left; }
.mainContent_active {   width:830px; margin-left:8px; padding:8px; float:left; }
div.stdContent {	margin:0;	padding: 10px;}
.mainContent h1, h2 {	color:#BBAB80;	font-size:14px;	font-weight:bold;	font-family:Georgia, serif;	padding: 0 0 15px 0;	margin:0;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);	display:block;}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

.has_image {
	display: inline-block;
	max-width: 100%;
}

.mytime{padding-bottom:5px;font:normal 11px/1.2 tahoma,Arial,Verdana;color:#999}

.myBtn{width:100px; height:34px; line-height:34px; text-align:center; background:#df2b2b; font-weight:bold; cursor:pointer; float:left;}