@charset "utf-8";
/* CSS Document */
#rotation_bnr_area{width:540px; padding:7px 0 0;}
	#rotation_bnr_box{width:540px; overflow:hidden;}
		#rotation_bnr_box div.blank{width:515px; height:120px; padding:1px; margin:6px auto;}
		#rotation_bnr_box a.bnr{
			display:block; margin:6px auto; width:515px; height:120px; background:#FFF; border:1px solid #471c03; position:relative;
				 -moz-box-shadow:2px 2px 4px 0px rgba(0,0,0,0.75);
			-webkit-box-shadow:2px 2px 4px 0px rgba(0,0,0,0.75);
							box-shadow:2px 2px 4px 0px rgba(0,0,0,0.75);
			transition-property:left;
			transition-duration:0.4s;
		}
			#rotation_bnr_box a.bnr img{display:block; width:515px; height:120px;}
			#rotation_bnr_box a.bnr:hover img{opacity:0.9;}
			.cs #rotation_bnr_box a.bnr:hover img{opacity:1;}
	#rotation_bnr_dots{width:100%; text-align:center; padding:6px 0;}
		#rotation_bnr_dots .dot{display:inline-block; width:88px; height:18px; margin:0 6px; background:url(../../images/top/bnr_dot.png) no-repeat 0px 0px;  cursor:pointer;}
		#rotation_bnr_dots .dot.hover,
		#rotation_bnr_dots .dot:hover{background-position:0px -18px;}
		#rotation_bnr_dots .dot.crr{background-position:0px -36px; cursor:default;}

#info_box{padding:7px 0; width:540px; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:18px;}
	#info_box .head a{display:none;}
	
	#info_box ul.article{list-style:none; position:relative; margin:0 auto; padding:7px 9px; width:522px;}
	#info_box .important_info ul.article{background:#e88a14 url(../../images/top/deco_important.png) no-repeat 0px 0px; margin-bottom:12px;}
	
		#info_box .important_info .head{width:540px; height:32px; background:url(../../images/top/lbl_important.png) no-repeat 0px 0px;}
	
		#info_box ul.article li{position:relative; margin:0 auto; padding:0;}
			/*日付*/
			#info_box ul.article li .date{position:absolute; left:0; top:0; width:92px; padding:6px 2px 6px 4px; z-index:10; color:#733c00;  font-size:14px;}
			#info_box .important_info ul.article li .date{color:#FFF;}
			/*NEW カテゴリアイコン*/
			#info_box ul.article li .icon{position:absolute; right:0; top:50%; margin-top:-9px; width:46px; height:18px; z-index:10; background:url(../../images/top/info_category.png) no-repeat 0px 0px;}
			#info_box ul.article li .icon.trouble{background-position:0px -18px;}
			#info_box ul.article li .icon.operation{background-position:0px -36px;}
			#info_box ul.article li .icon.ingame{background-position:0px -54px;}
			#info_box ul.article li .icon.campaign{background-position:0px -72px;}
			#info_box ul.article li .icon.update{background-position:0px -90px;}
			#info_box ul.article li .icon.other{background-position:0px -108px;}
			#info_box ul.article li .icon.new{background-position:0px 0px;}
			
				#info_box ul.article a{display:block; width:408px; padding:6px 4px 6px 110px; text-decoration:none; color:#000; position:relative;}
					#info_box ul.article a:hover{background:#ffdea7;}
					#info_box .important_info ul.article a:hover{background:#720000; color:#ffe400;}
	
	#info_box .normal_info_lbl{width:540px; height:32px; background:url(../../images/top/lbl_info.png); margin-bottom:7px;}
	#info_box .normal_info_tabs{width:540px; height:50px; background:url(../../images/top/info_tab.png) no-repeat 0px 0px; overflow:hidden;}
	#info_box .normal_info_tabs.trouble{background-position:0px -50px;}
	#info_box .normal_info_tabs.operation{background-position:0px -100px;}
	#info_box .normal_info_tabs.ingame{background-position:0px -150px;}
	#info_box .normal_info_tabs.campaign{background-position:0px -200px;}
	#info_box .normal_info_tabs.update{background-position:0px -250px;}
	#info_box .normal_info_tabs.other{background-position:0px -300px;}
		#info_box .normal_info_tabs .btn{width:75px; height:47px; cursor:pointer; margin:0 1px; float:left;}
		#info_box .normal_info_tabs .btn#topic{width:76px; margin-left:0;}
		#info_box .normal_info_tabs .btn#other_news{width:76px; margin-right:0;}