@charset "utf-8";




/*基本設定*/
/*リセット------------------------------------------------------------------------------------*/
body,div,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p, th, td, img {
	margin:0;
	padding:0;
	line-height:2;
	text-align:left;
	font-weight:normal;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	z-index:0;
}

/*テーブル*/
table {border-collapse:separate;border-spacing:1;background-color:#cccccc;}
th    {background-color:#efefef;vertical-align:middle;text-align:center;}
td    {background-color:#ffffff;vertical-align:middle;}
th, td{
	padding:10px;}

/*画像・オブジェクト--------------------------------------------------------------------------*/
img         {border:0 none;vertical-align:bottom;}
object	    {text-decoration:none;border:none;margin:0px;padding:0px;vertical-align:bottom;}
.img_left   {float:left;padding:0px 15px 10px 0px;}
.img_right  {float:right;padding:0px 0px 10px 15px;}
.img_bottom {padding:20px 0px 20px 0px;text-align:center;clear:both;}

/*リスト*/
ol, ul, li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/*基本リンク*/
a:link,a:visited	{text-decoration:none;}
a:focus,a:hover		{text-decoration:underline;}
a:hover img,a:focus img	{opacity:0.8;filter:alpha(opacity=80);}


/*リンク文字色----------未設定*/
a:link    {color:#0099ff;}
a:visited {color:#0099ff;}
a:hover   {color:#0066cc;}


/*フロートのクリア*/
.clear          {clear:both;}
/*回り込み解除：clearfix*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.clearfix {display: inline-block;}
* html .clearfix  {height: 1%;}
.clearfix {display: block;}




/*↑↑↑↑　　　基本設定ここまで　　　↑↑↑↑↑*/


/*==================================================================================================================
トップページ・サブページに関わらず利用するスタイル
------------------------------------------------------------------------------------------------------------------*/


/*レイアウト*/
/*コンテンツ領域*/
#header_area {width:100%;max-width:1000px;margin:0px auto;}
#wrapper, #wrapper_top {width:100%;max-width:1000px;margin:0px auto 20px auto;}
#main        {width:calc(100% - 200px - 30px);float:left;border-bottom:1px solid #cccccc;padding-bottom: 50px;}
#side        {width:200px;float:right;}
#footer		 {background-image:url(../bg_footer.jpg);background-position:center top;background-repeat:repeat-x;}
#footer_area {width:100%;max-width:1000px;margin:0 auto;background-image:url(../../images/bg_footer_area.jpg);background-position:center bottom;background-repeat:repeat-y;padding-bottom:30px;}

/*背景設定*/
body		 {text-align:center;color:#333333;background-color:#ffffff;}
#header  	 {height: 100px;}
.hdr_img{margin-top: 10px;}



/*ロゴ*/


/*ヘッダー右：フォントサイズ変更
#cssbutton  {width:500px;margin-top:-80px;float:right;text-align:right;}
#cssbutton li {float:right;height:32px;  overflow:hidden;list-style-position:outside; }
#cssbutton li .on {margin-top:-32px; }
*/
/*ヘッダー右：お問い合わせボタン*/
#btn_siryo{width:360px;height:23px;margin-top:10px;float:right;text-align:right;}


/*グランドメニュー*/
#globalmenu      {height:auto;background:url(../images/bg_globalmenu.jpg);background-repeat:repeat-x;}
#globalmenu ul   {width:100%;max-width:1000px;margin:0 auto;}
#globalmenu li   {float:left;height:59px;background-repeat:no-repeat;background-position:center top;text-indent:-999999px;overflow:hidden;}
#globalmenu li a {float:left;width:100%;height:59px;}

#globalmenu_01 {width:20%;background-image:url(../images/globalmenu_01.png);background-size: 100%;}
#globalmenu_02 {width:20%;background-image:url(../images/globalmenu_12.png);background-size: 100%;}
#globalmenu_03 {width:20%;background-image:url(../images/globalmenu_03.png);background-size: 100%;}
#globalmenu_04 {width:20%;background-image:url(../images/globalmenu_04.png);background-size: 100%;}
#globalmenu_05 {width:20%;background-image:url(../images/globalmenu_05.png);background-size: 100%;}
#globalmenu_06 {width:33%;background-image:url(../images/globalmenu_09.png);}
#globalmenu_07 {width:33%;background-image:url(../images/globalmenu_10.png);}
#globalmenu_08 {width:33%;background-image:url(../images/globalmenu_11.png);}


/*サイド*/
#cmn_link      {border:1px solid #cccccc;background-color:#ffffff;padding:7px;}
#cmnlink_title {height:30px;background-image:url(../images/side_cmnlink_title.jpg);background-repeat:no-repeat;background-position:left top;text-indent:-999999px;}
#cmn_link li   {border-bottom:1px dotted #cccccc;background-color:#efefef;height:auto;line-height:1.3;padding:12px 7px;}

#cmn_link li a {color:#333333;}


#cmn_banner    {margin-top:15px;}
.banner_text   {font-size:75%;margin-left:5px;}
.banner_text a {background-image:url(../images/list_04.jpg);background-repeat:no-repeat;background-position:left center;padding-left:10px;color:#333333;}


/*フッター*/
#footer          {border-top:1px solid #cccccc;}

#footer_column1     {background-color:#eeeeee;}
#footer_column1 img {margin:40px auto;}

#footer_column2   {background-color:#333333;color:#fff;}
#footer_column2 a {color:#fff;}
.footer_ara     {width:100%;max-width:1000px;margin:0px auto;text-align:center;overflow: hidden;}
.footer_ara p{float:left; margin: 30px;font-size: 1.2em;font-weight:bold;}
.fc_txt1{font-size:90%;color:#666;}
.fc_txt2{font-size:120%;color:#666;}
#footer_column2 ul li{margin:20px 40px 20px 0px;float:left;}
#footer_company  {clear:both;}
#footer_company p{margin:0px;line-height:1.7;font-size:85%;}
.footer_ara #footer_company p {float: none;}
#footer_company p span{display: inline-block;margin:0 3%;}

#footer_logo{text-align:right;margin:10px 0;}
#copy{text-align:right;font-size:75%;}


/*hタグ制御*/

/*文字制御*/
.ltext120b{font-size:120%;font-weight:bold;}

p{margin:0 0 20px 10px;}
.table_title{font-weight:bold;margin-top:15px;background-image:url(../images/list_01.jpg);background-repeat:no-repeat;background-position:left center;text-indent:10px;}


.jump  {margin:20px 0px 20px 20px;}
.jump li{float:left;background-repeat:no-repeat;background-position:left center;background-image:url(../images/icon_jump.jpg);padding:0px 40px 0px 15px;white-space: nowrap;}
.jump p {margin:10px 0}
/*回り込み解除：clearfix*/
.jump:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.jump {display: inline-block;}
* html .jump {height: 1%;}
.jump {display: block;}



/*パンクズナビ*/
#breadcrumb                  {width:100%;margin:10px auto 15px auto;font-size:85%;}
#breadcrumb p                {line-height:1.2;margin-left:0;}
#breadcrumb a                {margin:0px 10px;}
#breadcrumb #breadcrumb_page {margin:0px 10px;}


/*サブメニュー*/
#sidemenu            {background-color:#ffffff;border:1px solid #cccccc;background-color:#ffffff;padding:7px;margin-bottom:20px;line-height:1.3;}
#sidemenu ul li      {background-color:#006699;color:#ffffff;padding:4px 5px 4px 8px;}  
#sidemenu ul ul      {background-color:#FFFFFF;padding-left:5px;}  
#sidemenu ul ul li   {background-color:#FFFFFF;color:#333333;line-height;border-top:1px solid #cccccc;padding:8px 5px 8px 14px;background-repeat:no-repeat;background-position:left 18px;background-image:url(../images/list_03.jpg);}  



/*テキスト関連*/
.stext75n{font-size:75%;font-weight:normal;}



/*hタグ設定*/

h1{
  height:40px;
　position: relative;
  border-left: 6px solid #0099cb;
  border-bottom: 2px solid #ececec;
  margin-bottom:30px;
  font-weight:600;
  font-size: 1.5em;
  padding-bottom: 10px;
  padding-left:20px;}
h1::before {
  position: absolute;
  left: -6px;
  bottom: 0;
  content: '';
  width: 6px;
  height: 70%;
  background-color: #026698;
}
h2{
	color:#009acc;
	font-weight:bold;
	font-size: 1.3em;
    margin: 20px 0 10px;
	clear:both;}
h3{
	background-color:#0199cb;
	color:#fff;
    font-weight: 600;
    padding: 5px 0 0 10px;
	margin:20px 0 10px;
}

/*装飾タイトル*/
h4.title01{clear:both;}

.title01{background-repeat:no-repeat;background-position:left center;background-color: #666;color:#fff;text-indent:15px;}



/*枠*/
.waku01  {clear:both;margin:10px;padding:5px;border:1px solid #0099cc;border-top:5px solid #0099cc;background-color:#f0fbff;margin-bottom:25px;}
.waku01 p {font-size:115%;color:#006699;font-weight:bold;}

.waku02  {clear:both;margin:10px;border:1px solid #cccccc;background-color:#efefef;margin-bottom:25px;padding:8px;}
.waku02:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.waku02 {display: inline-block;}
* html .waku02 {height: 1%;}
.waku02 {display: block;}





/*==================================================================================================================
トップページ
==================================================================================================================*/
/*トップインデックス用*/
#topindex_catch  {margin:20px auto;}
#topindex_image img  {width:100%; max-width: 1000px;}
#topindex_siryo  {width:200px;margin-bottom:25px;}



/*トピックス*/
.topics_text {font-size:75%;padding:0px 8px;line-height:1.5;}

#topics        {margin-bottom:25px; position:relative;}
#topics_title  {float:left;width:160px;height:32px;text-indent:-999999px;background-repeat:no-repeat;background-position:left center;background-image:url(../../images/topics_title.jpg);}
#topics_passed {float:right;}
#topics_data   {clear:both;padding:20px;font-size:90%;}
#topics_data ul li{margin-bottom: 10px;}
#topics_data ul li span{color:#fff;background-color:#81898c;font-size:80%;margin-left:20px; padding: 0 10px;}
#topics_data iframe{ width:100%; height:250px; border:none; }
#news_info{border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;overflow:hidden;padding: 5px 0;}
.newsList   {clear:both;padding:20px;}
.newsList li{margin-bottom: 10px;}
.newsList li span{color:#fff;background-color:#81898c;font-size:80%;margin-right:20px; padding: 0 10px;}
.newsDate {margin-bottom:20px; }
.newsDate span{color:#fff;background-color:#81898c;font-size:80%;padding: 0 10px;}

.newsBody { font-size:1.2em; }
.newsBody img{margin:20px 0;max-width:100%;width:auto;height:auto;}
.newsBody img.i_l{ float:left; margin:20px 20px 20px 0;}
.newsBody img.i_r{ float:right; margin:20px 0 20px 20px;}
.newsBody img.i_c{ display:block; margin:20px auto;}
.newsBody:after {content:"";display:block;clear:both;}
.newsNavi { margin:20px; }

/*トピックス*/
#top_point_title         {width:400px;float:left;height:32px;text-indent:-999999px;background-repeat:no-repeat;background-position:left center;background-image:url(../images/point_title.jpg);}
#top_point_passed {float:right;margin-top:5px;}
#top_point{margin-bottom:25px;}
#top_point_set{clear:both;border:1px solid #cccccc;background-color:#ededed;padding:15px 0 15px 15px;}
.top_point_img1,.top_point_img2{float:left;}
.top_point_img1                {margin-left:15px;}

#topics .topicslistlink { position:absolute; top:5px; right:10px; }

/*==================================================================================================================
サブページ
==================================================================================================================*/
/*新着情報*/
#main.topics table { width:100%; }
.date{background-color:#fef6f6;}
#main.topics tbody tr td:first-of-type { background:#fef6f6; }
#main.topics tbody tr:first-of-type td{background-color:#990000; color:#fff; width:100%;}
.topic_img{ margin-top:30px; }

/*プライバシーポリシー*/
#privacy{margin:20px 0 0 25px;}
#privacy ol li{list-style-type: upper-roman;margin-bottom:20px;}
#privacy ol li ol   {margin-left:25px;}
#privacy ol li ol li{list-style-type: decimal;margin-bottom:0px;}

/*グループ*/
.group_title{
	font-size: 120%;
    font-weight: bold;}
table#group      {margin:10px 0 20px 0;}
table#group th   {padding:5px 0px 5px 10px;}
table#group th span {display: inline-block;}
table#group td   {padding:5px 0px 5px 10px;}

table#group_photo{margin:10px 0 20px 0;}
.group_map {margin:10px 10px 40px 20px;}

ul#group_img, ul#group_img_3col {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:space-between;
}
ul#group_img li{width: 49%; margin-bottom: 15px;}
ul#group_img li{width: 49%; margin-bottom: 15px;}
ul#group_img_3col li{width: 32%; margin-bottom: 15px;}
ul#group_img li img, ul#group_img_3col li img{width: 100%;}


/*お問い合わせ　アクセス*/
#contact .img_left p{
	margin-left:0;}
#contact .img_right{padding:0;}

/*会社概要*/

table#company dt{line-height:1.7;}
table#company dd{margin-left:15px;line-height:1.7;}
.company_img{margin-bottom:30px;}

/*人材をお探しの企業様へ*/
table#client_schedule{margin-bottom:20px;}
table#client_schedule th{text-align:center;}
table#client_schedule td{padding-left:10px;}

table#client_download th{text-align:center;}
table#client_download td{text-align:center;padding:10px;}
.graduate_sports {background-color:#0099cc;padding-left:10px;font-weight:bold;color:#ffffff;}
.graduate_pet{background-color:#669900;padding-left:10px;font-weight:bold;color:#ffffff;}
.graduate_introduce{background-color:#A30002;padding-left:10px;font-weight:bold;color:#ffffff;}
.bg_yg{background-color:#eaf1dc;}
.bg_pr{background-color:#f5e7e7;}
.client_img{margin:30px 0;overflow: hidden;}
.client_img .img_left,.client_img .img_right{padding:0;}
.mb_30{margin-bottom:30px;}

/*メールフォーム*/

form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}

/*スタッフ登録を希望の方へ*/

table#register th{border-bottom:1px dotted #cccccc;padding:8px 0px 8px 10px;line-height:2;}
table#register td{border-bottom:1px dotted #cccccc;padding:8px 0px 8px 10px;line-height:2;}


/*お問い合わせ・アクセス*/
.map{
	border: 1px solid #ccc;
    padding: 1px;
    margin:20px auto 30px;
    height:300px;
}

/*経営支援*/
.support_list { display: flex; flex-wrap: wrap; justify-content: space-between;}
.support_list > dl { width: calc( 50% - 10px ); padding: 20px; border: solid 1px #ccc; box-sizing: border-box;}
.support_list > dl dt { background-color: #0199cb; color: #fff; font-weight: 600; padding: 5px 0 0 10px; margin: 0 0 10px;}

/*グランドメニュー*/
#globalmenu2      {height:auto;background:url(../images/bg_globalmenu.jpg);background-repeat:repeat-x;}
#globalmenu2 ul   {width:100%;max-width:1000px;margin:0 auto;}
#globalmenu2 li   {float:left;height:59px;background-repeat:no-repeat;background-position:center top;text-indent:-999999px;overflow:hidden;}
#globalmenu2 li a {float:left;width:100%;height:59px;}

#globalmenu2_01 {width:25%;background-image:url(../images/globalmenu2_01.png);background-size: 100%;}
#globalmenu2_02 {width:25%;background-image:url(../images/globalmenu2_02.png);background-size: 100%;}
#globalmenu2_03 {width:25%;background-image:url(../images/globalmenu2_03.png);background-size: 100%;}
#globalmenu2_04 {width:25%;background-image:url(../images/globalmenu2_04.png);background-size: 100%;}