/* CSS Document */

/*********************************************/

/********** -???? ************************/

/*********************************************/



/********** --??? **********/

body { 
background-color: #DEF4E1; 
margin-top: 0px;
margin-bottom:0px;
}

#base { width: 730px;}



/********** --???? **********/

body, td, th, input, select, option, textarea { color: #333333; }


.indent { margin-left:20px; }

/********** --??????? **********/
a.contact_link:link { font-size: 12px; font-weight: bold; color: #0066B9; text-decoration: none; }

a.contact_link:visited { font-size: 12px; font-weight: bold; color: #0066B9; text-decoration: none; }

a.contact_link:hover { font-size: 12px; font-weight: bold; color: #508C88; text-decoration: underline; }

a.contact_link:active{ font-size: 12px; font-weight: bold; color: #508C88; text-decoration: underline; }

a:link { color: #205DE8; text-decoration: none; }

a:visited { color: #205DE8; text-decoration: none; }

a:active { color: #205DE8; text-decoration: none; }

a:hover { color: #0D324E; text-decoration:underline; }



/*********************************************/

/********** -???????? ****************/

/*********************************************/



/** ?? **/

blockquote { border: #205DE8 1px solid; background: #efefef; }



/********** --???? **********/

ol li { list-style-type: decimal;}

ul li { list-style-image: url(/template/501/img/listicon.gif);}



/********** --??? **********/

hr { color: #cccccc; }



/********** --??? **********/

.h1 {
	color:#FFFFFF;
	font-family:MS PGothic;
	color:#81A195;
	font-size:10px;
	padding-left:12px;
	/*margin: 0px 0 10px 0;
	text-align: left ;
	/*background: #6B9FE1 url("/template/501/img/h1_bg.gif") repeat-x top;*/
}


h1.hfit {padding-top:6px;}


h2 {
	color:#5D91D3;
	margin: 0px 0px 10px 0px;
	text-align: left;
	border-top:1px solid #6B9FE1;
	border-bottom:1px solid #6B9FE1;
	border-left:5px solid #6B9FE1;
	border-right:5px solid #6B9FE1;
	background: #FFFFFF url("/template/501/img/h2_bg.gif") repeat-x bottom;
}


h3 {
	color:#555555;
	margin: 0px 0px 10px 0px;
	text-align: left;
	border-bottom:1px solid #555555;
	border-left:5px solid #555555;
	background: #FFFFFF url("/template/501/img/h2_bg.gif") repeat-x bottom;
}


h4 {
	color:#5D91D3;
	margin: 0px 0px 10px 0px;
	padding-left: 20px;
	text-align: left;
	border-bottom:1px dotted #5D91D3;
	background: url("/template/501/img/h4_bg.gif") no-repeat left top;
}


h5 {
	color:#444444;
	margin: 0px 0px 10px 0px;
	padding-left: 20px;
	text-align: left;
	background: url("/template/501/img/h5_bg.gif") no-repeat left top;
}


h6 {
	color:#444444;
	margin: 0px 0px 10px 0px;
	padding-left: 20px;
	text-align: left;
	background: url("/template/501/img/h6_bg.gif") no-repeat left top;
}



/********** --? **********/

/***** ---????A *****/

.table_a {
	border: #999999 1px solid;
	padding: 0px;
}


.table_a caption {
	font-weight: bold;
	color:#444444;
	padding: 3px 3px 3px 15px;
	background: url(/template/501/img/tablecaption.gif) no-repeat left top;
}


.table_a_th {
	border: #FFFFFF 1px solid ;
	text-align: left;
	font-weight: bold;
	color: #5B90D3;
	background: url(/template/501/img/tableicon.gif) no-repeat left top; 
	background-color: #E0DEDE;
	padding-left: 20px;
}


.table_a_th2 {
	text-align: left;
	border: #FFFFFF 1px solid;
	font-weight: normal;
	color: #444444;
	padding-left: 10px;
	background-color: #E0DEDE;
}


.table_a_td {
	text-align: left;
	border: #FFFFFF 1px solid;
	font-weight:normal;
	color: #444444;
	padding-left: 10px;
	background-color: #f7f7f7;
}



/***** ---????B *****/

.table_b {
	border: #999999 1px solid;
	padding: 0px;
}


.table_b caption {
	font-weight: bold;
	color:#444444;
	padding: 3px 3px 3px 15px;
	background: url(/template/501/img/tablecaption.gif) no-repeat left top;
}


.table_b_th {
	border: #FFFFFF 1px solid;
	text-align: left;
	font-weight: normal;
	color: #444444;
	background-color: #81B5F6;
}


.table_b_th2 {
	text-align: left;
	border: #FFFFFF 1px solid;
	font-weight: normal;
	color: #444444;
	background-color: #81B5F6;
}


.table_b_td {
	text-align: left;
	border: #FFFFFF 1px solid;
	font-weight:normal;
	color: #444444;
	background-color: #f7f7f7;
}



/***** ---????C *****/

.table_c {
	border: #999999 1px solid;
	padding: 0px;
}


.table_c caption {
	font-weight: bold;
	color:#444444;
	padding: 3px 3px 3px 15px;
	background: url(/template/501/img/tablecaption.gif) no-repeat left top;
}


.table_c_th {
	border: #FFFFFF 1px solid;
	text-align: left;
	font-weight: normal;
	color: #444444;
	background-color: #EF7452;
	padding: 3px 3px 3px 10px;
}


.table_c_th2 {
	text-align: left;
	border: #FFFFFF 1px solid;
	font-weight: normal;
	color: #444444;
	background-color: #EF7452;
}


.table_c_td {
	text-align: left;
	border: #FFFFFF 1px solid;
	font-weight:normal;
	color: #444444;
	background-color: #f7f7f7;
}



/** ??? **/

.table_d caption, .table_e caption, .table_f caption {
	background: url(/template/501/img/tablecaption.gif) repeat-x no-repeat left top;
	padding-left:15px;
}

td.line_top {
	background-image: url(images/border-top.gif);
	background-repeat:repeat-x;
}
td.line_left {
	background-image: url(images/border-left.gif);
	background-repeat:repeat-y;
}
td.line_right {
	background-image: url(images/border-right.gif);
	background-repeat:repeat-y;
}
td.line_top {
	background-image: url(images/border-bottom.gif);
	background-repeat:repeat-x;
}	

/********** --????? **********/

/***** ---???A *****/

.listbox_a {
	padding: 0px ;
	border-top: #999999 3px solid;
	border-bottom: #999999 3px solid;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
}


.listset_a1_ul {
	background: #ffffff;
	margin: 0px;
	padding: 3px 30px;
}


.listset_a1_li {
	margin: 0px;
	padding: 0px;
	color:#666666;
	list-style-image: url(/template/501/img/listicon_a1.gif);
	line-height:165%;
}


.listset_a2_ul {
	margin: 0px;
	padding: 3px 30px;
}


.listset_a2_li {
	margin: 0px;
	padding: 0px;
	color:#666666;
	list-style-image: url(/template/501/img/listicon_a2.gif);
	line-height:120%;
}



/***** ---???B *****/

.listbox_b {
	padding: 0px ;
	border-top: #999999 3px solid;
	border-bottom: #999999 3px solid;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	margin-bottom: 0px;
}


.listset_b1_ul {
	background: #ffffff;
	margin: 0px;
	padding: 3px 30px;
}


.listset_b1_li {
	margin: 0px;
	padding: 0px;
	color:#666666;
	list-style-image: url(/template/501/img/listicon_b1.gif);
	line-height:165%;
}


.listset_b2_ul {
	margin: 0px;
	padding: 3px 30px;
}


.listset_b2_li {
	margin: 0px;
	padding: 0px;
	color:#666666;
	list-style-image: url(/template/501/img/listicon_b2.gif);
	line-height:120%;
}



.listset_b1_li a:link { color: #E9471B; }

.listset_b1_li a:visited { color: #E9471B; }

.listset_b1_li a:hover { color: #E9471B; text-decoration:underline; }



.listset_b2_li a:link { color: #E9471B; }

.listset_b2_li a:visited { color: #E9471B; }

.listset_b2_li a:hover { color: #E9471B; text-decoration:underline; }



/***** ---??????? *****/

/** ????5 **/

.pagetitle_a {
	background:URL(/template/501/img/listicon_a1.gif) no-repeat left top;
	padding:3 0 3 18px;
	margin-left:10px;
}


/** ????6 **/

.pagetitle_b {
	background:URL(/template/501/img/listicon_b1.gif) no-repeat left top;
	padding:3 0 3 18px;
	margin-left:10px;
}



/***** ---?????? *****/

/** ????3·4 **/

.titletext_level1{
	background:URL(/template/501/img/twin_listicon.gif) no-repeat left top;
	padding-left:15px;
}


.titletext_level2{
	background:URL(/template/501/img/twin_listicon.gif) no-repeat left top;
	padding-left:15px;
}



/*********************************************/

/********** -???????*******************/

/*********************************************/



/********** --???? **********/

#header{
	width:760px;
	background: url("/template/501/img/head_bg.gif");
	background-repeat: no-repeat;
	background-position: top left;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align:left;
}



/***** ---?? *****/

.logo { padding:3px; }


.logo a:hover{ border-style:none; }



/***** ---???????? *****/

.headermenu_text{
	font-size:11px; color:#333333;
	line-height:120%;
	text-align: right;
	text-valign: bottom;
	margin:10px;
}


.headermenu_text a:link{
	color: #333333;
	text-decoration:none;
}


.headermenu_text a:visited{
	color: #333333;
	text-decoration:none;
}


.headermenu_text a:hover{
	color: #333333;
	background-color:#EFEFEF;
	text-decoration:underline;
}



/********** --?????????? **********/

/***** ---??????? *****/

#mainmenubox{
	width:750px;
	margin-top:5px;
	text-align: left;
	background: #999999;
	padding: 1px;
	margin-bottom:5px;
}


.text_text{
	font-size:12px; 
	line-height:120%;
	text-align: center;
	width: 100px;
	padding: 8px 1px 5px 3px;;
}



/** ?????????? **/

.mainmenu{
	font-size:12px; 
	text-align:center;
	text-valign:middle;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #cccccc;
	background: url("/template/501/img/menu_bg.gif");
	cursor: pointer;
}


.mainmenu a:link{
	text-align:center;
	text-decoration:none;
}


.mainmenu a:visited{
	text-align:center;
	text-decoration:none;
}



/** ??????????? **/

.mainmenu_off{
	font-size:12px; 
	text-align:center;
	text-valign:middle;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #cccccc;
	background: url("/template/501/img/menu_bg.gif");
}



/** ?????????? **/

.mainmenu_on{
	color: #333333;
	font-size:12px; 
	text-align:center;
	text-valign:middle;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #cccccc;
	background: #FFFFFF url("/template/501/img/menu_on_bg.gif");
	cursor: pointer;
}


.mainmenu_on a:link{
	color: #333333;
	text-align:center;
	text-decoration:none;
}


.mainmenu_on a:visited{
	color: #333333;
	text-decoration:none;
}



/** ??????????????? **/

.mainmenu_hover{
	font-size:12px; 
	text-align:center;
	text-valign:middle;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #cccccc;
	background: #FFFFFF url("/template/501/img/menu_on_bg.gif");
	cursor: pointer;
}


.mainmenu_hover a:link{text-align:center;}

.mainmenu_hover a:hover{text-decoration:none;}



/***** ---?????????? *****/

#mainmenu_guide{
	width:750px;
	background: #ffffff ;
	border-top: 0px solid #999999;
	border-bottom: 0px solid #999999;
	border-left: 0px solid #999999;
	border-right: 0px solid #999999;
}


.mainmenu_guide_text{
	padding:10px 10px 10px 10px;
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	color:#333333; 
	text-align:left;
}



/***** ---???? *****/

#crumb {
	width:760px;
	color:#666666; text-align:left;
	margin-bottom:10px;
}


.crumb_text {
	font-size:10px;
	line-height:120%;
	text-valign:middle;
	padding:2px 10px 2px 10px ;
}


.crumb_text a:link { text-decoration:none; }

.crumb_text a:visited { text-decoration:none; }

.crumb_text a:hover { text-decoration:underline; }



/********** --????????? **********/

.main_td{ background: #FFFFFF; padding:0px; }



/********** --??? **********/

#side{
	width:170px; 
	background: #E3E3E3;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-bottom: 20px;
}



/***** ---??????? *****/

.sidemenu { margin:0px 10px 2px 10px; }

.sidemenu_header { margin:5px 10px 5px 10px; }

.sidemenu_footer { margin:5px 10px 5px 10px; }

.sidemenu_td{  }

.sidemenu_table { cursor: pointer; width:150px; }

.sidemenu_table_on { cursor: pointer; width:150px; }

.sidemenu_table_hover { cursor: pointer; width:150px; }



/** ???????top **/

.sidemenu_top{
	height:10px;
	background: url(/template/501/img/smenu_bg_head.gif) no-repeat top left;
}


.sidemenu_on_top{
	height:10px;
	background: url(/template/501/img/smenu2_bg_head.gif) no-repeat top left;
}


.sidemenu_hover_top{
	height:10px;
	background: url(/template/501/img/smenu3_bg_head.gif) no-repeat top left;
}



/** ???????bottom **/

.sidemenu_btm{
	height:10px;
	background: url(/template/501/img/smenu_bg_foot.gif) no-repeat bottom left;
}


.sidemenu_on_btm{
	height:10px;
	background: url(/template/501/img/smenu2_bg_foot.gif) no-repeat bottom left;
}


.sidemenu_hover_btm{
	height:10px;
	background: url(/template/501/img/smenu3_bg_foot.gif) no-repeat bottom left;
}



/** ???????middle **/

.sidemenu_mdl{
	padding:0px 20px 0px 30px;
	font-size:12px;
	line-height:1.3em;
	font-weight:normal;
	color:#205DE8; text-align:center;
	background: url(/template/501/img/smenu_bg_body.gif) no-repeat left;
}


.sidemenu_mdl a:link{
	color:#205DE8; 
	text-decoration:none;
}


.sidemenu_mdl a:visited{
	color:#205DE8;
	text-decoration:none;
}


.sidemenu_on_mdl{
	padding:0px 20px 0px 30px;
	font-size:12px;
	line-height:1.3em;
	font-weight:normal;
	color:#333333; text-align:center;
	background: url(/template/501/img/smenu2_bg_body.gif) no-repeat left;
}


.sidemenu_on_mdl a:link{
	color:#333333; 
	text-decoration:none;
}


.sidemenu_on_mdl a:visited{
	color:#333333; 
	text-decoration:none;
}


.sidemenu_hover_mdl{
	padding:0px 20px 0px 30px;
	font-size:12px;
	line-height:1.3em;
	font-weight:normal;
	color:#FFFFFF; text-align:center;
	background: url(/template/501/img/smenu3_bg_body.gif) no-repeat left;
}


.sidemenu_hover_mdl a:link { color:#FFFFFF; text-decoration:none; }


.sidemenu_hover_mdl a:visited { color:#FFFFFF; text-decoration:none; }



/***** ---????? *****/

.child_side { width:135px; margin-top:10px; margin-bottom:10px;}


.child_side ol { margin:0px; padding:0px; list-style:none outside; }


.child_side li { margin:0px 2px 0px 2px; padding:3px 0px 0px 13px;
	background:url(/template/501/img/listicon_a2.gif) no-repeat top left; 
}


.child_side_header {
	width:135px; padding:0 0 2px 0;
	background:url(/template/501/img/side_bg.gif) no-repeat top center; 
}


.child_side_title {
	text-align:center; font-weight:bold; font-size:10px; color:#333333; 
	padding:3px 0; overflow:hidden; word-break:break-all; letter-spacing:1px; 
	border-bottom:1px solid #bbbbbb;
}


.child_side_box { 
	width:135px; margin:0; padding:0; overflow:hidden; word-break:break-all; 
}


.child_side_text { 
	margin:0; padding:0; font-weight:normal; font-size:10px;
	color:#333333; line-height:1.2; text-align:left; 
}


.child_side_text a:link { color:#333333; text-decoration:none; }


.child_side_text a:visited { color:#333333; text-decoration:none; }


.child_side_text a:hover { color:#205DE8; text-decoration:none; }



/********** --???? **********/

#footer {
	width:750px;
	margin-top:5px;
	padding: 6px 0px 20px 0px;
	text-align: left;
	background: #FFFFFF;
	border-top: 1px solid #cccccc;
}


.footer_text {
	font-size: 10px;color:#666666;
	line-height:120%;
	text-align: center;
	padding:0px 10px;
	margin-bottom:5px;
}


.footer_text a:link { color: #666666; text-decoration:none; }


.footer_text a:visited { color: #666666; text-decoration:none; }


.footer_text a:hover { color: #999999; text-decoration:none; }



/********** --?????? **********/

.popup_range {
	width:600px;
	border: 1px solid #999999;
	margin-top:10px;
	background-color:#ffffff;
}


.popup_header {
	height:30px;
	color: #205DE8;
	background-image:url(/template/501/img/header.gif);
	background-repeat:no-repeat;
	background-position:top center;
	font-size:12px; font-weight:bold; letter-space:1px; 
	padding:9px 10px 8px 10px;
	border-bottom: 2px solid #999999;
}


.popup_main { padding:10px 10px 20px 10px; }


.popup_footer {
	background-image:url(/template/501/img/footer.gif);
	background-repeat:repeat-y;
	background-position:top center;
	font-size:11px; letter-space:1px; color:#333333;
	padding:8px 0px 3px 0px;
}
.popup_footer .footer_text a:link {}


.header_bg
{
background-image:url(images/hearder_top.gif);
}
.footer_bg
{
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	color:#FFFFFF;
	font-family:MS PGothic;
	color:#81A195;
	font-size:10px;
	padding-right:7px;
	vertical-align:top;
	padding-top: 5px;
}

.body_repeat_bg
{
background-image:url(images/repeat_body.gif);
background-repeat:repeat-y;
}
.sitebar_repeat_bg
{
background-image:url(images/repeat_sitebar.gif);
width:170px;
background-repeat:repeat-y;
}
/* begin sitebar*/
.sitebar_rollover {
	color:#268A42;
	font-weight:bold;
	padding-left:12px;
	padding-top:15px;
	font-size:14px;	
	height:43px;
	width:165px;
	font-family:MS PGothic;
	cursor:pointer;
	background-image:url(images/sidebar_over.gif);
}
.sitebar_rollover a:link {color:#268A42; text-decoration: none;}
.sitebar_rollover a:visited {color:#268A42; text-decoration:none;}
.sitebar_rollover a:active {color:#268A42; text-decoration:none;}
.sitebar_rollover a:hover {color:#268A42; text-decoration:none;}

.sitebar{
font-size: 14px;
color:#268A42;
font-weight:bold;
padding-top:15px;
padding-left:12px;
height:43px;
width:165px;
font-family:MS PGothic;
cursor:pointer;
background-image:url(images/sidebar_no_over.gif);
}
.sitebar a:link {color:#268A42; text-decoration: none;}
.sitebar a:visited {color:#268A42; text-decoration:none;}
.sitebar a:active {color:#268A42; text-decoration:none;}
.sitebar a:hover {color:#268A42; text-decoration:none;}


.sitebar_over a:link {color:#AD89D3; text-decoration: none;}
.sitebar_over a:visited {color:#AD89D3; text-decoration:none;}
.sitebar_over a:active {color:#AD89D3; text-decoration:none;}
.sitebar_over a:hover {color:#AD89D3; text-decoration:none;}
/* end sitebar*/
.body_text
{
	color:#525151;
	font-family:MS PGothic;
	font-size:12px;
	padding-left:10px;
	line-height:140%;
	padding-bottom:2px;
}
.body_text_sub
{
	font-family:MS PGothic;
	color:#0D324E;
	font-size:14px;
	line-height:120%;
}

.body_sub_bg
{
	background-image:url(images/index_body_02.gif);
	background-repeat:repeat-y;
	font-family:MS PGothic;
	color:#467163;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	line-height:120%;
}
.header_body_anchor
{
font-family:MS P????;
font-size:12px;
color:#33CCCC;
text-align:center;
}
.header_body_anchor a:link {color:#33CCCC; text-decoration: none;}
.header_body_anchor a:visited {color:#33CCCC; text-decoration:none;}
.header_body_anchor a:active {color:#33CCCC; text-decoration:none;}
.header_body_anchor a:hover {color:#33CCCC; text-decoration:underline;}
.body_title_bg
{
background-image:url(images/body_tile_bg.gif);
font-size:14px;
color:#000000;
font-family:MS PGothic;
padding-left:10px;
}
.body_text_sub_item
{
font-size:12px;
font-family:MS P????;
line-height:160%;
color:#000000;
}
.body_text_sub_item_bold
{
font-size:12px;
font-family:MS P????;
color:#000000;
font-weight:bold;
}
.link_top
{
color:#186DDC;
font-family:MS P????;
font-size:11px;
}
.link_top a:link {color:#186DDC; text-decoration: none;}
.link_top a:visited {color:#186DDC; text-decoration:none;}
.link_top a:active {color:#186DDC; text-decoration:none;}
.link_top a:hover {color:#186DDC; text-decoration:underline;}
.body_text_sub_email
{
	font-family:MS PGothic;
	color:#186DDC;
	font-size:14px;
}
.body_text_sub_email a:link {color:#186DDC; text-decoration: none;}
.body_text_sub_email a:visited {color:#186DDC; text-decoration:none;}
.body_text_sub_email a:active {color:#186DDC; text-decoration:none;}
.body_text_sub_email a:hover {color:#186DDC; text-decoration:underline;}
.body_text_brushing
{
font-family:MS P????;;
font-size:14px;
color:#008000;
}
.top_banner_bg_01{
	margin: 0px 0px 0px 0px;
	color:#4D927B;
	font-size:12px;
	font-weight:bold;
	width: 520px;
	padding-left: 10px;
	height: 25px;
	vertical-align:bottom;
	text-align:left;
	background-repeat:no-repeat;
	background-image:url(images/index_body_01.gif);
	
}
#contact_bg {
	background: url(images/contact_btn.gif) no-repeat;
	padding: 8px 3px 3px 3px;
	margin: 3px;
	width: 140px;
	height: 30px;
	text-align: center;
}