@charset "shift_jis";

/* ======================================================================
印刷用CSS
-------------------------------------------------------------------------
[目次]
■ リンクカラー
■ レイアウトベース
■ ヘッダー
■ フッター
■ グローバルメニュー

--top--

■ トップレイアウト
■ 個人トップレイアウト
■ 法人トップレイアウト

--sub--

■ ナビ共通

■ サブページ
■ パンくず
■ ページタイトル、見出し（h2）
■ ページの先頭に戻る
■ サイトマップ
■ 会社概要
====================================================================== */

@media print {

/* ---------------------------------------------------------
▼▼ 印刷しない ▼▼
--------------------------------------------------------- */

/* bnr部　btn部
------------------------------------ */
#google_area {display:none;}
#bnr_area {display:none;}
#bnr_s_area{display:none;}	
#bnr_inside_area{display:none;}
#btn_area{display:none;}

/* fontsize部
------------------------------------ */
#fontsize {display:none;}
p.page-top{display:none;}

/* ヘッダー部
------------------------------------ */
div#container div#header .header_bt_en{display:none;}
div#container div#header #header_bt a img {display:none;}

/* フッタメニュー
------------------------------------ */
div#footer ul,
div#footer ul li{display:none;}

p.tx_right{display:none;}


/* ---------------------------------------------------------
▼▼ 印刷する ▼▼
--------------------------------------------------------- */


/* ---------------------------------------------------------
■ リンクカラー
--------------------------------------------------------- */

a:link    { color: #000000; text-decoration: none }
a:visited { color: #000000; text-decoration: none  }
a:hover   { color: #339900; text-decoration: underline; }
a:active  { color: #000000; text-decoration: none  }


/* ---------------------------------------------------------
■ レイアウトベース
--------------------------------------------------------- */
body {
	width: 640px;
	margin: 0;
	padding: 0;
	text-align: center; /* 中央レイアウト */ 
	font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	background:none;
	/*background:url(../img/bg_main.jpg) repeat-x;*/
}

div#container {
	width: 640px;
	margin: 0 auto; /* 中央レイアウト */
	text-align: left; /* テキスト左寄せ */
}

/* mv
------------------------------------ */
.mv{
	width:640px;
	height:auto;
	overflow: hidden;
}


/* ---------------------------------------------------------
■ ヘッダー
--------------------------------------------------------- */
div#header {
	width: 640px;
	margin: 0;
	height: auto;
	float: left;
	background: url(../img/bg_logo.jpg) no-repeat 220px 49px;
}

div#container div#header div#seo {
	width: 420px;
	height: auto;
	float: left;
	font-size: 12px;
	font-weight:bold;
	margin-top: 5px;
}

div#container div#header h1 img{
	float: left;
	width: 248px;
	height:auto;
}


div#container div#header #header_bt {
	float: right;
	/*width: 230px;*/
	width: 146px;
	height:auto;
	margin:7px 0 7px 160px;
}

div#container div#header #header_bt img {
	width: auto;
	height: 25px;
	float:left;
}



/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
div#footer {
	width:624px;
	/*height:105px;*/
	padding: 5px 8px 5px 8px;
	/*margin-left:-10px;*/
	background: none;
	border-bottom:#999999 1px solid;
	border-top:#999999 1px solid;
}

/* コピーライト
------------------------------------ */
div#container div#footer p {
	padding-right: 0px;
	float: right;
	color:#666666;
}

/* ---------------------------------------------------------
■ グローバルメニュー
--------------------------------------------------------- */
div#navi {
	width: 640px;
	clear:both;
}
div#navi ul{
}
div#navi ul li{
	float:left;/*メニュー横並び*/
}
div#navi ul li img{
    width: auto;
	height: 24px;
}


/* ---------------------------------------------------------
■ トップレイアウト
--------------------------------------------------------- */

div#top_content {
	width: 620px;
	background: #FFFFFF url(../img/bg_mv.jpg) no-repeat;
	padding:0 10px;
	overflow:hidden;
}
div#top_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#service_area {
	width: 614px;
	border:#cccccc 1px solid;
	background:#e8e8e8;
	padding:0 5px 5px 5px;
}
div#service_area:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* ---------------------------------------------------------
■ 個人トップレイアウト
--------------------------------------------------------- */

div#top_content_p {
	width: 620px;
	height: auto;
	background: #FFFFFF url(../img/bg_mv_p.jpg) no-repeat;
	padding-left:10px;
	text-align:left;
	overflow:auto;
}
div#top_content_p:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#top_content_p div#service_area {
	width: 392px;
	height:auto;
	border:#cccccc 1px solid;
	background:#F5F6F1;
	padding:0px 4px 4px 4px;
	margin:10px 10px 0 0;
	text-align:center;
	float:left;
	overflow: hidden;
}
#top_content_p div#service_area:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}



/* 個人の皆様へ
------------------------------------------ */

#top_content_p #service_area .service {
	width:193px;
	margin:0 4px 4px 0px;
	background:url(../img/p_fr_service_bg.gif) repeat-y;
	float:left;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
}

#top_content_p #service_area .service_r {
	width:193px;
	margin-bottom:4px;
	background: url(../img/p_fr_service_bg.gif) repeat-y;
	float:left;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
}

#top_content_p #service_area .service ul,
#top_content_p #service_area .service_r ul{
	width:170px;
	padding:5px 10px;
	margin:0 1px;
	background:url(../img/fr_service_bg_02.jpg) repeat-x left top;
	text-align:left;
}

#top_content_p #service_area .service ul li,
#top_content_p #service_area .service_r ul li{
	width:140px;
	padding:1px 10px 1px 15px;
	line-height:1.6;
	text-align:left;
	background:url(../img/p_ic_01.gif) no-repeat 0 5px ;
	border-bottom:#CCCCCC 1px dotted;
}

#top_content_p #service_area .service_full {
	width:388px;
	background: url(../img/p_fr_service_bg_full.gif) repeat-y;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	margin-bottom:4px;
}

#top_content_p #service_area .service img,
#top_content_p #service_area .service_r img,
#top_content_p #service_area .service_full img{
height:22px;
width:auto;
float:left;
}

#top_content_p #service_area .service_full ul {
	width:360px;
	margin:0 1px;
	padding:5px 10px;
	background:#FFFFFF url(../img/fr_service_bg_02.jpg) repeat-x left top;
	text-align:left;
}

#top_content_p #service_area .service_full ul li{
	width:345px;
	padding:1px 10px 1px 15px;
	line-height:1.6;
	text-align:left;
	background:url(../img/p_ic_01.gif) no-repeat 0 5px ;
	border-bottom:#CCCCCC 1px dotted;
}

#top_content_p #service_area .service_full ul li span{
	color:#689400;
	margin-right:5px;
}

/* バナー（右:トップページ）
------------------------------------------ */
div#container #top_content_p #bnr_area_right {
	width:205px;
	margin-top:10px;
	float:left;
}

div#container #top_content_p #bnr_area_right:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#container #top_content_p #bnr_area_right img {
	margin-bottom:10px;
}

div#container #top_content_p #bnr_area_right img.img_bottom{
	margin:0;
}

/* ---------------------------------------------------------
■ 法人トップレイアウト
--------------------------------------------------------- */

div#top_content_c {
	width: 640px;
	height: auto;
	background:none;
	/*background: #FFFFFF url(../img/bg_mv_c.jpg) no-repeat;*/
	padding-left:10px;
	overflow:auto;
}
div#top_content_c:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#top_content_c div#service_area {
	width: 392px;
	height:auto;
	border:#cccccc 1px solid;
	background:#F5F6F1;
	padding:0px 4px 0 4px;
	margin:10px 10px 0 0;
	text-align:center;
	float:left;
	overflow: hidden;
}
div#top_content_c div#service_area:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* 法人の皆様へ
------------------------------------------ */

#top_content_c #service_area .service {
	width:190px;
	margin:0 4px 4px 0px;
	background:url(../img/c_fr_service_bg.gif) repeat-y;
	float:left;
	border-bottom:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
}

#top_content_c #service_area .service_r {
	width:190px;
	margin-bottom:4px;
	background:url(../img/c_fr_service_bg.gif) repeat-y;
	float:left;
	border-bottom:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
}

#top_content_c #service_area .service p,
#top_content_c #service_area .service_r p {
	width:171px;
	line-height:1.6;
	margin:0 1px;
	padding:10px;
	background-color:#FFFFFF;
	background:url(../img/fr_service_bg_02.jpg) repeat-x left top;
	text-align:left;
}

#top_content_c #service_area .service img,
#top_content_c #service_area .service_r img {
	height:20px;
	width:auto;
	float:left;
}



/* ■サービス
------------------------------------------ */

#top_content div#service_area div.service {
	width:303px;
	margin-right:4px;
	background:#FFFFFF url(../img/fr_service_bg.gif) repeat-y;
	float:left;
	border:#cccccc 1px solid;
}
#top_content div#service_area div.service_r {
	width:303px;
	background:#FFFFFF url(../img/service_bg_r.gif) repeat-y;
	float:left;
	border:#cccccc 1px solid;
}

#top_content div#service_area div.service img,
#top_content div#service_area div.service_r img{
	width:auto;
	height:24px;
}

#top_content div#service_area div.service img.s_img,
#top_content div#service_area div.service_r img.s_img{
	width:auto;
	height:39px;
}

#top_content div#service_area div.service p,
#top_content div#service_area div.service_r p{
	padding:10px;
	width:281px;
}





/* ---------------------------------------------------------
■ ナビ共通
--------------------------------------------------------- */
#nv_area{
	width:164px;
	margin-right:8px;
	float:left;
}

/* 左メニュー共通
---------------------------------- */
#nv_area ul{
	width:164px;
	margin: 0;
	border:#CCCCCC 1px solid;

}

/* 左メニュー共通
---------------------------------- */
div#nv_area ul li {
	line-height: 1.5;
	margin: 1px;
}
div#nv_area ul li a {
	display: block;
	width: 140px; /* IE5-6用指定 */
	height: auto;
	}
	div#wrapper>div#nv_area ul li a {
	width: auto; /* IE7,FireFox用指定 */
}
/* ---------------------------------------------------------
■ 第一階層
--------------------------------------------------------- */
div#nv_area ul li.first {
	background-color: #ededed;
	color: #ff5a00;
	background:url(../img/nv_01_off.jpg) repeat-y;
	font-weight:bold;
}

/* 通常時 */
div#nv_area ul li.first a:link,
div#nv_area ul li.first a:visited {
	padding: 4px 5px 4px 22px;
	background: url(../img/nv_ic.gif) no-repeat 7px 7px; /* リンク背景色、アイコン */
	text-decoration: none;
	color: #ff5a00;
}

/* マウスオーバー時 */
div#nv_area ul li.first a:hover,
div#nv_area ul li.first a:active {
	background: #ffcc74 url(../img/nv_ic_on.gif) no-repeat 7px 7px; /* マウスオーバーのリンク背景色、アイコン */
	text-decoration: none;
	color: #000;
}

/* リンクがない時 */
div#nv_area ul li.first span {
	display: block;
	padding: 4px 5px 4px 22px;
	background: url(../img/nv_ic.gif) no-repeat 7px 7px; /* リンク背景色、アイコン */
	width: 140px; /* IE5-6用指定 */
	}
	div#wrapper>div#nv_area ul li a span {
		width: auto; /* IE7,FireFox用指定 */
}

/* ---------------------------------------------------------
■ 第二階層
--------------------------------------------------------- */
div#nv_area ul li.second,
div#nv_area ul li.second_on{
	border-top: 1px solid #cccccc;
	border-left:#ffae4e 5px solid;
}

/* 通常時 */
div#nv_area ul li.second a:link,
div#nv_area ul li.second a:visited {
	padding: 4px 5px 4px 15px;
	background: #ffffff; /* リンク背景色 */
}

/* マウスオーバー時 */
div#nv_area ul li.second a:hover,
div#nv_area ul li.second a:active {
	background: url(../img/nv_s_01_on.jpg) repeat-y; /* マウスオーバーのリンク背景色 */
	color:#FFFFFF;
	text-decoration:none;
}

/* リンクがない時 */
div#nv_area ul li.second span {
	display: block;
	padding: 4px 5px 4px 15px;
	background: #ffffff; /* リンク背景色、アイコン */
	width: 140px; /* IE5-6用指定 */
	}
	div#wrapper>div#nv_area ul li.second span {
		width: auto; /* IE7,FireFox用指定 */
}



/* リンクがあり、現在のページの時
------------------------------------------- */
div#nv_area ul li.second_on a:link,
div#nv_area ul li.second_on a:visited {
	display: block;
	padding: 4px 5px 4px 15px;
	color:#FFFFFF;
	background:url(../img/nv_s_01_on.jpg) repeat-y ; /* リンク背景色 */
	width: 140px; /* IE5-6用指定 */
	}
	div#wrapper>div#nv_area ul li.second_on {
		width: auto; /* IE7,FireFox用指定 */
}

/* リンクがあり、現在のページの時  マウスオーバー時 */
div#nv_area ul li.second_on a:hover,
div#nv_area ul li.second_on a:active {
	background:url(../img/nv_s_01_on.jpg) repeat-y; /* マウスオーバーのリンク背景色 */
	text-decoration:none;
}

div#nv_area img {
	width:164px;
	height:auto;
}


/* ---------------------------------------------------------
■ サブページ
--------------------------------------------------------- */
div#container div#wrapper {
	width:640px;
	background:#ffffff;
	overflow:hidden;/* firefox対策 */
	padding:0 10px;
}
div#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
div#content{
	background:#FFFFFF;
	width:455px;
	float:left;
	text-align:left;
}

div#content p {
	margin: 0;
	padding: 0;
}

div#content_long{
	background:#FFFFFF;
	width:614px;
	float:left;
	text-align:left;
}

/* ---------------------------------------------------------
■ パンくず
--------------------------------------------------------- */
div#pankuzu{
	background:none;
	/*background:#FFFFFF url(../img/fr_content_m.jpg) repeat-x;*/
	width:640px;
}
div#pankuzu p{
	padding:5px 0 5px 20px;
}

/* ---------------------------------------------------------
■ ページタイトル、見出し（h2）
--------------------------------------------------------- */

/* h2 ：a
------------------------------- */
div#content h2.tit_a{
	width:410px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_a.jpg) no-repeat;*/
	padding:4px 10px 0 30px;
	height:26px;
	margin:0 0 10px 0;
	border:#3c6900 1px solid;
	color:#3c6900;
}
/* h2 ：b
------------------------------- */
div#content h2.tit_b{
	width:410px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_b.jpg) no-repeat;*/
	color:#3c6900;
	padding:5px 10px 0 30px;
	height:25px;
	margin:0 0 10px 0;
	border:#3c6900 1px solid;
}

/* h2 ：c
------------------------------- */
div#content h2.tit_c{
	width:410px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_c.jpg) no-repeat;*/
	color:#3c6900;
	padding:7px 10px 0 30px;
	height:23px;
	margin:0 0 10px 0;
	border:#3c6900 1px solid;
}

/* h2 ：long_a
------------------------------- */
div#content_long h2.tit_a{
	width:580px;
	font-weight:bold;
	background:none;
	/*background: url(../img/bg_h2_a_long.jpg) no-repeat;*/
	padding:4px 10px 0 30px;
	height:26px;
	margin:0 0 10px 0;
	border:#3c6900 1px solid;
	color:#3c6900;
}
/* h2 ：long_b
------------------------------- */
div#content_long h2.tit_b{
	width:580px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_b_long.jpg) no-repeat;*/
	color:#3c6900;
	padding:5px 10px 0 30px;
	height:25px;
	margin:0 0 10px 0;
	border:#3c6900 1px solid;
}

/* h2 ：long_c
------------------------------- */
div#content_long h2.tit_c{
	width:580px;
	margin:0px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_c_long.jpg) no-repeat;*/
	color:#3c6900;
	padding:7px 10px 0 30px;
	height:23px;
	margin:0 0 10px 0;
	border:#3c6900 1px solid;
}


/* ---------------------------------------------------------
■ ページの先頭に戻る
--------------------------------------------------------- */
div#content p.page-top {
	display:none;
}

/* ---------------------------------------------------------
■ table
--------------------------------------------------------- */

div#content table {
	width: 410px;
	border-collapse:separate;
	border-spacing: 1px 1px;
	background-color: #cccccc;
}
div#content table th {
    width:80px;
	padding: 5px;
	color:#333333;
	text-align:left;
	border: solid 1px #ffffff;
	background-color:#e6e6e6;
	vertical-align:top;
}
div#content table td {
	padding: 5px;
	width: auto;
	border: solid 1px #ffffff;
	vertical-align:top;
	background-color:#ffffff;
}
/* ---------------------------------------------------------
■ テーブル(求人)
--------------------------------------------------------- */

/*求人リストテーブル
------------------------------- */

div#wrapper div#content_long table {
	width:624px;
	line-height:1.6;
	border-collapse:separate;
	border-spacing: 1px 1px;
	background-color: #cccccc;
}
div#wrapper div#content_long table th {
	padding:5px;
	border: solid 1px #ffffff;
	border-collapse:separate;
	border-spacing: 1px 1px;
	background-color:#d1f077;
	font-weight:bold;
}

div#wrapper div#content_long table td {
	line-height:1.4;
	padding: 5px;
	vertical-align:top;
	background-color:#ffffff;
}

div#wrapper div#content_long table tr.haste td {
	line-height:1.4;
	padding: 5px;
	vertical-align:top;
	background-color:#fffca7;
}

/* 求人用　リスト
------------------------------- */

div#content_long ul.lst-ic{
	margin:0px 0px 10px 0px;
	padding:5px;
	border:1px solid #cccccc;
	width:612px;
	overflow: hidden;/* firefox対策 */
}

div#content_long ul.lst-ic:after{
	content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#content_long ul.lst-ic li {
	margin-right:8px;
	float:left;
}



/* 求人リストその他
--------------------------------------------------------- */
div#content_long p.read {
	width:618px;
	border:1px solid #f37800;
	padding:10px;
	margin-bottom:10px;
}

div#center {
	text-align:center;
	margin-top:10px;
}




/* ---------------------------------------------------------
■ サイトマップ
--------------------------------------------------------- */

/* サイトマップ左
------------------------------- */

div#sitemap_left {
	width:290px;
	padding:0 ;
	margin:10px 20px 0 0px;
	float:left;
}

/* サイトマップ右
------------------------------- */

div#sitemap_right {
	width:290px;
	padding:0 ;
	margin:10px 0px 0px 0px;
	float:left;
}

div#sitemap_left li,
div#sitemap_right li{
	width:105px;
	float:left;
	margin:5px 0px 0px 0px;
	padding-left:20px;
	line-height:1.6;
}

/* サイトマップその他
------------------------------- */

div.sitemap_et {
	width:600px;
	padding:10px 10px 0px 10px;
}
div.sitemap_et_b {
	width:600px;
	padding:10px;
}

div.sitemap_tit {
	border:1px solid #336600;
	padding:5px;
}

/*サイトマップタイトル部分リンク
------------------------------- */

div.sitemap_tit a:link,
div.sitemap_tit a:visited,
div.sitemap_tit a:active {
	font-weight:bold;
	color:#336600;*/
	/*text-decoration:underline;*/
}

div.sitemap_tit a:hover{
	font-weight:bold;
	color:#ff6600;
	/*text-decoration:none;*/
}

/* ---------------------------------------------------------
■ お問合せ（info_detail.html）
--------------------------------------------------------- */
div.inputarea p{width:600px;}

div.inputarea div#name1,
div.inputarea div#name2,
div.inputarea div#name3,
div.inputarea div#name4,
div.inputarea div#name5,
div.inputarea div#name6,
div.inputarea div#name7,
div.inputarea div#name8{
	width:624px;
}

div.inputarea div#name1 div.ix_content,
div.inputarea div#name2 div.ix_content,
div.inputarea div#name3 div.ix_content,
div.inputarea div#name4 div.ix_content,
div.inputarea div#name5 div.ix_content,
div.inputarea div#name6 div.ix_content,
div.inputarea div#name7 div.ix_content,
div.inputarea div#name8 div.ix_content{
	width:460px;
}

div.inputarea div#name1 div.ix_content input,
div.inputarea div#name2 div.ix_content input,
div.inputarea div#name3 div.ix_content input,
div.inputarea div#name5 div.ix_content input,
div.inputarea div#name6 div.ix_content input,
div.inputarea div#name7 div.ix_content input,
div.inputarea div#name8 div.ix_content textarea{
	width:300px;
}

div.inputarea div#name1 div.ix_title,
div.inputarea div#name2 div.ix_title,
div.inputarea div#name3 div.ix_title,
div.inputarea div#name4 div.ix_title,
div.inputarea div#name5 div.ix_title,
div.inputarea div#name6 div.ix_title,
div.inputarea div#name7 div.ix_title,
div.inputarea div#name8 div.ix_title{
	width:140px;
}

}