@charset "utf-8";

body {background:url(/_layout/images/cn/main/main_header_bg.gif) repeat-x 0 0; font-family:Arial,Verdana,Helvetica,sans-serif;}

ul#skip_nav {display:none;}

a {color:#656565;}

#wrap {position:relative; width:985px; margin:0 auto; overflow:hidden;}

	#header {position:relative; width:990px; height:375px; margin:0 auto; overflow:hidden;}
		
		h1#logo {position:absolute; left:0; top:0; margin:19px 0 0 15px; float:left; z-index:2;}
		
		ul#top_etc_nav {position:absolute; top:0; right:0; margin:22px 23px 0 0; z-index:2;}
		ul#top_etc_nav li {margin:0 0 0 6px; padding:0 0 0 7px; line-height:12px; background:url(/_layout/images/cn/common/header/bar.gif) no-repeat 0 3px; float:left;}
		ul#top_etc_nav li a {line-height:12px; color:#000000; font-weight:bold; text-decoration:none;}
		ul#top_etc_nav li a strong {color:#E4361F;}
		ul#top_etc_nav li.bg_none {margin:0; padding:0; background:none;}
		
		#gnb {position:absolute; width:958px; height:87px; top:0; left:0; margin:270px 0 0 15px; overflow:hidden; z-index:2;}
		#gnb ul li {float:left;}
		#gnb ul li ul {display:none;}
		#gnb ul li.on ul {display:block;}
		#gnb ul ul {position:absolute; width:958px; top:0; left:0; margin:63px 0 0 10px; overflow:hidden;}
		#gnb ul li#gnb_t01 ul {margin-left:10px;}
		#gnb ul li#gnb_t02 ul {margin-left:30px;}
		#gnb ul li#gnb_t03 ul {margin-left:365px;}
		#gnb ul li#gnb_t04 ul {margin-left:250px;}
		#gnb ul li#gnb_t05 ul {margin-left:605px;}
		#gnb ul li#gnb_t06 ul {margin-left:640px;}
		#gnb ul li#gnb_t07 ul {margin-left:720px;}
		/*#gnb ul ul li {display:inline; margin:0 16px 3px -8px; padding:0 0 0 8px; line-height:12px; background:url(/_layout/images/fr/common/header/gnb/bg_gnb_sub_bar.gif) no-repeat 0 0; float:left;}*/
		#gnb ul ul li {display:inline; margin:0 11px 3px 0; padding:0 0 0 9px; line-height:12px; background:url(/_layout/images/cn/common/header/gnb/bu_gnb_sub_list.gif) no-repeat 0 5px; float:left;}
		#gnb ul ul li a {color:#7C5F14; text-decoration:none; white-space:nowrap; font-family:Tahoma;}
		#gnb ul ul li a:hover,
		#gnb ul ul li a:focus,
		#gnb ul ul li.on a {color:#9B402E; font-weight:normal;}
		#gnb ul li#gnb_t05 ul li a:hover,
		#gnb ul li#gnb_t06 ul li a:hover,
		#gnb ul li#gnb_t07 ul li a:hover,
		#gnb ul li#gnb_t05 ul li a:focus,
		#gnb ul li#gnb_t06 ul li a:focus,
		#gnb ul li#gnb_t07 ul li a:focus,
		#gnb ul li#gnb_t05 ul li.on a,
		#gnb ul li#gnb_t06 ul li.on a,
		#gnb ul li#gnb_t07 ul li.on a {color:#360;}
		
		#spot {position:absolute; width:990px; height:270px; left:0; top:0; z-index:1; overflow:hidden;}
	
	#middle {position:relative; width:920px; padding:0 0 10px 35px; overflow:hidden;}
		
		#left {position:relative; display:inline; width:220px; float:left; overflow:hidden;}
			
			#mayor {position:relative; width:220px; height:112px; background:url(/_layout/images/cn/main/mayor/bg.gif) no-repeat 0 0;} 
			#mayor h2 {position:absolute; left:0; top:0; margin:24px 0 0 0; overflow:hidden;}
			#mayor ul {position:absolute; left:0; top:0; margin:52px 0 0 6px;}
			#mayor ul li {margin:0 0 2px 0;}
			
			#city_guide {position:relative; width:220px; height:93px; margin:10px 0 0 0; background:url(/_layout/images/cn/main/city_guide/bg.gif) no-repeat 0 100%; overflow:hidden;}
			#city_guide h2 {position:absolute; left:0; top:0;}
			#city_guide ul {position:absolute; left:0; top:0; margin:35px 0 0 26px;}
			#city_guide ul li {margin:0; line-height:1.4; overflow:hidden;}
			#city_guide ul li a {padding:0 0 0 14px; line-height:1.4; background:url(/_layout/images/cn/main/bu_list.gif) no-repeat 0 3px;}
			
			ul#box_link {position:relative; width:220px; height:131px; margin:10px 0 0 0; overflow:hidden;}
			ul#box_link li {margin:0 0 5px 0;}
			
			#about {position:relative; width:220px; height:126px; margin:10px 0 0 0; background:url(/_layout/images/cn/main/about/bg.gif) no-repeat 0 100%; overflow:hidden;}
			#about h2 {position:absolute; left:0; top:0;}
			#about ul {position:absolute; left:0; top:0; margin:30px 0 0 23px;}
			#about ul li {margin:0 0 0 0; line-height:1.2; overflow:hidden;}
			#about ul li a {padding:0 0 0 14px; line-height:1.2; font-size:11px; background:url(/_layout/images/cn/main/bu_list.gif) no-repeat 0 3px;}
			
			#living {position:relative; width:220px; height:95px; margin:10px 0 0 0; background:url(/_layout/images/cn/main/living/bg.gif) no-repeat 0 100%; overflow:hidden;}
			#living h2 {position:absolute; left:0; top:0;}
			#living ul {position:absolute; left:0; top:0; margin:31px 0 0 22px;}
			#living ul li {margin:0 0 0 0; line-height:1.2; overflow:hidden;}
			#living ul li a {padding:0 0 0 14px; line-height:1.2; background:url(/_layout/images/cn/main/bu_list.gif) no-repeat 0 3px;}
			
		#center {position:relative; width:410px; margin:0 0 0 20px; float:left; overflow:hidden;}
		
			dl#popupzone {position:relative; width:410px; height:213px; overflow:hidden;}
			dl#popupzone dt {position:absolute; left:0; top:0; margin:2px 0 0 4px;}
			dl#popupzone dd.popup_img {position:absolute; width:408px; height:188px; left:0; top:0; margin:23px 0 0 0; border:1px solid #D5DAE1; overflow:hidden;}
			dl#popupzone dd.popup_img .slideshow_guide {position:relative; width:390px; height:169px; margin:9px; overflow:hidden;}
			dl#popupzone dd.popup_img .slideshow_guide ul {position:absolute; width:1500px;}
			dl#popupzone dd.popup_img .slideshow_guide ul li {float:left;}
			dl#popupzone dd.popup_control {position:absolute; right:0; top:0; margin:8px 0 0 0;}
			dl#popupzone dd.popup_control ul li {margin:0 0 0 1px; float:left;}
			dl#popupzone dd.popup_num {position:absolute; width:300px; right:0; top:0;}
			dl#popupzone dd.popup_num ul {position:absolute; margin:0; padding:0; right:0; top:0;  margin:10px 43px 0 0;}
			dl#popupzone dd.popup_num ul li {margin:0 0 0 3px; float:left;}
			
			ul#notice {position:relative; width:410px; height:132px; margin:10px 0 0 0; background:url(/_layout/images/cn/main/bg_dot.gif) repeat-x 0 30px; overflow:hidden;}
			ul#notice li {position:absolute;}
			ul#notice li.tab_list01,
			ul#notice li.tab_list02 {top:0;}
			ul#notice li a.title {position:absolute; display:block; left:0; top:0; float:left;}
			ul#notice li#tab_0_01 a.title {z-index:2; margin-left:0;}
			ul#notice li#tab_0_02 a.title {z-index:1; margin-left:100px;}
			ul#notice ul {display:none; width:410px; margin:48px 0 0 0;}
			ul#notice li.on ul {display:block;}		
			ul#notice ul li {position:relative; margin:0 0 7px 0; line-height:13px; text-align:center; overflow:hidden;}
			ul#notice ul li a {display:block; width:304px; padding:0 0 0 21px; line-height:13px; text-align:left; text-decoration:none; background:url(/_layout/images/cn/main/notice/bu_list.gif) no-repeat 8px 2px; float:left;}
			ul#notice ul li span {display:block; margin:0 5px 0 0; color:#656565; text-align:left; float:right;}
			ul#notice ul li.more {position:absolute; right:0; top:0; margin:14px 0 0 0; border:none; overflow:hidden;}
			ul#notice ul li.more a {display:block; width:auto; padding:4px; line-height:12px; background:none !important;}

			#tab_news {position:relative; width:410px; height:132px; margin:10px 0 10px 0; padding:0; background:url(/images/eng/main/tab_bg.gif) repeat-x;}
				#tab_news li {float:left; z-index:1;}
				#tab_news ul {position:absolute;width:410px; height:100px; top:0; left:0; margin:32px 0 0 0;}
				#tab_news ul li {clear:both; display:block; margin:0; vertical-align:top;}
				
				#tab_news .focus ul li {width:100%;}
				#tab_news .focus ul li a {float:left; width:305px; padding:0 0 0 9px;background:url(/images/www/main/tab_tabnews_bl.gif) no-repeat 3px 7px;}
				#tab_news .focus ul li a img {vertical-align:middle;}
				#tab_news .focus ul li span {float:right;}

				#tab_news .focus ul li dl {width:100%; height:70px; padding:10px 0 0 0;}
				#tab_news .focus ul li dl dt {margin:0 0 0 100px; font-weight:bold; }
				#tab_news .focus ul li dl dt a {color:#009CA8; padding:0; background:none;}
				#tab_news .focus ul li dl dd.img {float:left; width:100px; margin:-20px 0 0 0;}
				#tab_news .focus ul li dl dd.con {margin:0; line-height:1.3;}

				#tab_news .focus li.more {position:absolute; padding:0; top:0; right:0; width:20px; height:20px; margin:-23px 0 0 0;}
				#tab_news .focus li.more a {width:auto; background:none;}

				#tab_news li.on ul {display:block;}
				#tab_news li ul {display:none;}
			
			#enjoy {position:relative; width:410px; height:230px; padding:4px 0 0 0; overflow:hidden;}
			#enjoy h2 {position:relative; height:15px; margin:0 0 11px 0; overflow:hidden;}
			#enjoy .enjoy_box {position:relative; width:100%; height:70px; margin:0 0 5px 0; background:url(/_layout/images/cn/main/enjoy/bg.gif) no-repeat 0 0; overflow:hidden;}
			#enjoy .enjoy_box h3 {position:absolute; width:115px; left:0; top:0; margin:24px 0 0 1px; text-align:center; font-size:13px; color:#636263;}
			#enjoy .enjoy_box ul {position:absolutel left:0; top:0; margin:13px 0 0 136px;}
			#enjoy .enjoy_box ul.last {margin-top:23px;}
			#enjoy .enjoy_box ul li {width:115px; margin:0 0 5px 0; line-height:12px; float:left; overflow:hidden;}
			#enjoy .enjoy_box ul li a {padding:0 0 0 14px; line-height:12px; white-space:nowrap; background:url(/_layout/images/cn/main/bu_list.gif) no-repeat 0 3px;}
		
			#enjoy .enjoy_box3 {position:relative; width:100%; height:70px; margin:0 0 5px 0; background:url(/images/cn/main/enjoy/bg3.gif) no-repeat 0 0; overflow:hidden;}
			#enjoy .enjoy_box3 h3 {position:absolute; width:115px; left:0; top:0; margin:24px 0 0 1px; text-align:center; font-size:13px; color:#636263;}
			#enjoy .enjoy_box3 ul {position:absolutel left:0; top:0; margin:13px 0 0 136px;}
			#enjoy .enjoy_box3 ul.last {margin-top:23px;}
			#enjoy .enjoy_box3 ul li {width:115px; margin:0 0 5px 0; line-height:12px; float:left; overflow:hidden;}
			#enjoy .enjoy_box3 ul li a {padding:0 0 0 14px; line-height:12px; white-space:nowrap; background:url(/images/cn/main/bu_list.gif) no-repeat 0 3px;}
		

			#enjoy .enjoy_box2 {position:relative; width:100%; height:52px; margin:0 0 5px 0; background:url(/_layout/images/cn/main/enjoy/bg2.gif) no-repeat 0 0; overflow:hidden;}
			#enjoy .enjoy_box2 h3 {position:absolute; width:115px; left:0; top:0; margin:15px 0 0 1px; text-align:center; font-size:13px; color:#636263;}
			#enjoy .enjoy_box2 ul {position:absolutel left:0; top:0; margin:13px 0 0 136px;}
			#enjoy .enjoy_box2 ul.last {margin-top:12px;}
			#enjoy .enjoy_box2 ul li {width:115px; margin:0 0 5px 0; line-height:12px; float:left; overflow:hidden;}
			#enjoy .enjoy_box2 ul li a {padding:0 0 0 14px; line-height:12px; white-space:nowrap; background:url(/_layout/images/cn/main/bu_list.gif) no-repeat 0 3px;}
		
			
			
		#right {position:relative; width:248px; margin:0 0 0 20px; float:left; display:inline; overflow:hidden;}
		
			#cosmopolitan {position:relative; width:248px; height:123px; background:url(/_layout/images/cn/main/cosmopolitan/bg.gif) no-repeat 0 100%; overflow:hidden;}
			#cosmopolitan h2 {position:absolute; left:0; top:0;}
			#cosmopolitan ul {position:absolute; left:0; top:0; margin:32px 0 0 26px;}
			#cosmopolitan ul li {width:174px; margin:0 0 2px 0; line-height:12px; float:left; overflow:hidden;}
			#cosmopolitan ul li a {padding:0 0 0 14px; line-height:12px; font-size:11px; background:url(/_layout/images/cn/main/bu_list.gif) no-repeat 0 3px;}
			
			#industry {position:relative; width:248px; height:112px; margin:10px 0 0 0; background:url(/_layout/images/cn/main/industry/bg.gif) no-repeat left bottom; overflow:hidden;}
			#industry h2 {position:absolute; left:0; top:0;}
			#industry ul {position:absolute; left:0; top:0; margin:30px 0 0 25px;}
			#industry ul li {width:174px; margin:0; line-height:1.2; overflow:hidden;}
			#industry ul li a {padding:0 0 0 14px; line-height:1.2; font-size:11px; background:url(/_layout/images/cn/main/bu_list.gif) no-repeat 0 3px;}
			
			p#climate {position:relative; width:248px; height:67px; margin:10px 0 0 0; overflow:hidden;}
			
			#album {position:relative; width:248px; height:109px; margin:10px 0 0 0; background:url(/_layout/images/cn/main/bg_dot2.gif) repeat-x 0 23px; overflow:hidden;}
			#album h2 {position:absolute; left:0; top:0; z-index:1;}
			#album ul {position:absolute; left:0; width:243px; top:0; margin:32px 0 0 5px;}
			#album ul li img {margin:0 13px 0 0; float:left;}
			#album ul li.more {position:absolute; right:0; top:0; margin:-24px 4px 0 0;  float:left; z-index:2;}
			#album ul li.more img {margin:0;}

			ul#center_box_link {position:relative; width:248px; height:45; margin:5px 0 0 0; overflow:hidden;}
			ul#center_box_link li {float:left;}
			ul#center_box_link li.ma {margin:0;}
			
			#exchange {position:relative; width:248px; height:107px; margin:10px 0 0 0; background:url(/_layout/images/cn/main/exchange/bg.gif) no-repeat 23px 41px; overflow:hidden;}
			#exchange h2 {position:absolute; width:255px; height:23px; left:0; top:0; background:url(/_layout/images/cn/main/bg_dot2.gif) repeat-x 0 22px; z-index:1;}
			#exchange_view {position:absolute; width:165px; height:57px; left:0; top:0; margin:41px 0 0 90px; overflow:hidden;}
			#exchange_view iframe {position:absolute; left:0; top:0; margin:-52px 0 0 -67px;}
			#exchange p.more {position:absolute; right:0; top:0; margin:8px 4px 0 0; float:left; z-index:2;}
	
	#footer_wrap {position:relative; width:100%; height:80px; background:#E0E0E0; clear:both; overflow:hidden;}
		#footer {position:relative; width:920px; height:80px; margin:0 auto;}
			p#footer_logo {position:absolute; top:0; right:0; margin:20px 15px 0 0;}
			p#welcome {position:absolute; left:0; top:0; margin:20px 0 0 15px;}
			#footer address {position:absolute; left:0; top:0; margin:46px 0 0 15px;}
			p#copyright {position:absolute; left:0; top:0; margin:61px 0 0 15px;}