/*********************** Default CSS ***********************/ 
body { 
   background-position: center;
   scrollbar-face-color: #DDE6EE; 
   scrollbar-shadow-color: #C3D2E2; 
   scrollbar-highlight-color: #FFFFFF; 
   scrollbar-3dlight-color: #DDE6EE; 
   scrollbar-darkshadow-color:#458CE4; 
   scrollbar-track-color: #FFFFFF; 
   scrollbar-arrow-color: #458CE4; 
     } 


/************************ Text  css ***********************/

td { font-family: "µ¸¿ò"; font-size: 9pt; line-height: 18px; color: #666666; text-decoration: none}
td a {	font-family: "µ¸¿ò"; 	font-size: 9pt; line-height: 18px; 	text-decoration: none; 	color: #666666}
td a:hover { font-family: "µ¸¿ò"; font-size: 9pt; line-height: 18px; color:#666666; text-decoration: none} 


/************************ index  css ************************/

.main_date01 { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 15px;	color: #FFFFFF; text-align:center; font-weight: bold}

.main_date02 { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 15px;	color: #A2A2A2; text-align:center}

.main_date03 { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 15px;	color: #989898; text-align:left; padding-left:4; padding-top:2}


/************************ sub°øÅë  css ************************/

 .bg_top {
	background-attachment: scroll;
	background-image: url(/img/index/bg_top.jpg);
	background-repeat: repeat-x; 
	background-position : 100% 0%;
	vertical-align: top;
	   }


.padding { vertical-align: text-top; text-align: center; padding-bottom:40}

.head { text-align:left; padding-left:20; padding-bottom: 4}	

.dir {	font-family: "µ¸¿ò";	font-size: 8pt;	line-height: 17px;	color: #9C9C9C; vertical-align: text-bottom;  text-align: right;  padding-bottom:5; padding-right:5}
.dir a { font-family: "µ¸¿ò"; font-size: 8pt; line-height: 17px; color:#9C9C9C; text-decoration: none ; text-decoration: } 
.dir a:hover { font-family: "µ¸¿ò"; font-size: 8pt; line-height: 17px; color:#9C9C9C; text-decoration: none ; text-decoration: underline;} 


/************************ program °øÅëcss ************************/

.num {	font-family: "µ¸¿ò";	font-size: 9pt;  text-align: center}

.subject {	font-family: "µ¸¿ò";	font-size: 9pt;	line-height: 17px;	text-align: left; padding-left:10}

.date {	font-family: "µ¸¿ò";	font-size: 9pt;	color: #808080;  text-align: center }

.subject_view { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 15px;	color: #FFFFFF; text-align:left; padding-top:6; padding-left:4; padding-bottom:2; font-weight: bold}

.date_view {	font-family: "µ¸¿ò";	font-size: 8pt;	color: #FFFFFF;  text-align: right; padding-top:3; padding-left:5}

.content_view {	font-family: "µ¸¿ò"; vertical-align: text-top; text-align: left;	font-size: 10pt; line-height: 18px;	color: #555555; padding-top:7; padding-left:7;  padding-bottom:10;  padding-right:5}

.content_view01 {	font-family: "µ¸¿ò"; vertical-align: text-top; text-align: left;	font-size: 10pt; line-height: 17px;	color: #555555;  padding-bottom:10; padding-top:5; padding-left:7; padding-right:5}

.down {	font-family: "µ¸¿ò";	font-size: 10pt; line-height: 18px;	color: #555555; padding-top:5; padding-bottom:5; padding-left:7; padding-right:7}

.photo_date {	font-family: "µ¸¿ò";	font-size: 8pt;	color: #666666;  text-align: right; padding-top:5}

.photo_tit { font-family: "µ¸¿ò"; font-size: 9pt; line-height: 17px; color:#6A5E4D; background-color:#D6BC9E; text-align: left;  vertical-align: text-bottom; padding-left:2; font-weight: bold}
.photo_tit a { font-family: "µ¸¿ò"; font-size: 9pt; line-height: 17px; color:#6A5E4D; background-color:#D6BC9E; text-align: left;  vertical-align: text-bottom; padding-left:2; font-weight: bold}
.photo_tit a:hover { font-family: "µ¸¿ò"; font-size: 9pt; line-height: 17px; color:#6A5E4D; background-color:#D6BC9E; text-align: left;  vertical-align: text-bottom; padding-left:2; font-weight: bold}

.photo_bod { vertical-align: text-top; text-align: center; background-color:#F5E6D3; padding-top:4}


.photo_subject { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 18px;	color: #666666; text-align:left; padding-top:7;  padding-left:5; font-weight: bold}

.photo_content {	font-family: "µ¸¿ò";	font-size: 10pt; line-height: 17px;	color: #555555; padding-top:6; padding-bottom:2; padding-left:7}

.img { vertical-align: text-top; text-align: center; padding-top:4; padding-bottom:4}

.img01 { vertical-align: text-top; text-align: center; padding-top:4; padding-bottom:4}

.img02 { text-align: center; text-align: top; padding-top:5; padding-bottom:8}

.vod01 {
	background-attachment: scroll;
	background-image: url(/img/data/img_vod02.gif);
	background-repeat: repeat-y; 
	background-position : 0% 0%;
	vertical-align: middle;
    padding-left:24;	
	   }

.txt_news01 {	font-family: "µ¸¿ò";	font-size: 9pt;	color: #666666;  text-align: left; padding-left:8; font-weight: bold; background-color: #EDF6F9}

.txt_news02 {	font-family: "µ¸¿ò";	font-size: 9pt;	color: #666666;  text-align: left; padding-left:8; padding-top:5; padding-bottom:5}

.txt_together01 {	font-family: "µ¸¿ò";	font-size: 9pt;	color: #666666;  text-align: left; padding-left:8; font-weight: bold; background-color: #F8F6FB}

.txt_comm01 {	font-family: "µ¸¿ò";	font-size: 9pt;	color: #666666;  text-align: left; padding-left:8; font-weight: bold; background-color: #F3F9EE}

.txt_event01{	font-family: "µ¸¿ò"; font-size: 9pt; line-height: 18px;	color: #666666; vertical-align: text-top; text-align: left; padding-left:7; padding-top:7; background-color:#FFFFFF}

.txt_event02 {	font-family: "µ¸¿ò";	font-size: 9pt;	color: #4C4C4C;  text-align: center; font-weight: bold; background-color: #F8F6FB}

.txt_event03{ font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 15px;	color: #4C4C4C; text-align:center;  background-color:#FBF4FF}

.txt_event04{ font-family: "µ¸¿ò"; font-size: 9pt; line-height: 18px;	color: #666666; vertical-align: text-top; text-align: left; padding-left:7; padding-top:7; background-color:#FEFFF2}

.txt_quest01 { font-family: "µ¸¿ò"; font-size: 9pt; line-height: 18px;	color: #6666CC; vertical-align: text-top; text-align: left; padding-left:18; padding-top:5;  padding-bottom:7; font-weight: bold; background-color:#FFFFFF}


/************************ intro css ************************/

.txt_intro01 { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 18px;	color: #666666; text-align: left;  padding-left:20}

.bg_cost {
	background-attachment: scroll;
	background-image: url(/img/intro/bg_cost.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	text-align: center;
	   }
	   
.txt_cost01 { font-family: "µ¸¿ò"; font-size: 9pt; color: #666666;  text-align: left; padding-top:5; padding-bottom:5;  text-decoration: none}
.txt_cost01 a { font-family: "µ¸¿ò"; font-size: 9pt; color: #666666;   text-align: left; padding-top:5; padding-bottom:5;  text-decoration: none}
.txt_cost01 a:hover { font-family: "µ¸¿ò"; font-size: 9pt; color: #319209;  text-align: left; padding-top:5; padding-bottom:5;  text-decoration: none} 
	   
.txt_vision01 { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 18px;	color: #666666; text-align: left;  padding-left:20}

/************************ rcy css ************************/

.txt_contact01 { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 18px;	color: #666666; text-align: left;  padding-top:6; padding-left:32}

.txt_contact02 { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 18px;	color: #8662D1; text-align: left; padding-top:6}

.txt_contact03 { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 15px;	color: #666666; padding-bottom:5}

.txt_system01 { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 21px;	color: #666666; padding-left:20}


/************************ event css ************************/

.bg_evnet01 { 
	vertical-align: top; 
    background-attachment: scroll;
	background-image: url(/img/infor/bg_left.jpg);
	background-repeat: no-repeat;
	background-position : 600px 200px}


.txt_evnet01 { font-family: "µ¸¿ò"; font-size: 9pt;	line-height: 18px; background-color:#F8FBFF;  color: #666666; padding-top: 7; padding-left:15; padding-right: 7; padding-bottom:5}

/************************ mbr css ************************/

.txt_mbr01{	font-family: "µ¸¿ò"; font-size: 8pt; line-height: 15px;	color: #FF9900; padding-left:5;}

.txt_mbr02{	font-family: "µ¸¿ò"; font-size: 9pt; line-height: 12px;	color: #FF9900; padding-left:5; padding-right:5;  font-weight: bold}

.mbr_padding01{ text-align: center; padding-top:5; padding-bottom:5;  padding-left:10; padding-right:10}

.mbr_padding02{ text-align: center; padding-top:5; padding-bottom:5;}

.infor01 { font-family: "µ¸¿ò";	font-size: 9pt;	line-height: 18px;	color: #666666; padding-top:25; padding-bottom:15; padding-left:13; padding-right:10}

.infor02 { font-family: "µ¸¿ò";	font-size: 9pt;	line-height: 18px;	color: #666666; padding-top:5; padding-bottom:5; padding-left:15; padding-right:10}

.infor03 { font-family: "µ¸¿ò";	font-size: 9pt;	line-height: 18px;	color: #666666; padding-top:3; padding-bottom:0; padding-left:18; padding-right:0}

.infor04 { font-family: "µ¸¿ò";	font-size: 9pt;	line-height: 18px;	color: #666666; padding-top:0; padding-bottom:3; padding-left:24; padding-right:0}

.infor_contents { font-family: "µ¸¿ò";	font-size: 9pt;	line-height: 18px;	color: #666666;padding-top:0; padding-bottom:10; padding-left:15; padding-right:5}

.infor05 { font-family: "µ¸¿ò";	font-size: 9pt;	line-height: 18px;	color: #666666; padding-left:10; text-decoration: none }
.infor05 a { font-family: "µ¸¿ò";	font-size: 9pt;	line-height: 18px;	color: #666666; padding-left:10; text-decoration: none }
.infor05 a:hover { font-family: "µ¸¿ò";	font-size: 9pt;	line-height: 18px;	color: #E26D44; padding-left:10; text-decoration: none }


/************************ join  css ************************/

.txt_join01{	font-family: "µ¸¿ò"; font-size: 9pt; line-height: 16px;	color: #666666; vertical-align: text-top; text-align: left; padding-left:28; padding-top:5; padding-right:5 }

.txt_join02{	font-family: "µ¸¿ò"; font-size: 9pt; line-height: 16px;	color: #666666; vertical-align: text-top; text-align: left; padding-left:6; padding-bottom:4; padding-right:5; text-decoration: none }

.txt_join03{	font-family: "µ¸¿ò"; font-size: 9pt; line-height: 18px;	color: #666666; vertical-align: text-top; text-align: left; padding-left:28; padding-top:5; padding-right:5 }

.txt_join04{	font-family: "µ¸¿ò"; font-size: 9pt; line-height: 18px;	color: #666666; vertical-align: text-top; text-align: left; padding-left:22; padding-top:3; padding-right:5 }

.txt_join05{	font-family: "µ¸¿ò"; font-size: 9pt; line-height: 18px;	color: #666666; vertical-align: text-top; text-align: left; padding-left:37; padding-top:2; padding-right:5 }

.txt_join06{	font-family: "µ¸¿ò"; font-size: 9pt; line-height: 16px;	color: #666666; vertical-align: text-top; text-align: left; padding-left:16; padding-top:2; padding-right:5 }

.txt_join07{	font-family: "µ¸¿ò"; font-size: 8pt; line-height: 16px;	color: #EC7C4A; vertical-align: text-top; text-align: left; padding-left:28;  padding-right:5 }

.txt_join08{	font-family: "µ¸¿ò"; font-size: 9pt; line-height: 16px;	color: #666666; vertical-align: text-top; text-align: left; padding-left:6; padding-bottom:2; padding-right:5; text-decoration: none }

.txt_join09{	font-family: "µ¸¿ò"; font-size: 8pt; line-height: 16px;	color: #EC7C4A; vertical-align: text-top; text-align: left; padding-left:26;  padding-right:5; padding-bottom:10 }

  .tablebg_join01 {
	background-attachment: scroll;
	background-image: url(/img/join/line01.gif);
	background-repeat: repeat-y; background-position : 100% 0%;
	line-height: 16px;
	font-weight: bold;
}

  .tablebg_join02 {
	background-attachment: scroll;
	background-image: url(/img/join/line01.gif);
	background-repeat: repeat-y; background-position : 100% 0%;
	text-align: center;
	line-height: 16px;
}
  .tablebg_join03 {
	text-align: left;
	padding-left:9;
	padding-top:5;
	padding-bottom:5;
	line-height: 17px;
}

  .tablebg_join04 {
	text-align:center;
	line-height: 16px;
	font-weight: bold;
}

  .tablebg_join05 {
	background-attachment: scroll;
	background-image: url(/img/join/line01.gif);
	background-repeat: repeat-y; background-position : 100% 0%;
	text-align: left;
	padding-left:9;
	line-height: 16px;
}

/************************ sitemap  css ************************/

.sitemap { font-family: "µ¸¿ò"; font-size: 9pt; color: #666666;  text-align: left;  text-decoration: none}
.sitemap a { font-family: "µ¸¿ò"; font-size: 9pt; color: #666666;   text-align: left;   text-decoration: none}
.sitemap a:hover { font-family: "µ¸¿ò"; font-size: 9pt; color: #007AAF;  text-align: left;  text-decoration: none} 

.sitemap01{ vertical-align: text-top; text-align: center; padding-top:10}


/************************ infut css ************************/

.select01 {font-family: "µ¸¿ò";	font-size: 9pt; BACKGROUND-COLOR:#fffff; COLOR:#5C5C5C; }

.search{
	font-family: "µ¸¿ò";
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	height: 20px;
	border: #D4D4D4;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: FFFFFF;
} 

.wcool{
	font-family: "µ¸¿ò";
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	height: 20px;
	border: #D8D8D8;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: FFFFFF;
	   }	  

.wcool-full {
	font-family: "µ¸¿ò";
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	height: 20px;
	border: #D8D8D8;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-align: left; 
	background-color: FFFFFF;
	width: 90%;
	}
	
.wcool-area {
	font-family: "µ¸¿ò";
	font-size: 9pt;
	line-height: 18px;
	color: #666666;
	border: 1px solid #D8D8D8;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
       }

.input-comments {
	font-family: "µ¸¿ò";
	font-size: 9pt;
	line-height: 18px;
	color: #666666;
	border: 1px solid #D8D8D8;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
      }

.input_comm01 {
	font-family: "µ¸¿ò";
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	height: 20px;
	border: #D8D8D8;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: FFFFFF;
	   }
	   
.input01{
	font-family: "µ¸¿ò";
	font-size: 12px;
	line-height: 18px;
	color: #5C5C5C;
	height: 18px;
	border: #CCCCCC;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: FFFFFF;
	   }	   