@charset "shift_jis";
/* CSS設定目次　---

基本表示設定

0.初期設定
1.ヘッダー
2.パンくず
3.右カラム
4.フッター
5.アイコン
6.notfound
7.NewsContents

--- CSS設定目次 */

/* ---　0.初期設定　ここから　--- */
*{
margin: 0;
padding: 0;
list-style:none;
font-size:100%;
}

img{
border:none;
} 

span.sitecatalyst{
display:none;
}

/* --- 全体の背景・テキスト --- */
body {
background : #FFF;
color : #333333;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
font-size:12px;
line-height:120%;
}

/* ---フォントサイズ可変　IE6用 --- */
*html body{
font-size:75%;
}

/* ---フォントサイズ可変　IE7用 --- */
*:first-child+html body{
font-size:75%;
}

a:link{
color: #0066CC;
text-decoration:none;
}

a:visited {
color: #6666CC;
text-decoration:none;
}

a:hover {
color: #6699FF;
text-decoration: underline;
}

/* --- フッター下表示 --- */
html, body {
height: 100%;
margin:0;
padding:0;
}

body > #container{
height: auto;
}

* hmtl div#container{
height:100%;
}

#contents {
clear: both;
width: 780px;
margin: 20px auto;
overflow: auto;
}

#container 	{
position: relative;
clear: both;
width: 940px;
height: 100%;
min-height: 100%;	
margin: 0 auto;
}

#main_container {
float:right;
width: 940px;
}


/* ---　0.初期設定　ここまで　--- */

/* ---　1.ヘッダー　ここから　--- */
#header {
clear: both;
width : 940px;
height: 86px;
padding : 0;
margin: 0 auto;
background:#FFFFFF;
border-bottom:5px solid #2978BD;
overflow: hidden;
}

#header span{
display:none;
}

#wrapper_header_top {
clear: both;
width: 940px;
height: 43px;
}

#logo_main{
float: left;
clear: left;
width: 170px;
height: 30px;
margin-top: 10px;
}
/*発見会社ロゴ色分け*/
div.resocia_logo{ background:url(../images/resocia_logo.gif) no-repeat;}

#logo_main a {
float:left;
display: block;
width: 170px;
height: 30px;
}

#wrapper_header_right {
float: right;
clear: right;
height: 17px;
width: 378px;
}

#text_header_top {
float: left;
clear: left;
height: 17px;
width: 252px;
background: url(../images/text_header_top.jpg) no-repeat;
}
	 
#wrapper_btn_header_small {
float: right;
clear: right;
height: 17px;
width: 126px;
}

#wrapper_btn_header_small li {
display: block;
list-style-type: none;
float: left;
height: 17px;
width: 42px;
background-position: 0 ;
background-repeat: no-repeat;
text-decoration: none;
}

#wrapper_btn_header_small li a {
display: block;
height: 17px;
width: 42px;
text-decoration: none;
}

#btn_header_small_kyoiku {
background: url(../images/btn_header_small_kyoiku.jpg);
}

#btn_header_small_jinzai {
background: url(../images/btn_header_small_jinzai.jpg);
}

#btn_header_small_kaigo {
background: url(../images/btn_header_small_kaigo.jpg);
}

#wrapper_header_center {
clear: both;
width: 940px;
height: 46px;
}

#wrapper_header_center_right {
float: left;
clear: left;
width: 701px;
height: 43px;
}

h1 {
clear: both;
width: 701px;
height: 19px;
font-size: 10px;
font-weight:normal;
}

#cus_catch{
float:left;
margin:25px 0 0 25px;
font-size:10px;
}

/* ヒューマンロゴ*/
#logo_human {
display: block;
float: right;
clear: right;
width: 96px;	
height: 38px;		
background: url(../images/logo_human.jpg) no-repeat;
margin:5px 0 0 0;
}

#logo_human a {
display: block;
width: 96px;
height: 38px;
text-decoration: none;
}

/* ---　1.ヘッダー　ここまで　--- */


/* --- 2.パンくず　ここから　--- */
#bcListBox {
float:left;
width: 938px;
height: 26px;
margin-bottom:14px;
border: #CCC 1px solid;
background: #FFF;
font-size: 10px;
}

ol#bcList{
float:left;
width:621px;
padding: 6px 0 6px 10px;
}

ol#bcList li{
display: inline;
}

ol#bcList li.crumb{
padding: 0 0 0 10px;
background: url(../images/bcList_arrow.gif) no-repeat -1px;
}

/*ヘルプ枠*/
#hpListBox {
float:right;
width: 306px;
height: 26px;
}

/*お気に入り*/
#bookmark{
float:left;
width:102px;
height:20px;
margin:3px 0 0;
}

#bookmark span{
display:none;
}

#bookmark a,#bookmark a:hover{ 
display:block; 
width:102px; 
height:20px;
background: url(../images/bookmark.gif) no-repeat;
}


/*ヘルプ*/
#help_t{
float: left;
width:44px; 
height:20px;
margin:3px 7px 0 7px;
}

#help_t span{
display:none;
}

#help_t a,#help_t a:hover{ 
display:block; 
width:44px; 
height:20px;
background: url(../images/help.gif) no-repeat;
}

/*マイページログイン*/
#LoginBer{
display: block;
float: left;
width:110px; 
height:20px;
margin:3px 0 0 0;
background:url(../images/login_btn.jpg) no-repeat;
}

#LoginBer div.MyPageLogin{ 
float:left; 
width:110px; 
height:20px; 
}

#LoginBer div.MyPageLogin a{
display:block; 
width:110px;
height:20px; 
background:url(../images/login_btn.jpg) no-repeat;
}

#LoginBer div.MyPageLogin span{ 
display:none;
}
/* ---　2.パンくず　ここまで　--- */

/* --- 3.右カラム　ここから--*/
/* バナーエリア*/ 
div#LeftNavi div#LNBn{
width:168px;
text-align:center;
padding-bottom:20px;
}

div#LNBn img{
margin:5px auto;
}
/* --- 右カラムbox設定--- */
#Rcolumn_box{
width: 152px;
margin:0 0 0 7px;
padding:0 0 10px 0;
border-bottom:#CCC 1px solid;
}
	
/* --- 右カラムbox一番下はこれ--- */	
#Rcolumn_box_bottom{
width: 152px;
margin:14px 0 30px 7px;
}

/* --- リスト設定（お役立ち情報など）--- */	
ul.servant_info{
width: 146px;
margin: 2px 0 0 6px;
padding:2px 0 0 0;
list-style: none outside;
}
	
li.list_title{
list-style-type: none;
padding: 4px 0 4px 0px;
}

li.info{
list-style-type: none;
padding: 4px 0 4px 12px;
background: url(../images/marker_right.gif) no-repeat 0 6px;
}

.servant_info li a{
color:#0066CC;
text-decoration: none;
}

.servant_info li a:hover{
color:#003399;
text-decoration:underline;
}

li.servant_seo {
list-style-type:none;
font-size:10px;
}
/* --- 3.右カラム　ここまで--*/

/* -------------------------------------------------------

   1-6.Footer
   
------------------------------------------------------- */


/*ヒューマンリソシアの拠点一覧*/
#footer {
	margin: 0 auto;
	width: 940px; 
	voice-family: "\"}\"";
	voice-family: inherit;
	clear:both;
}

#footer_bases{
	padding:10px;
	background:#efefef;
	font-size: 10px;
}

#footer_bases
li{
	font-size:10px;
	display:inline;
	border-right:#999999 solid 1px;
	padding:0 6px 0 0;
	margin:0px 6px 0 0;
	zoom:1;
	line-height: 13px;
}

/*ヒューマンリソシアの人材部門*/
#footer_resocia{
	padding:10px;
	background:#efefef;
	font-size: 10px;
}

#footer_resocia
li{
	font-size:10px;
	display:inline;
	border-right:#999999 solid 1px;
	padding:0 6px 0 0;
	margin:0px 6px 0 0;
	zoom:1;
	line-height: 15px;
}

/*ヒューマングループサイト*/
#footer_group{
	padding:0 10px 10px 10px;
	margin:0 auto;
	background:#efefef;
	font-size: 10px;
}

#footer_group
ul{
	display:inline;
}

#footer_group
li{
	font-size:10px;
	display:inline;
	border-right:#999999 solid 1px;
	padding:0 6px 0 0;
	margin:0px 6px 0 0;
	zoom:1;
	line-height: 15px;
}

#footer_group
li
a.popup{
	padding:0 18px 2px 0;
	background: url(../images/ic_popup.gif) no-repeat center right;
	display:inline-block;
	vertical-align:middle;
}

/*フッターメニュー*/
#footer_menu {
	padding:2px 5px 3px 5px;
	margin:5px auto 0 auto;
	background:#ccc;
}

#footer_menu
li {
	font-size:10px;
	display:inline;
	border-right:#999999 solid 1px;
	padding:0 6px 0 0;
	margin:0px 6px 0 0;
	zoom:1;
	line-height: 15px;
}

#footer_menu
li
a.popup{
	padding:0 18px 2px 0;
	background: url(../images/ic_popup.gif) no-repeat center right;
	display:inline-block;
	vertical-align:middle;
}

/*CopyRight*/
#footer_bottom {
	margin:0;
	text-align:left;
	width: 100%;
	clear:both;
}

#logo_human_footer a {
	float:left;
	width: 59px;
	height:18px;
	background-image:url(../images/copy_logo.gif);
	background-repeat:no-repeat;
	background-position: 0 5px;
	margin-bottom: 10px;
}

#copyright_footer a {
	width: 297px;
	height:18px;
	float:left;
	background-image:url(../images/copyright.gif);
	background-repeat:no-repeat;
	margin-bottom: 10px;
	background-position: 0 1px;
}

#about-human_footer {
	width: 51%;
	float:right;
	font-size: 10px;
	margin-top: 5px;
	text-align:right;
	margin-bottom: 10px;
}



/* --- 5.アイコン　 --- */
/*pdf右アイコン表示 */
.pdf_icon ul  {
text-align : right;
}

.pdf_icon ul li {
display : inline;
margin-right : 3px;
} 

.pdf_icon ul li.list  {
background:url(../images/marker_right.gif) no-repeat 0 2px;
padding-left : 10px;
}

a.pdf_icon {
padding:2px 18px 2px 0;
background: url(../images/ic_pdf.gif) no-repeat right;
}


/*popup右アイコン表示 */
.popRight ul  {
text-align : right;
}
.popRight ul li {
display : inline;
margin-right : 3px;
} 
.popRight ul li.list  {
background:url(../images/marker_right.gif) no-repeat 0 2px;
padding-left : 10px;
}
a.popRight {
padding:2px 18px 2px 0;
background: url(../images/ic_popup.gif) no-repeat right;
}
	 
/*別ウィンドウ右アイコン表示 */				 
a.popup {
padding:0 18px 2px 0;
background: url(../images/ic_popup.gif) no-repeat center right;
display:inline-block;
vertical-align:text-top;
line-height:120%;
}

/*左(＞)表示アイコン 背景しろ リスト用*/
.markerlst li{
line-height:170%;
padding:0 5px 0 15px;
background:url(../images/marker_right.gif) no-repeat 1px 2px;
}

/*左(＞)表示アイコン 背景しろ */
a.marker{
padding:2px 0 0 12px;
background:url(../images/marker_right.gif) no-repeat left ;
line-height:170%;
}

/*左(＞)表示アイコン (3カラムright_navi背景水色) */
a.marker_right{
padding:2px 0 0 12px;
background:url(../images/right_marker.gif) no-repeat left ;
line-height:170%;
}

/*左(＞)表示アイコン グレー（リンクが無い時） リスト用*/
.markerlst_gray li{
line-height:170%;
padding:0 5px 0 15px;
background:url(../images/marker_right_g.gif) no-repeat 1px 2px;
}

/*-----------------------------------
 　　　カテゴリーのリスト設定
 ----------------------------------  */	  	   
	
/* ページの先頭に戻るの設定 */			   
.back_to_top ul  {
text-align : right;
margin:5px 0 15px 0;
}

.back_to_top ul li {
display : inline;
} 

.back_to_top ul li.list  {
background:url(../images/arrow_back_to_top.gif) no-repeat left center;
padding:2px 0 0 18px;
}

/* ページの下に下りる設定  p.back_to_lowerとセットで*/			   
a.back_to_lower{             
padding:0 0 0 18px;
background: url(../images/arrow_lower_to_next.gif) no-repeat 0 2px;
}	

p.back_to_lower{			 
margin:5px 0;
text-align:right;
}

/* フリーコール*/		
.freecall li{
margin:5px 0 0 5px;
padding:5px 0 5px 35px;
background:url(../images/freecall.gif) no-repeat;
font-size:14px;
}
/* --- 5.アイコン　ここまで --- */

/* --- 6.notfound　 --- */

#notfound{
width:714px;
height:100px;
}

#notfound p{
padding:20px 0 0 0;
font-size:16px;
font-weight:bold;
}

#notfound img{
float:left;
padding-right:20px;
}

#sitemap{
width:712px;
}

#sitemap p{
height:20px;
padding:0 0 5px 0;
font-size:14px;
}

#sitem{
width:714px;
text-align:left;
color:#333333;
}

/*box↓*/

#sitem .boxleft,#sitem .boxright{
float:left;
width:310px;
margin-left:20px;
}

*html #sitem .boxleft, *html #sitem .boxright{
float:left;
width:310px;
margin-left:20px;
}

/*box↑*/

#sitem .boxleft b, #sitem .boxright b{
padding-top:20px;
display:block;
}

#sitem ul,#sitem li{
list-style-type:none;
line-height:1.5em;
}

#sitem .midashi{
width:700px;
padding:5px 0 3px 5px;
margin-bottom:10px;
border:dotted #CCCCCC 2px;
font-size:14px;
font-weight:bold;
}

#sitem .online{
margin-left:15px;
}

/* --- 6.notfound　ここまで　 --- */


/* --- NewsContents --- */
.NewsContents {
	margin: 0 0 10px 0;
	padding: 0;
}

.NewsContents h2 {
	font-size: 18px;
	margin: 10px 0 20px;
	padding: 0;
	text-align: center;
}

.NewsContents h3 {
	margin: 15px 0 6px 0;
	padding: 0;
}

.NewsContents p {
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

.NewsContents p.News_indent {
	margin-left: 10px;
	line-height: 1.6;
}

.NewsContents p.News_TopMargin {
	margin-top: 10px;
}

.NewsContents p.login_Block {
	margin: 0 0 10px 456px;
}

.News_tableBox {
table-layout: fixed;
width: 600px;
border-collapse: collapse;
border: solid 1px #666;
margin: 10px;
}

.News_tableBox td {
border-bottom: solid 1px #666;
border-left: solid 1px #666;
padding: 10px;
}

.News_tableBox td.bg_Arrow {
	background: url(../images/arrow02.gif) 260px center no-repeat; 
}

a.marker{
	padding:2px 0 0 10px;
	background:url(../images/arrow01.gif) no-repeat left ;
	line-height:170%;
}

.NewsContents .addressBox {
	width: 570px;
	margin: 15px 10px;
	padding: 15px;
	border: 1px solid #999;
}

.newsBox_bottom {
	clear: both;
	height: 10px;
}