@charset "UTF-8";
/* ****************************************************************** 

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Main styles
		2-5. Side styles
		2-6. Footer styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#333; }
a:link, a:visited { color:#06C; text-decoration:none; }
a:hover, a:active {	color:#06C; text-decoration:underline; }
html { background-color:#E8E8E8; }
body {
	min-width: 1000px;
	background-color:#FFF;
	color:#000;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',Osaka,sans-serif;
	font-size:16px;
	line-height:1.5;
}


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline01 {
	background: #00398c;
	margin-top: -5px;
	border-bottom: 4px solid #002c6d;
}
@font-face {
	font-family: "Avenir";
	src: url('../font/avenir-roman.eot');
	src: url('../font/avenir-roman.woff') format('woff'),
	     url('../font/avenir-roman.ttf') format('truetype'),
		 url('../font/avenir-roman.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family: "HiraKakuPro W6";
	src: url('../font/hirakakupro-w6.eot');
	src: url('../font/hirakakupro-w6.woff') format('woff'),
	     url('../font/hirakakupro-w6.ttf') format('truetype'),
		 url('../font/hirakakupro-w6.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family: "HiraKakuPro W3";
	src: url('../font/hirakakupro-w3.eot');
	src: url('../font/hirakakupro-w3.woff') format('woff'),
	     url('../font/hirakakupro-w3.ttf') format('truetype'),
		 url('../font/hirakakupro-w3.eot?#iefix') format('embedded-opentype');
}
.headline01 {
	background: #00398c;
	margin-top: -5px;
}
.headline01 h2 {
	font-family: "HiraKakuPro W6";
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	width: 980px;
	margin: 0 auto;
	padding: 36px 0;
	background: url(../img/common/bg_headline01.png) no-repeat right top #00398c;
	position: relative;
}
.headline01 h2:after {
	content: '';
    display: block;
    width: 1000%;
    height: 100%;
    background: url(../img/common/bgr_headline01.png) repeat-x;
    position: absolute;
    top: 0;
    left: 100%;
}
.headline01 span {
	font-family: "Avenir";
	font-size: 13px;
	font-weight: normal;
	display: block;
}
.headline02 {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4;
	background: #f7f7f7;
	border-top: 6px solid #002c6d;
	border-bottom: 1px solid #002c6d;
	padding: 16px 10px;
	margin-bottom: 2px;
}
.headline02 span {
	font-size: 18px;
	display: block;
}
.headline02 em {
	font-weight: inherit;
	color: #d80000;
}

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#wrapper {
	overflow: hidden;
	min-width: 980px;
}
.piecss3 {
	position: relative;
	z-index: 10;
}
#contents {
	clear:both;
	line-height:1.7;
}
#breadcrumbs {
	background: #f3f3f3;
	padding: 9px 0;
}
#breadcrumbs ul {
	width: 980px;
	margin: 0 auto;
}
#breadcrumbs ul li:first-child {
	background: url(../img/common/bg_breadcrumb.png) repeat-y left top;
	padding-left: 15px;
}
#breadcrumbs ul li {
	float: left;
	color: #002c6d;
    line-height: 1.4;
	margin-right: 6px;
	color:#8694A9;
	font-size: 13px;
}
#breadcrumbs ul li a {
	color: #002c6d;
	text-decoration: underline;
	background: url(../img/common/arrow_bread.png) no-repeat right center;
	padding-right: 13px;
}
#breadcrumbs ul li a:hover {
	text-decoration: none;
}
.sectionInner {
	width:980px;
	margin:0 auto;
	padding-bottom: 100px;
}
.bgtwoline {
	background: url(../img/common/bg_twoline.jpg);
}


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	border-top:5px solid #023C94;
}
#headerInner {
	width:980px;
	margin:0 auto;
}
#logo {
	float:left;
	margin-top:38px;
}
.hBlock {
	float:right;
	width:550px;
	padding-top:10px;
	text-align:right;
}
.hBlock:after{
	content:"";
	display:table;
	clear:both;
}
ul.hNavi {
	padding:0 5px 15px 0;
}
ul.hNavi li {
	display:inline;
	margin-left:30px;
	vertical-align:middle;
}
.btnHead {
	padding-top:20px;
	line-height:0;
}
.btnHead a {
	display:inline-block;
}
.btnHead a:first-child {
	position:relative;
	z-index:1;
	margin-right:-15px;
}
.btnHead a {
	background:url(../img/common/bg_grey.jpg) no-repeat 0 0;
}
.btnHead a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60); /* For IE8 and earlier */
}


/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	clear:both;
	position:relative;
	z-index:5;
	height:60px;
	background:url(../img/common/bg_navi.png) repeat-x 0 0;
}
#navi ul {
	width:980px;
	margin:0 auto;
}
#navi li {
	float:left;
	border-left: 1px solid #33568a;
	background: #002c6d;
	width:152px;
	height: 55px;
	padding: 0 5px;
}
#navi li a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	line-height: 55px;
	display:block;
	overflow:hidden;
	width: 100%;
	height: 100%;
}
#navi li:last-child {
	border-right: 1px solid #33568a;
	width:151px;
}
#navi li:hover {
	background: #001f4c;
}

#navi ul.sub-menu li {
	float: none;
}

/*

#navi #navi01 a {
	background-position:0 0;
}
#navi #navi01 a:hover,
#pageRecruit #navi #navi01 a {
	background-position:0 -60px;
	opacity: 0.3;
}
#navi #navi02 a {
	background-position:-163px 0;
}
#navi #navi02 a:hover,
#pageHotjob #navi #navi02 a {
	background-position:-163px -60px;
	opacity: 0.3;
}
#navi #navi03 a {
	background-position:-326px 0;
}
#navi #navi03 a:hover,
#pageVoice #navi #navi03 a {
	background-position:-326px -60px;
	opacity: 0.3;
}
#navi #navi04 a {
	background-position:-490px 0;
}
#navi #navi04 a:hover,
#pageCongratulatory #navi #navi04 a {
	background-position:-490px -60px;
	opacity: 0.3;
}
#navi #navi05 a {
	background-position:-653px 0;
}
#navi #navi05 a:hover,
#pageTraining #navi #navi05 a {
	background-position:-653px -60px;
	opacity: 0.3;
}
*/

/* sub-menu */
.menu-item-has-children {
  position: relative;
}
.menu-item-has-children:hover {
  cursor: pointer;
}
.menu-item-has-children:hover .sub-menu {
  display: block;
}
#navi ul .sub-menu {
	width: auto;
}
.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  padding: 0;
}
#navi .sub-menu li {
	border-left: none;
	background: #16417f;
}
#navi .sub-menu li:last-child {
	border-right: none;
	width:152px;
}
#navi .sub-menu li:hover {
	background: #002c6d;
}
.sub-menu > .menu-item:not(:last-child) {
  border-bottom: 1px solid #33568a;
}
.sub-menu > .menu-item a {
  display: inline-block;
  width: 100%;
  height: 100%;
}




/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/
#main {
	float:none;
}
.wrap_tit{
	background: url(../img/faq/arrow01.png) no-repeat center bottom;
	margin-bottom: 20px;
	padding-bottom: 51px;
}
.wrap_tit p{
	background-color: #004499;
	color: #fff;
	font-size: 40px;
	padding: 34px 10px;
	text-align: center;
	font-family: 'Kozuka Gothic Pr6N';
}
.wrap_tit img{
	display: inline-block;
	margin-right: 18px;
	vertical-align: middle;
}
._social{
	float: right;
}
._social li{
	float: left;
	margin-left: 2px;
	line-height: 1;
}

/* ------------------------------------------------------------------
	2-5. Side styles
-------------------------------------------------------------------*/
#side {
	
}


/* ------------------------------------------------------------------
	2-6. Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
	background:url(../img/common/bg_footer.gif) 0 0;
}
#footerInner {
	width:1034px;
	margin:0 auto;
	padding:45px 0;
	color:#FFF;
}
.fNavi {
	float:left;
	width:240px;
	margin-left:55px;
}
.fNavi:first-child {
	margin-left:0;
}
.fNavi .fTitle {
	width:213px;
	height:20px;
	margin-bottom:10px;
	padding:5px 12px;
	background:url(../img/common/bg_ftitle.png) no-repeat 0 0;
	font-size:15px;
	font-weight:bold;
}
.fNavi ul {
	padding-left:14px;
}
.fNavi ul li {
	margin-top:15px;
	padding-left:15px;
	background:url(../img/common/icon_arrow01.png) no-repeat 0 50%;
}
.fNavi ul li:first-child {
	margin-top:0;
}
.fNavi ul li a {
	color:#FFF;
	font-size:13px;
}
.fBlock {
	float:right;
	width:435px;
}
ul.fBanner {
	margin-top:8px;
}
ul.fBanner li {
	float:left;
	margin-right:34px;
}
#copyright {
	padding:20px 0 15px;
	background:#002C6D;
	color:#FFF;
	font-size:11px;
	text-align:center;
}

.mw_wp_form .error {
    font-size: 82%;
    color: #B70000;
    /* display: block; */
}