@charset "UTF-8";

@media screen and (min-width: 641px) {
	.pc_intimg{}
	.sp_intimg{}
	.textarea{
		width:880px;
		height:260px;
		padding:10px;
	}
	.inputtext{
		width:280px;
		padding:10px;
	}

	.inputtext_m{
		width:100px;
		padding:10px;
	}

	.inputtext_s{
		width:50px;
		padding:10px;
	}

	.sppre{
		display:none;
	}
	body{
		min-width:1100px;
		background:#f2f2f2;
		background-color:#FFF;
	}

	header{
/*  レッドの背景	*/
		background:url(../images/header_bg02.png);
		background-repeat:repeat-x;
		width:100%;
		min-height:80px;

	}

	header.blue{
/*  ブルーの背景	*/
		background:url(../images/header_bg03.png);
		background-repeat:repeat-x;
		width:100%;
		min-height:80px;

	}

	header.glay{
/*  グレーの背景	*/
		background:url(../images/header_bg.png);
		background-repeat:repeat-x;
		width:100%;
		min-height:100px;
	}

	header ul{
		margin:0 auto;
		width:1060px;
	}

	header li.left{
		float:left;
		margin-top:20px;
	}

	header li.left01{
		float:left;
		margin-top:20px;
		margin-left:80px;
	}

	header li.right{
		float:right;
		margin-top:11px;
	}

	.mvbox{
		text-align:center;
		margin:0 auto;
	}

	.mvbox img{
		width:100%;
	}

	.ttlbox{
		background:url(images/ttl_bg.png);
		background-repeat:repeat-x;
		text-align:center;
	}

	.centerbox{
		text-align:center;
		margin:0 auto;
	}

	.sepbox{
		overflow:hidden;
		margin:0 auto;
		width:960px;
		padding:20px 0;
	}

	.sepbox_inner{
		width:429px;
		background:#FFF;
		padding:20px;
		float:left;
		margin-right:20px;
		margin-bottom:20px;
	}

	.sepbox_inner img.photo{
		float:left;
		padding:5px 20px 0px 0px;
	}

	.sepbox_inner img.photo2{
		padding:0px 0px 20px 0px;
	}

	.sepbox_inner:nth-child(2n+2){
		margin-right:0!important;
	}

	.sepbox p{
		margin-bottom:15px;
	}

	.white{
		background:#fff;
	}

	.glay{
		background:#f5f4f3;
	}

	.textttl{
		font-size:22px;
		padding:40px 0;
		color:#3c4651;
		font-weight:bold;
	}


	dl.staffbox{
		overflow:hidden;
		width:960px;
		margin:0 auto;
		margin-top:20px;
		background:#fff;
		font-size:105%;
		line-height:165%;
		font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}

	dl.staffbox dt{
		float:left;
		width:400px;
		padding:10px 0;
	}

	dl.staffbox dd{
		font-size:25px;
		line-height:150%;
		float:right;
		width:490px;
		padding-bottom:20px;
		padding-left:50px;
		text-align:left;
	}

	dl.staffbox p{
		text-align:left;
		margin:0px auto 0 auto;
	}

	dl.staffbox2{
		overflow:hidden;
		width:960px;
		margin:0 auto;
		margin-top:20px;
		background:#fff;
		font-size:105%;
		line-height:165%;
		font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}

	dl.staffbox2 dt{
		float:right;
		width:400px;
		padding:10px 0;
	}

	dl.staffbox2 dd{
		font-size:25px;
		line-height:150%;
		float:left;
		width:490px;
		padding-bottom:20px;
		padding-left:30px;
		text-align:left;
	}

	dl.staffbox2 p{
		text-align:left;
		margin:0px auto 0 auto;
	}

	.entrybtnbox{
		background:url(images/img-20.png);
		background-repeat:repeat-x;
/*		padding:70px 0; */
		padding:10px 0;
		text-align:center;
	}
/*
	.skybox{
		background-image: url(images/bg_sky.png);
		background-size:cover;
		text-align:center;
	}
*/

	dl.staffbox3{
		overflow:hidden;
		width:960px;
		margin:0 auto;
		background:#fff;
		font-size:105%;
		line-height:165%;
	}

	dl.staffbox3 dt{
		float:left;
		width:420px;
	}

	dl.staffbox3 dd{
		font-size:17px;
		line-height:150%;
		float:right;
		width:490px;
		padding-bottom:20px;
		padding-right:20px;
		text-align:left;
	}

	dl.staffbox3 p{
		text-align:left;
		margin:0px auto 0 auto;
	}




	dl.staffbox4{
		overflow:hidden;
		width:960px;
		margin:0 auto;
		background:#f5f4f3;
		font-size:105%;
		line-height:165%;
	}

	dl.staffbox4 dt{
		float:right;
		width:420px;
	}

	dl.staffbox4 dd{
		font-size:17px;
		padding-top:20px;
		line-height:150%;
		float:left;
		width:490px;
		padding-bottom:20px;
		padding-left:30px;
		text-align:left;
	}

	dl.staffbox4 p{
		text-align:left;
		margin:0px auto 0 auto;
	}


/* 1段 */
	.boshubox{
		background:#7d0000;
		padding:50px 50px 30px 50px;
		width:859px;
		margin:0 auto 16px auto;
		color:#fff;
		font-size:20px;
		text-align:left;
		line-height:140%;
	}

	.boshubox li{
		padding:5px 0;
	}
	.boshubox img{padding-bottom:25px;}
	.boshubox img.clr {padding-bottom:0;}

/* 3段 */
	.boshubox3 {
		background:#7d0000;
		padding:17px 17px 10px 17px;
		width:250px;
		margin:0 auto 6px auto;
		color:#fff;
		font-size:14px;
		text-align:left;
		line-height:140%;
	}

	.boshubox3 li{ padding:2px 0;}
	.boshubox3 img{ padding-bottom:8px; width:100%;}
	.boshubox3 img.clr { padding-bottom:0;}

	 ul.rlist { list-style:none;}
	span.dan { float:left;}
	span.dan2 {
		display:block;
		margin-left:70px;
	}
	span.dan3 {
		display:block;
		margin-left:40px;
	}


/* モーダルウインドウ用 */

#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}

#modal-open01 {
  color: #cc0000;
}

#modal-open02 {
  color: #cc0000;
}

#modal-open03 {
  color: #cc0000;
}

#modal-open04 {
  color: #cc0000;
}

/* モーダル コンテンツエリア */
#modal-main01 {
  display: none;
  width: 800px;
  height: 600px;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  max-height:90%;
  overflow:auto;
  z-index: 2;
}

#modal-main02 {
  display: none;
  width: 800px;
  height: 600px;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  max-height:90%;
  overflow:auto;
  z-index: 2;
}

#modal-main03 {
  display: none;
  width: 800px;
  height: 600px;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  max-height:90%;
  overflow:auto;
  z-index: 2;
}

#modal-main04 {
  display: none;
  width: 800px;
  height: 600px;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  max-height:90%;
  overflow:auto;
  z-index: 2;
}

/* モーダル 背景エリア */
#modal-bg {
  display:none;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  left:0;
  z-index: 1;
}

/* 3段の大枠 */
ul.g_menu {
    display:table;
	width: 1015px;
	margin: 0 auto;
	/* width:100%; */
}
ul.g_menu li.box_t {
    display:table-cell;
    vertical-align:top;
    text-align:center;
}






/* ポップアップ後のテーブルデザイン */
table.stf_temp01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	margin:20px 20px;
	width:auto;
}
table.stf_temp01 th {
	width: 80px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	text-align:center;
	border: 1px solid #ccc;
}
table.stf_temp01 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}


/* 画像切り替え */
.switch {
    visibility: hidden;
}

















	.whitebg{
/*		background:url(../images/white_bg.png) left top repeat;*/
	}

	.entrybox{
		width:960px;
		margin:0 auto;
		border:7px solid #ebebeb;
		background:#fff;

	}

	.entrybox table{
		border-collapse:collapse;
		width:880px;
		margin:30px auto;
	}

	.entrybox table .line{
		border-bottom:1px solid #ccc;
	}

	.entrybox table span{
		font-weight:bold;
		color:#cc0000;
	}

	.entrybox table th{
		text-align:left;
		padding:15px;
		font-size:115%;
	}

	.entrybox table td{
		text-align:left;
		padding:15px;
		font-size:115%;
	}

	.entrybox table .center{
		text-align:center;
	}

	footer{
		background:#fff;
		border-top:1px solid #d5d5d5;
		width:100%;
		padding-bottom:10px;
	}

	footer ul{
		margin:0 auto;
		overflow:hidden;
		width:1060px;
	}

	footer li.left{
		width:48%;
		float:left;
		margin-top:15px;
	}

	footer li.right img{padding:0 1.5%;}

	footer li.right{
		width:48%;
		text-align:right;
		font-size:10px;
		float:right;
		margin-top:15px;
	}


	#page-top {
		position: fixed;
		bottom: 90px;
		right: 40px;
	}

	footer div{
		display:block;
	}

	footer a{
		font-size:130%;
	}

	footer  div a{
		margin-right:0px!important;
		font-size:90%;
	}


	footer li.left a{
		margin-right:10px;
	}

/* 求人ページ用 */
	.pc_design {
		margin:0 auto;
		text-align: left;
		width:800px;
	}
	
	.design01 { float:left;}
	.design02 { float:left;}

	ul.rec_ttl00 {
		display:table;
		margin: auto;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	ul.rec_ttl00 li {
		display:table-cell;
		vertical-align:middle;
	}
	
	ul.rec_ttl00 img { padding-left:5px;}
	
	.rec_ttl01 {
		font-size:20px;
		font-weight:bold;
/*		color:#112B4C; */ /* ネイビー */
		color:#1A1A1A;
		padding-left:10px;
	}
	
	.rec_ttl02 {
		font-size:16px;
/*		color:#112B4C; */ /* ネイビー */
		color:#1A1A1A;
		padding-left:10px;
		width:800px;
	}
	
	ul.rec_ttl03 {
		display:table;
		margin: auto;
		width:800px;
		padding-bottom:20px;
	}
	
	ul.rec_ttl03 li.main {
		display:table-cell;
		vertical-align:top;
		
	}
	
	ul.rec_ttl03 li.main img.snap {
		width:95%;
	}

	ul.rec_ttl03 li:last-child {
		padding-left:10px;
	}
	
	ul.rec_ttl03 p {
		padding:5px 0 5px 15px;
		background-color: #f6f6f6;
/*		border-left: 6px solid #112B4C; */  /* ネイビー */
		border-left: 6px solid #1A1A1A;
		font-size:20px;
		font-weight:bold;
/*		color:#112B4C; */  /* ネイビー */
		color:#1A1A1A;
		margin-bottom:5px;
	}
	
	ul.rec_ttl03 span {
		padding:5px 0;
		font-size:14px;
		text-align:center;
		color:#888;
	}
	
	ul.rec_ttl03 .sttl {
		color:#555;
		font-weight:bold;
		font-size:16px;
	}
	
	ul.rec_ttl03 .list {
		color:#555;
		font-size:14px;
		line-height:18px;
		padding-top:10px;
	}
	
	ul.rec_ttl03 img.photo01 { width:280px;}
	ul.rec_ttl03 img.photo02 { width:380px;}

	ul.rec_ttl03 .map_area {
		width: 400px;
		height: 300px;
		overflow: hidden;
	}

	ul.rec_ttl03 .pr_point { padding-left:20px;}
	
	.w30p { width:30%;}
	.w70p { width:70%;}
	.w100p { width:100%;}
	
	.w100 { width:100px; text-align:left;}
	.w200 { width:200px;}
	
	table.type01 {
		border-collapse: separate;
		border-spacing: 0;
		line-height: 1.5;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin-right : auto;
		margin-left : auto;
	}
	
	table.type01 th {
		width: 150px;
	/*	height:70px; */
		padding: 13px;
		font-weight: bold;
		vertical-align: top;
		text-align:center;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		background: #eee;
		font-size:16px;
		color:#333;
	}
	table.type01 td {
		width: 650px;
		padding: 5px 0 5px 10px;
		vertical-align: top;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size:14px;
		color:#555;
	}
	
	table.type01 span {
		font-size:12px;
	}
	
	table.type02 {
		border-collapse: separate;
		border-spacing: 0;
		line-height: 1.5;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin-right : auto;
		margin-left : auto;
	}
	
	table.type02 th {
		width: 350px;
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		text-align:center;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		background: #eee;
		font-size:16px;
		color:#333;
	}
	table.type02 td {
		width: 350px;
		padding: 10px;
		vertical-align: top;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size:14px;
		color:#555;
	}
	
	
	ul.rec_ttl04 {
		display:table;
		margin: auto;
		padding:20px;
		padding-top:20px;
	}
	
	ul.rec_ttl04 li {
		display:table-cell;
		vertical-align:middle;
	}
	
	ul.rec_ttl04 li img { padding:20px;}
	
	div.area01 {
		background-color:#FFFFFF;
		width:75%;
		margin: 0 auto;
		margin-top:10px;
	}
	
	hr.b01 {
		border-top: 1px dotted #8c8b8b;
		border-bottom: 1px dotted #fff;
		padding:5px 0;
		margin-top:10px;
	}

/* TOP採用ボタン */
	.recbox{
		background:url(../switch/bg_saiyou_pc.png);
		background-repeat:repeat-x;
		text-align:center;
	}

	.recbox_sin{
		background:url(../switch/bg_sinsotsu_pc.png);
		background-repeat:repeat-x;
		text-align:center;
	}

	a:hover img {
		opacity:0.8;
		filter:alpha(opacity=80);
	}


/* フローティングバナーのラップ要素 */
#fixed_right_banner
{
    /* 下の上から150pxの位置に固定表示 */
    position: fixed;
    bottom: 150px;
    right: 0;
}
 
/* 画像の共通設定 */
#fixed_right_banner > *
{
    clear: both;
    float: right;
    /* 横幅 */
    width: 96px;
 
    /* 最初にあらかじめ右側を詰めて表示。 */
    margin-right: -35px;
	
    -webkit-transition: margin .2s ease;
    transition: margin .2s ease;
}
 
/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 20px; }
 
/* リンク要素 */
#fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;
}
 
/* マウスオーバーで、詰めた右側のマージンをリセット。 */
#fixed_right_banner > *:hover
{
    margin-right: 0;
}
 
/* このサイズより小さいと消える */
@media (max-width: 1155px)
{
    #fixed_right_banner { display: none; }
}



}


@media screen and (max-width: 640px) {

	body{
		min-width:auto!important;
		background-color:#FFF;
	}
	header{
/*  レッドの背景	*/
		background:url(../images/header_bg02.png);
		background-repeat:repeat-x;
		width:100%;
	}

	header.glay{
/*  グレーの背景	*/
		background:url(../images/header_bg.png);
		background-repeat:repeat-x;
		width:100%;
	}

	header.blue{
/*  ブルーの背景	*/
		background:url(../images/header_bg03.png);
		background-repeat:repeat-x;
		width:100%;
	}


	header ul{
		margin:0 auto;
		overflow:hidden;
		width:95%;
	}

	header li.left{
		float:left;
		margin-top:10px;
		width:40%;
		padding-bottom:10px;
	}

	header li.left01{
		float:left;
		margin-top:10px;
		width:40%;
		padding-bottom:10px;
	}

	header li.right{
		float:right;
		margin-top:11px;
		width:47%;
		padding-bottom:10px;
	}

	header li img{
		width:100%;
	}

	.mvbox{
		text-align:center;
		margin:0 auto;
	}

	.mvbox img{
		width:100%;
	}

	.ttlbox{
		background:url(../images/ttl_bg.png);
		background-repeat:repeat-x;
		text-align:center;
	}

	.ttlbox img{
		width:100%;
	}

	.centerbox{
		text-align:center;
		margin:0 auto;
	}

	.sepbox h2 img{
		width:100%;
	}

	.sepbox{
		overflow:hidden;
		margin:0 auto;
		width:95%;
		padding:20px 0;
	}

	.sepbox_inner{
		width:100%;
		background:#FFF;
		padding:20px 0;
		float:left;
	}

	.sepbox_inner img.photo{
		float:left;
		width:40%;
		padding:5px 20px 0px 0px;
	}

	.sepbox_inner img.photo2{
		padding:0px 0px 20px 0px;
		width:100%;
	}

	.sepbox_inner:nth-child(2n+2){
		margin-right:0!important;
	}

	.sepbox p{
		margin-bottom:15px;
	}

	.white{
		background:#fff;
	}

	.textttl{
		font-size:22px;
		padding:40px 0;
		color:#3c4651;
		font-weight:bold;
	}


	dl.staffbox{
		overflow:hidden;
		width:94%;
		padding:3%;
		margin:0 auto;
		background:#f5f4f3;
		font-size:105%;
		line-height:165%;
		text-align:left;
	}

	dl.staffbox dt{
		display:inline;
		text-align:left;
	}

	dl.staffbox dt img{
		width:40%;
		float:left;
		padding:3% 3% 3% 0;
	}

	dl.staffbox dd img{
		width:55%;
	}

	dl.staffbox dd{
		display:inline;
		font-size:17px;
		line-height:150%;
		padding-bottom:20px;
		text-align:left;
	}

	dl.staffbox p{
		text-align:left;
		margin:0px auto 0 auto;
	}

	dl.staffbox2{
		overflow:hidden;
		width:94%;
		padding:3%;
		margin:0 auto;
		background:#f5f4f3;
		font-size:105%;
		line-height:165%;
		text-align:left;
	}

	dl.staffbox2 dt{
		display:inline;
		text-align:left;
	}

	dl.staffbox2 dt img{
		width:40%;
		float:right;
		padding:3% 0 3% 3%;
	}

	dl.staffbox2 dd img{
		width:55%;
	}

	dl.staffbox2 dd{
		display:inline;
		font-size:17px;
		line-height:150%;
		padding-bottom:20px;
		text-align:left;
	}

	dl.staffbox p{
		text-align:left;
		margin:0px auto 0 auto;
	}

	.entrybtnbox{
		background:url(../images/img-20.png);
		background-repeat:repeat-x;
		padding:7% 0;
		text-align:center;
	}

	.entrybtnbox img{
		width:100%;
	}
/*
	.skybox{
		background-image: url(../images/bg_sky.png);
		background-size:cover;
		text-align:center;
	}

	.skybox img{
		width:95%;
	}
*/

	dl.staffbox3{
		overflow:hidden;
		width:94%;
		margin:0 auto;
		background:#fff;
		font-size:105%;
		line-height:165%;
		text-align:left;
		padding:3%;
	}

	dl.staffbox3 dt{
		display:inline;
		text-align:left;
	}

	dl.staffbox3 dt img{
		width:40%;
		display:block;
		float:left;
		padding-right:3%;
		padding-bottom:3%;
	}

	dl.staffbox3 dd{
		display:inline;
		font-size:17px;
		line-height:150%;
		padding-bottom:20px;
		text-align:left;
	}
	.pc_intimg{}
	.sp_intimg{width:100%;}

	dl.staffbox3 dd img{
		width:45%;
	}

	.clr{clear:both;display:block;}

	dl.staffbox3 p{
		text-align:left;
		margin:0px auto 0 auto;
	}


	dl.staffbox4{
		overflow:hidden;
		width:94%;
		margin:0 auto;
		background:#f5f4f3;
		font-size:105%;
		line-height:165%;
		text-align:left;
		padding:3%;
	}

	dl.staffbox4 dt{
		display:inline;
		text-align:left;
	}

	dl.staffbox4 dt img{
		width:40%;
		display:block;
		float:right;
		padding-left:3%;
		padding-bottom:3%;
	}

	dl.staffbox4 dd{
		display:inline;
		font-size:17px;
		line-height:150%;
		padding-bottom:20px;
		text-align:left;
	}
	.intimg{width:100%;}

	dl.staffbox4 dd img{
		width:55%;
	}

	.clr{clear:both;display:block;}

	dl.staffbox4 p{
		text-align:left;
		margin:0px auto 0 auto;
	}

	.boshubox{
		background:#7d0000;
		padding:7% 3%;
		width:94%;
		margin:0 auto 16px auto;
		color:#fff;
		text-align:left;
		line-height:140%;
	}

	.boshubox li{
		padding:5px 0;
	}
	.boshubox img{padding-bottom:25px;width:100%;}
	.del{display:none;}
	.entryttl{display:block;font-size:120%;padding:1% 0;}


/* スマホは1段で表示 */
	.boshubox3 {
		background:#7d0000;
		padding:7% 3%;
		width:94%;
		margin:0 auto 16px auto;
		color:#fff;
		text-align:left;
		line-height:140%;
	}

	.boshubox3 li{ padding:5px 0;}
	.boshubox3 img{ padding-bottom:25px; width:100%;}

/*	 ul.rlist { list-style:none;} */



/* モーダルウインドウ用 */

#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
/*  height: 2000px; */
  height: 100%;
}

#modal-open01 {
  color: #cc0000;
}

#modal-open02 {
  color: #cc0000;
}

#modal-open03 {
  color: #cc0000;
}

#modal-open04 {
  color: #cc0000;
}

/* モーダル コンテンツエリア */
#modal-main01 {
  display: none;
/*  width: 800px;
  height: 500px; */
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  max-height:90%;
  overflow:auto;
  z-index: 2;
}

#modal-main02 {
  display: none;
/*  width: 800px;
  height: 500px; */
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  max-height:80%;
  overflow:auto;
  z-index: 2;
}

#modal-main03 {
  display: none;
/*  width: 800px;
  height: 500px; */
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  max-height:80%;
  overflow:auto;
  z-index: 2;
}

#modal-main04 {
  display: none;
/*  width: 800px;
  height: 500px; */
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  max-height:80%;
  overflow:auto;
  z-index: 2;
}

/* モーダル 背景エリア */
#modal-bg {
  display:none;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  left:0;
  z-index: 1;
}



/* ポップアップ01後のテーブルデザイン */
table.stf_temp01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.stf_temp01 th {
	width: 20%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.stf_temp01 td {
	width: 80%;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}


/* 画像切り替え */
.switch {
    visibility: hidden;
}




	.whitebg{
		background:url(../images/white_bg.png) left top repeat;
	}

	.entrybox{
		width:100%;
		margin:0 auto;
		border-top:7px solid #ebebeb;
		border-bottom:7px solid #ebebeb;
		background:#fff;

	}

	.entrybox table{
		border-collapse:collapse;
		width:95%;
		margin:30px auto;
	}

	.entrybox table .line{
		border-bottom:1px solid #ccc;
	}

	.entrybox table span{
		font-weight:bold;
		color:#cc0000;
	}

	.entrybox table th{
		text-align:left;
		padding:15px 0;
		font-size:115%;
		width:40%;
	}

	.entrybox table td{
		width:60%;
		text-align:left;
		padding:15px 0;
		font-size:115%;
	}

	.entrybox table td input{
		width:100%;
	}

	.entrybox table .center{
		text-align:center;
	}

	footer{
		background:#fff;
		border-top:1px solid #d5d5d5;
		width:100%;
		padding-bottom:10px;
	}

	footer ul{
		margin:0 auto;
		overflow:hidden;
		width:95%;
	}

	footer li.left{
		width:48%;
		float:left;
		margin-top:15px;
	}

	footer li.left img{
		width:100%;
		padding:3% 0;
	}

	footer li.right{
		width:48%;
		text-align:right;
		font-size:10px;
		float:right;
		margin-top:15px;
	}

	footer li.right img{
		width:100%;
		padding:3% 0;
	}

	#page-top {
		position: fixed;
		bottom: 90px;
		right: 40px;
	}

	footer div{
		display:block;
	}

	footer a{
		font-size:130%;
	}

	footer  div a{
		margin-right:0px!important;
		font-size:90%;
	}


	footer li.left a{
		margin-right:10px;
	}

	.pcpre{
		display:none;
	}
	.sppre{
		width:100%;
		text-align:center;
		margin:0 auto;
		padding-top:3%;
	}
	.sppre img{
		width:95%;
	}
	.premsg{
		background:url(../images/pre_bg.png) left top repeat;
	}
	#entry img{
		width:100%;
	}
	.textarea{
		width:100%;
		height:100px;
		resize:none;
	}
	.inputtext{
		width:100%;
	}
	
	 ul.rlist {	list-style:none;}
	span.dan { float:left;}
	span.dan2 {
		display:block;
		margin-left:60px;
	}
	span.dan3 {
		display:block;
		margin-left:10px;
	}

/* 求人ページ用 */
	.design01 { padding-top:15px;}

	ul.rec_ttl00 {
		display:table;
		margin: auto;
		padding-bottom:10px;
/*		padding-top:20px;
		padding-bottom:20px; */
	}
	
	ul.rec_ttl00 li {
/*		display:table-cell; */
		vertical-align:middle;
	}

	ul.rec_ttl00 li.yoko {
		display:table-cell;
		width:auto;
	}

	ul.rec_ttl00 li:last-child {
		display:table-cell;
		vertical-align:middle;
	}
	
	ul.rec_ttl00 img.title { width:90%;}
	ul.rec_ttl00 img { padding-left:5px;}
	
	.rec_ttl01 {
		font-size:16px;
		font-weight:bold;
/*		color:#112B4C; */ /* ネイビー */
		color:#1A1A1A;
		padding:0 5px 5px 10px;
		line-height: 18px;
	}
	
	.rec_ttl02 {
		font-size:12px;
/*		color:#112B4C; */ /* ネイビー */
		color:#1A1A1A;
		padding:0 5px 5px 10px;
		width:auto;
		line-height: 14px;
	}
	
	ul.rec_ttl03 {
/*		display:table; */
		margin: auto;
		width:auto;
		padding-bottom:20px;
	}

	ul.rec_ttl03 li {
		margin: auto;
		text-align:center;
	}
	
	ul.rec_ttl03 li.main {
/*		display:table-cell; */
		text-align:center;
		vertical-align:top;
		
	}
	
	ul.rec_ttl03 li.main img.snap {
		width:95%;
		padding-top:10px;
	}

	ul.rec_ttl03 li:last-child {
		padding:0 10px;
	}
	
	ul.rec_ttl03 p {
		padding:5px 0 5px 15px;
		background-color: #f6f6f6;
/*		border-left: 6px solid #112B4C; */  /* ネイビー */
		border-left: 6px solid #1A1A1A;
		font-size:20px;
		font-weight:bold;
/*		color:#112B4C; */  /* ネイビー */
		color:#1A1A1A;
		margin-bottom:5px;
	}
	
	ul.rec_ttl03 span {
/*		padding:5px 0; */
		font-size:14px;
		text-align:center;
		color:#888;
	}
	
	ul.rec_ttl03 .sttl {
		color:#555;
		font-weight:bold;
		font-size:16px;
		line-height:20px;
		padding-bottom:5px;
		text-align:left;
	}
	
	ul.rec_ttl03 .list {
		color:#555;
		font-size:14px;
		line-height:18px;
		padding-top:10px;
		text-align:left;
	}
	
	ul.rec_ttl03 img.photo01 { width:95%; padding-bottom:10px;}
	ul.rec_ttl03 img.photo02 { width:95%;}

	ul.rec_ttl03 .map_area {
		width: auto;
		height: auto;
		overflow: hidden;
	}
	
	ul.rec_ttl03 .pr_point { padding-top:10px;}
	
	.w30p { width:30%;}
	.w70p { width:70%;}
	.w100p { width:100%;}
	
	.w100 { width:100px; text-align:left;}
	.w200 { width:200px;}
	
	table.type01 {
		border-collapse: separate;
		border-spacing: 0;
		line-height: 1.5;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin-right : auto;
		margin-left : auto;
	}
	
	table.type01 th {
		width: 30%;
	/*	height:70px; */
		padding: 5px 0;
		font-weight: bold;
		vertical-align: top;
		text-align:center;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		background: #eee;
		font-size:16px;
		color:#333;
	}
	table.type01 td {
		width: 70%;
		padding: 5px;
		text-align:left;
		vertical-align: top;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size:14px;
		color:#555;
	}
	
	table.type01 span {
		font-size:12px;
	}
	
	table.type02 {
		border-collapse: separate;
		border-spacing: 0;
		line-height: 1.5;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin-right : auto;
		margin-left : auto;
		margin-top : 15px;
		width:95%;
		text-align:left;
	}
	
	table.type02 th {
/*		width: 90%; */
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		text-align:center;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		background: #eee;
		font-size:16px;
		color:#333;
	}
	table.type02 td {
/*		width: 90%; */
		padding: 10px;
		vertical-align: top;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size:14px;
		color:#555;
	}
	
	
	ul.rec_ttl04 {
/*		display:table; */
		margin: auto;
/*		padding:10px; */
/*		padding-top:10px; */
	}
	
	ul.rec_ttl04 li {
/*		display:table-cell; */
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
	}

	ul.rec_ttl04 li:last-child {
		padding-bottom:20px;
	}

	ul.rec_ttl04 img { width:90%;}

	
/*	ul.rec_ttl04 li img { padding:20px;} */
	
	div.area01 {
		background-color:#FFFFFF;
		width:95%;
		margin: 0 auto;
		padding:10px 0;
	}
	
	hr.b01 {
		border-top: 1px dotted #8c8b8b;
		border-bottom: 1px dotted #fff;
		padding:5px 0;
	}

/* TOP採用ボタン */
	.recbox {
		background:url(../switch/bg_saiyou_pc.png);
		background-repeat:repeat-x;
		text-align:center;
	}

	.recbox img { width:100%;}


/* フローティングバナーのラップ要素 */
#fixed_right_banner
{
    /* 下の上から150pxの位置に固定表示 */
    position: fixed;
    bottom: 40px;
    right: 0;

	-webkit-position: fixed;
	-webkit-bottom: 40px;
	-webkit-right: 0;

}

#fixed_right_banner img
{

	-webkit-width:50%;
	-webkit-box-box-shadow: 4px 4px 4px gray;

	width:100%;
	box-shadow: 4px 4px 4px gray;
}


 
/* 画像の共通設定 */
#fixed_right_banner > *
{
    clear: both;
    float: right;
    /* 横幅 */
    width: 100px;
 
    /* 最初にあらかじめ右側を詰めて表示。 */
/*    margin-right: -10px; */
	
}
 
/* リンク要素 */
#fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;
}
 

}