@charset "Shift-JIS";

/* --------------------------------------------------
  グローバル追加CSS
-------------------------------------------------- */

/*----------------- body --------------------------*/


/* 20131015 font-family */
body{
	background: none;
	margin: 0;
	padding: 0;
}
body,th,td,textarea {
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック", sans-serif;
}
#content div.ttl h3{
	padding: 11px 20px 8px 20px;
}


/* IFRAME用追加指定 */
iframe.iheader{
	margin: 0 0 15px 0;
	padding: 0;
	height: 102px;
	overflow: hidden;
}

/* pankuzu2 */
#content2 #pankuzu{
	font-size: 11px;
}
#content2 #pankuzu strong{
	color: #336699;
}

#content3 #pankuzu{
	font-size: 11px;
}
#content3 #pankuzu strong{
	color: #336699;
}

#content #bread_crumb {
	display: flex;
	flex-wrap: wrap;
}
#content #bread_crumb > li {
	margin: 0;
	padding: 0;
	color: #336699;
	font-size: 11px;
	font-weight: bold;
}
#content #bread_crumb > li:after {
	padding: 0 0.4em;
	content: '>';
	color: #333;
	font-weight: normal;
}
#content #bread_crumb > li:last-of-type:after {
	content: '';
}
#content #bread_crumb > li > a {
	font-weight: normal;
}

#content h1.pagettl_txt,
#content h2.pagettl_txt,
#content div.pagettl_txt {
	position: relative;
	top: auto;
	left: auto;
	margin: 30px 0;
	border-bottom: 3px solid #004263;
	padding-bottom: 3px;
	color: #004263;
	font-size: 18px;
	font-weight: bold;
}
#content h1.pagettl_txt {
	z-index: 0;
}

/*---------------- btm_btn_box ---------------------*/

/* 申込ボックス用追加指定 */
#content div.btm_btnarea a{
	margin:0;
	padding:0;
	float:none;
	display:inline;
}

/* 申込ボックス用追加指定 */
#content div.btm_btnarea p{
	width: 0;
	padding:0;
	margin:0;
	float: none;
	display: inline;
}

/*----r_btm_btnarea---*/
/* 申込ボックス用追加指定 */

div.btm_btn{
	width:681px;
	border:2px solid #ddd;
	background-color:none;
}

#content div.btm_btnarea{
	width:681px;
	border:none;
	margin: 0;
	padding:0;
	background:url(../img/btm_img02.jpg	) repeat-y left bottom;
}

#content div.btm_btnarea div.d_r{
	width: 210px;
	background:none;
	float: left;
	padding:0;
	height:200px;
	_height:200px;
}

#content div.btm_btnarea div.d_l{
	width: 431px;
	float: right;
	padding:0;
	padding-right:20px;
	margin-top:15px;
	margin-bottom:15px;
}

#content div.btm_btnarea div.d_l span{
	width:435px;
}

#content div.btm_btnarea div.d_l span p.p_left{
	margin-right:14px;
}

#content div.btm_btnarea div.d_l span p.p_right{}

#content div.btm_btnarea div.d_l p.str{
	display:block;
	padding:0;
	margin-bottom:8px;
	width:435px;
	font-size:14px;
}

#content div.btm_btnarea div.d_l p.nor{
	display:block;
	padding:0;
	margin-bottom:8px;
	width:435px;
}


#content div.btm_btnarea div.d_l p.arr{
	display:block;
	width:420px;
	padding-left:15px;
	margin-bottom:13px;
	background:url(../img/arrow_01.png) no-repeat 0 4px;
}


/*---------------- btm_btn_box03 ---------------------*/


/* 申込ボックス用追加指定 */

#content div.btm_btn03_bg{
	background: url(../img/btm_btn02_bg.gif) no-repeat bottom;
	padding-bottom: 55px;
	position: relative;
	margin-bottom:15px;
}

#content div.btm_btnarea03_left,
#content div.btm_btnarea03_right{
	text-align: center;
	border-top: 3px solid #bfbfbf;
	width: 335px;
	zoom: 1;
}

#content div.btm_btnarea03_left{
	float: left;
}
#content div.btm_btnarea03_right{
	float: right;
}

#content div.btm_btnarea03_left p,
#content div.btm_btnarea03_right p{
	text-align: left;
	margin: 15px;
	display: block;
}
#content div.btm_btnarea03_left a,
#content div.btm_btnarea03_right a{
	display: block;
	position: absolute;
	bottom: 15px;
}
#content div.btm_btnarea03_left a{left: 30px;}
#content div.btm_btnarea03_right a{left: 380px;}


/*---------------- side_pr ---------------------*/

/* 左サイドのバナーボタン用追加指定 */
#side_pr li{
	font-size: 1px;
	line-height: 100%;
}


/*---------------- side_nav ---------------------*/

/* 左サイドナビ用追加指定 */
#side_nav{
	margin-bottom: 5px;
}


/*---------------- side_nav02 ---------------------*/

#side_nav .side_nav_ttl {
	margin: 2px 0 5px 5px;
	border-left: 3px solid #993333;
	padding: 0 0 0 9px;
	color: #666;
	font-size: 13px;
	font-weight: bold;
}

/* 左サイドナビ下段用指定 */
#side_nav02{
	color: #333;
	background: url(../img/side_nav_bg.png) repeat-y;
	border: 1px solid #cfcfcf;
	margin-bottom: 5px;
}
#side_nav02 h2{
	width: 198px;
	height: 24px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#side_nav02 h2 a,#side_nav02 h2 a:visited{
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	width: 198px;
	height: 144px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#side_nav02 ul{
	border-bottom: 1px solid #ccc;
}
#side_nav02 ul.side_nav02_btm{
	border: none;
}
#side_nav02 li{
	width: 198px;
}
#side_nav02 li a, #side_nav02 li a:visited{
	text-decoration: none;
	line-height: 1.3;
	color: #333;
	margin: 0 1px;
	padding: 5px 4px 5px 30px;
	display: block;
	_height: 1em;	/* for IE6 bugfix */
}
/* for IE7 bugfix */
*:first-child+html #side_nav02 li a,
*:first-child+html #side_nav02 li a:visited{
	height: auto;
	overflow: visible;
}
#side_nav02 li a:hover, #side_nav02 li a:active{
	background-color: #fff;
}
#side_nav02 li a.stay{
	background-color: #fff;
}

#side_nav02 ul.side_nav02_2nd{
	border: none;
	margin-left: 5px;
}
#side_nav02 ul.side_nav02_2nd li{
	width: 193px;
}

/* プルダウンナビ用  20100406 */
ul.pd_list{
	background:#fff;
	border-top:1px solid #ccc;
	display:block;
	min-width:149px;
	min-height:1em;
}
*html ul.pd_list{
	width:147px;
	height:1em;
	overflow:visible;
}
*:first-child+html ul.pd_list{
	width:147px;
	height:1em;
	overflow:visible;
	border-top:none;
}

ul.pd_list li{
	display:block;
	white-space:nowrap;
	line-height:1em;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	min-width:147px;
}
*html ul.pd_list li{
	line-height: 0;
}
*:first-child+html ul.pd_list li{
	line-height: 0;
}

ul.pd_list li a{
	text-decoration:none;
	color:#004263;
	border-bottom:1px solid #ddd;
	background:url(../img/pdicon.gif) no-repeat 10px center #fff;
	display:block;
	padding:8px 10px 8px 25px;
	line-height:1em;
}
*html ul.pd_list li a{
	font-size: 12px;
	line-height: normal;
	width:100%;
	padding:5px 20px 5px 25px;
	overflow:visible;
	zoom: 1;
}
*:first-child+html ul.pd_list li a{
	font-size: 12px;
	line-height: normal;
	width:100%;
	padding:5px 20px 5px 25px;
	overflow:visible;
	border-right:1px solid #ccc;
	zoom: 1;
}
*:first-child+html ul.pd_list li a.pd_top{
	border-top:1px solid #ddd;
}

ul.pd_list li a:hover{
	color:#fff;
	background:url(../img/pdicon_o.gif) no-repeat 10px center #5c849b;
}


#pdnav01{
	position:absolute;
	top: 100px;
	left: 27px;
}
#pdnav02{
	position:absolute;
	top: 100px;
	left: 178px;
}
#pdnav03{
	position:absolute;
	top: 100px;
	left:  328px;
}
#pdnav04{
	position:absolute;
	top: 100px;
	left:  478px;
}
#pdnav05{
	position:absolute;
	top: 100px;
	left:  628px;
}


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

.social_btn img,
.social_btn span,
.social_btn iframe {
	vertical-align: bottom;
}

.social_btn li {
	float: left;
	height: 20px;
	padding: 0;
}
#social_btn_google {
	width: 70px;
	overflow: hidden;
	margin: 0;
}

/* h1 */
h1 {
	line-height: 1.1;
	position: absolute;
	top: 7px;
	left: 27px;
}

h1 a {
	text-decoration: none;
}
.header_text {
	z-index: 1;
	position: absolute;
	top: 7px;
	left: 27px;
	line-height: 1.1;
	font-size: 10px;
	font-weight: normal;
}
.header_text a {
	text-decoration: none;
}

/* 下部ボタン 20130418 */

.btm_btn04 {
	background: url(../img/btm04_bg.jpg) no-repeat;
	height: 136px;
	margin-bottom: 25px;
	position: relative;
}
.btm_btn04 h2 {
	padding: 29px 15px 7px 153px;
}
.btm_btn04 p.btm_btn04_ttl_txt {
	padding: 28px 15px 7px 153px;
	line-height: 1.3;
	text-indent: -0.5em;
	font-size: 19px;
	font-weight: bold;
}
div#content p.btm04_txt {
	margin: 0;
	padding: 0 0 0 156px;
}
div#content p.btm04_btn {
	position: absolute;
	top: 31px;
	left: 426px;
}

/* 下部ボタン 201807 */

.btm_btn05 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
	background: url(../img/btm04_bg.jpg) no-repeat;
	height: 136px;
	margin-bottom: 25px;
	position: relative;
}
.btm_btn05_box {
	width: 315px;
  vertical-align: middle;
}
.btm_btn05 h2 {
  margin-bottom: 0.3em;
	line-height: 1.3;
}
.btm_btn05 div.btm_btn05_ttl_txt {
	padding: 10px 0 7px 0;
	line-height: 1.3;
	text-indent: 0;
	font-size: 18px;
	font-weight: bold;
}
div#content p.btm05_btn {
  margin: 0 15px 0 5px;
	width: 205px;
}
div#content p.btm05_btn a {
  display: block;
  transition: all 0.5s;
  opacity: 1;
  border-radius: 5px;
  background-color: #ff6232;
  background: linear-gradient(#ff6232 0%, #ff3d01 100%);
  padding: 12px 16px 12px 20px;
  color: #fff;
  text-decoration: none;
  line-height: 1.3;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
div#content p.btm05_btn a:hover {
  transition: all 0.5s;
  opacity: 0.7;
}
div#content p.btm05_btn a > span {
  display: inline-block;
  text-align: left;
}
div#content p.btm05_btn a > span > span {
  display: inline-block;
  margin-left: 0.5em;
  background-color: #fff;
  padding: 0 0.3em;
  color: #ff6232;
  font-size: 18px;
}

/* fnav 20130527 */
#foot_nav02 {
	font-size: 11px;
	margin-bottom: 1em;
	padding-bottom: 12px;
	border-bottom: 2px solid #d9d9d9;
	zoom: 1;
}
#foot_nav02:after{height: 0; content: "."; display: block; visibility: hidden; clear: both;}
#foot_nav02 li{
	padding: 0.4em 0 0 0 ;
	float: left;
}
#foot_nav02 a {
	white-space: nowrap;
}

.fnav {
	font-size: 11px;
	padding-bottom: 12px;
}
.fnav_last {
	margin-bottom: 8px;
	border-bottom: 2px solid #d9d9d9;
}

.fnav h2,
.fnav .fnav_ttl {
	font-size: 11px;
	font-weight: normal;
	white-space: nowrap;
	width: 105px;
	float: left;
}
.fnav ul {
	width: 795px;
	float: right;
}
.fnav li {
	white-space: nowrap;
	line-height: 1.5;
	float: left;
}

/* lnav03 20140411 */
#side_nav03 {
	color: #333;
	background: url(../img/side_nav_bg.png) repeat-y;
	border: 1px solid #cfcfcf;
	margin-bottom: 5px;
}
#side_nav03 h2 {
	text-indent: -9999px;
	background: url(../../jb/img/jobTopics_side_ttl.png) no-repeat;
}
#side_nav03 li{
	width: 198px;
}
#side_nav03 li a:link,
#side_nav03 li a:visited,
#side_nav03 li span {
	text-decoration: none;
	line-height: 1.3;
	cursor: pointer;
	color: #333;
	margin: 0 1px;
	padding: 2px 4px 2px 30px;
	display: block;
	_height: 1em;	/* for IE6 bugfix */
}
/* for IE7 bugfix */
*:first-child+html #side_nav03 li a,
*:first-child+html #side_nav03 li a:visited{
	height: auto;
	overflow: visible;
}
#side_nav03 li a:hover,
#side_nav03 li a:active,
#side_nav03 li span:hover {
	text-decoration: underline;
	background-color: #fff;
}
#side_nav03 li a.stay,
#side_nav03 li span.stay {
	background-color: #fff;
}

.side_nav03_child {
	margin-left: 30px;
}
#side_nav03 li .side_nav03_child li a {
	padding: 2px 4px 2px 15px;
	width: 148px;
}



.top_pager {
	margin-bottom: 50px;
}
.top_pager ul {
	display: table;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

.top_pager li {
	display: table-cell;
	width: 160px;
	font-size: 0;
}

.top_pager a {
	display: block;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
	background: -moz-linear-gradient(#ffffff, #eeeeee);
	background: -webkit-linear-gradient(#ffffff, #eeeeee);
	background: linear-gradient(#ffffff, #eeeeee);
	padding: 10px 0;
	color: #666;
	text-align: center;
	text-decoration: none;
	line-height: 1.1;
	font-size: 16px;
}
.top_pager a:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
	background: -moz-linear-gradient(#ffffff, #dddddd);
	background: -webkit-linear-gradient(#ffffff, #dddddd);
	background: linear-gradient(#ffffff, #dddddd);
}
.top_pager a span {
	display: inline-block;
	position: relative;
	height: 16px;
	line-height: 1;
}
.top_pager .pager_prev span:before {
	position: absolute;
	top: -3px;
	left: -15px;
	height: 20px;
	content: '\00ab';
	vertical-align: middle;
	line-height: 1;
	font-size: 20px;
	font-family: Arial;
}
.top_pager .pager_next span:after {
	position: absolute;
	top: -3px;
	right: -15px;
	height: 20px;
	content: '\00bb';
	line-height: 1;
	font-size: 20px;
	font-family: Arial;
}
.top_pager li.pager_index {
	padding: 0 50px;
}



.index_pager {
	margin-bottom: 50px;
}
.index_pager ul {
	display: table;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}
.index_pager li {
	display: table-cell;
	padding: 0 7px;
	font-size: 0;
}

.index_pager a {
	display: block;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
	background: -moz-linear-gradient(#ffffff, #eeeeee);
	background: -webkit-linear-gradient(#ffffff, #eeeeee);
	background: linear-gradient(#ffffff, #eeeeee);
	padding: 10px 20px;
	color: #666;
	text-align: center;
	text-decoration: none;
	line-height: 1.1;
	font-size: 16px;
}
.index_pager a:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
	background: -moz-linear-gradient(#ffffff, #dddddd);
	background: -webkit-linear-gradient(#ffffff, #dddddd);
	background: linear-gradient(#ffffff, #dddddd);
}
.index_pager a span {
	display: inline-block;
	position: relative;
	height: 16px;
	line-height: 1;
}
.index_pager .pager_start a {
	padding: 10px 20px 10px 30px;
}
.index_pager .pager_last a {
	padding: 10px 30px 10px 20px;
}

.index_pager .pager_start span:before {
	position: absolute;
	top: -3px;
	left: -15px;
	height: 20px;
	content: '\00ab';
	vertical-align: middle;
	line-height: 1;
	font-size: 20px;
	font-family: Arial;
}
.index_pager .pager_last span:after {
	position: absolute;
	top: -3px;
	right: -15px;
	height: 20px;
	content: '\00bb';
	line-height: 1;
	font-size: 20px;
	font-family: Arial;
}




/* IFRAME用追加指定 */
iframe.iheader {
	display: block;
	border: none;
	margin: 0 0 20px 0;
	padding: 0;
	height: 162px;
	overflow: hidden;
}

/* IFRAME プルダウン用追加指定 */
.pd_list02 { display: none; }






#global_nav02 {
	height: 72px;
	background: url(../img/gnav02_bg.png) repeat-x;
	overflow: hidden;
}
#gnav02_out {
	position: absolute;
	top: 90px;
	display: block;
	background: url(../img/gnav02_bg.png) repeat-x;
}

#global_nav02 > ul > li,
#gnav02_out > ul > li {
	float: left;
	margin: 0;
	padding: 0;
}
#global_nav02 > ul > li > a,
#gnav02_out > ul > li > a {
	position: relative;
	display: block;
	overflow: hidden;
	border-right: 1px solid #666;
	width: 190px;
	height: 72px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#global_nav02 > ul > li:last-child > a,
#gnav02_out > ul > li:last-child > a {
	border-right: none;
}
#global_nav02 > ul > li > a:hover,
#gnav02_out > ul > li > a:hover {
	background-color: #333333;
}
#global_nav02 > ul > li > a > span,
#gnav02_out > ul > li > a > span {
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -0.6em;
	width: 190px;
	text-align: center;
	line-height: 1.1;
}


/* global_nav03 */
#global_nav03 {
	height: 72px;
	background: url(../img/gnav02_bg.png) repeat-x;
	overflow: hidden;
}
#gnav03_out {
	position: absolute;
	top: 90px;
	display: block;
	background: url(../img/gnav02_bg.png) repeat-x;
}

#global_nav03 > ul > li,
#gnav03_out > ul > li {
	float: left;
	margin: 0;
	padding: 0;
}
#global_nav03 > ul > li > span,
#gnav03_out > ul > li > span {
	position: relative;
	display: block;
	overflow: hidden;
	border-right: 1px solid #666;
	width: 190px;
	height: 72px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#global_nav03 > ul > li:last-child > span,
#gnav03_out > ul > li:last-child > span {
	border-right: none;
}
#global_nav03 > ul > li > span:hover,
#gnav03_out > ul > li > span:hover {
	background-color: #333333;
}
#global_nav03 > ul > li > span > span,
#gnav03_out > ul > li > span > span {
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -0.6em;
	width: 190px;
	text-align: center;
	line-height: 1.1;
}




/* pd_list */
.pd_list02 {
	border: 1px solid #666;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 1px;
}
.pd_list02 li {
	border-bottom: 1px solid #666;
	line-height: 1.1;
}
.pd_list02 a {
	display: block;
	background-color: #333333;
	padding: 15px 10px;
	color: #fff;
	line-height: 1.1;
	text-decoration: none;
}
.pd_list02 a:hover {
	background-color: #444444;
}


/* global */
.ttl02 {
	margin-bottom: 15px;
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cccccc), color-stop(0.45, #ffffff));
	background: -webkit-linear-gradient(top, #cccccc 0%, #ffffff 45%);
	background: -moz-linear-gradient(top, #ababab 0%, #ffffff 45%);
	background: -o-linear-gradient(top, #cccccc 0%, #ffffff 45%);
	background: -ms-linear-gradient(top, #cccccc 0%, #ffffff 45%);
	background: linear-gradient(to bottom, #cccccc 0%, #ffffff 45%);
	padding: 10px 14px;
	color: #004263;
	line-height: 1.3;
}
.ttl02 h3 {
	font-size: 20px;
}

#content .section_common .txt {
	margin-bottom: 1em;
	letter-spacing: 0.75px;
	font-size: 15px;
}