@charset "utf-8";

#page_h { float:left; width:99%; *width:100%; height:100%; background:url(images/main/bg02.jpg) 0 0 no-repeat; padding:0; margin:0;}

/*--------------------------------------------------------------------------------------------------------------------------------------*/
  #topmenu { float:left; width:100%; height:124px; padding:0;}
	  #logo { float:left; background:url(images/main/logo.jpg) 0 0 no-repeat; width:261px; height:124px; margin:0; padding:0;}
	  #logo span { width:261px; height:124px; line-height:124px; overflow:hidden; cursor:pointer;}

	  #logo02 { float:left; background:url(images/main/logo02.jpg) 0 0 no-repeat; width:261px; height:124px;}
	  #logo02 span { display:block; width:261px; height:124px; line-height:124px; overflow:hidden; cursor:pointer;}
	  
		  #top_nav { float:right; width:670px; padding:0; margin:0;}
			  #top_nav ul { float:left; list-style-type:none; width:100%; padding:0; margin:0;} 
			  	  #top_nav li { float:left; list-style-type:none; width:100%; padding:0; margin:0;} 
				  #top_nav li.website { float:left; list-style-type:none; width:100%; height:22px; padding:0; margin:0; position:relative;}
				  


					P.bt_website02 a { display:block; float:none; background:url(images/main/bt_website.gif) 0 0 no-repeat; width:199px; height:22px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
					P.bt_website02 a:hover { display:block; float:none; background:url(images/main/bt_websiteo.gif) 0 0 no-repeat; width:199px; height:22px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}

				  #top_nav li.topnav { float:right; list-style-type:none; width:100%; height:102px; padding:0; margin:0;}

				  #fra_ad_top0102 { background:url(images/main/fra_top_0102.png) 0 100% repeat-x; height:20px;}
				  #fra_ad_top0104 { background:url(images/main/fra_top_0104.png) 100% 0 repeat-y; width:24px; height:67px;}
				  #fra_ad_top0105 { background:url(images/main/fra_top_0105.png) 0 0 repeat-y; width:30px;}
				  #fra_ad_top0107 { background:url(images/main/fra_top_0107.png) 0 0 repeat-x; height:15px; line-height:15px;}
				  #fra_ad_top0109 { background-color:#FFF; height:67px;}
				  
					#top_nav02 { float:left; width:100%; padding:0; margin:0;}
						#top_nav02 ul { float:left; list-style-type:none; width:100%; display:inline; padding:0; margin:0;}
						#top_nav02 li { float:left; list-style-type:none; width:100%; padding:0; margin:0;}
						
							#top_nav02 li.bttop01 { float:left; list-style-type:none; width:185px; padding:0; margin:0;}
							P.bt_top01 a { display:block; float:none; background:url(images/main/bt_top01.gif) 0 0 no-repeat; width:185px; height:66px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
							P.bt_top01 a:hover { display:block; float:none; background:url(images/main/bt_top01o.gif) 0 0 no-repeat; width:185px; height:66px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
							
							#top_nav02 li.bttop02 { float:left; list-style-type:none; width:210px; padding:0; margin:0;}
							#top_nav02 li.bttop0202 { float:left; list-style-type:none; width:180px; font-size:8pt; padding:5px 0 0 30px; margin:0;}
							#top_nav02 li.bttop0202 span { color:#06C;}
							P.bt_top02 a { display:block; float:none; background:url(images/main/bt_top02.gif) 0 0 no-repeat; width:185px; height:66px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
							P.bt_top02 a:hover { display:block; float:none; background:url(images/main/bt_top02o.gif) 0 0 no-repeat; width:185px; height:66px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
							
							#top_nav02 li.bttop03 { float:left; list-style-type:none; width:145px; background:url(images/main/bt_top03.gif) 0 0 no-repeat; padding:25px 0 0 75px; margin:0;}
							#top_nav02 li.bttop0302 { float:left; list-style-type:none; width:154px; background:url(images/main/bt_top05.gif) 0 0 no-repeat; padding:25px 0 0 75px; margin:0;}
							#top_nav02 li.bttop03 td { font-size:8pt; line-height:9pt; *line-height:10pt; letter-spacing:0px; padding:0; margin:0;}
							#top_nav02 li.bttop03 span { font-size:9pt; color:#C30;}
							#top_nav02 li.bttop0302 td { font-size:8pt; line-height:9pt; *line-height:10pt; letter-spacing:0px; padding:0; margin:0;}
							#top_nav02 li.bttop0302 span { font-size:9pt; color:#C30;}

							.bt_edit { background:url(images/main/bt_edit.gif) 0 0 no-repeat; width:55px; height:16px; background-color:transparent; border: 0; cursor:pointer; display:inherit;}
							
							#top_nav02 li.bttop04 { float:left; list-style-type:none; width:54px; padding:10px 0 0 0; margin:0;}
							.bt_logout_tw { background:url(images/main/bt_logout.gif) 0 0 no-repeat; width:46px; height:51px; background-color:transparent; border: 0; cursor:pointer; display:inherit;}
  
							P.bt_top04 a { display:block; float:none; background:url(images/main/bt_top04.gif) 0 0 no-repeat; width:185px; height:67px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
							P.bt_top04 a:hover { display:block; float:none; background:url(images/main/bt_top04o.gif) 0 0 no-repeat; width:185px; height:67px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
						  




/*--------------------------------------------------------------------------------------------------------------------------------------*/
	#fra_left_01 { background:url(images/main/fra_left_01.gif) 0 0 no-repeat; height:16px;}
	#fra_left_02 { background:url(images/main/fra_left_02.gif) 0 0 repeat-y;}
	#fra_left_03 { background:url(images/main/fra_left_03.gif) 0 bottom no-repeat; height:325px;}
			
	#left_kind { float:left; width:192px; *width:205px; padding:0 0 0 25px;}

/*--------------------------------------------------------------------------------------------------------------------------------------*/
  #fra_main_0102 { background:url(images/main/fra_main_0102.gif) 0 0 repeat-x; height:28px; padding:0 2px 0 0; *padding:0;}
  #fra_main_0104 { background:url(images/main/fra_main_0104.jpg) 0 0 no-repeat; background-color:#FFF; width:30px;}
  #fra_main_0105 { background:url(images/main/fra_main_0105.gif) 0 0 repeat-y; width:30px;}
  #fra_main_0107 { background:url(images/main/fra_main_0107.gif) 0 0 repeat-x; height:61px;}
  #fra_main_0109 { background:url(images/main/bg_title.gif) 0 0 repeat-x; background-color:#FFF;}
			


/*--------------------------------------------------------------------------------------------------------------------------------------*/
  #btswitchin01 { float:left; width:30px; height:237px; display: block; padding:0;}
	  P.bt_switchin01 a { display:block; float:none; background:url(images/main/bt_switchIn01.gif) 0 0 no-repeat; width:30px; height:237px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
	  P.bt_switchin01 a:hover { display:block; float:none; background:url(images/main/bt_switchIn01o.gif) 0 0 no-repeat; width:30px; height:237px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
		  
  #btswitchout01 { float:left; width:30px; height:249px; display: none;}
	  P.bt_switchout01 a { display:block; float:none; background:url(images/main/bt_switchOut01.gif) 0 0 no-repeat; width:30px; height:237px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
	  P.bt_switchout01 a:hover { display:block; float:none; background:url(images/main/bt_switchOut01o.gif) 0 0 no-repeat; width:30px; height:237px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}


  #btswitchin02 { float:left; width:194px; height:28px; display: block; padding:0;}
	  P.bt_switchin02 a { display:block; float:none; background:url(images/main/bt_switchIn02.gif) 0 0 no-repeat; width:194px; height:28px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
	  P.bt_switchin02 a:hover { display:block; float:none; background:url(images/main/bt_switchIn02o.gif) 0 0 no-repeat; width:194px; height:28px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
		  
  #btswitchout02 { float:left; width:30px; height:249px; display: none;}
	  P.bt_switchout02 a { display:block; float:none; background:url(images/main/bt_switchOut02.gif) 0 0 no-repeat; width:194px; height:28px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
	  P.bt_switchout02 a:hover { display:block; float:none; background:url(images/main/bt_switchOut02o.gif) 0 0 no-repeat; width:194px; height:28px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}


  #btswitchin03 { float:left; width:194px; height:63px; display: block; padding:0;}
	  P.bt_switchin03 a { display:block; float:none; background:url(images/main/bt_switchIn03.gif) 0 0 no-repeat; width:194px; height:63px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
	  P.bt_switchin03 a:hover { display:block; float:none; background:url(images/main/bt_switchIn03o.gif) 0 0 no-repeat; width:194px; height:63px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
		  
  #btswitchout03 { float:left; width:30px; height:249px; display: none;}
	  P.bt_switchout03 a { display:block; float:none; background:url(images/main/bt_switchOut03.gif) 0 0 no-repeat; width:194px; height:63px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
	  P.bt_switchout03 a:hover { display:block; float:none; background:url(images/main/bt_switchOut03o.gif) 0 0 no-repeat; width:194px; height:63px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}



/*--------------------------------------------------------------------------------------------------------------------------------------*/
  #main_title { float:left; width:100%; padding:0;}
	  #main_title ul { float:left; list-style-type:none; width:100%; display:inline; padding:0;}
		  #main_title li.maintitle { float:left; list-style-type:none; width:30%; background:url(images/main/ic_title.gif) 0 0 no-repeat; color:#0083d2; font-size:11pt; letter-spacing:2pt; font-weight:bold; padding:5px 0 0 46px;}
		  
		  #main_title li.mainbreadcrumb { float:right; list-style-type:none; padding:0;}
		  
			#breadcrumb { float:left; width:100%; padding:5px 0 0 0;}
			#breadcrumb ul { float:left; list-style-type:none; width:100%; display:inline; padding:0;}
			#breadcrumb li.sti { float:left; list-style-type:none; background:url(images/main/space.gif) 0 0 no-repeat; padding:0;}
			#breadcrumb li.ssti { float:left; list-style-type:none; background:url(images/main/ic_arrow.gif) 0 0 no-repeat; padding:0 0 0 20px;}
			#breadcrumb li a { color:#595959; text-decoration:none;}
			#breadcrumb li a:hover { color:#000000; text-decoration:underline;}
			#breadcrumb span{ color:#000000; font-weight:bold;}
		  
  #maincontent { padding:15px 15px 20px 25px;}
  
  .ssti { float:left; list-style-type:none; background:url(images/main/ic_arrow.gif) 0 0 no-repeat; padding:0 0 0 20px;}
 /*--------------------------------------------------------------------------------------------------------------------------------------*/
  #ic_top { float:left; width:30px; background:url(images/main/fra_main_01052.gif) 0 0 no-repeat; height:100%; position:relative; padding:0;}
  
 /*--------------------------------------------------------------------------------------------------------------------------------------*/
  #copyright { float:left; width:100%; background:url(images/main/bg_down01.jpg) 0 0 repeat-x; height:68px; padding:0;}
	  #copyright ul { float:left; list-style-type:none; width:100%; display:inline; padding:0;}
	   #copyright li.pantuologo { float:left; list-style-type:none; background:url(images/main/pantuo.gif) 0 0 no-repeat; width:225px; height:68px; padding:0;}
	   #copyright li.pantuologo span { display:block; width:225px; height:68px; line-height:250px; overflow:hidden; cursor:pointer;}
	   
	   #copyright li.powerby { float:right; list-style-type:none; color:#cfdae2; font-size:8pt; padding:0;}
	   #copyright li.powerby span{ display:block; padding:20px 15px 0 0;}
	   #copyright li.powerby a { color:#cfdae2; text-decoration:underline;}
	   #copyright li.powerby a:hover { color:#FFF; text-decoration:underline;}


 /*--------------------------------------------------------------------------------------------------------------------------------------*/
.bg_titlex { float:left; width:100%; background:url(images/main/tline.gif) 0 0 repeat-x; height:28px;}
.bg_titlex ul { float:left; width:100%; display:inline; height:28px;}
.bg_titlex li.titlehead { float:left; width:27px; background:url(images/main/t01.gif) 0 0 no-repeat; height:28px;}
.bg_titlex li.titlebody { float:left; background:url(images/main/t02.gif) 0 0 repeat-x; height:28px;}
.bg_titlex li.titlebody span { display:block; padding:2px 15px 0 0; *padding:4px 15px 0 0; color:#FFF; font-size:13px;}
.bg_titlex li.titlefoot { float:left; width:9px; background:url(images/main/t03.gif) 0 0 no-repeat; height:28px;}