@charset "utf-8";
/********************************************************/
/* 全体の初期化                                         */
/********************************************************/
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0px;
	padding:0px;
}
/********************************************************/
/* 文字装飾                                             */
/********************************************************/
/* 文字：通常（文字色はbodyで一括設定） */
p {
	font-size:75%;
	line-height:1.5em;
}
/********************************************************/
/* 余白・位置                                           */
/********************************************************/
/* 位置 */
.center {text-align:center !important;}
.right {text-align:right !important;}
.left {text-align:left !important;}

/* 余白 */
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}

.mt15 {margin-top:15px;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}

.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}
.mt2 {margin-top:2px;}
.mr2 {margin-right:2px;}
.mb2 {margin-bottom:2px;}
.ml2 {margin-left:2px;}

.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}

/* 線非表示 */
.tborder_none{border-top:none !important;}
.rborder_none{border-right:none !important;}
.bborder_none{border-bottom:none !important;}
.lborder_none{border-left:none !important;}

/********************************************************/
/* その他                                               */
/********************************************************/
/* 回り込みのクリア */
.clear {
  clear:both;
  overflow: hidden;
  display:block;
  font-size:0px;
  margin:0;
  padding:0;
  border:0;
  line-height:0;
}

/* 情報グルーピング用の区切り線 */
hr {display:none;}

/* 文字：リンク（文字色はここでで設定） */
a {
	color:#063666;
	text-decoration:underline;
}

a:hover {
	color:#0000CC;
	text-decoration:none;
}

.red{
	color:#CC0000;
}
/********************************************************/
/* グリッドありテーブル                                 */
/********************************************************/
table.grid {
	width:500px;
	border-collapse: collapse;
	background:#FFFFFF;
}

table.grid th {
	padding:5px;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	background:#e4e9ef;
	border:solid 1px #CCCCCC;
	font-size:75%;
}

table.grid td {
	text-align:left;
	padding:5px;
	background:#FFFFFF;
	border:solid 1px #CCCCCC;
	font-size:75%;
}
/********************************************************/
/* 枠組み                                              */
/********************************************************/
body{
	font-family:"ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Arial, Helvetica, sans-serif;
	color:#666666;
    margin: 0;
    background: url(images/body.gif);
    background-position:center;
    background-repeat:repeat-y;
}

/* ページ領域 */
#wrapper{
	width:780px;
	background:#FFFFFF;
	margin:0px auto;
}

/********************************************************/
/* ヘッダー                                              */
/********************************************************/
#header {
    width: 780px;
    background: url(images/header.jpg) no-repeat;
	position:relative;
}

#header h1{
    display:block;
    text-indent:-9999px;
    font-size:1px;
    width: 400px;
    height:90px;
}

#header h1 a{
    display:block;
    width: 400px;
    height:90px;
}

#header #gnavi{
	position:absolute;
	top:69px;
	right:0px;
}

#header #gnavi li{
	font-size:75%;
	list-style:none;
	float:left;
    background: url(images/link_icon.gif) left no-repeat;
    padding: 0px 0px 0px 20px;
	margin:0px 10px 0px 0px;
	_margin:0px 5px 0px 0px;
}

#header #gnavi li.end{
	margin:0px 15px 0px 0px;
	_margin:0px 10px 0px 0px;
}

#pankuzu{
	text-align:right;
	padding:5px 0px;
}
#pankuzu p{
    margin-right:20px;
}

/********************************************************/
/* ヘッダー下リンク                                     */
/********************************************************/
#header_navi{
    width:780px;
    _width:740px;
    padding:0px 20px;
	margin-bottom:10px;
}

#header_navi ul{

}

#header_navi li{
	list-style:none;
    text-indent:-9999px;
    font-size:1px;
    float:left;
}

.

#header_navi li a{
    display:block;
    width: 242px;
    height:55px;
}

#header_navi li a.online{
    background: url(images/hnavi_online_off.jpg) no-repeat;
}
#header_navi li a.jobs{
    background: url(images/hnavi_jobs_off.jpg) no-repeat;
}
#header_navi li a.clients{
    background: url(images/hnavi_clients_off.jpg) no-repeat;
}
#header_navi li a.online:hover{
    background: url(images/hnavi_online_on.jpg) no-repeat;
}
#header_navi li a.jobs:hover{
    background: url(images/hnavi_jobs_on.jpg) no-repeat;
}
#header_navi li a.clients:hover{
    background: url(images/hnavi_clients_on.jpg) no-repeat;
}
/********************************************************/
/* コンテンツ　　　                                     */
/********************************************************/
#container {
	margin-top:5px;
    width: 780px;
}

#key_img {
	margin-bottom:10px;
}

#content {
    width: 550px;
    float: right;
}

#content_body {
    width: 530px;
    margin-bottom:20px;
}

#doui{
    width: 500px;
    _width: 480px;
    padding: 10px;
border:solid 1px #AAAAAA;
height:100px;
overflow:auto;
margin:10px 0px;
}

#content_body .content_body2 {
    margin:0px 10px 20px 0px;
}

#content_body h2{
    font-size:100%;
    padding:10px 0px 0px 25px;
    margin-bottom:10px;
    width: 530px;
    _width: 505px;
    height:38px;
    background: url(images/h2_bg.gif) no-repeat;
}
.content_body2 h3{
    font-size:80%;
    padding:7px 0px 0px 20px;
    margin-bottom:10px;
    width: 520px;
    _width: 500px;
    height:29px;
    background: url(images/h3_bg.gif) no-repeat;
}

.content_body2 li{
    margin-top:10px;
}

.content_body2 ul.new_joblist{
    margin-top:-5px;
}

.content_body2 ul.new_joblist li{
	font-size:75%;
	list-style:none;
	padding:7px 10px;
    margin:0px 5px 0px 5px!important;
	border-bottom:solid 1px #AAAAAA;
}

.lbutton{
display:block;
width:160px;
height:29px;
    background: url(images/lbutton.gif) no-repeat;
text-align:center;
padding-top:5px;
margin:20px auto 10px auto;
}
.lbutton2{
display:block;
width:160px;
height:29px;
    background: url(images/lbutton.gif) no-repeat;
text-align:center;
padding-top:8px;
margin:20px auto 10px auto;
}
.lbutton3{
display:block;
width:160px;
height:29px;
    background: url(images/lbutton.gif) no-repeat;
text-align:center;
padding-top:10px;
margin:20px auto 10px auto;
}

/********************************************************/
/* 左メニュー　　　　                                     */
/********************************************************/
#lnavi {
    width: 230px;
    float:left;
}

#lnavi ul{
	width:190px;
	margin:0px 0px 20px 20px;
    	padding:0px 0px 8px 0px;
	background: url(images/lnavi_bottom.gif) left bottom no-repeat;
}

#lnavi li{
	width:190px;
	height:30px;
	list-style:none;
    	font-size:75%;
}

#lnavi li a{
	color:#333333!important;
	width:190px;
	_width:158px;
	height:30px;
	_height:20px;
	background: url(images/lnavi_bg_off.jpg) no-repeat;
	display:block;
	padding:10px 0px 0px 32px;
	margin:0px 0px 0px 0px;
}

#lnavi li a:hover{
	color:#FFFFFF!important;
	background: url(images/lnavi_bg_on.jpg) no-repeat;
}
#lnavi h3{
	margin:0px 0px 0px 20px;
	width:190px;
	_width:175px;
	background: url(images/lnavi_head.gif) left top no-repeat;
	padding:10px 0px 5px 15px;
	font-size:85%;
}
/********************************************************/
/* フッター                                              */
/********************************************************/
#footer {
	padding-top:20px;
    width: 780px;
    background:#FFFFFF;
}

#footer_navi {
    width: 740px;
    margin-left:20px;
    border-bottom:solid 1px #666666;
    padding: 0px 0px 5px 0px;
}

#footer_navi li{
	font-size:75%;
    float:left;
    list-style : none;
    background: url(images/link_icon.gif) left no-repeat;
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 10px;
}

/*workinfo*/
.workCol {
    border-top: dashed 1px;
    padding: 5px;
}

/*worktable*/
#one_work {
    width: 558px;
}

#one_work,#one_work tr,#one_work td {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #CCCCCC;
}

#one_work tr td{
    padding: 2px 5px 2px 5px;
}

#one_work .item_name {
    width: 120px;
    background-color: #EEEEEE;
}

#work_menu {
	margin-top:15px;
   width: 100%;
   text-align: center;
	font-size:75%;
}

#company_profile{
   width: 500px;
}


#company_profile td,company_profile th{
    border-collapse: collapse;
    border-spacing: 0px;
    border-top: 1px dashed #CCCCCC;
}

#company_profile td{
    
padding: 5px 15px 5px 5px;}

#company_profile th {
    width: 100px;
    text-align: center;
    
}

.sitemap{
    margin-bottom:15px;
}

.sitemap li{
    list-style-type : none;
    margin-left: 30px;
font-size:75%;
}

div.step{
border:solid 1px #FFC73A;
padding:10px;
margin:0px 0px 10px 10px;
width:470px;
    background: url(images/yaji.gif) right bottom no-repeat;

}

div.step2{
border:solid 1px #FFC73A;
padding:10px;
margin:0px 0px 10px 10px;
width:470px;
}


#service_m{
width:190px;
padding:5px 5px 5px 15px;
margin:0px 0px 5px 20px;
border:solid 1px #aaaaaa;
background: url(images/service_m_bg.gif);
min-height:55px;
}

/*\*/ 
html*#service_m{
width:170px;
}

#service_m{
_width:170px;
_height:55px;
}

#service_m p{
font-size:90%;
font-weight:bold;
}
#service_m a{
color:#669933;
}

#service_m span{
font-size:62.5%;
}
#service_m2{
width:190px;
padding:5px 5px 5px 15px;
margin:0px 0px 5px 20px;
border:solid 1px #aaaaaa;
background: url(images/service_m_bg2.gif);
min-height:55px;
}
html*#service_m2{
width:170px;
}
#service_m2{
_width:170px;
_height:55px;
}
#service_m2 p{
font-size:80%;
font-weight:bold;
}
#service_m2 a{
color:#993300;
}
#service_m2 span{
font-size:62.5%;
}
.imgRight{
float: right;
width:260px;
margin:10px 0px 10px 10px;
}
.LH14{font-size: 90%;
	line-height: 140%;
}
.topcopy{
	line-height: 140%;
	font-size: 90%;
}
.enzi{color:#993300;}

/********************************************************/
/* News                                              */
/********************************************************/

ul.news-list {
	list-style: none;
	font-size:80%;
}

ul.news-list li {
	margin-left: 0.5em;
	float: left;
	width:100%;
    border-bottom:dotted 1px #666666;	
	padding-bottom: 0.3em;
}

ul.news-list li dt {
	font-weight: bold;
	float: left;
	width:10em;
}

ul.news-list li dd {
	padding-left: 1em;
	float: left;
}

ul.news-list2 {
	list-style: none;
	font-size:80%;
}

ul.news-list li {
	margin-left: 1em;
}

ul.news-list2 li dt {
	font-weight: bold;
	float: left;
	width:11em;
}

ul.news-list2 li dd {
	padding-left: 1em;
	float: left;
}

ul.news-list3 {
	list-style: none;
	font-size:80%;
}

ul.news-list3 li {
	margin-left: 1em;
}
ul.news-list3 li dl {
	float: left;
	width:480px;
	margin:0px 0px 10px 0px;
}
ul.news-list3 li dl.last {
	float: left;
	width:480px;
	margin:0px 0px 20px 0px;
    border-bottom:dotted 1px #666666;
    padding-bottom: 0.3em;
    text-align:right;
}

ul.news-list3 li dt.day {
	font-weight: bold;
	float: left;
	width:11em;
}

ul.news-list3 li dt.oth {
	font-weight: bold;
	float: left;
	width:8em;
}


ul.news-list3 li dd {
	padding-left: 1em;
	float: left;
	width:28em;
	line-height:140%;
}

div.onLight {
	border: solid 1px #f89c20 !important;
	background-color: #fef6ea !important;
}
.news{	font-size:80%;font-weight:bold;}
.news-body	{font-size:80%;margin-top: 0.5em;}
.page-nabi {font-size:80%;}
.border-black-top {font-size:80%;}
.gray {font-size:80%;}
.mousikomi {font-size:120%;}