@charset "UTF-8";


/* -----------------------------------------------
 [1] searchCondition
 [2] pager
 [3] update
 [4] searchResult
 [5] lightwindow_contents
 [6] filterSearch
------------------------------------------------ */


/* [1] searchCondition
------------------------------------------------ */

div#searchCondition {
	margin:0 0 12px 0;
	padding:0 0 10px 0;
	background-color:#F6F6F6;
}

/* ----- div#searchCondition dl ----- */

div#searchCondition dl {
	margin:0;
}

div#searchCondition dl:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* for IE7 */

*+html body div#searchCondition dl {
	display:inline-block;
}

div#searchCondition dl dd {
	font-size:65%;
}

div#searchCondition dl dd a {
	margin-left:8px;
	padding-right:18px;
	background:url(/plus_images/images/button/button-plus.gif) no-repeat center right ;
	float:right;
}

div#searchCondition dl dd#searchConditionCategory {
	width:500px;
	float:left;
}

div#searchCondition dl dd#searchConditionCategory span {
	margin:0 0 0 12px;
	padding:2px 4px;
	border:1px dotted #949494;
	display:block;
	background-color:#FFFFFF;
}

div#searchCondition dl dd#searchConditionArea {
	width:256px;
	float:left;
}

div#searchCondition dl dd#searchConditionArea span {
	margin:0 0 0 12px;
	padding:2px 4px;
	border:1px dotted #949494;
	background-color:#FFFFFF;
	display:block;
}

div#searchCondition dl dd#searchConditionOthers {
	width:256px;
	float:left;
}

div#searchCondition dl dd#searchConditionOthers span {
	margin:0 0 0 12px;
	padding:2px 4px;
	border:1px dotted #949494;
	background-color:#FFFFFF;
	display:block;
}


div#searchCondition dl dd#searchConditionServiceCategory {
	width:500px;
	float:left;
}

div#searchCondition dl dd#searchConditionServiceCategory span {
	margin:0 0 0 12px;
	padding:2px 4px;
	border:1px dotted #949494;
	display:block;
	background-color:#FFFFFF;
}

div#searchCondition dl dd#searchConditionJobType {
	width:256px;
	float:left;
}

div#searchCondition dl dd#searchConditionJobType span {
	margin:0 0 0 12px;
	padding:2px 4px;
	border:1px dotted #949494;
	background-color:#FFFFFF;
	display:block;
}

div#searchCondition dl dd#searchConditionKeyword {
	width:768px;
}

div#searchCondition dl dd#searchConditionKeyword span {
	margin:0 12px;
	padding:2px 4px;
	border:1px dotted #949494;
	display:block;
	background-color:#FFFFFF;
}


/* ----- div#searchCondition ul ----- */

div#searchCondition ul {
	margin:0 auto;
	list-style-type:none;
	width:744px;
}

div#searchCondition ul:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* for IE7 */

*+html body div#searchCondition ul {
	display:inline-block;
}

div#searchCondition ul li {
	margin:0;
	padding:0;
	text-indent:0;
	background-color:transparent;
	background-image:none;
}

div#searchCondition ul li#searchDisplaySwitch {
	width:360px;
	float:left;
	text-align:left;
}

div#searchCondition ul li#addSearchCondition {
	width:360px;
	float:right;
	text-align:right;
}

div#searchCondition ul li#addSearchCondition a {
	padding-right:18px;
	background:url(/plus_images/images/button/button-plus.gif) no-repeat center right ;
}


/* [2] pager
------------------------------------------------ */

div#mainContents div.pager {
	margin:0 0 12px 0;
	width:100%;
}

div#mainContents div.pager ul {
	margin:0 0 8px 0;
	list-style-type:none;
}

div#mainContents div.pager ul:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* for IE7 */

*+html body div#mainContents div.pager ul {
	display:inline-block;
}

div#mainContents div.pager ul li {
	margin:0;
	padding:0;
	text-indent:0;
	background-color:transparent;
	background-image:none;
}

div#mainContents div.pager ul li.numberOfCases {
	margin:0;
	width:240px;
	float:left;
}

div#mainContents div.pager ul li.displaySwitch {
	margin:0;
	width:180px;
	float:left;
}

div#mainContents div.pager ul li.pageLink {
	margin:0;
	width:300px;
	float:right;
	text-align:right;
}


/* [3] update
------------------------------------------------ */

div#mainContents dl.update {
	text-align:right;
}

div#mainContents dl.update dt {
	display:inline;
}

div#mainContents dl.update dd {
	display:inline;
}


/* [4] searchResult
------------------------------------------------ */

div#mainContents div.searchResult {
	margin:0 0 16px 0;
	border:1px solid #C5C5C5;
}

div#mainContents div.searchResult dl dt {
	padding:8px 8px;
	background:#F4F4F4 url(/plus_images/images/background/bg-jobInformation-dt.gif) repeat-x top left;
	border-bottom:1px solid #C5C5C5;
	font-size:90%;     /*  14px  */
	font-weight:bold;
}

div#mainContents div.searchResult dl dt span {
	display:block;
	font-weight:normal;
	font-size:86%;     /*  12px (0.9 x 0.86 = 0.77 => 78% )   */
}

div#mainContents div.searchResult dl dd dl dt {
	padding:0;
	border-bottom:none;
	background-color:#FFFFFF;
	background-image:none;
	font-weight:bold;
	font-size:100%;     /*  reset  */
}

div#mainContents div.searchResult dl dd.iconSection ,
div#mainContents div.searchResult dl dd.textSection ,
div#mainContents div.searchResult dl dd.simpleDisplayTextSection {
	margin:8px auto;
	width:742px;
}

div#mainContents div.searchResult dl dd.buttonSection {
	margin:0 auto 3px;
	width:760px;
	background-color:#F4F4F4;
}

/* ----- section clearfix ----- */

div#mainContents div.searchResult dl dd.iconSection:after ,
div#mainContents div.searchResult dl dd.textSection:after ,
div#mainContents div.searchResult dl dd.buttonSection:after ,
div#mainContents div.searchResult dl dd.simpleDisplayTextSection:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* for IE7 */

*+html body div#mainContents div.searchResult dl dd.iconSection ,
*+html body div#mainContents div.searchResult dl dd.textSection ,
*+html body div#mainContents div.searchResult dl dd.buttonSection ,
*+html body div#mainContents div.searchResult dl dd.simpleDisplayTextSection {
	display:inline-block;
}

/* ----- iconSection ----- */


div#mainContents div.searchResult dl dd.iconSection p {
	width:476px;
	margin:0;
	float:left;
	font-size:100%;     /*  reset  */
}

div#mainContents div.searchResult dl dd.iconSection ul {
	width:252px;
	text-align:right;
	float:right;
}

div#mainContents div.searchResult dl dd.iconSection ul li {
	margin-left:1px;
	display:inline;
	background-image:none;
}

/* ----- textSection ----- */


div#mainContents div.searchResult dl dd.textSection dl.textSectionImage {
	width:240px;
	float:left;
	font-size:83%;     /*  10px (0.78 x 0.83 = 0.64 => 65% )  */
}

div#mainContents div.searchResult dl dd.textSection dl.textSectionImage dt ,
div#mainContents div.searchResult dl dd.textSection dl.textSectionImage dd {
	margin:0;
	padding:0;
}

div#mainContents div.searchResult dl dd.textSection dl.textSectionText {
	width:484px;
	float:right;
}

div#mainContents div.searchResult dl dd.textSection dl.textSectionText dt.textSectionTextCatch {
	padding:0 0 8px 12px;
	border:none;
	width:auto;
	text-indent:0;
	float:none;
}

div#mainContents div.searchResult dl dd.textSection dl.textSectionText dd.textSectionTextLead {
	margin:0;
	padding:8px 12px;
	border-top:1px dashed #949494;
}

div#mainContents div.searchResult dl dd.textSection dl.textSectionText dt {
	margin:0;
	padding:8px 0;
	border-top:1px solid #DFDFDF;
	width:80px;
	float:left;
	clear:left;
	text-indent:12px;
}

div#mainContents div.searchResult dl dd.textSection dl.textSectionText dd {
	margin:0 0 0 80px;
	padding:8px 0;
	border-top:1px dotted #DFDFDF;
}

/* ----- buttonSection ----- */

div#mainContents div.searchResult dl dd.buttonSection ul {
	margin:0 auto;
	padding:8px 0 6px;
	width:742px;
	line-height:1;
	text-align:right;
}

div#mainContents div.searchResult dl dd.buttonSection ul li {
	margin:0 0 0 12px;
	padding:0;
	display:inline;
	line-height:1.4;
	font-size:100%;     /*  reset  */
	background-image:none;
	background-color:transparent;
}

div#mainContents div.searchResult dl dd.buttonSection ul li img {
	margin:0;
	padding:0;
	display:inline;
	line-height:1.4;
	vertical-align:middle;
}

/* ----- simpleDisplayTextSection ----- */

div#mainContents div.searchResult dl dd.simpleDisplayTextSection dl {
	float:left;
	width:550px;
}

div#mainContents div.searchResult dl dd.simpleDisplayTextSection ul {
	float:right;
	width:150px;
}

div#mainContents div.searchResult dl dd.simpleDisplayTextSection dl dt {
	margin:0;
	padding:8px 0;
	border-top:1px solid #DFDFDF;
	float:left;
	width:80px;
	clear:left;
	text-indent:12px;
}

div#mainContents div.searchResult dl dd.simpleDisplayTextSection dl dd {
	margin:0 0 0 80px;
	padding:8px 0;
	border-top:1px dotted #DFDFDF;
}


div#mainContents div.searchResult dl dd.simpleDisplayTextSection ul {
	margin:58px 0 0 12px;
	list-style-type:none;
}

div#mainContents div.searchResult dl dd.simpleDisplayTextSection ul li {
	margin:0;
	padding:6px 0;
	text-indent:2em;
	background:#FFFFFF url( /plus_images/images/icon/plus/icon-list.gif) no-repeat 8px 12px ;
	font-size:100%;     /*  reset  */
}

/* ----- div#suggestionList ----- */

div#mainContents div#suggestionList {
	background-color:#F3F7FA;
	border:2px solid #BFD0E0;
	background-image:url(/plus_images/images/background/bg-borderDotted.gif);
	background-position:0px 24px;
	background-repeat:repeat-x;
	margin-top:20px;
	padding-left:8px;
}

div#mainContents div#suggestionList h3 {
	background: url(/plus_images/images/background/bg_suggestionListTop.gif);
	background-repeat:no-repeat;
 	padding-top:18px;
	margin-bottom:0 !important;
	margin-right:10px;
	position:relative;
	top:-13px;
}

div#mainContents div#suggestionList ul{
	float:none;
	clear:left;
	margin-bottom:6px;
}

div#mainContents div#suggestionList li {
	background-position: 0px 9px;
	text-indent:1.2em;
	background-color:#F3F7FA;
}

div#mainContents div#suggestionList p {
	font-size:70%;
	padding-bottom:3px;
	margin-bottom:0;
}


/* ----- otherSiteLink ----- */

div#mainContents  div#otherSiteLink {
	margin:16px 0;
	list-style-type:none;
}

div#mainContents  div#otherSiteLink:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* for IE7 */

*+html body div#mainContents div#otherSiteLink {
	display:inline-block;
}

div#mainContents div#otherSiteLink dl {
	margin:0;
	padding:0;
	border:1px solid #C5C5C5;
	width:220px;
/*	float:right;*/
	text-indent:0;
	background:#E6E6E6 url( /plus_images/images/background/bg-otherSiteLink.gif ) repeat-x 0 0;
}

div#mainContents div#otherSiteLink dl dt {
	margin:0 auto;
	padding:0;
	width:200px;
}

div#mainContents div#otherSiteLink dl dd {
	margin:2px auto 6px;
	padding:0 0 0 26px;
	background:transparent url( /plus_images/images/icon/plus/icon-list.gif) no-repeat 12px 5px ;
}




div#mainContents div#otherSiteLink{
margin-bottom:0;
}

div#mainContents div#otherSiteLink dl{
margin-right:10px;
}


/* [5] noticeMail
------------------------------------------------ */

dd#noticeMailSearchCondition {
	color:#7E7E7E;
	width:146px;
	padding:2px 4px;
	border:1px dotted #C7C7C7;
	background-color:#FFFFFF;
}

dd#noticeMailSearchCondition strong {
	color:#474747;
	font-weight:normal;
}

dd#noticeMailPrivacy{
	color:#7E7E7E;
	height:68px;
	width:146px;
	padding:2px 4px;
	overflow:auto;
	background-color:#FFFFFF;
	border:1px solid #C7C7C7;
}

dd#noticeMailButton {
	margin:10px 0;
}

dd.error {
	margin:0 0 12px;
	padding:0;
	color:#CC0033;
	font-weight:bold;
}

div#subContents div#browseHistory dl {
	padding:8px 0 2px;
}

div#subContents div#browseHistory dl dt {
	margin:0 0 2px 0;
}

div#subContents div#browseHistory dl dd {
	margin:0 0 6px 0;
	padding:0 0 6px 0;
border-bottom:1px solid #DEDEDE;
}

div#subContents div#browseHistory ul {
	width:156px;
	margin:0 auto 18px;
	list-style-type:none;
}

div#subContents div#browseHistory ul li {
	margin:0 0 4px 0;
	text-align:right;
}

div#subContents div#browseHistory ul li#historyListLink a {
	margin:0;
	padding:4px 0 4px 20px;
	background:transparent url( /plus_images/images/icon/icon-table.gif) no-repeat 0 2px ;
}

div#subContents div#browseHistory ul li#historySetting a {
	margin:0;
	padding:4px 0 4px 20px;
	background:transparent url( /plus_images/images/icon/icon-setting.gif) no-repeat 0 2px ;
}

div#subContents div#browseHistory p#historyStatus {
	width:156px;
	padding:0;
	border:1px dotted #C7C7C7;
	background-color:#FFFFFF;
	color:#7E7E7E;
}

div#subContents div#browseHistory p#historyStatus span {
	width:146px;
	margin:4px auto;
	display:block;
}

div#subContents div#browseHistory p#historyStatus strong.on {
	font-weight:bold;
	color:#6699CC;
}

div#subContents div#browseHistory p#historyStatus strong.off {
	font-weight:bold;
	color:#CC6666;
}


/* [5] lightwindow_contents
------------------------------------------------ */

div#lightwindow_contents h2 {
	margin:0 0 12px 0;
	padding:0;
	border:1px solid #DEDEDE;
	width:auto;
	text-indent:0;
	text-align:center;
	line-height:1.3;
}

div#lightwindow_contents dl ,
div#lightwindow_contents ul {
	margin:0;
	width:auto;
	line-height:1.3;
	list-style-type:none;
}

div#smallCategorySearch h3 {
	margin-top:18px;
}

div#smallCategorySearch dl {
	margin:0 0 12px 0;
}

div#lightwindow_contents dl dt ,
div#smallCategorySearch dl dt {
	margin:0;
	padding:6px 0;
	font-weight:bold;
	text-indent:1em;
	background:#F3F3F3 url(/plus_images/images/categorySearch-bg-dt.gif) repeat-x top left;
}

div#lightwindow_contents dl dd ,
div#smallCategorySearch dl dd ,
div#lightwindow_contents ul li {
	margin:0;
	padding:6px 0;
	text-indent:2em;
	background: url( /plus_images/images/icon/plus/icon-list.gif) no-repeat 8px 10px ;
	border-bottom:1px solid #DEDEDE;
}

div#lightwindow_contents dl dd select ,
div#lightwindow_contents dl dd input ,
div#lightwindow_contents ul li select ,
div#lightwindow_contents ul li input {
	visibility:visible!important;
	border:1px solid #DEDEDE;
	line-height:1.3;
}

div#lightwindow_contents p {
	margin:12px 0;
	padding:0;
	width:auto;
	text-align:center;
	line-height:1.3;
}