@charset "UTF-8";
/*--------------------------------------------------
for baidu.jp element css
--------------------------------------------------*/
/*order============================================
1.topContents
2.Contents
3.subCol navigation
4.subCol relateLink
5.mainCol
6.exective
7.philosophy
8.name
9.press
10.carrer
11.webmaster
12.930Col
13.tos
==================================================*/

/*topContents
--------------------------------------------*/
#topContents{float:left;width:765px;}
#topBlue, #topPink{width:375px;float:left;margin-right:15px;}
#topOrange, #topGreen{width:375px;float:left;}
#topContents h2{margin-bottom:5px;}
#topBlue h2{background:url(../img/top_blue.jpg) no-repeat;}
#topOrange h2{background:url(../img/top_orange.jpg) no-repeat;}
#topPink h2{background:url(../img/top_pink.jpg) no-repeat;}
#topGreen h2{background:url(../img/top_green.jpg) no-repeat;}
#topContents h3{font-weight:normal;font-size:110%;padding-left:5px;}
#topContents p{margin-bottom:10px;padding-left:5px;}
#contactArea{float:left;width:150px;margin-left:15px;}
#contactArea h2{background:url(../img/contact_top.jpg) no-repeat;padding-left:10px;font-size:110%;}
#contactArea ul{background:url(../img/contact_bottom.jpg) no-repeat bottom;padding:0 10px 10px;}
#contactArea ul li{margin-bottom:10px;}
#contactArea ul li.mail a{background:url(../img/icon_mail.gif) no-repeat 0 4px;line-height:1.5;padding:2px 0 2px 20px;}
#contactArea ul li.form a{background:url(../img/icon_form.gif) no-repeat 0 3px;line-height:1.5;padding:2px 0 2px 20px;}

/*Contents
--------------------------------------------*/
.orange h2{background:url(../img/titie_orange.jpg) no-repeat;}
.blue h2{background:url(../img/titie_blue.jpg) no-repeat;}
.green h2{background:url(../img/title_green.jpg) no-repeat;}
.pink h2{background:url(../img/title_pink.jpg) no-repeat;}
h2{line-height:2;padding:1px 0 0 25px;font-size:120%;margin-top:15px;}
#path{margin:6px 0 10px 0;}
#path2{margin:12px 0;}

/*subCol navigation
--------------------------------------------*/
#navi{background:url(../img/navi_top.gif) no-repeat;}
#navi .area{background:url(../img/navi_bottom.gif) no-repeat bottom;}
#navi ul.orange li.on{background:#FFF4CE url(../img/list_on_orange.gif) no-repeat 8px 16px;}
#navi ul.blue li.on{background:#EDFAFE url(../img/list_on_blue.gif) no-repeat 8px 16px;}
#navi ul.green li.on{background:#EDFFD7 url(../img/list_on_green.gif) no-repeat 8px 16px;}
#navi ul.pink li.on{background:#FEE9FE url(../img/list_on_pink.gif) no-repeat 8px 16px;}
#navi ul li.on{font-weight:bold;padding:10px 0;width:208px;margin-left:1px;}
#navi ul li.top_on_orange{font-weight:bold;width:209px;line-height:2.75;background:url(../img/navi_top_on_orange.gif) no-repeat;}
#navi ul li.end_on_orange{font-weight:bold;width:209px;line-height:2.7;background:url(../img/navi_end_on_orange.gif) no-repeat -2px bottom;}
#navi ul li.top_on_blue{font-weight:bold;width:209px;line-height:2.75;background:url(../img/navi_top_on_blue.gif) no-repeat;}
#navi ul li.end_on_blue{font-weight:bold;width:209px;line-height:2.7;background:url(../img/navi_end_on_blue.gif) no-repeat -2px bottom;}
#navi ul li.top_on_green{font-weight:bold;width:209px;line-height:2.75;background:url(../img/navi_top_on_green.gif) no-repeat;}
#navi ul li.end_on_green{font-weight:bold;width:209px;line-height:2.7;background:url(../img/navi_end_on_green.gif) no-repeat -2px bottom;}
#navi ul li.top_on_pink{font-weight:bold;width:209px;line-height:2.75;background:url(../img/navi_top_on_pink.gif) no-repeat;}
#navi ul li.end_on_pink{font-weight:bold;width:209px;line-height:2.7;background:url(../img/navi_end_on_pink.gif) no-repeat -2px bottom;}
#navi ul li{line-height:1.2;text-indent:20px;border-bottom:1px dotted #AFAFAF;}
#navi ul li a{display:block;width:208px;margin-left:1px;padding:10px 0;background:url(../img/list_off.gif) no-repeat 8px 16px;}

#navi ul li a:hover{background-color:#F7F7F7;}
#navi ul li.top{padding-top:2px;}
#navi ul li.end{padding-bottom:2px;border-bottom:none;}
#navi2 ul li.top_on_blue2{font-weight:bold;width:210px;line-height:2.9;background:url(../img/navi_one_blue.gif) no-repeat; border-bottom:none;text-indent:20px; padding:2px 0 3px 0;}

#navi ul li.on a{background:none;text-decoration:none; margin:-10px 0}
#navi ul li.on a:link{color:#333}
#navi ul li.on a:visited{color:#333}
#navi ul li.on a:hover{background:none}

#navi ul li.end_on_blue a{background:none;text-decoration:none;padding:0}
#navi ul li.end_on_blue a:link{color:#333}
#navi ul li.end_on_blue a:visited{color:#333}
#navi ul li.end_on_blue a:hover{background:none}

#navi ul li.end_on_pink a{background:none;text-decoration:none;padding:0}
#navi ul li.end_on_pink a:link{color:#333}
#navi ul li.end_on_pink a:visited{color:#333}
#navi ul li.end_on_pink a:hover{background:none}

#navi ul li.end_on_orange a{background:none;text-decoration:none;padding:0}
#navi ul li.end_on_orange a:link{color:#333}
#navi ul li.end_on_orange a:visited{color:#333}
#navi ul li.end_on_orange a:hover{background:none}

#navi ul li.end_on_green a{background:none;text-decoration:none;padding:0}
#navi ul li.end_on_green a:link{color:#333}
#navi ul li.end_on_green a:visited{color:#333}
#navi ul li.end_on_green a:hover{background:none}

/*subCol relateLink
--------------------------------------------*/
#relateLink{background:url(../img/related_bgimg_bottom.gif) no-repeat bottom;margin-top:15px;}
#relateLink .area{background:url(../img/related_bgimg_top.gif) no-repeat;}
#relateLink .area dl{padding-bottom:10px;}
#relateLink .area dl dt{font-weight:bold;padding:5px 0 0 8px;}
#relateLink .area dl dd{line-height:1.5;padding-left:20px;background:url(../img/list_off.gif) no-repeat 9px;}
#relateLink .area p.pdfDLimg{text-align:center;padding-top:10px;}
#relateLink .area p.pdfDL{text-align: center;margin-bottom:10px;}

/*mainCol
--------------------------------------------*/
#mainCol .orange{background:url(../img/main_top_orange.gif) no-repeat;}
#mainCol .blue{background:url(../img/main_top_blue.gif) no-repeat;}
#mainCol .green{background:url(../img/main_top_green.gif) no-repeat;}
#mainCol .pink{background:url(../img/main_top_pink.gif) no-repeat;}
#mainCol #mainArea{background:url(../img/main_middle.gif) repeat-y;padding:15px;}
#mainCol #mainFooter{background:url(../img/main_bottom.gif) no-repeat bottom;text-align:right;font-size:80%;*font-size:70% !important;/*forIE6IE7*/padding:0 10px 8px 0;}
#mainCol #mainFooter a{background:url(../img/icon_top.gif) no-repeat;padding-left:13px;}
#mainCol h3{padding:10px;font-size:130%;background:url(../img/dot_bar.gif) repeat-x bottom;}
#mainCol .orange h4{border-left:4px solid #FF9E01;}
#mainCol .blue h4{border-left:4px solid #1A8CDC;}
#mainCol .pink h4{border-left:4px solid #E3187C;}
#mainCol .green h4{border-left:4px solid #1DB50C;}
h4{background-color:#F7F7F7;line-height:2;padding-left:5px;font-size:110%;margin-bottom:5px;clear:both}
#mainCol .orange h5{background:#eeeeee url(../img/icon_h5_orange.gif) no-repeat 8px 9px;}
#mainCol .green h5{background:#eeeeee url(../img/icon_h5_green.gif) no-repeat 8px 9px;}
#mainCol .blue h5{background:#eeeeee url(../img/icon_h5_blue.gif) no-repeat 8px 9px;}
#mainCol .pink h5{background:#eeeeee url(../img/icon_h5_pink.gif) no-repeat 8px 9px;}
h5{line-height:2;padding-left:23px; font-weight:bold;margin:5px 0;}
h6{font-weight:bold;margin:15px 0 5px 0; line-height:1.4;}
#mainArea p{
	margin-bottom:10px;
	padding-left: 15px;
}
#mainArea p.h5{margin-bottom:10px; padding-left:10px;}
#mainArea img.ufuf{margin:5px 0 15px 0;}
#mainArea .annotation{border:1px solid #DFDFDF;background:#FDFDFD;padding:10px;}
#mainArea .annotation p.last{margin-bottom:0;}
#mainArea ul.window{padding-left:10px;}
#mainArea ul.window li{background:url(../img/icon_window.gif) no-repeat 3px 5px;}
#mainArea ul.window li a{padding-left:18px;}
#mainArea ul.window li a:hover{background:url(../img/icon_window_hover.gif) no-repeat 3px 2px;}
#mainArea ul.window li a:visited{background:url(../img/icon_window_visited.gif) no-repeat 3px 2px;}

/*exective *philosophy
--------------------------------------------*/
#mainCol .exective table{font-size:100%;line-height:1.4}
#mainCol .exective h4{border:none;font-size:100%;text-indent:0;line-height:1.4;background:none;padding-left:0;}
#mainCol .exective h4.com{border-left:4px solid #FF9E01;background-color:#F7F7F7;line-height:2;padding-left:5px;font-size:110%;margin-bottom:5px;}
#mainArea table.profile{margin-bottom:20px;}
#mainArea table.profile th{width:130px; vertical-align:top;padding-right:15px;}
#mainCol .exective td p{line-height:1.7}
#mainArea table.dataInfo{margin:0 0 10px 10px;}
#mainArea table.dataInfo th, #mainArea table.dataInfo td, .philosophy table.philosophy th, .philosophy table.philosophy td{padding-bottom:5px;}
#mainArea table.dataInfo th, .philosophy table.philosophy th{font-weight:bold;width:8em;}
.philosophy table.philosophy{margin:0 0 0 10px;}
.normal{margin-bottom:15px;}
.comArea{margin-left:10px;}
#mainArea table.dataInfo3{margin:0 0 10px 0;}
#mainArea table.dataInfo3 th{background:#FDFDFD; border:1px solid #DFDFDF;padding:5px;}
#mainArea table.dataInfo3 td{border:1px solid #DFDFDF;padding:5px;}
#mainArea table.dataInfo3 th{font-weight:bold;width:8em;}

/*name
--------------------------------------------*/
.name img{margin:10px 0 20px 0;}

/*press
--------------------------------------------*/
.press ul{
	margin-left:5px;
	list-style-type: none;
}
.press ul.label {margin-bottom:12px}
.press ul li.n{width:350px;float:left; margin:0 auto 6px}
.press ul li.n2{width:250px;float:left}
.press ul li.n img, .press ul li.n2 img{margin-right:5px; vertical-align:text-bottom}
.press ul li{
	background:url(../img/icon_orange_pibot.gif) no-repeat 0px 8px;
	padding-left: 15px;
}
.press ul li p.data{float:left; width:105px;padding:0 5px 0 10px;}
.press ul li p.icon{float:left; width:65px; padding:2px 12px 0 0;}
.press ul li p.icon2{float:left; width:65px; padding:0px 5px 0 0;}
#pressContents{padding-left:5px;}
#pressContents table.dataInfo2{margin:0 0 5px 10px;}
#pressContents table.dataInfo2 th{width:5em;}
#pressContents table.dataIR{margin:0 0 5px 0px;}
#pressContents table.dataIR th{width:13em; background:#FDFDFD; border:1px solid #DFDFDF;padding:5px;}
#pressContents table.dataIR td{border:1px solid #DFDFDF;padding:5px;}
#pressContents .robin{float:left;border:1px solid #CCCCCC;padding:10px;margin:5px 15px 5px 0;}
#pressContents .text{margin-top:10px;}
#pressContents .photoImg{float:right; padding:0 0 0 15px;}
.press h6{border-bottom:1px solid #D8D8D8;}
#newlogo {margin-left:220px;}
#vector {margin-left:90px;}

#nenga {width:200px; margin:0; padding:0 40px 0 80px;float:left;}
#nenga p  {line-height:1.3; text-align:center; padding:0;}
#mook {clear:left;}

/*international
--------------------------------------------*/
.inter{margin-left:5px;}
.inter table.seminar{margin:5px 0 20px 15px;}
.inter table.seminar th{background:#FDFDFD; border:1px solid #DFDFDF;padding:3px 10px 3px 5px;width:8em; vertical-align:top;}
.inter table.seminar td{border:1px solid #DFDFDF;padding:3px 10px 3px 5px; width:35em;}
.inter h6{border-bottom:1px solid #D8D8D8;}
ul.business{margin:0 0 10px 0px;}
ul.business li{background:url(../img/icon_green_pibot.gif) no-repeat 0 8px; padding:0 0 5px 10px;}
ul.business2{margin:0 0 10px 10px;}
ul.business2 li{background:url(../img/icon_green_pibot.gif) no-repeat 0 8px; padding:0 0 5px 10px;}
ul.icon_pdf li{background:url(../img/icon_pdf.gif) no-repeat 0 3px; padding:0 0 5px 15px;}
div#hp_sample { background:#FDFDFD; border:1px solid #CCCCCC; margin:10px auto; padding-bottom:15px;}
div#hp_sample dl {float:left; margin:0.8em auto 0 auto; width:313px; text-align:center;}
div#hp_sample dt {font-weight:bold; margin-bottom:1em; font-size:90%;}
div#hp_sample dd {margin-left:0;}
div#hp_sample dd a:link img{border:1px solid #tit00C}
div#hp_sample dd a:visited img{border:1px solid #800080}
div#hp_sample dd a:hover img{border:1px solid #tit06c}
div#hp_sample p {clear:both;}

/*carrer
--------------------------------------------*/
.carrer ul.needs{margin:0 0 10px 5px;}
.carrer ul.needs li{background:url(../img/icon_orange_pibot.gif) no-repeat 0 center;margin-bottom:5px;padding-left:13px;}
.carrer ul.carrer{margin:0 0 10px 15px;}
.carrer ul.carrer li{background:url(../img/icon_orange_pibot.gif) no-repeat 0 center;margin-bottom:0;padding-left:10px;}
.carrer ul.carrer2{margin:0 0 20px 10px;}
.carrer ul.carrer2 li{background:url(../img/icon_orange_pibot.gif) no-repeat 0 center;margin-bottom:0;padding-left:10px;}
.carrer h5{margin-top:15px;}
.carrer h6{border-bottom:1px solid #D8D8D8;}
.carrer .need{margin-left:5px; margin-bottom:20px;}

#navi ul li a:hover{background-color:#F7F7F7;}
.carrer ul.needs{margin:0 0 10px 5px;}
.carrer ul.needs div{width:300px; float:left; margin:10px}
.carrer ul.needs li{background:url(../img/icon_orange_pibot.gif) no-repeat 0 center;margin-bottom:5px;padding-left:12px;}
*+html .carrer ul.needs li{padding-left:0;}
*html .carrer ul.needs li{padding-left:0;}
.carrer ul.carrer{margin:0 0 10px 15px;}
.carrer ul.carrer li{
	margin-bottom:0;
	padding-left:12px;
	background-image: url(../img/icon_orange_pibot.gif);
	background-repeat: no-repeat;
	background-position: 0 0.75em;
}
.carrer ul.carrer2{margin:0 0 20px 10px;}
.carrer ul.carrer2 li{background:url(../img/icon_orange_pibot.gif) no-repeat 0 center;margin-bottom:0;padding-left:12px;}
.carrer h5{margin-top:15px; clear:both}
.carrer h6{border-bottom:1px solid #D8D8D8; clear:both}
.carrer .need{margin-left:5px; margin-bottom:20px;}

#indexTop{width:704px;background:url(../career/img/index/bg_index.jpg) no-repeat}
#indexTop img {margin:15px}
#indexTop p.p1 {width:435px; margin-top:5px; margin-left:14px}
#indexTop p.p2 {width:670px; margin-left:14px}
#top_message {padding:15px 187px 15px 8px;}
#hr_message {padding:0 0 15px 115px; margin:15px 0 0 0}
#hr_img {margin-top:10px}

#interviewTop div.message {width:704px; height:260px;position:relative;font-size:150%; font-weight:bold; margin-bottom:-12px;/*HideMacIE\*/
overflow:hidden; z-index:1/**/}
#interviewTop div.message span.txt {display:none}
#interviewTop div.print {display:none}
#interviewTop div span{background:url(../career/img/interview/bg_interview.jpg) no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;}

#interviewTop ul {margin:-58px 9px 0 9px;padding:0; z-index:3; position:absolute}
#interviewTop li {float:left; font-size:0;line-height:0;width:167px; height:60px;text-indent:-5000px;margin-right:6px;background:url(../career/img/interview/menu.png) no-repeat}
#interviewTop li a{width:167px; height:60px;display:block;background:url(../career/img/interview/menu.png) no-repeat}
#interviewTop li.menu1{background-position:0 0}
#interviewTop li.menu2{background-position:-173px 0}
#interviewTop li.menu3{background-position:-346px 0}
#interviewTop li.menu4{background-position:-519px 0; margin-right:0}
#interviewTop li.menu1 a{background-position:0 center}
#interviewTop li.menu2 a{background-position:-173px center}
#interviewTop li.menu3 a{background-position:-346px center;}
#interviewTop li.menu4 a{background-position:-519px center;}
#interviewTop li.menu1 a:hover {background-position:0 0}
#interviewTop li.menu2 a:hover {background-position:-173px 0}
#interviewTop li.menu3 a:hover {background-position:-346px 0}
#interviewTop li.menu4 a:hover {background-position:-519px 0}
.interview_photo {margin-top:10px; margin-left:15px}

h6.QA_tit {background:url(../career/img/interview/icon_qa.gif) no-repeat; margin-top:25px;padding-left:25px; padding-top:0.2em; padding-bottom:0.5em; border:none!important;clear:none}
.carrer #thum {height:229px}
.carrer #switcher {font-size:12px;line-height:1.6em}
.carrer #switcher span{width:222px; height:27px; padding-top:7px; display:block; padding-left:48px; color:#FFF; cursor:pointer}
.carrer span#on{display:none}
.carrer .flame {height:279px} 
.carrer #image img, .carrer #image .name { margin-left:10px;}
.carrer #video {margin:2px 0 0 0;width:270px; text-align:center; display:none;}
.carrer #staff_info {width:274px;float:right; margin:20px auto 5px 12px;}
#staff_info .name { font-weight:bold; margin-top:5px}
#staff_info .name span { font-weight:normal; margin-top:5px}
.carrer .boxr {clear:both;margin-left:12px}
.carrer .boxr h6{margin-top:5px!important}
.carrer #btm_nav {clear:both;text-align:center; padding-top:20px}
*+html .carrer #btm_nav {padding-top:0; margin-top:50px}
*html .carrer #btm_nav {padding-top:0; margin-top:50px}
.carrer #btm_nav li {display:inline; background:url(../img/list_off.gif) no-repeat 0 0.5em; padding-left:12px; margin:auto 20px}
#activityTop div {width:704px; height:200px;position:relative;font-size:150%; font-weight:bold;/*HideMacIE\*/
overflow:hidden;/**/}
#activityTop span.text {display:none}
#activityTop div span{background:url(../career/img/activity/bg_activity.jpg) no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;}

.carrer .img_area div{float:left;margin:10px 18px 20px 0}
.carrer .img_area div.end {margin-right:0!important}
.carrer .img_area span {width:205px; display:block; color:#333; font-size:12px; display:block; text-align:center}

#jobTop div {width:704px; height:235px;position:relative;font-size:150%; font-weight:bold;/*HideMacIE\*/
overflow:hidden;/**/}
#jobTop span.text {display:none}
#jobTop div span{background:url(../career/img/jobs/bg_job.jpg) no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;}
.job h5 {margin-bottom:5px}
.job .flow div { text-indent:-5000px; font-size:0; line-height:0;}
.job .flow img { margin:15px auto 20px auto}
.job .golist { margin:15px auto; text-align:center}




/*webmaster
--------------------------------------------*/
#webmasterContents{padding-left:5px;}
.webmaster ul{margin-left:5px; margin-bottom:15px;}
.webmaster ul li{background:url(../img/icon_pink_pibot.gif) no-repeat 0px 8px;margin-bottom:5px;padding-left:10px;}
.webmaster ul.spider{margin-left:0; margin-bottom:10px; border:1px solid #DFDFDF;background:#FDFDFD;padding:5px;}
.webmaster ul.spider li{margin-bottom:5px; padding-left:15px;background:url(../img/icon_gray_pibot.gif) no-repeat 3px 9px;}
.webmaster ul.webmasterIndex{padding-left:5px;}
#webmasterContents p.uph5{margin-bottom:25px;}
.webmaster table.robot{margin-bottom:20px;}
.webmaster table.robot th{background:#FDFDFD; border:1px solid #DFDFDF;padding:5px; font-weight:bold;}
.webmaster table.robot td{border:1px solid #DFDFDF;padding:5px 15px 5px 5px;}
.webmaster p img.site02{margin-top:10px;}
.webmaster h6{margin:10px 0 5px 0;border-bottom:1px solid #D8D8D8;}
#indexAreaWebmaster{border:1px solid #CCCCCC; padding:10px;}

/*930Col
--------------------------------------------*/
#Col930 .green{background:url(../img/930_top_green.gif) no-repeat;}
#Col930 .blue{background:url(../img/930_top_blue.gif) no-repeat;}
#Col930 #mainArea{background:url(../img/form_middle.gif) repeat-y;padding:15px;}
#Col930 #mainFooter{background:url(../img/form_bottom.gif) no-repeat bottom;text-align:right;font-size:80%;*font-size:70% !important;/*forIE6IE7*/padding:0 10px 8px 0;}
#Col930 h3{padding:10px;font-size:130%;background:url(../img/dot_bar.gif) repeat-x bottom;}
#Col930 .green h4{border-left:4px solid #1DB50C;}
#Col930 .blue h4{border-left:4px solid #1A8CDC;}
#Col930 .blue h5{background:#eeeeee url(../img/icon_h5_blue.gif) no-repeat 8px 9px;}

/*tos
--------------------------------------------*/
#tos h6{margin:10px 0 5px 10px;border-bottom:1px solid #D8D8D8;}
#tos p{margin-left:10px;}
#tos p.last{margin-bottom:20px;}
#tos ul{margin-left:10px;}
#tos ul li{margin-bottom:5px; background:url(../img/icon_blue_pibot.gif) no-repeat 0 8px; padding-left:10px;}

/*tool
--------------------------------------------*/
#tool{margin-left:5px;}
#tool h6{margin:10px 0 5px 0;border-bottom:1px solid #D8D8D8;}
#tool table.tool{width:300px; margin:0 20px 30px 0; float:left;}
#toolarea{display:block; width:670px; height:1%; margin-bottom:50px;}
#toolarea #button{padding:2px 5px 0 5px; width:170px;}
.tools{margin-left:5px;}
.tools table{margin-bottom:40px;}
.tools table td{vertical-align:top; padding-right:15px;}
.tools table td p{border:1px solid #E6E6E6; background:#FCFCFC; padding:5px; text-align:center; width:28em;}


/*helpcenter
--------------------------------------------*/
.helpcenter ul.index{margin-left:15px; margin-bottom:15px;}
.helpcenter ul.last{
	margin-bottom:5px
}
.helpcenter ul.index li{background:url(../img/icon_blue_pibot.gif) no-repeat 0px 8px; margin-bottom:5px; padding-left:10px;}
.helpcenter ul.indexTop{margin-left:15px; margin-bottom:15px;}
.helpcenter ul.indexTop:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.helpcenter ul.indexTop li{background:url(../img/icon_blue_pibot.gif) no-repeat 0px 8px; margin-bottom:5px; margin-right:15px;padding-left:10px;float:left; width:300px}
.helpcenter h5{margin-left:5px; margin-top:10px; clear:both}
.helpcenter h6{border-bottom:1px solid #D8D8D8;}
.helpcenter #helpContents h5{margin-left:0}
.helpcenter #helpContents ul{margin-left:10px;}
.helpcenter #helpContents{margin-left:5px;}
.helpcenter #helpContents img.helpImg{margin-bottom:15px;}
.helpcenter #helpContents img.helpImg_start{padding-bottom:15px;*padding-top:10px; display:block}
.helpcenter #helpContents p.uph5{margin-bottom:25px;}
#helpContents ul.number{margin-left:0;}
#helpContents ul.number li{margin-bottom:10px;}
#helpContents ul.number li.n1{background:url(../img/blue_n1.gif) no-repeat 0 0.3em; padding-left:20px;}
#helpContents ul.number li.n2{background:url(../img/blue_n2.gif) no-repeat 0 0.3em; padding-left:20px;}
#helpContents ul.number li.n3{background:url(../img/blue_n3.gif) no-repeat 0 0.3em; padding-left:20px;}
#helpContents ul.number li.n4{background:url(../img/blue_n4.gif) no-repeat 0 0.3em; padding-left:20px;}
#helpContents ul.number li.n5{background:url(../img/blue_n5.gif) no-repeat 0 0.3em; padding-left:20px;}
#helpContents ul.number li.n6{background:url(../img/blue_n6.gif) no-repeat 0 0.3em; padding-left:20px;}
#helpContents ul.number li.n7{background:url(../img/blue_n7.gif) no-repeat 0 0.3em; padding-left:20px;}
#helpContents ul.number li.n8{background:url(../img/blue_n8.gif) no-repeat 0 0.3em; padding-left:20px; margin-bottom:15px;}
#helpContents .annotation2{border:1px solid #DFDFDF;background:#FDFDFD;padding:10px;}
#helpContents .annotation2 p.last{margin-bottom:0;}
#helpContents .annotation3{border:1px solid #DFDFDF;background:#FDFDFD;padding:10px; margin-left:20px;}
#helpContents .annotation3 p.last{margin-bottom:0;}
.helpcenter .iconarea ul li p.icon{float:left; width:45px; padding:5px 5px 0 15px;}
.helpcenter .iconarea ul li p.text{padding-top:23px;}
.helpcenter table.help{margin-bottom:5px;}
.helpcenter table.help th{background:#FDFDFD; border:1px solid #DFDFDF;padding:5px; font-weight:bold; width:19em}
.helpcenter table.help td{border:1px solid #DFDFDF;padding:5px;}
.helpcenter table.help2{margin-bottom:5px;}
.helpcenter table.help2 th{background:#FDFDFD; border:1px solid #DFDFDF;padding:5px; font-weight:bold; width:12em}
.helpcenter table.help2 td{border:1px solid #DFDFDF;padding:5px;}
.sourceArea{margin-left:15px; margin-bottom:15px;}
.sourceArea img{margin:5px 0 10px 0;}
.sourceArea textarea{width:630px; height:80px; font-size:12px;}

#update dl{background:url(../update/img/bgimg_update.gif) repeat-y; margin-bottom:10px;}
#update dl dt{float:left; width:100px; padding:0 10px;}
#update dl dd{float:left; margin-left:5px;}
.start {margin-top:15px}
#indexArea{border:1px solid #CCCCCC; padding:0 10px;}
.indexList{float:right; margin-top:0.9em; margin-right:12px}

ul.dot_gray li{margin-bottom:5px; padding-left:15px;background:url(../img/icon_gray_pibot.gif) no-repeat 3px 9px;}
ul.dot_gray li .notice {font-size:90%; color:#666}
.helpcenter ul.passport_faq{padding:8px 15px;margin-bottom:20px;border-bottom:1px dotted #999}
.helpcenter ul.passport_faq li{background:url(../help/passport/img/icon_faq.gif) no-repeat 0px 9px; margin-bottom:5px; padding-left:10px;}
h4.passport_faq{background-color:#E6F1F5!important;margin-bottom:0!important}
.attention {background:#FBF5F8;padding:10px 15px;margin-bottom:25px;}
.attention span { background:url(../img/icon_attention.gif) no-repeat;padding-left:22px; font-weight:bold}
.attention dt {margin-bottom:5px}
.attention dd {background:url(../img/icon_gray_pibot.gif) no-repeat 0 0.6em;padding-left:15px;}
.search_box input.radio{vertical-align:middle; margin-right:3px}
.search_box .select_design { margin:0 15px}
.search_box .select_design img{ margin:3px 0 10px}
.search_box .select_encode{ margin:0 15px 20px}
.search_box .select_encode label{margin-right:20px;}
.search_box .input_url{margin:0 15px 25px}
.search_box .input_url div{font-size:15px;*font-size:110%; font-family:arial}
.search_box .input_url div input {padding:2px 4px;font-size:15px;*font-size:110%; font-family:arial; vertical-align:middle}
.search_box .htmlform{margin:0 15px 25px}
.search_box .htmlform input {margin:5px 8px 10px 0; height:2em;}
.search_box .htmlform input.submit {width:7em}
.search_box .htmlform input.cancel {width:4.5em}
.search_box .htmlform textarea {font-size:14px;*font-size:110%; font-family:arial; width:620px}

/*library*/
.lib #indexArea{margin-bottom:25px!important}
.helpcenter ul.lib_faq{padding:8px 15px;margin-bottom:20px;border-bottom:1px dotted #999; overflow:hidden;_zoom:1}
.helpcenter ul.lib_faq li{background:url(../help/passport/img/icon_faq.gif) no-repeat 0px 9px; margin-bottom:8px; padding-left:10px; float:left; width:200px}
.helpcenter ul.lib_faq li.tieba, .helpcenter ul.lib_faq li.mob{clear:both}
.helpcenter ul.lib_faq li.ime{width:400px}
h4.lib_faq{background-color:#E6F1F5!important;margin-bottom:0!important}

.lib_table{width:100%; border:1px solid #CCC; margin-top:15px; border-collapse:collapse}
.lib_table th{ background:#E6F1F5; padding:5px 8px; border:1px dotted #CCC; border-bottom:1px solid #CCC; text-align:center}
.lib_table td{padding:5px 8px; vertical-align:top; border:1px dotted #CCC;font-size:12px;*font-size:75%}

ul.lib_dot_gray li{margin:10px 0; padding-left:12px;background:url(../img/icon_gray_pibot.gif) no-repeat 0 9px;}
ul.lib_dot_blue li{margin:10px 0; padding-left:12px;background:url(../help/service/img/lib/li_dot_blue.gif) no-repeat 0 9px;}

/*tieba*/
.tieba #indexArea{margin-bottom:25px!important}
.number .tips {margin:10px 0}
.goTop{text-align:right;font-size:80%;*font-size:70% !important;/*forIE6IE7*/padding:0 0 15px 0;}
.goTop a{background:url(../img/icon_top.gif) no-repeat;padding-left:13px;}

/*passport*/
.pass #indexArea{margin-bottom:25px!important}



/*form
--------------------------------------------*/
.form p.at{margin-bottom:0; background:url(../img/icon_attention.gif) no-repeat; text-indent:20px;}
table.form, table.form2{margin:10px 0 30px 10px;}
table.form th{font-weight:bold; width:200px; text-align:right; vertical-align:top; padding-right:30px;}
table.form2 th{font-weight:bold; width:200px; text-align:right; vertical-align:top; padding-right:30px;}
table.form th.necessary, table.form2 th.necessary{background:url(../img/icon_form_required.gif) no-repeat right top;}
table.form td, table.form2 td{padding-left:10px;}
table.form td p.mailex, table.form2 td p.mailex{font-size:85%;}
table.form .textarea{width:450px;}
table.form2 .textarea{width:400px;}
table.form .mailarea{width:450px;}
table.form2 .mailarea{width:400px;}
table.form .btn, table.form2 .btn{padding:1px 8px; margin-top:5px; margin-right:60px;}
.form ul, .form2 ul{margin-bottom:20px;}
.form ul.atblue li, .form2 ul.atblue li{margin-bottom:3px; background:url(../img/icon_blue_pibot.gif) no-repeat 0 6px; padding-left:10px; margin-left:10px;}
.form ul.atpink li, .form2 ul.atpink li{margin-bottom:3px; background:url(../img/icon_pink_pibot.gif) no-repeat 0 6px; padding-left:10px; margin-left:10px;}
.form p.red, .form2 p.red{color:#FF0000;}
table.form .namearea{width:250px;}
table.form .os{width:250px;}
table.form .btn2{margin-top:5px;}



/* Print CSS
--------------------------------------------*/
@media print{
#topContents{float:left;width:400px;}
#topBlue, #topPink, #topOrange, #topGreen{ float:left;width:380px;}
#topBlue h2{background:none;}
#topOrange h2{background:none;}
#topPink h2{background:none;}
#topGreen h2{background:none;}
#contactArea{float:none;width:150px;margin-left:15px;}
#contactArea h2{background:none;padding-left:10px;font-size:110%;}
#contactArea ul{background:none;padding:0 0 10px;}
#contactArea ul li{margin-bottom:10px;}
#path{display:none;}
#path2{display:none;}
.orange h2{background:none; font-size:16pt;}
.blue h2{background:none; font-size:16pt;}
.green h2{background:none; font-size:16pt;}
.pink h2{background:none; font-size:16pt;}
h2{line-height:2;padding:0;margin-top:10px;}
#mainCol .orange{background:none;}
#mainCol .blue{background:none;}
#mainCol .green{background:none;}
#mainCol .pink{background:none;}
#mainCol #mainArea{background:none;}
#mainCol #mainFooter{background:none; display:none;}
#mainCol h3{background:none;}
#Col930 .green{background:none;}
#Col930 .blue{background:none;}
#Col930 #mainArea{background:none;width:630px;}
#Col930 h3{background:none;}
#Col930 #mainFooter{background:none;}
.golist{display:none;}
#btm_nav{display:none;}
#interviewTop div.print {padding-top:70px; margin-left:20px;display:block!important/*HideMacIE\*/overflow:hidden;z-index:2/**/}
#interviewTop div.message span.txt {display:inline!important}
#activityTop span.text {display:inline!important}
#jobTop span.text {display:inline!important}
}

