@charset "utf-8";
/* ======================== 目次 ==========================

	[01]:メインビジュアル
	[02]:コンセプト
	[03]:お客様のメリット
	[04]:サービス内容
	[05]:トピックス
	[06]:気になる導入事例
	
======================================================== */

/* -------------------------[02]:主要検索部分のスタイル */
div.searchBox	{ width: 710px; padding: 0px 0px 10px; }

div.searchBox .categoryBox	{  width: 210px; height: 265px; float: right; }
div.searchBox .categoryBox h3	{ width: 210px; height: 37px; }
div.searchBox .categoryBox ul	{ background: url(/pharmacist/img/search_bg01.gif); width: 204px; height: 228px; padding: 0px 0px 0px 6px; }
div.searchBox .categoryBox li	{ width: 98px; height: 27px; float: left; text-align: left; padding: 0px 2px 1px 0px; font-size: 0px; line-height: 0px; }

div.searchBox .areaBox		{ width: 499px; height: 265px; float: left; }
div.searchBox .areaBox h3		{ width: 499px; height: 37px; }
div.searchBox .areaBox .dataBox	{ background: url(/pharmacist/img/search_bg02.gif); width: 487px; height: 222px; padding: 0px 6px 6px; text-align: center; }
div.searchBox .areaBox table	{ background: url(/pharmacist/img/search_japan.gif) no-repeat right bottom #FFF; width: 487px; height: 222px; text-align: left; padding: 8px 0px 9px; }
div.searchBox .areaBox th		{ vertical-align: top; padding: 4px 5px 3px 10px; }
div.searchBox .areaBox td		{ vertical-align: top; padding: 3px 10px 3px 0px; }

div.searchBox .areaBox2 .titleData	{ background: url(/pharmacist/detail/img/aname_caps.png); width: 485px; height: 30px; padding: 7px 7px 0px; }
div.searchBox .areaBox2 .titleData .h3Box	{ width: 100px; height: 26px; float: left;}
div.searchBox .areaBox2 .titleData .h3Box	h3{ background: url(/pharmacist/detail/img/aname_back.png) repeat-x; float: left; padding: 5px 5px 0px; width: 80px; height: 21px; font-size: 16px; font-weight: bold; }
div.searchBox .areaBox2 .titleData .leftBox	{ background: url(/pharmacist/detail/img/aname_left.png); width: 5px; height: 26px; font-size: 0px; line-height: 0px; float: left; }
div.searchBox .areaBox2 .titleData .rightBox	{ background: url(/pharmacist/detail/img/aname_right.png); width: 5px; height: 26px; font-size: 0px; line-height: 0px; float: left; }
div.searchBox .areaBox2 .titleData .capsImg	{ width: 90px; float: left; padding: 3px 5px; }

div.searchBox .areaBox2		{ width: 499px; float: left; }
div.searchBox .areaBox2 .dataBox	{ background: url(/pharmacist/img/search_bg02.gif); width: 487px; padding: 0px 6px 6px; text-align: center; }
div.searchBox .areaBox2 .dataBox .whitebase	{ width: 487px;  background: #FFF; padding: 0px 0px 10px; }
div.searchBox .areaBox2 .dataBox ul{ width: 471px; text-align: left; padding: 8px 8px 9px; margin: 0px; }
div.searchBox .areaBox2 .dataBox li	{ background: url(/pharmacist/img/box_arrow.gif) no-repeat 0% 40%; float: left; padding:  0px 10px 0px 12px; }


/* ------非検討中スタイル------ */
div.detailJobData	{ width: 710px; padding: 29px 0px 10px; position: relative; margin: 20px 0px; }
div.detailJobData h3	{ background: url(/doctor/search/img/detail_tit.gif) no-repeat; width: 680px; height: 29px; padding: 17px 15px 0px; }
div.detailJobData h3 div	{ font-weight: bold; color: #333; display: block; float: left; }
div.detailJobData h3 strong	{ color: #C00; }
div.detailJobData h3 .iconBox	{ padding: 2px 0px 0px 5px; float: left; }

div.detailJobData .clipCheck{ width: 471px; height: 19px; position: absolute; top: 10px; right: 0px; z-index: 1; }
div.detailJobData .newIcon	{ width: 83px; height: 30px; position: absolute; top: 0px; left: 0px; }
div.detailJobData .clipBtn	{ width: 137px; height: 28px; display: block; cursor: pointer; position: absolute; top: 45px; right: 11px; }
div.detailJobData .folderLink	{ display: block; background: url(/doctor/search/img/green_arrow.gif) no-repeat 0% 40%; position: absolute; top: 10px; right: 5px; padding: 0px 0px 0px 15px; z-index: 0; }

div.detailJobData .detailBox{ background: url(/doctor/search/img/detail_back.gif) repeat-y; width: 680px; padding: 15px 15px 10px; }
div.detailJobData .photoData{ width: 150px; height: 110px; padding: 1px; margin-bottom: 30px; border: 1px solid #CCC; float: left; }
div.detailJobData .jobType	{ width: 153px; position: absolute; top: 195px; left: 15px; }
div.detailJobData .textData	{ width: 375px; float: left; padding: 5px 0px 0px 10px; text-align: left; }
div.detailJobData .textData .jobTitle	{ font-size: 150%; font-weight: bold; }
div.detailJobData .textData .jobTitle .job	{ color: #C00; }
div.detailJobData .textData .jobTitle .area	{ color: #630; }
div.detailJobData .textData .lineData	{ font-size: 130%; color: #666; font-weight: bold; padding: 5px 0px; }
div.detailJobData .textData .salaryData	{ background: url(/doctor/search/img/salery_back.gif) no-repeat; width: 362px; height: 24px; padding: 20px 0px; font-size: 300%; color: #C00; font-weight: bold; text-align: center; }
div.detailJobData .textData .jobIcon	{ width: 55px; float: left; padding: 5px 0px 0px; }
div.detailJobData .textData .jobNo		{ width: 150px; float: left; padding: 5px 0px 0px; }
div.detailJobData .entryBox		{ width: 130px; float: right; text-align: left; }
div.detailJobData .entryBox .entryBt a		{ display: block; width: 134px; height: 85px; }
div.detailJobData .entryBox a	{ display: block; padding: 0px 0px 0px; margin: 0px 0px 5px; }
div.detailJobData p.comment		{ font-size: 100%; line-height: 18px; color: #666; text-align: left; padding: 0px 0px 0px; }
div.detailJobData .detailBtn	{ position: absolute; bottom: -5px; left: 253px; }
div.detailJobData .underLink	{ width: 670px; height: 47px; padding: 10px 0px 0px; position: relative; }
div.detailJobData .clipUnder	{ width: 221px; height: 47px; padding: 0px 10px 0px 0px; position: absolute; top:10px; left: 110px; cursor: pointer; }
div.detailJobData .entryBtUnder a		{ position: absolute; top:10px; right: 110px; display: block; width: 221px; height: 47px; }
div.detailJobData .btmBar	{ background: url(/doctor/search/img/detail_btm2.gif) no-repeat; width: 710px; height: 5px; font-size: 0px; line-height: 0px; }

div.detailJobData .underBox	{ width: 670px; padding: 10px 0px 0px 10px; }
div.detailJobData .underBox p.message	{ background: url(/doctor/search/img/job_result_dotted.gif); line-height: 22px; padding: 3px 3px 10px; text-align: left; }
div.detailJobData .underBox h4	{ background: url(/doctor/detail/img/jobinfo_name.gif) no-repeat; width: 655px; height: 24px; font-size: 100%; padding: 8px 0px 0px 15px; }
div.detailJobData .underBox h4 span	{ font-weight: bold; }
div.detailJobData .underBox .clientLink	{ width: 180px; height: 21px; }
div.detailJobData .underBox table	{ width: 670px; border-left: 1px solid #e5e5e5; text-align: left; background: #FFF; }
div.detailJobData .underBox th		{ background: #f5f5f5; padding: 8px; width: 135px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; vertical-align: top; }
div.detailJobData .underBox td		{ padding: 8px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
div.detailJobData .underBox .nextArw	{ width: 325px; height: 23px; margin: 20px auto 10px; }

div.detailJobData .underBox .clientData	{ background: url(/doctor/detail/img/camp_box_bg.gif) repeat-y; width: 670px; }
div.detailJobData .underBox .headBack	{ background: url(/doctor/detail/img/comp_box_top.gif) no-repeat; width: 640px; padding: 15px 15px 5px; text-align: left; }
div.detailJobData .underBox .headBack .clientBnr	{ width: 124px; height: 24px; float: left; }
div.detailJobData .underBox .headBack .clientName	{ width: 350px; float: left; font-size: 140%; font-weight: bold; padding: 3px 5px; }
div.detailJobData .underBox .headBack  p			{ clear: both; font-size: 100%; line-height: 18px; padding: 10px 0px 0px; }
div.detailJobData .underBox .btmBar		{ background: url(/doctor/detail/img/camp_box_btm.gif) no-repeat; width: 670px; height: 10px; font-size: 0px; line-height: 0px; }

div.detailJobData .companyData table	{ width: 640px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; text-align: left; margin: 10px 0px 0px; }
div.detailJobData .companyData th		{ background: #f5f5f5; padding: 8px; width: 135px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; vertical-align: top; }
div.detailJobData .companyData td		{ padding: 8px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

div.nextBox	{ width: 710px; padding: 0px 0px; }
div.nextBox .formBox	{ width: 710px; }
div.nextBox .formBox .textBox	{ width: 360px; float: left; padding: 0px 0px 0px 10px; }
div.nextBox .formBox .searchBox	{ width: 222px; float: left; }
div.nextBox .questionBox	{ background: url(/doctor/img/question.gif) no-repeat; font-size: 110%; line-height: 20px; padding: 0px 0px 0px 25px; margin: 10px 0px 0px 10px; font-weight: bold; text-align: left; }

/* ---------検討中スタイル---------- */
div.detailJobData_of	{ width: 710px; padding: 29px 0px; position: relative; margin: 20px 0px 0px; }
div.detailJobData_of h3	{ background: url(/doctor/search/img/detail_tit_of.gif) no-repeat; width: 680px; height: 29px; padding: 17px 15px 0px; }
div.detailJobData_of h3 div	{ font-weight: bold; color: #333; display: block; float: left; }
div.detailJobData_of h3 strong	{ color: #C00; }
div.detailJobData_of h3 .iconBox	{ padding: 2px 0px 0px 5px; float: left; }

div.detailJobData_of .clipCheck{ display: none; }
div.detailJobData_of .newIcon	{ width: 83px; height: 30px; position: absolute; top: 0px; left: 0px; }
div.detailJobData_of .clipBtn	{ background: url(/doctor/search/img/search_clip_btn_of.gif) no-repeat; text-indent: -5555px; width: 153px; height: 29px; display: block; position: absolute; top: 37px; right: -6px; }

div.detailJobData_of .folderLink	{ display: block; background: url(/doctor/search/img/green_arrow.gif) no-repeat 0% 40%; position: absolute; top: 10px; right: 5px; padding: 0px 0px 0px 15px; }
div.detailJobData_of .folderLink a	{ color: #509933; font-weight: bold; }
div.detailJobData_of .folderLink a:hover	{ text-decoration: none; }

div.detailJobData_of .detailBox		{ background: url(/doctor/search/img/detail_back_of.gif) repeat-y; width: 680px; padding: 15px 15px 10px; }
div.detailJobData_of .detailBox .kento	{ background: url(/doctor/search/img/kento.gif) no-repeat center; }
div.detailJobData_of .photoData	{ width: 150px; height: 110px; padding: 1px; margin-bottom: 30px; border: 1px solid #CCC; float: left; }
div.detailJobData_of .jobType	{ width: 153px; position: absolute; top: 185px; left: 15px; }
div.detailJobData_of .textData	{ width: 375px; float: left; padding: 5px 0px 0px 10px; text-align: left; }
div.detailJobData_of .textData .jobTitle	{ font-size: 150%; font-weight: bold; }
div.detailJobData_of .textData .jobTitle .job	{ color: #C00; }
div.detailJobData_of .textData .jobTitle .area	{ color: #630; }
div.detailJobData_of .textData .lineData	{ font-size: 130%; color: #666; font-weight: bold; padding: 5px 0px; }
div.detailJobData_of .textData .salaryData	{ padding: 20px; font-size: 300%; color: #C00; font-weight: bold; text-align: center; }
div.detailJobData_of .textData .jobIcon	{ width: 55px; float: left; padding: 5px 0px 0px; }
div.detailJobData_of .textData .jobNo		{ width: 150px; float: left; padding: 5px 0px 0px; }
div.detailJobData_of .entryBox			{ width: 130px; float: right; text-align: left; }
div.detailJobData_of .entryBox .entryBt	{ background: url(/doctor/search/img/result_entry_clip2.gif) no-repeat top; text-indent: -5555px; display: block; width: 134px; height: 85px; }
div.detailJobData_of .entryBox a		{ display: block; padding: 0px 0px 0px; margin: 0px 0px 5px; }
div.detailJobData_of p.comment		{ font-size: 100%; line-height: 18px; color: #666; text-align: left; padding: 0px 0px 0px; }
div.detailJobData_of .detailBtn	{ position: absolute; bottom: -5px; left: 253px; }
div.detailJobData_of .underLink	{ width: 670px; height: 47px; padding: 10px 0px 0px; position: relative; display: none; }
div.detailJobData_of .clipUnder	{ width: 221px; height: 47px; float: left; padding: 0px 10px 0px 0px; }
div.detailJobData_of .entryBtUnder a		{ display: block; float: left; width: 221px; height: 47px; }
div.detailJobData_of .btmBar	{ background: url(/doctor/search/img/detail_btm_of2.gif) no-repeat; width: 710px; height: 10px; font-size: 0px; line-height: 0px; }

div.detailJobData_of .underBox	{ width: 670px; padding: 10px 0px 0px 10px; }
div.detailJobData_of .underBox p.message	{ line-height: 22px; padding: 3px 3px 10px; text-align: left; }
div.detailJobData_of .underBox h4	{ border: 1px solid #EEE; width: 653px; height: 24px; font-size: 100%; padding: 8px 0px 0px 15px; }
div.detailJobData_of .underBox h4 span	{ font-weight: bold; }
div.detailJobData_of .underBox .clientLink	{ width: 180px; height: 21px; position: absolute; top: 10px; right: 5px; }
div.detailJobData_of .underBox table	{ width: 670px; border-left: 1px solid #e5e5e5; text-align: left; }
div.detailJobData_of .underBox th		{ padding: 8px; width: 135px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; vertical-align: top; }
div.detailJobData_of .underBox td		{ padding: 8px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
div.detailJobData_of .underBox .nextArw	{ background: url(/doctor/search/img/under_arrow_of.gif) no-repeat; width: 325px; height: 23px; text-indent: -5555px; margin: 20px auto 10px; }

div.detailJobData_of .underBox .clientData	{ width: 670px; }
div.detailJobData_of .underBox .headBack	{ width: 640px; padding: 15px 15px 5px; text-align: left; }
div.detailJobData_of .underBox .headBack .clientBnr	{ width: 124px; height: 24px; float: left; }
div.detailJobData_of .underBox .headBack .clientName	{ width: 350px; float: left; font-size: 140%; font-weight: bold; padding: 3px 5px; }
div.detailJobData_of .underBox .headBack  p			{ clear: both; font-size: 100%; line-height: 18px; padding: 10px 0px 0px; }
div.detailJobData_of .underBox .btmBar		{ background: none; width: 670px; height: 10px; font-size: 0px; line-height: 0px; }

div.detailJobData_of .companyData table	{ width: 640px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; text-align: left; margin: 10px 0px 0px; }
div.detailJobData_of .companyData th		{ padding: 8px; width: 135px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; vertical-align: top; }
div.detailJobData_of .companyData td		{ padding: 8px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

/* -------------------------[02]:主要検索部分のスタイル */
div.searchBox	{ width: 710px; padding: 0px 0px 10px; }

div.searchBox .categoryBox	{  width: 210px; height: 530px; float: right; }
div.searchBox .categoryBox h3	{ width: 210px; height: 37px; }
div.searchBox .categoryBox ul	{ background: url(/doctor/img/search_bg01.gif); width: 204px; height: 494px; padding: 0px 0px 0px 6px; }
div.searchBox .categoryBox li	{ width: 98px; height: 33px; float: left; text-align: left; padding: 0px 2px 2px 0px; font-size: 0px; line-height: 0px; }

div.searchBox .rightBox		{ width: 499px; float: left; }

div.searchBox .areaBox		{ width: 499px; height: 265px; }
div.searchBox .areaBox h3		{ width: 499px; height: 37px; }
div.searchBox .areaBox .dataBox	{ background: url(/doctor/img/search_bg02.gif); width: 487px; height: 222px; padding: 0px 6px 6px; }
div.searchBox .areaBox table	{ background: url(/doctor/img/search_japan.gif) no-repeat right bottom #FFF; width: 487px; height: 222px; text-align: left; padding: 8px 0px 9px; }
div.searchBox .areaBox th		{ vertical-align: top; padding: 4px 5px 3px 10px; }
div.searchBox .areaBox td		{ vertical-align: top; padding: 3px 10px 3px 0px; }

div.searchBox .kamokuBox		{ width: 499px; height: 265px; padding: 1px 0px 0px; }
div.searchBox .kamokuBox h3		{ width: 499px; height: 37px; }
div.searchBox .kamokuBox .dataBox	{ background: url(/doctor/img/search_bg04.gif); width: 487px; height: 222px; padding: 0px 6px 6px; }
div.searchBox .kamokuBox .dataBox ul{ background: #FFF; width: 457px; height: 202px; padding: 10px 15px; }
div.searchBox .kamokuBox .dataBox li{ background: url(/doctor/img/kamoku_arrow.gif) no-repeat 0% 40%; padding: 0px 0px 3px 13px; float: left; width: 100px; text-align: left; }

div.searchBox .freewordBox	{ width: 710px; height: 40px; padding: 1px 0px 0px; }
div.searchBox .freewordBox h3	{ width: 242px; height: 40px; float: left; }
div.searchBox .freewordBox form	{ background: url(/doctor/img/search_bg03.gif); width: 458px; height: 30px; float: left; padding: 10px 5px 0px 5px; margin: 0px; }
div.searchBox .freewordBox .inputBox		{ width: 330px; float: left; }
div.searchBox .freewordBox .inputBox input	{ width: 330px; }
div.searchBox .freewordBox .searchBt		{ width: 119px; height: 21px; float: right; }


div.clientSearch{ width: 214px; float: left; padding: 0px 0px 0px 0px; }
div.clientSearch h3	{ width: 214px; height: 34px; }
div.clientSearch .dataBox	{ background: url(/doctor/img/sub_box_bg.gif) repeat-y; width: 194px; padding: 8px 10px 7px; }
div.clientSearch .dataBox input	{ width: 164px; height: 21px; margin: 8px auto 0px; }
div.clientSearch .dataBox select{ width: 190px; }
div.clientSearch .btmBar	{ background: url(/doctor/img/sub_box_btm.gif) no-repeat; width: 214px; height: 5px; font-size: 0px; line-height: 0px; }