html
	{ height:100%; font-family:sans-serif; }
body
	{ background:#56c3ed url(img/body_bg.gif) repeat-y center top; text-align:center; height:100%; }

a
	{ color:black; text-decoration:underline; outline:0; }
a:hover
	{ text-decoration:none; }


#content
	{ width:960px; margin:0 auto -32px; text-align:left; background:url(img/content_bg.gif) no-repeat left top; height: auto !important; height: 100%; min-height: 100%; }

#global_navi
  { background-color:#56c3ed }

	h1
		{ background:url(img/h1_bg.gif) no-repeat left top; width:640px; height:100px; text-indent:-9999px; }

	#alpha
		{ width:640px; float:left; }


		#NTInfo
			{ width:370px; margin:30px 0 0 53px; background-color:#c2f1ff; padding-bottom:12px; }
		#NTInfo img
			{ display:block; }

			div.banner
				{ width:370px; height:74px; background:#c2f1ff url(img/banner_bg.gif) no-repeat left top; }
				div.banner div.infoArea
					{ width:270px; height:54px; padding:4px 0 0 94px; }

			div.menuGroup
				{ width:370px; height:36px; margin:0 0 6px; background:url(img/menuGrp_bg.gif) no-repeat left top; }

			div.menuGroup h2
				{ width:87px; height:36px; text-indent:-9999px; float:left; }
			div.menuGroup h2.news
				{ background:url(img/h2_news_bg.gif) no-repeat right top; }
			div.menuGroup h2.weather
				{ background:url(img/h2_weather_bg.gif) no-repeat right top; }
			div.menuGroup h2.play
				{ background:url(img/h2_play_bg.gif) no-repeat right top; }
			div.menuGroup h2.join
				{ background:url(img/h2_join_bg.gif) no-repeat right top; }
			div.menuGroup h2.life
				{ background:url(img/h2_life_bg.gif) no-repeat right top; }
			div.menuGroup h2.shop
				{ background:url(img/h2_shop_bg.gif) no-repeat right top; }

			div.menuGroup ul li
				{ float:left; height:36px; }
			div.menuGroup ul li a
				{ display:block; height:36px; text-indent:-9999px; }
			div.menuGroup ul li.newsNNN a
				{ width:64px; background:url(img/li_news_nnn_bg.gif) no-repeat left top; }
			div.menuGroup ul li.newsCTV a
				{ width:60px; background:url(img/li_news_ctv_bg.gif) no-repeat left top; }
			div.menuGroup ul li.newsEnt a
				{ width:60px; background:url(img/li_news_ent_bg.gif) no-repeat left top; }
			div.menuGroup ul li.newsDis a
				{ width:60px; background:url(img/li_news_dis_bg.gif) no-repeat left top; }

			div.menuGroup ul li.weatherFor a
				{ width:64px; background:url(img/li_weather_for_bg.gif) no-repeat left top; }
			div.menuGroup ul li.weatherWrn a
				{ width:60px; background:url(img/li_weather_wrn_bg.gif) no-repeat left top; }
			div.menuGroup ul li.weatherEar a
				{ width:60px; background:url(img/li_weather_ear_bg.gif) no-repeat left top; }
			div.menuGroup ul li.weatherTyp a
				{ width:60px; background:url(img/li_weather_typ_bg.gif) no-repeat left top; }

			div.menuGroup ul li.playMob a
				{ width:100px; background:url(img/li_play_mob_bg.gif) no-repeat left top; }
			div.menuGroup ul li.playGam a
				{ width:60px; background:url(img/li_play_gam_bg.gif) no-repeat left top; }
			div.menuGroup ul li.playCom a
				{ width:60px; background:url(img/li_play_com_bg.gif) no-repeat left top; }

			div.menuGroup ul li.joinVot a
				{ width:112px; background:url(img/li_join_vot_bg.gif) no-repeat left top; }
			div.menuGroup ul li.joinPre a
				{ width:92px; background:url(img/li_join_pre_bg.gif) no-repeat left top; }

			div.menuGroup ul li.lifeFtn a
				{ width:64px; background:url(img/li_life_ftn_bg.gif) no-repeat left top; }
			div.menuGroup ul li.lifeGou a
				{ width:60px; background:url(img/li_life_gou_bg.gif) no-repeat left top; }
			div.menuGroup ul li.lifeTra a
				{ width:100px; background:url(img/li_life_tra_bg.gif) no-repeat left top; }

			div.menuGroup ul li.shopChu a
				{ width:112px; background:url(img/li_shop_chu_bg.gif) no-repeat left top; }
			div.menuGroup ul li.shop100 a
				{ width:122px; background:url(img/li_shop_100_bg.gif) no-repeat left top; }


	#beta
		{ width:320px; float:left; }

		#adjustRectangleBanner
		  { margin-left:10px; }
		#adjustRectangleBanner p.ad_note
		  { font-size:12px; margin:10px 0 0; color:#41557e; }

		#update h2
			{ margin-left:30px; width:280px; height:80px; background:url(img/h2_update_bg.gif) no-repeat left bottom; text-indent:-9999px; }
		#update dl dt
			{ color:#41557e; font-size:0.77em; font-weight:bold; padding:15px 30px 5px 48px; }
		#update dl dd
			{ color:#41557e; font-size:0.77em; padding:0 30px 0 48px; line-height:120%; }

		#PGInfo h2
			{ margin-left:30px; width:300px; height:50px; background:url(img/h2_pginfo_bg.gif) no-repeat left bottom; text-indent:-9999px; }
		#PGInfo div.PGSection
			{ padding:15px 0 0; text-align:center; }
		#PGInfo div.PGSection img
			{ display:block; margin:0 auto; }
		#PGInfo div.PGSection p
			{ color:#41557e; font-size:0.77em; padding:2px 30px 2px 48px; text-align:left; }

	#footer
		{ width:960px; height:32px; margin:0 auto; background-color:#c2f1ff; }
		#footer p
			{ font-size:12px; line-height:24px; }
			#footer p a
				{ color:#42567f; text-decoration:none; }
			#footer p a:hover
				{ color:#42567f; text-decoration:underline; }



	#tips
		{ display:none; font-size:0.88em; text-align:left; }


/* clear floating */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;zoom:1;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */