@charset 'Shift_JIS';

/*@import 'font.css';*/
/*@import 'style.css';*/
@import 'tips.css';
@import 'init.css'; /* emacs */
a:link {
	color: #333;
}
a:visited {
	color: #666;
}
a:hover {
	color: #999;
	text-decoration: none;
}
a:active {
	color: #666;
}
/* 画像リンクの透過ロールオーバー */
/*
a:hover img{
  background-color:#FFFFFF;
  filter:alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;
}
*/

body {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 14px;
	line-height: 1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1 {
	position: absolute;
	z-index: 1;
	margin-top: -36px;
}
h1 a {
	display: block;
	width: 175px;
	height: 128px;
	background: url(../img/new_logo.png) no-repeat left top;
}
*html h1 a {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png', sizingMethod='scale');
	background: none;
}
*html h1 a:hover {
	cursor: pointer;
}
/*
h1 a:hover{
  background-color:#FFFFFF;
  filter:alpha(style=1, opacity=0, finishopacity=100, startx=50, starty=0, finishx=50, finishy=100);
  -moz-opacity:0.65;
  opacity:0.65;
}
*/

/* ===============================
　　　全体
===============================*/
#container {
}
#container.Index {
	padding-top: 492px;
	background: url(../img/heder_navi.jpg) no-repeat top;
}
#container a:link, #container a:visited {
}
#container a:active, #container a:hover {
	text-decoration: none;
}
#container-innner {
}
/*↑コンテナ余白の設定使用しない場合は記述を全てクリアにする。*/

/* ===============================
　　　ヘッダ
===============================*/
#header {
	margin-right: auto;
	margin-left: auto;
	width: 874px;
}
/* ===============================
　高さの調整 AとB
===============================*/
#contents {
	width: 856px;
	margin: 0 auto;
}
/*↑ナビゲーションとメインのエリアの余白。bgをRightの背景に合わせる場合がある*/

/* ===============================
　　　メインのエリア
===============================*/
#main {
	width: 859px;
	padding-top: 25px;
}
#main h2 {
	font-size: 42px;
	text-align: center;
	color: #315244;
	padding: 8px 0 8px 0px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 130%;
}
#main h2 span {
	font-size: 26px;
	font-weight: normal;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
#main #intro {
	padding-top: 18px;
	padding-left: 217px;
	background: url(../img/topimg.jpg) no-repeat -15px top;
	min-height: 203px;
	width: 570px;
}
*html #main #intro {
	height: 203px;
}
/* ===============================
　　　サイドA(Right)
===============================*/
#Right {
	float: right;
	width: 271px; /* 281px */
	margin: 0;
	padding: 15px 10px 0 0;
}
#Right h3 {
	text-indent: -999px;
	background: url(../img/news_ti.jpg) no-repeat;
	width: 281px;
	height: 38px;
	padding: 0;
	margin: 0;
}
#Right p {
	line-height: 150%;
	padding: 0;
	margin: 0;
	padding: 10px;
}
#Right h4 {
	color: #FFFFFF;
	font-size: small;
	background: url(../img/arrow_green.jpg) no-repeat 0px 15px;
	padding: 15px 0 0 25px;
	margin-top: 10px;
}
#Right .ad {
	background: #DDDDDD;
	color: #666666;
	padding: 2px 0;
}
#Right .feedburnerFeedBlock {
	width: 281px;
	margin-bottom: 12px;
}
#Right .feedburnerFeedBlock img {
	margin-top: 12px;
}
#Right .feedburnerFeedBlock ul {
	margin: 0;
	background: #FFFFFF;
	overflow-y: scroll;
	height: 124px; /* 元170px */
}
#Right .feedburnerFeedBlock li {
	border-bottom: #CCCCCC 1px dotted;
	background: url(../img/arrow.gif) no-repeat 0px 13px;
	margin: 0 0 0 5px;
	padding: 7px 0px 7px 20px;
 line-height-1;
}
#Right .feedburnerFeedBlock li p {
	display: inline;
}
#Right-innner {
}
/* ===============================
　　　サイドのナビ下インフォメーション部
===============================*/
#info {
	padding: 0px;
	margin: 5px 0px 5px 0px;
	border-top: 1px solid #0000FF;
	border-bottom: 1px solid #0000FF;
}
/*↑バナーや住所などを入れるスペース*/
  
  


/* ===============================
　　　フッター
===============================*/

#footer {
	border-top: #CCC dotted 1px;
}
#footer-inner {
	width: 856px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#copylight {
	float: left;
	font-family: Arial, Helvetica, sans-serif, Myriad, Futura;
}
#footer ul#TextLink {
	list-style: none outside;
	float: right;
	font-size: x-small;
	zoom: 1;
}
#footer ul#TextLink:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#footer ul#TextLink li {
	float: left;
	margin-right: 10px;
}
#footer ul#TextLink li.last {
	margin-right: 0px;
}
/* -----------------------------------
▽▽▽▽ロゴ
-----------------------------------*/
.logo {
	margin: 0px;
	background: url(../img/logo2.jpg) no-repeat;
	width: 258px;
	height: 51px;
	text-indent: -999px;
	display: inline-table;
}
.logo a {
	width: 258px;
	height: 51px;
	display: block;
}
.logo a:hover {
	background-color: #FFFFFF;
	filter: alpha(opacity=50); /*IE*/
	-moz-opacity: 0.50; /*FF*/
	opacity: 0.50;
}
/* -----------------------------------
▽▽メインナビゲーション
----------------------------------*/
ul#main-navi {
	float: right;
	background: url(../img/navi.jpg) no-repeat left top;
}
ul#main-navi li {
	float: left;
	list-style: none outside;
}
ul#main-navi li#main-navi-1 {
	width: 177px;
}
ul#main-navi li#main-navi-2 {
	width: 166px;
}
ul#main-navi li#main-navi-3 {
	width: 200px;
}
ul#main-navi li#main-navi-4 {
	width: 146px;
}
ul#main-navi li a {
	display: block;
	height: 92px;
	text-decoration: none;
}
ul#main-navi li a strong {
	visibility: hidden;
}
/* -----------------------------------
▽▽▽▽フラッシュなどのトップイメージ
-----------------------------------*/
#topimg {
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 800px;
}
/* -----------------------------------
トップイメージに背景画像を使いリンクを張る。テキストは飛ばす
-----------------------------------*/
#topimg a {
	margin: 0px;
	height: 300px;
	width: 800px;
	text-indent: -9999px;
	display: block;
	background: url(../img/topimg.png) no-repeat 0px 0px;
}
/* -----------------------------------
▽▽フッターナビゲーション（下のマージンの調整が必要）
-----------------------------------*/
#footer-navi {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background: #0066CC;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
/* -----------------------------------
フロートクリア
※フロートをかける親要素にクラス
-----------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


.pagetop {
	margin: 10px 0;
}
* html .pagetop {
	padding: 0 10px 0 0;
}
.pagetop a {
	float: right;
	display: block;
	text-indent: -9999px;
	width: 69px;
	height: 24px;
	background: url(../img/pagetop.jpg) no-repeat 0 0;
}
/** トップページ **/
.Index p.banner {
	margin-bottom: 12px;
}
.Index #main {
	padding-bottom: 24px;
}
/** サブページ **/
.Sub #contents {
	padding-top: 31px;
}
.Sub h2 {
	color: #030;
	border-top: #030 dotted 1px;
	border-bottom: #030 solid 1px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	padding: 8px 0 8px 21px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: url(../img/green_arrow.gif) no-repeat left 13px;
}
.Sub h2 span {
	font-size: small;
	font-family: "Baskerville Old Face", serif;
}
.Sub h3 {
	color: #030;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	padding: 9px 0 9px 21px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: url(../img/green_arrow.gif) no-repeat left 13px;
}
.Sub h3 span {
	font-size: small;
	font-family: "Baskerville Old Face", serif;
}
.Sub .to-top {
	text-align: right;
	font-size: 14px;
}
/*** 転職お役立ち情報 ***/
.Useful {
	padding-top: 185px;
	background: url(../img/useful_headimg.jpg) no-repeat top;
}
.Useful #contents {
	width: 738px;
}
.Useful h2.width {
	width: 679px;
	margin-right: auto;
	margin-left: auto;
}
.Useful #Topimg {
	background: url(../img/useful_topimg.jpg) no-repeat left top;
	height: 151px; /* 169px */
	padding-top: 18px;
	padding-left: 36px;
	color: #669900;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.Useful #Topimg span {
	font-size: medium;
}
.Useful #Topimg strong {
	font-size: 36px;
	line-height: 1.2em;
}
.Useful .titles {
	width: 293px; /* 329px */
	padding: 12px 18px;
	height: 271px;
	float: left;
}
.Useful .titles.cell1 {
	background: url(../img/line-hor-ver.gif) no-repeat -15px bottom;
}
.Useful .titles.cell2 {
	background: url(../img/line-horizontal.gif) no-repeat 3px bottom;
}
.Useful .titles.cell3 {
	background: url(../img/line-vertical.gif) no-repeat 326px bottom;
	height: 265px;
}
.Useful .titles p {
	float: right;
	width: 155px; /* 191px */
	line-height: 1.25em;
}
.Useful .titles p.mt {
	margin-top: 10px;
}
/*** ビジネスマッチング ***/
.Matching {
	padding-top: 185px;
	background: url(../img/enterprise_headimg.jpg) no-repeat top;
}
.Matching h2.width {
	width: 679px;
	margin-right: auto;
	margin-left: auto;
}
.Matching #contents {
	width: 738px;
}
.Matching #Topimg {
	background: url(../img/enterprise_topimg.jpg) no-repeat left top;
	height: 151px; /* 169px */
	padding-top: 18px;
	padding-left: 36px;
	color: #669900;
}
.Matching #Topimg span {
	font-size: small;
	color: #333;
	line-height: 1.75em;
}
.Matching #Topimg strong {
	font-size: 26px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.Matching div.width {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.Matching #Flow p.step {
	width: 97px; /* 97px */
	height: 55px; /* 97px */
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding-top: 42px;
	padding-right: 44px;
	margin-right: 12px;
}
.Matching #Flow {
	text-align: center;
}
.Matching #Flow .flow_image {
	width: 100%;
	height: auto;
}
.address_box {
	width: 100%;
	margin: 1em auto 3em;
}
.mf_box {
	width: 48%;
	margin: 0 1%;
	float: left;
}
.logo_box {
	width: 100%;
	margin: 0;
}
.mf_1 {
	width: 60%;
	float: left;
	font-size: 12px;
}
.mf_logo_1 {
	width: 40%;
	height: auto;
	float: right;
}
.mf_2 {
	width: 75%;
	float: left;
	font-size: 12px;
}
.mf_logo_2 {
	width: 25%;
	height: auto;
	float: right;
	margin: -0.75em 0 0;
}
.soundfun_box {
	border: 1px solid #666;
	padding: 0.5em;
	font-size: 13px;
}
.soundfun_box a {
	color: #00C;
}
.company_name {
	padding: 0.5em 0;
	font-weight: bold;
	font-size: 15px;
}

/*** 企業求人様へ ***/
.Enterprise{
  padding-top:185px;
  background: url(../img/enterprise_headimg.jpg) no-repeat top;
}
.Enterprise h2.width{
  width:679px;
  margin-right:auto;
  margin-left:auto;
}
.Enterprise #contents{
  width:738px;
}
.Enterprise #Topimg{
  background:url(../img/enterprise_topimg.jpg) no-repeat left top;
  height:151px; /* 169px */
  padding-top:18px;
  padding-left:36px;
  color:#669900;
}
.Enterprise #Topimg span{
  font-size:small;
  color:#333;
  line-height:1.75em;
}
.Enterprise #Topimg strong{
  font-size:26px;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.Enterprise div.width{
  width:700px;
  margin-right:auto;
  margin-left:auto;
}

.Enterprise #Flow p.step{
  width:97px; /* 97px */
  height:55px; /* 97px */
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color:#FFF;
  text-align:center;
  font-size:12px;
  padding-top:42px;
  padding-right:44px;
  margin-right:12px;
}

.Enterprise #Flow{
	text-align:center;
}

/*** 会社概要 ***/

.Profile {
	padding-top: 185px;
	background: url(../img/profile_headimg.jpg) no-repeat top;
}
.Profile h2.width {
	width: 679px;
	margin-right: auto;
	margin-left: auto;
}
.Profile div.width {
	width: 675px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/prof-line-vertical.gif) no-repeat 157px -9px;
	padding-bottom: 24px;
}
.Profile dl {
	background: url(../img/prof-line-horizontal.gif) no-repeat bottom;
}
.Profile dt {
	float: left;
	padding: 12px 9px;
	width: 145px; /* 163px */
}
.Profile dd {
	float: right;
	width: 426px; /* 486px */
	padding: 12px 30px;
}
div#google_map {
	margin-top: 45px;
}
div#google_map a img {
	padding: 0 10px;
	width: 95%;
}
.osaka {
	width: 50%;
	float: left;
}
.tokyo {
	width: 50%;
	margin: 0 auto;
	float: none;
}
p.address {
	padding-top: 10px;
	width: 65%;
	margin: 0 auto;
}
/*** 人材紹介サービス ***/
.Recruit {
	padding-top: 185px;
	background: url(../img/recruit_headimg.jpg) no-repeat top;
}
.Recruit h2.width {
	width: 679px;
	margin-right: auto;
	margin-left: auto;
}
.Recruit #contents {
	width: 738px;
}
.Recruit #Topimg {
	background: url(../img/recruit_topimg.jpg) no-repeat left top;
	height: 151px; /* 169px */
	padding-top: 18px;
	padding-left: 36px;
	color: #669900;
}
.Recruit #Topimg span {
	font-size: small;
	color: #333;
	line-height: 1.75em;
}
.Recruit #Topimg strong {
	font-size: 26px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.Recruit div.width {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2em;
}
.Recruit div.width:nth-child(6) {
	border-bottom: none;
}
.rec_detail {
	float: left;
	width: 545px;
}
.rec_image {
	float: right;
}
/*** コンサルティング事業 ***/
.Consulting {
	padding-top: 185px;
	background: url(../img/consulting_headimg.jpg) no-repeat top;
}
.Consulting h2.width {
	width: 679px;
	margin-right: auto;
	margin-left: auto;
}
.Consulting #contents {
	width: 738px;
}
.Consulting #Topimg {
	background: url(../img/consulting_topimg.jpg) no-repeat left top;
	height: 151px; /* 169px */
	padding-top: 18px;
	padding-left: 36px;
	color: #669900;
}
.Consulting #Topimg span {
	font-size: small;
	color: #333;
	line-height: 1.75em;
}
.Consulting #Topimg strong {
	font-size: 26px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.Consulting div.width {
	width: 679px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2em;
}
.Consulting #Flow p.step {
	width: 97px; /* 97px */
	height: 55px; /* 97px */
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding-top: 42px;
	padding-right: 44px;
	margin-right: 12px;
}
img.consulting_subtitle {
	width: 100%;
}
.Consulting div.width:nth-child(2n+1) {
	border-bottom: none;
}

/*-------- 2022/12/05＿追記 -----------*/

.Enterprise div.width {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2em;
}

.Enterprise div.width:nth-child(5) {
	margin-bottom:5em;
	border-bottom: none;
}

.t4{
	font-weight:bold;
	font-size:17px;
	margin:1.5em 0 0.2em 0;
}

.t4-first {
	font-weight:bold;
	font-size:17px;
	margin:0 0 0.2em 0;
}

.t4-second {
	font-weight:bold;
	font-size:17px;
	margin:2em 0 1em;
}