@charset "utf-8";

body { margin:0px auto; text-align:center; background-color: #e9eced;}
img { border: 0 }
.hello_page { background: #465f87 url(../img/common_pic/index_bg.gif) repeat-x 0 0 }
.outline { background-color: white }
.left_bg { background: #e9eced url(../img/common_pic/gradient_01.gif) repeat-y right center; width: 5px }
.right_bg { background: #e9eced url(../img/common_pic/gradient_02.gif) repeat-y left center; width: 5px }
.tw_foot { background: url(../img/pic_tw/foot.gif) no-repeat center top; width: 951px; height: 75px }
.en_foot { background: url(../img/pic_en/foot.gif) no-repeat center top; width: 951px; height: 75px }
.jp_foot { background: url(../img/pic_jp/foot.gif) no-repeat center top; width: 951px; height: 75px }


/*COMMON*/
.logo { float: left; margin: 10px auto auto 20px; border: 0 }
.search { float: right; background: url(../img/common_pic/search_bg.gif) no-repeat right top; width: 408px; height: 29px; text-align: right }
.search .textarea { margin: 3px; border: solid 1px #d7d7d7; height: 16px; width: 130px; color: #444; font: nromal 11px  Arial, Helvetica, sans-serif }
.search .button { margin-right: 10px; background-color: #94b4d9; border: solid 1px #7fa5ce; border-top-color: #94b4d9; border-bottom-color: #94b4d9; height: 18px; width: 25px; color: #eaf0f7; font: bold 10px Verdana,  Arial, Helvetica, sans-serif; text-align: center; vertical-align: middle; cursor: pointer; cursor: hand}
.language { margin: 0 13px 5px 0; clear: both; float: right; font-size: 12px; color: #666  }
.language img { border: 0; vertical-align: top }
.MainArea { clear: both; width: 941px; }
.MainMenu { text-align: center; margin: 180px 0px 15px 45px; _margin-left: 45px }
.MainMenu span { height: 14px; width: 172px; background: url(../img/common_pic/main_menu_partition.gif) no-repeat center center; display: block }
.MainMenu a { color: #184c67!important; font: normal 12px Arial, Helvetica, sans-serif!important; text-decoration: none!important; }
.MainMenu a:hover { color: #f90!important}
.ContentArea { text-align: left; padding: 101px 0 20px 27px; *padding-top: 112px; width: 670px; }
.PositionGuide { _padding-top: 3px; color: #fff!important; font: normal 11px  Arial, Helvetica, sans-serif }
.PositionGuide a { color: white!important; text-decoration: none;}
.PositionGuide a:hover { color: #FFFF99!important}
.clear { clear: both; margin: 0; padding:0  }
.pagebar { text-align: center; font: bold 12px  Arial, Helvetica, sans-serif; margin-bottom: 45px }
.pagebar a { color: #f90; padding: 2px; text-decoration: none;}
.pagebar a:hover { color: #39c}
.pagebar img { border: 0 }
h3 { margin-left: 30px; background: url(../img/common_pic/icon_arrow06.gif) no-repeat left 2px; color: #003597; padding-left: 22px; font: bold 15px  Arial, Helvetica, sans-serif }
h3 a { color: #003597 !important }
h3 a:hover { color: #0099CC !important }
	

/*news*/
.tw_news { background: url(../img/pic_tw/bg_003.jpg) no-repeat center top }
.en_news { background: url(../img/pic_en/bg_003.jpg) no-repeat center top;}
.jp_news { background: url(../img/pic_jp/bg_003.jpg) no-repeat center top;}
.ContentArea h1 { padding: 0 0 8px 5px; width: 96%; text-align: left; color: #333; font: bold 16px  Arial, Helvetica, sans-serif; background: url(../img/common_pic/title_line.gif) no-repeat left bottom;}
.NewsSearch { float: right; margin-right: 20px; height: 22px; width: 278px; padding: 13px 8px 3px 50px; background: url(../img/common_pic/news_search_bg.gif) no-repeat center center; color: white; font-size: 12px }
.NewsSearch input { margin-left: 3px }
.NewsSearch .textarea { background: white url(../img/common_pic/textarea_bg.gif) repeat-x center top; width: 133px; height: 16px; border: solid 1px #7f9db9; color: #444; font: normal 12px  Arial, Helvetica, sans-serif }
.NewsSearch .button { border: 0; height: 20px;	width: 57px; background: url(../img/common_pic/btn_search.gif) no-repeat center center; color: #369; font-size: 12px; cursor: pointer; cursor: hand }
.NewsList { padding: 10px;*margin: 10px; width: 660px; *width: 640px; border: 0; clear: both }
.NewsList th { color: #626262; font: bold 12px  Arial, Helvetica, sans-serif; background: url(../img/common_pic/listbar_bg.gif) no-repeat left top; height: 25px }
.NewsDate { border-bottom: solid 1px #ccc; width: 15%; color: #004dc1; font: bold 12px  Arial, Helvetica, sans-serif }
.NewsDate img { margin-right: 5px }
.NewsItem { border-bottom: solid 1px #ccc; color: #595959; font: normal 12px  Arial, Helvetica, sans-serif }
.NewsItem a { color: #595959; text-decoration: none; }
.NewsItem a:hover { color: #0080b5; text-decoration: underline;}
.news_mout { background-color: white }
.news_mover { background-color: #edf5fb }

.newsdetail_area { width: 95%; margin: 3px 15px }
.pub_dete {	margin-left: 520px; color: #FF9900!important; font: bold 12px  Arial, Helvetica, sans-serif!important;}
.news_title { color: #005ec8; font: normal 15px/28px  Arial, Helvetica, sans-serif; /*vertical-align: top;*/ background: url(../img/common_pic/news_title_line.gif) repeat-x center bottom; padding-bottom: 5px }
.news_title img { vertical-align: middle; margin-right: 5px }
.news_detail { padding-top: 10px; color: #505050; font: normal 12px/22px  Arial, Helvetica, sans-serif; }
.news_other { text-align: left!important; width: 569px; margin: 25px 45px; font: normal 12px  Arial, Helvetica, sans-serif }
.news_other_top { background: url(../img/common_pic/news_other_top.gif) no-repeat; height: 16px }
.news_other_bottom { background: url(../img/common_pic/news_other_bottom.gif) no-repeat; height: 16px }
.news_other_middle { background: url(../img/common_pic/news_other_middle.gif) repeat-y; height: 16px }
.news_other_title {	padding: 5px 0;	color: #525252;	font-weight: bold; /*vertical-align: top;*/;}
.news_other_title img{ margin-right: 2px }
.news_other_item { padding: 0 5px }
.news_other_item a { color: #008fe9; text-decoration: none;}
.news_other_item a:hover { text-decoration: underline;}




/*about STC*/
.tw_about { background: url(../img/pic_tw/bg_007.jpg) no-repeat center top }
.en_about { background: url(../img/pic_en/bg_007.jpg) no-repeat center top }
.jp_about { background: url(../img/pic_jp/bg_007.jpg) no-repeat center top }

.Contentdetail h2 { font: bold 15px  Arial, Helvetica, sans-serif; color: #51b4d4 }
.Contentdetail p { margin: 20px 50px }
.Contentdetail td p { margin: 0 }



/*.sub_menu { background: url(../img/common_pic/sub_menu_centerBg.gif) repeat-x left top; height: 43px; width: 632px; }
.sub_menu a { padding-left: 23px; color: #343434; font: bold 12px  Arial, Helvetica, sans-serif;	text-decoration: none;}
.sub_menu a img { margin: 13px 5px 0 0 }
.sub_menu a:hover { color: #0020c4;  }
#sub_menu_rightBtn { float: right; position: relative; top:-45px; left: 18px }
#sub_menu_leftBtn { float: left; margin-top: 0px }*/


/*套用下拉選單*/


h1{ clear: both; }

.ContentArea p { font: normal 12px/21px  Arial, Helvetica, sans-serif; color: #555 }
.sub_menu_sub p { font-size: 0; }

.tw_mascot_intro img { float: left; margin-bottom: 35px;*margin-bottom: 20px }
.tw_mascot_intro p { float: right; margin: 110px 85px 0 0; background: url(../img/pic_tw/mascot_intro.gif) no-repeat center center; height: 218px; width: 234px }
.tw_mascot_intro span { display: none }
.robot_itembar { clear: both; background: url(../img/common_pic/robot_itembar.gif) no-repeat center top; height: 81px; width: 608px; text-indent: 115px; padding-top: 25px;}
.robot_itembar img { margin-right: 10px; height: 55px; width: 55px }
.tw_robot_mou { background: url(../img/pic_tw/robot_mou.gif) no-repeat center center; margin: 5px 65px 60px 0 ; width: 163px; height: 16px; float: right }

.res_content { margin-left: 20px }
.res_content h2 { font: bold 12px  Arial, Helvetica, sans-serif; color: #12488b; margin: 0; padding: 0; background: url(../img/common_pic/ol_bg.gif) no-repeat left center;  }
.res_content h2 span { font-size: 10px; color: white; margin-right: 10px; padding: 0px 3px  }
.res_content p { padding: 0; margin: 0 0 20px 20px; color: #555; font: normal 12px/21px  Arial, Helvetica, sans-serif }

.policy_content { margin-bottom: 45px }
.policy_content h2 { background: url(../img/pic_tw/qua_h2_01.gif) no-repeat 30px 4px; width: 132px; height: 35px;padding-bottom: 10px }
.policy_content .h2_2 { background: url(../img/pic_tw/qua_h2_02.gif) no-repeat 30px 4px }
.policy_content .h2_3 { background: url(../img/pic_tw/qua_h2_03.gif) no-repeat 30px 4px }
.policy_content .h2_4 { background: url(../img/pic_tw/qua_h2_04.gif) no-repeat 30px 4px }
.policy_content .h2_5 { background: url(../img/pic_tw/qua_h2_05.gif) no-repeat 30px 4px }
.policy_content .h2_6 { background: url(../img/pic_tw/ab_h2_01.gif) no-repeat 30px 4px }/*組織架構*/
.policy_content .h2_7 { background: url(../img/pic_tw/ab_h2_02.gif) no-repeat 30px 4px }/*經營理念*/
.policy_content .h2_8 { background: url(../img/pic_tw/ab_h2_03.gif) no-repeat 30px 4px }/*倫理規範*/
.policy_content .h2_9 { background: url(../img/pic_tw/res_h2_01.gif) no-repeat 30px 4px }/*環安衛系統*/
.policy_content .h2_10 { background: url(../img/pic_tw/res_h2_02.gif) no-repeat 30px 4px }/*公益活動*/
.policy_content h2 span,.technology_content h2 span { display: none }
.policy_content h3 { clear: both; }
.policy_content h4,.technology_content h4,.Contentdetail h4 {
	background: url(../img/common_pic/icon_arrow09.gif) no-repeat left center;
	padding-left: 15px;
	margin-left: 52px;
	color: #83AD2C;
	font-family:  /*Arial, Helvetica, sans-serif*/;
	font-size: 13px;
	font-weight: bold;
}
.policy_content h5 { margin-left: 55px; color: #555; font: bold 12px  Arial, Helvetica, sans-serif }
.policy_content p { margin: 5px 40px 5px 70px }
.policy_content ol { margin-left: 50px;*margin-left: 95px; font: normal 12px/21px  Arial, Helvetica, sans-serif; color: #555 }
.policy_content a,.technology_content a { color: #f90 }
.policy_content th,.technology_content th { border: 0; padding: 3px; color: #fff;font: bold 13px  Arial, Helvetica, sans-serif; text-align: center }
.policy_content td,.technology_content td { border: solid 1px #6DBADE;padding: 3px 3px 3px 15px; font: normal 12px  Arial, Helvetica, sans-serif; color: #555;  }
.qua_pro { float: left; margin-left: 45px; width: 250px; height: 55px; padding: 10px 0; background: url(../img/common_pic/dotted.gif) repeat-x left bottom }
.qua_pro img { margin-bottom: 0px }
.qua_pro h5 { color: #009bd5; margin: -58px 10px 10px 65px }
.qua_pro p { margin: 0px 10px 10px 65px }
.policy_content .clear { margin-left: 45px!important; clear: left; width: 82%; height: 1px }
.qua_photo { float: left; background: url(../img/common_pic/qua_picture_frame.jpg) no-repeat left 0; margin: 20px 50px 20px; _margin: 20px}
.qua_photo span { background: url(../img/common_pic/qua_picture_frame.jpg) no-repeat right bottom; padding: 20px; margin: 2px 0 0 3px; float: left;  min-height: 232px }
.qua_photo img { margin: 20px; padding: 10px; background-color: #e6f3f8; }

.concept ol { margin-top: 0px }
.concept li { margin-left: 35px }

.about_content p { margin-left: 70px }
.concept { background: url(../img/common_pic/img_concept01.jpg) no-repeat right 365px }

.rule_index { margin-left: 45px; width: 540px; background: url(../img/common_pic/outline_middle.gif) repeat-y left top; font: normal 12px/21px  Arial, Helvetica, sans-serif; position: relative; height: 135px; margin-bottom: 45px; list-style: none }
.rule_index_top { background: url(../img/common_pic/outline_top.gif) no-repeat left top; }
.rule_index_bottom {  background: url(../img/common_pic/outline_bottom.gif) no-repeat left bottom;_height: 5px }
.rule_index ul { padding: 15px 75px;*padding-left: 25px }
.rule_index li { list-style-type: none;}
.rule_index li a { color: #646464; padding-left: 15px; background: url(../img/common_pic/icon_arrow10.gif) no-repeat left center; }
.rule_index li a:hover { color: #09c; }
.rule_content div { /*background-color: red;*/ padding: 0 35px 45px 15px }
.rule_content dl { padding-left: 25px; font: normal 12px  Arial, Helvetica, sans-serif; color: #666; margin: 0 }
.rule_content dt { font-weight: bold }
.rule_content dd { line-height: 18px; padding: 8px 0; margin-left: 0 }
.rule_content em { padding: 0 3px; font-weight: 700; font-style: normal }
.rule_content img { float: right; margin-right: 20px }
.rule_content h3 { margin-left: 0 }
.list_even { position: absolute; margin-top: -21px; width: 50%; left: 55% }




/*technology*/
.tw_technology { background: url(../img/pic_tw/bg_001.jpg) no-repeat center top }
.en_technology { background: url(../img/pic_en/bg_001.jpg) no-repeat center top }
.jp_technology { background: url(../img/pic_jp/bg_001.jpg) no-repeat center top }
.technology_content h2 { background: url(../img/pic_tw/tec_h2_01.gif) no-repeat 30px 4px; width: 100%; height: 35px; padding-bottom: 10px }
.technology_content .h2_2 { background: url(../img/pic_tw/tec_h2_02.gif) no-repeat 30px 4px }
.technology_content .h2_3 { background: url(../img/common_pic/tec_h2_03.gif) no-repeat 30px 4px }
.technology_content .h2_4 { background: url(../img/common_pic/tec_h2_04.gif) no-repeat 30px 4px }
.technology_content .h2_5 { background: url(../img/pic_tw/tec_h2_05.gif) no-repeat 30px 4px }
.technology_content p { padding: 0 35px 10px 52px  }
.technology_content ol { font: normal 12px  Arial, Helvetica, sans-serif; color: #555; padding: 0 35px 10px 42px }
.technology_content td { /*vertical-align: top;*/; text-align: center; padding: 5px }
.technology_content td dl { margin: 0 0 5px 0 }
.technology_content .table_title { background-color: #6DBADE; color: #FFF; font-weight: bold }
.tec_demand_content table { margin: 0 auto; text-align: center; font: normal 12px  Arial, Helvetica, sans-serif }
.tec_demand_content th { color: #FFF; text-align: left; border: 0 }
.tec_demand_content td { padding: 3px; text-align: left; border: 0 }
.table_title { width: 18%; white-space: nowrap; }
.table_title img { margin-right: 5px }
.tec_demand_content td input {  width: 155px; height: 16px; color: #2488BD; font: normal 12px  Arial, Helvetica, sans-serif; background: #efefef url(../img/common_pic/input_bg.gif) repeat-x left top; border: solid 1px #bbb; border-bottom-color: #FFF; border-right-color: #FFF }
.input_clear { background: none!important; border: 0!important; width: auto!important; height: auto!important }
.table_th_heading { background: #86c7d8 url(../img/common_pic/th_heading.gif) repeat-x left top; height: 26px; vertical-align: middle; padding-left: 8px}
.table_content td { border: 1px solid #97d5e5; border-right-width: 0; border-bottom-width: 0 }
.table_content { border: 1px solid #97d5e5; border-bottom: 1px solid #97d5e5 }
.img_btn { margin: 20px 0; width: 175px; height: 55px; cursor: pointer; cursor: hand }


#menu1,#menu2,#menu3,#menu0 { position: absolute; z-index: 5; }
#menu0 { width: 160px;  }
#menu1 { width: 120px; margin-left: 160px; }
#menu2 { width: 120px; margin-left: 280px; }
#menu3 { width: 100px; margin-left: 400px; }




/*HumanResources*/
.tw_HumanResources { background: url(../img/pic_tw/bg_002.jpg) no-repeat center top }
.en_HumanResources { background: url(../img/pic_en/bg_002.jpg) no-repeat center top }
.jp_HumanResources { background: url(../img/pic_jp/bg_002.jpg) no-repeat center top }
.tw_HumanResources .hr_content p { margin: 15px 52px; }
.tw_HumanResources ol { margin: 15px 95px 45px; }
.tw_HumanResources li { font: normal 12px/21px  Arial, Helvetica, sans-serif; color: #505050 }




/*tw_Investor*/
.tw_Investor { background: url(../img/pic_tw/bg_005.jpg) no-repeat center top }
.en_Investor { background: url(../img/pic_en/bg_005.jpg) no-repeat center top }
.jp_Investor { background: url(../img/pic_jp/bg_005.jpg) no-repeat center top }
.tw_Investor h2 { width: 95%; height: 20px; padding-bottom: 10px}
.tw_Investor .h2_1 { background: url(../img/pic_tw/inv_h2_01.gif) no-repeat 30px 4px;}
.tw_Investor .h2_2 { background: url(../img/pic_tw/inv_h2_02.gif) no-repeat 30px 4px }
.tw_Investor .h2_3 { background: url(../img/pic_tw/inv_h2_03.gif) no-repeat 30px 4px }
.tw_Investor .h2_4 { background: url(../img/pic_tw/inv_h2_04.gif) no-repeat 30px 4px }
.tw_Investor .h2_5 { background: url(../img/pic_tw/inv_h2_05.gif) no-repeat 30px 4px }
.tw_Investor .h2_6 { background: url(../img/pic_tw/inv_h2_06.gif) no-repeat 30px 4px }
.tw_Investor h2 span { display: none }
.en_Investor h2 { width: 95%; height: 20px; padding-bottom: 10px}
.en_Investor .h2_1 { background: url(../img/pic_en/inv_h2_01.gif) no-repeat 30px 4px;}
.en_Investor .h2_2 { background: url(../img/pic_en/inv_h2_02.gif) no-repeat 30px 4px }
.en_Investor .h2_3 { background: url(../img/pic_en/inv_h2_03.gif) no-repeat 30px 4px }
.en_Investor .h2_4 { background: url(../img/pic_en/inv_h2_04.gif) no-repeat 30px 4px }
.en_Investor .h2_5 { background: url(../img/pic_en/inv_h2_05.gif) no-repeat 30px 4px }
.en_Investor .h2_6 { background: url(../img/pic_en/inv_h2_06.gif) no-repeat 30px 4px }
.en_Investor h2 span { display: none }
.jp_Investor h2 { width: 95%; height: 20px; padding-bottom: 10px}
.jp_Investor .h2_1 { background: url(../img/pic_jp/inv_h2_01.gif) no-repeat 30px 4px;}
.jp_Investor .h2_2 { background: url(../img/pic_jp/inv_h2_02.gif) no-repeat 30px 4px }
.jp_Investor .h2_3 { background: url(../img/pic_jp/inv_h2_03.gif) no-repeat 30px 4px }
.jp_Investor .h2_4 { background: url(../img/pic_jp/inv_h2_04.gif) no-repeat 30px 4px }
.jp_Investor .h2_5 { background: url(../img/pic_jp/inv_h2_05.gif) no-repeat 30px 4px }
.jp_Investor .h2_6 { background: url(../img/pic_jp/inv_h2_06.gif) no-repeat 30px 4px }
.jp_Investor h2 span { display: none }
.report_list { background: url(../img/common_pic/table_list_middle.gif) repeat-y; width: 641px;  }
.report_list_top { background: url(../img/common_pic/table_list_top.gif) no-repeat left top; padding-top: 30px }
.report_list_bottom { background: url(../img/common_pic/table_list_bottom.gif) no-repeat left bottom; padding-bottom: 10px }
.report_list table { width: 85%; text-align: center; margin: 0px auto }
.report_list th { padding: 3px 20px; background-color: #9dd100; color: white; font: bold 13px  Arial, Helvetica, sans-serif; height: 22px }
.report_list td { padding: 3px 20px; font: normal 12px  Arial, Helvetica, sans-serif;background: url(../img/common_pic/dotted.gif) repeat-x left bottom;
}
.report_list td img { margin-right: 15px }
.investor_items { /*vertical-align: top;*/; float: left; margin: 0 0 15px 25px; width: 290px; height: 90px; padding: 10px 0;background: url(../img/common_pic/dotted.gif) repeat-x left bottom  }
.tw_Investor a { color: #0080b5;}
.investor_detail_content { color: #333; font: normal 12px  Arial, Helvetica, sans-serif; padding: 0px 30px }
.investor_items p img {	vertical-align: middle}
.investor_detail_content table { border-color: #EAEAEA;border-collapse:collapse}
.investor_detail_content th,.td_01 { padding: 6px; background:#43bedc url(../img/common_pic/th_bg.gif) repeat-x 0 0; color: #fff!important  }
.investor_detail_content td { padding: 6px; }
.investor_detail_content .red { color: #FF3366!important }

.td_02 { font-weight: bold; padding: 6px; background:#8acfe5 url(../img/common_pic/td_bg2.gif) repeat-x 0 0; color: #fff!important}






/*contact us*/
.tw_contact { background: url(../img/pic_tw/bg_004.jpg) no-repeat center top }
.en_contact { background: url(../img/pic_en/bg_004.jpg) no-repeat center top }
.jp_contact { background: url(../img/pic_jp/bg_004.jpg) no-repeat center top }
.tw_contact a { color: #001bbd; font: bold 12px  Arial, Helvetica, sans-serif }
.tw_contact h2 span,.contact_discription span { display: none }
.Contact_content { padding-left: 75px; color: #505050; font: normal 12px  Arial, Helvetica, sans-serif }
.tw_contact_h2_01 { background: url(../img/pic_tw/contact_h2_01.gif) no-repeat center left; width: 90px; height: 18px }
.tw_contact_h2_02 { margin-top: 55px; background: url(../img/pic_tw/contact_h2_02.gif) no-repeat center left; width: 109px; height: 18px }
.position img { margin: 0 auto; text-align: center; display: block }
.position_content { padding-left: 85px; color: #505050; font: normal 12px  Arial, Helvetica, sans-serif  }
.contact_discription { margin: 20px auto; text-align: center; background: url(../img/pic_tw/contact_pic02.gif) no-repeat center left; width: 577px; height: 108px }
.robot_img01 img { background: url(../img/common_pic/robot_01b.gif) no-repeat center center }
a.robot_img01:hover img { background: url(../img/common_pic/robot_01a.gif) no-repeat center center}
.robot_img02 img { background: url(../img/common_pic/robot_02b.gif) no-repeat center center }
a.robot_img02:hover img { background: url(../img/common_pic/robot_02a.gif) no-repeat center center}
.robot_img03 img { background: url(../img/common_pic/robot_03b.gif) no-repeat center center }
a.robot_img03:hover img { background: url(../img/common_pic/robot_03a.gif) no-repeat center center}
.robot_img04 img { background: url(../img/common_pic/robot_04b.gif) no-repeat center center }
a.robot_img04:hover img { background: url(../img/common_pic/robot_04a.gif) no-repeat center center}
.robot_img05 img { background: url(../img/common_pic/robot_05b.gif) no-repeat center center }
a.robot_img05:hover img { background: url(../img/common_pic/robot_05a.gif) no-repeat center center}
.robot_img06 img { background: url(../img/common_pic/robot_06b.gif) no-repeat center center }
a.robot_img06:hover img { background: url(../img/common_pic/robot_06a.gif) no-repeat center center}
.robot_img07 img { background: url(../img/common_pic/robot_07b.gif) no-repeat center center }
a.robot_img07:hover img { background: url(../img/common_pic/robot_07a.gif) no-repeat center center}





/*Overseas*/
.tw_Overseas { background: url(../img/pic_tw/bg_006.jpg) no-repeat center top }
.en_Overseas { background: url(../img/pic_en/bg_006.jpg) no-repeat center top }
.jp_Overseas { background: url(../img/pic_jp/bg_006.jpg) no-repeat center top }





/*SiteMap*/
.tw_SiteMap { background: url(../img/pic_tw/bg_008.jpg) no-repeat center top }
.en_SiteMap { background: url(../img/pic_en/bg_008.jpg) no-repeat center top }
.jp_SiteMap { background: url(../img/pic_jp/bg_008.jpg) no-repeat center top }
#map_area01 .map_area_top { background: url(../img/pic_tw/sitemap_news.gif) no-repeat left top }
#map_area02 .map_area_top { background: url(../img/pic_tw/sitemap_about.gif) no-repeat left top }
#map_area03 .map_area_top { background: url(../img/pic_tw/sitemap_technology.gif) no-repeat left top }
#map_area04 .map_area_top { background: url(../img/pic_tw/sitemap_HR.gif) no-repeat left top }
#map_area05 .map_area_top { background: url(../img/pic_tw/sitemap_contact.gif) no-repeat left top }
#map_area06 .map_area_top { background: url(../img/pic_tw/sitemap_Investor.gif) no-repeat left top }
#map_area07 .map_area_top { background: url(../img/pic_tw/sitemap_overseas.gif) no-repeat left top }
#map_area01_en .map_area_top { background: url(../img/pic_en/sitemap_news.gif) no-repeat left top }
#map_area02_en .map_area_top { background: url(../img/pic_en/sitemap_about.gif) no-repeat left top }
#map_area03_en .map_area_top { background: url(../img/pic_en/sitemap_technology.gif) no-repeat left top }
#map_area04_en .map_area_top { background: url(../img/pic_en/sitemap_HR.gif) no-repeat left top }
#map_area05_en .map_area_top { background: url(../img/pic_en/sitemap_contact.gif) no-repeat left top }
#map_area06_en .map_area_top { background: url(../img/pic_en/sitemap_Investor.gif) no-repeat left top }
#map_area07_en .map_area_top { background: url(../img/pic_en/sitemap_overseas.gif) no-repeat left top }
#map_area01_jp .map_area_top { background: url(../img/pic_jp/sitemap_news.gif) no-repeat left top }
#map_area02_jp .map_area_top { background: url(../img/pic_jp/sitemap_about.gif) no-repeat left top }
#map_area03_jp .map_area_top { background: url(../img/pic_jp/sitemap_technology.gif) no-repeat left top }
#map_area04_jp .map_area_top { background: url(../img/pic_jp/sitemap_HR.gif) no-repeat left top }
#map_area05_jp .map_area_top { background: url(../img/pic_jp/sitemap_contact.gif) no-repeat left top }
#map_area06_jp .map_area_top { background: url(../img/pic_jp/sitemap_Investor.gif) no-repeat left top }
#map_area07_jp .map_area_top { background: url(../img/pic_jp/sitemap_overseas.gif) no-repeat left top }

.map_area { position: relative; font: normal 12px  Arial, Helvetica, sans-serif; width: 168px; background: url(../img/common_pic/sitemap_middle.gif) repeat-y left top;}
.map_area_top { width: 168px }
.map_area_bottom { background: url(../img/common_pic/sitemap_bottom.gif) no-repeat left bottom; width: 168px }

.MapArea_left,.MapArea_center,.MapArea_right { float: left; margin-right: 30px }
.MapArea_left { padding-left: 40px }

#map_area01,#map_area02,#map_area03,#map_area04,#map_area05,#map_area06,#map_area07 { margin-bottom: 25px }
#map_area01_en,#map_area02_en,#map_area03_en,#map_area04_en,#map_area05_en,#map_area06_en,#map_area07_en { margin-bottom: 25px }
#map_area01_jp,#map_area02_jp,#map_area03_jp,#map_area04_jp,#map_area05_jp,#map_area06_jp,#map_area07_jp { margin-bottom: 25px }

.map_area a { color: #5d5d5d; text-decoration: none }
.map_area a:hover {	color: #0033CC;}
.map_area ul { padding: 60px 0 45px; margin: 0 }
.map_area ul ul { padding: 0; }
.map_area li { line-height: 21px; margin-left: 18px; padding-left: 12px; background: url(../img/common_pic/icon_arrow07.gif) no-repeat left 7px; list-style-type: none;}
.map_area li li { line-height: 21px; margin-left: 12px; padding-left: 12px; background: url(../img/common_pic/icon_arrow08.gif) no-repeat left 10px; list-style-type: none;}
.map_area li a { font-weight: bold }
.map_area li li a { font-weight: normal }



.btn_01 { text-align: center; margin: 8px auto; padding-top: 8px; display: block; text-decoration: none; color: #FFF!important; font: bold 12px  Arial, Helvetica, sans-serif; background: url(../img/common_pic/button_bg.gif) no-repeat left top; width:102px; height: 25px }
.style1 { color: #FFFFFF;	font-weight: bold;}
.style2 {color: #FFFFFF}