/******************
　共通スタイル
******************/

.left {
	float:left;
}

.right {
	float:right;
}





h1 {
	margin:0 0 15px 0;
	font-size:110%;
	padding:1em;
	border-bottom:1px solid #C5C5C5;
}

h2 {
	font-size:100%;
	border-bottom:1px dotted #666;
	margin-left:0.5em;
}

h3 {
	font-size:90%;
	margin-left:0.5em;
}

p,li,dt,dd{
	font-size:90%;
}

p{
	margin-left:1em;
}

dt{
	margin:5px 0 5px 1.5em;
}

ul.list li{
	list-style-type:square;
}

li {
	margin-bottom:0.3em;

}
dd {
	margin-bottom:1em;
}


#offerDetail table,
.table{
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-top:5px;
	margin-left:10px;
    margin-bottom:1em;

}

#offerDetail table th,
.table th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
	vertical-align:top;
	font-size:90%;
}

#offerDetail table td,
.table td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
	vertical-align:top;
	font-size:90%;
}


.mes01 {
	margin-top:15px;
	background:#F7F9A7;
	font-weight:bold;
}
.mes01 p{
	margin:0;
	padding:15px;
	color:#561708;
}

.category_navigation{
	margin-top:40px;
	padding-bottom:30px;
	text-align:center;
}


.optspan span{
	color:#888;
	font-size:80%;
	margin-left:10px;	
}
/******************
　ヘッダー
******************/


#logo {
	line-height:0;
	text-indent:-9999px;
	display:block;
	margin:0;
	padding:0;
	width:233px;
	height:35px;
	background:url(/_/img/main-image.gif) no-repeat;
	float:left;
	margin-top:20px;
	border:none;
}

.header-area {
	background:url(/_/img/bg-header.gif) repeat-x;
	height:75px;
	_height:75px;
}
.image-area {
	background:url(/_/img/bg-iamgearea.gif) repeat-x;
	height:204px;
	margin-bottom:10px;
	clear:both;
}
.image-area .image-body{
	text-indent:-9999px;
	background:url(/_/img/image-toppage_main.gif) no-repeat;
	height:204px;
}



#phone-icon{
	display:block;
	float:right;
	text-indent:-9999px;
	width:138px;
	height:45.8px;
	background:url(/_/img/main-image.gif) no-repeat 0px -36px;
	margin-left:25px;
	margin-top:14px;
}

#mail-icon{
	display:block;
	float:right;
	text-indent:-9999px;
	width:135px;
	height:43px;
	background:none;
	margin-left:25px;
	margin-top:17px;
}
#mail-icon a{
	width:135px;
	height:43px;
	display:block;
	background:url(/_/img/main-image.gif) no-repeat 0 -84.7px;
}

#mail-icon a:hover{
	background-position:0 -130.7px;
}

#top-news {
	border:1px #acacac solid;
	padding:10px;
	margin-bottom:15px;
	background:url(/_/img/bg-top_news.gif) repeat-x bottom;
}

#top-news h2 {
	display:block;
	width:58px;
	height:17px;
	line-height:0;
	float:left;
	text-indent:-9999px;
	background:url(/_/img/image-toppage_font.gif) no-repeat;
	margin:0;
	padding:0;
}

#top-news ul {
	margin:0 0 0 70px;
	padding:0 0 0 8px;
	border-left:3px #829e22 solid;
}
#top-news li {
margin:0 0 7px 0;
padding:0;
font-size:12px;
}



.category-list,
#contents-list,
#service-list {
	border:4px solid #eee;
	background:url(/_/img/bg-top_block.gif);
	margin-bottom:15px;
}

.category-list-body,
.contents-list-body,
.service-list-body {
	border:1px solid #b7b7b7;
	padding:15px;
	background:url(/_/img/bg-top_block_2.gif) no-repeat;
}

.service-list-body h2,
.contents-list-body h2{
	line-height:0;
	margin:10px 0 10px 0;
	padding:0;
	text-indent:-9999px;
	border:none;
}

.service-list-body h2 a{
	display:block;
	height:19.8px;
	background:url(/_/img/image-toppage_font.gif) no-repeat 0 -24.1px;
}

.contents-list-body h2 a{
	display:block;
	height:19.8px;
	background:url(/_/img/image-toppage_font.gif) no-repeat 0 -48px;
}




.service-list-body .box,
.contents-list-body .box{
	border:1px solid #dddada;
	margin:10px;
	float:left;
}

.service-list-body .box dl,
.contents-list-body .box dl{
	width:210px;
	height:200px;
	background:#fff;
	margin:0;
	padding:0;
}


.service-list-body .box dt,
.contents-list-body .box dt{
	margin:0;
	padding:0;
}

.service-list-body .box dt a,
.contents-list-body .box dt a{
	display:block;
	background:url(/_/img/image-toppage_box.gif) no-repeat;
	height:121px;
	text-indent:-9999px;
}

.service-list-body .box dd,
.contents-list-body .box dd{
	margin:0;
	padding: 0 10px;
	font-size:11px;
}



.service-list-body .box .human_resources dt a{
	background:url(/_/img/image-toppage_box3.gif) no-repeat;
}


.box .replegal dt a{
	background-position:-210px 0px; 
}

.box .it dt a{
	background-position:-420px 0; 
}

.box .job dt a{
	background-position:-630px 0; 
}

.box .transfer dt a{
	background-position:-840px 0; 
}

.box .para_course dt a{
	background-position:-1050px 0; 
}

.box .management dt a{
	background-position:-1260px 0; 
}

.box .blog dt a{
	background-position:-1470px 0; 
}

.box .manual dt a{
	background-position:-1680px 0; 
}

.box .lawyerDB dt a{
	background:url(/_/img/image-toppage_box2.jpg) no-repeat -210px 0; 
}
.box .map dt a{
	background:url(/_/img/image-toppage_box2.jpg) no-repeat 0 0; 
}

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

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


#footer{
	clear:both;
}

#footer .submenu{
	margin-top:40px;
	padding-bottom:10px;
}

#footer .submenu p{
	text-indent:-9999px;
	line-height:0;
}
#footer .submenu p a{
	display:block;
	background:url(/_/img/main-image.gif) no-repeat -159px -201px;
}

#footer .submenu .members a{
	width:106px;
	height:29px;
	float:left;
	background-position:-159px -201px;
}
#footer .submenu .pagetop a{
	float:right;
	width:126.1px;
	height:12.5px;
	background-position:-5px -187.5px;
}


#footer .mainmenu {
	clear:both;
	border-top:1px dotted #666;
	margin-top:15px;
	padding-top:10px;
}
#footer .mainmenu ul{
	margin:0;
	padding:0;
}

#footer .mainmenu li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	line-height:0;
}

.mainmenu a{
	display:block;
	background:url(/_/img/main-image.gif) no-repeat;
	text-indent:-9999px;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:10px;
}

.mainmenu .minilogo a{
	width:151.4px;
	height:23.6px;
	margin-top:15px;
	background-position:0px -209px;
}

.mainmenu .top a{
	width:89px;
	height:14px;
	background-position:-150px -41px;
}

.mainmenu .service a{
	width:93px;
	height:14px;
	background-position:-150px -64px;
}

.mainmenu .contents a{
	width:78px;
	height:14px;
	background-position:-150px -87px;
}

.mainmenu .company a{
	width:71px;
	height:14px;
	background-position:-150px -112px;
}

.mainmenu .infomaition a{
	width:83px;
	height:14px;
	background-position:-150px -141px;
}






#footer .copyright{
	clear:both;
	width:420px;
	padding-top:10px;
	margin-left:160px;
}

.copyright .companyLOGO{
	text-indent:-9999px;
	float:left;
	margin-right:10px;
}

.copyright .companyLOGO a{
	display:block;
	width:150px;
	height:28px;
	background:url(/_/img/main-image.gif) no-repeat -145px -166px;
}

.copyright .text{
	margin:0;
	padding:0;
	padding-top:6px;
	font-size:10px;
	line-height:11px;
}

ul#relatedSITE{
	clear:both;
	margin:0;
	padding:0;
	text-align:center;
	margin-left:-10px;
	padding-bottom:30px;
}


#relatedSITE li{
	margin:0;
	padding:0;
	display:inline;
	font-size:12px;
	margin-left:10px;
}
#relatedSITE li a{
	color:#7A960A;
}

/**********************************
　　グローバルナビゲーション
**********************************/

#global {
	margin:10px 0 0 2px;
}

#global ul,
#global li{
	margin:0;
	padding:0;
}

#global ul li {
	width:149px;
	height:43px;
	float:left;
}

#global li a{
	display:block;
	width:149px;
	height:43px;
	text-indent:-9999px;
	background:url(/_/img/global.gif) no-repeat;
}

#global .top a{
	background-position:0px 0px
}
#global .service a{
	background-position:-149px 0px
}
#global .contents a{
	background-position:-298px 0px
}
#global .company a{
	background-position:-447px 0px
}
#global .contact a{
	background-position:-596px 0px;
	width:150px;	
}



#global .top a:hover{
	background-position:0px -43px
}
#global .service a:hover,
#global .service a.hover{
	background-position:-149px -43px
}
#global .contents a.hover,
#global .contents a:hover{
	background-position:-298px -43px
}
#global .company a.hover,
#global .company a:hover{
	background-position:-447px -43px
}
#global .contact a.hover,
#global .contact a:hover{
	background-position:-596px -43px
}
#global .hover{
	cursor:default;
}


/**********************************
　　カテゴリごとのメインイメージ
**********************************/

#category-image {
	clear:both;
	padding-top:10px;
}
#category-image h1{
	margin:0;
	padding:0;
	border:none;
}
#category-image .service {
	text-indent:-9999px;
	background:url(/_/img/category-image-service.gif) no-repeat;
	width:750px;
	height:140px;
}

#category-image .contents {
	text-indent:-9999px;
	background:url(/_/img/category-image-contents.gif) no-repeat;
	width:750px;
	height:140px;
}

/******************
　カテゴリ詳細ページのスタイル
******************/

.category-list{
	width:360px;
}

.category-list-body {
	background:none;
	height:210px;
	_height:250px;
	overflow:hidden;
}

.category-list h2{
	margin:0 0 10px 0;
	padding:0;
	line-height:0;
}


.category-list h2 a{
	display:block;
	text-indent:-9999px;
	width:320px;
	height:32px;
	background:url(/_/img/category-text-service.gif) no-repeat;
	margin-left:0px;
}

.category-list .paralegal a{
	background-position:0 0px;
}
.category-list .replegal a{
	background-position:0 -32px;
}
.category-list .it a{
	background-position:0 -64px;
}
.category-list .job a{
	background-position:0 -96px;
}
.category-list .transfer a{
	background-position:0 -128px;
}
.category-list .lawyerDB a{
	background-position:0 -160px;
}

.category-list .human_resource a{
	background-position:0 -192px;
}




.category-list .management a{
	background:url(/_/img/category-text-contents.gif) no-repeat;
}
.category-list .blog a{
	background:url(/_/img/category-text-contents.gif) no-repeat 0 -32px;
}
.category-list .manual a{
	background:url(/_/img/category-text-contents.gif) no-repeat 0 -64px;
}



.category-list p{
	margin:0;
	font-size:80%;
}
.category-list li{
	font-size:80%;
}



/**********************************
　　2カラムエリア
**********************************/

#two-column {
	clear:both;
	padding-top:20px;
}


#two-column .right{
	width:530px;
	float:right;
}

#two-column .left{
	width:190px;
	float:left;
}


/******************
　サイドバー
******************/

#two-column .left dt,
#two-column .left dd,
#two-column .left dl{
	margin:0;
	padding:0;
	line-height:100%;
}
#two-column .left dd a{
	display:block;
	border-top:1px dotted #C5C5C5;
	padding:7px 10px 7px 40px;
	line-height:150%;
	font-size:11px;
	background:url(/_/img/sidebar-list-image.gif) no-repeat 32px 12px;
}
#two-column .left dd a:hover,
#two-column .left dd a.hover{
	background:#ebebeb;
}
#two-column .left dt a{
	display:block;
	width:190px;
	height:70px;
	text-indent:-9999px;
	background:url(/_/img/sidebar-image.gif) no-repeat;
}
#two-column .left .service a{
	background-position:0 0px;
}
#two-column .left .contents a{
	background-position:0 -70px;
}
#two-column .left .company a{
	background-position:0 -140px;
}
#two-column .left .contact a{
	background-position:0 -210px;
}

#two-column .left .sb a{
	height:38px;
	background:url(/_/img/sidebar-image-mini.gif) no-repeat;
}
#two-column .left .ct a{
	height:38px;
	background:url(/_/img/sidebar-image-mini-contents.gif) no-repeat;
}

#two-column .left .sb01 a{
	background-position:0px 0px;}
#two-column .left .sb02 a{
	background-position:0px -38px;}
#two-column .left .sb03 a{
	background-position:0px -76px;}
#two-column .left .sb04 a{
	background-position:0px -114px;}
#two-column .left .sb05 a{
	background-position:0px -152px;}
#two-column .left .sb06 a{
	background-position:0px -190px;}

#two-column .left .sb07 a{
	background-position:0px -228px;}

#two-column .left .sb01 a.hover,
#two-column .left .sb01 a:hover{
	background-position:-190px 0px;}
#two-column .left .sb02 a.hover,
#two-column .left .sb02 a:hover{
	background-position:-190px -38px;}
#two-column .left .sb03 a.hover,
#two-column .left .sb03 a:hover{
	background-position:-190px -76px;}
#two-column .left .sb04 a.hover,
#two-column .left .sb04 a:hover{
	background-position:-190px -114px;}
#two-column .left .sb05 a.hover,
#two-column .left .sb05 a:hover{
	background-position:-190px -152px;}
#two-column .left .sb06 a.hover,
#two-column .left .sb06 a:hover{
	background-position:-190px -190px;}
#two-column .left .sb07 a:hover{
	background-position:-190px -228px;}


#two-column .left .ct a{
	height:38px;
	background:url(/_/img/sidebar-image-mini-contents.gif) no-repeat;
}

#two-column .left .ct01 a{
	background-position:0px 0px;}
#two-column .left .ct02 a{
	background-position:0px -38px;}
#two-column .left .ct03 a{
	background-position:0px -76px;}

#two-column .left .ct04 a{
	background-position:0px -114px;}

#two-column .left .ct01 a.hover,
#two-column .left .ct01 a:hover{
	background-position:-190px 0px;}
#two-column .left .ct02 a.hover,
#two-column .left .ct02 a:hover{
	background-position:-190px -38px;}
#two-column .left .ct03 a.hover,
#two-column .left .ct03 a:hover{
	background-position:-190px -76px;}
#two-column .left .ct04 a.hover,
#two-column .left .ct04 a:hover{
	background-position:-190px -114px;}









#two-column .left .end {
	border-top:1px solid #C5C5C5;
	height:30px;
}



.contents-line{
	background:url(/_/img/column-right-service.gif) repeat-x;
}

.contents-line.companyBG{
	background:url(/_/img/column-right-company.gif) repeat-x;
}

.contents-line.contentsBG{
	background:url(/_/img/column-right-contents.gif) repeat-x;
}

.contents-line.contactBG{
	background:url(/_/img/column-right-contact.gif) repeat-x;
}


/******************
　求人情報詳細
******************/

#job_title span{
	font-size:12px;
	font-weight:normal;
	display:block;
	color: #333333;
}


#offerDetail table th{
	width:150px;
}

#offerDetail table td {
}
#offerDetail table ul {
	margin:0;
}
#offerDetail table li {
	list-style-type:square;
}


.endmes {
	margin:0;
	padding:10px;
	background:#FDDFBB;
	border:1px solid #FF0000;
	text-align:center;
	font-weight:bold;
}

#offerDetail h3{
	background:#CCDF4B;
}

#offerDetail h3 span{
	margin:0 10px;
	padding:0 10px;
	color:#fff;
	background:#25401E;
}


/******************
　求人情報リスト
******************/

	table {
		border: 1px #E3E3E3 solid;
		border-collapse: collapse;
		border-spacing: 0;
		font-size:90%;
	}
	
	table th {
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		line-height: 120%;
	}
	table td {
		padding: 5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
	}



#offer_list {
	width:100%;
	margin-bottom:15px;
	border-color:#B8D943;
}

#offer_list .top th{
	width:auto;
	color:#ffffff;
	background:#B8D943;
}
#offer_list th{
	font-size:12px;
	width:90px;
}
#offer_list tr:hover th{
	background:#ff7902;
	color:#fff;
	cursor:pointer;
}

#offer_list tr.top:hover th{
	cursor: default;
}

#offer_list tr:hover td{
	background:#ffebe5;
	cursor:pointer;
}

#offer_list td{
	padding:1em;
}

#offer_list .even th{
	background:#d5e26e;
}

#offer_list .even td{
	background:#fdffee;
}


#offer_list h2{
	margin:0 0 0.5em 0;
}

#offer_list h2 a:hover{
	text-decoration:none;
	color:#FF6600;
}


/******************
　レップお問合せ
******************/

    #rep_contact {
		border:1px solid #588E0B;
		margin:25px 10px 10px 10px;
	}
    #rep_contact .wrap{
		border:4px solid #E4FFE7;
		padding:10px;
	}
	#rep_contact img{
		width:217px;
		height:31px;
		float:left;
	}
	#rep_contact a{
		float:right;
		text-indent:-9999px;
		display:block;
		background:url(/_/img/mail-image.gif) no-repeat;
		width:203px;
		height:49px;
	}
	#rep_contact a:hover{
		background-position:0 -49px;
	}