@charset "utf-8";

body {
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","qMmpS Pro W3","CI",Meiryo,"lr oSVbN",sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 100%;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	line-height: 1.7;
}

/*********************************
横幅調整
*********************************/
.width_box,
.head_width01,
.head_width02 {
	width: 960px;
	margin: 0 auto;
	clear: both;

}

/*********************************
ヘッダー
*********************************/

.hd_bg01 {
	padding: 4px 0;
	background: #010066;
	display: block;
}

.hd_title {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	margin: 0;
}

.navi01 ul {
	list-style-type: none;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	display: block;
	text-align: right;
}

.navi01 ul li {
	display: inline;
}

.navi01 ul li a {
	text-decoration: none;
	color: #FFFFFF;
	margin-left: 10px;
}

.hd_bg02 {
	height: 86px;
	background: url("../images/blockinfo_bg.png") repeat-x scroll;
}

.head_width02 {
	clear: both;
}

.log img {
	float: left;
	margin-top: 15px;
}

.log:hover {
	opacity: 0.7;
}

.navi02 {
	margin-top: 15px;
	float: right;
}

.navi02 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navi02 ul li {
	display: inline;
}

.navi02 ul li a {
	text-decoration: none;
	color: #333333;
	margin: 0;
}

.navi02 a:hover {
	border-bottom: 1px solid #333333;
}

/*********************************
メインコンテンツ
*********************************/
.rs_box01 h1 {
	font-size: 16px;
	color: #FFFFFF;
	background: #ee1b29;
	text-align: left;
	padding-left: 10px;
	margin: 20px 0 10px 0;
}

.rs_box01 h1 br{
	display: none;
}

.main_text {
	font-size: 24px;
	display: block;
	line-height: 1.4;
	text-align: center;
}
.main_text span {
	color: #ee1b29;
	font-weight: bold;
}
.text_red {
	font-size: 16px;
	color: #ee1b29;
	display: block;
	text-align: center;
    overflow: hidden;
}

.text_red span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

.text_red span:before,
.text_red span:after {
    border-top: 1px dotted;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}

.text_red span:before {
    right: 100%;
}

.text_red span:after {
    left: 100%;
}

.hd_text {
	font-size: 18px;
	line-height: 1.2;
}

.text_left {
	float: left;
	margin: 0 0 20px 130px;
	text-align: left;
}

.text_right {
	float: right;
	margin: 0 80px 20px 0;
	text-align: left;
}

.rs_box02 {
	border: solid 1px #999999;
	box-sizing: border-box;
	clear: both;
	margin-bottom: 20px;
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.rs_box03,
.rs_box04,
.rs_box05,
.rs_box06 {
	border: solid 1px #999999;
	box-sizing: border-box;
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 20px;
}

.rs_box07 {
	border: solid 1px #999999;
	box-sizing: border-box;
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

h2 {
	color: #FFFFFF;
	background: #ee1b29;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: left;
	margin: 0;
	padding-left: 15px;
}

p {
	display:table-cell;
	text-align: left;
	line-height: 1.2;
}

h3 {
	font-size: 14px;
	color: #ee1b29;
	display:table-cell;
	padding: 0 10px;
	white-space: nowrap;
}

h3 p {
	margin: 10px 0;
}

.line_bottom {
	border-bottom: dotted 1px #999999;
	padding: 10px 0;
	margin: 0 10px;

}

.clear_box02 {
	padding: 10px 0;
	margin: 0 10px;
}

.line_bottom h3,
.clear_box02 h3 {
	text-align: left;
}

.clear_box01 {
	margin: 10px;
}

.rs_box03 {
	width: 470px;
	float: left;
}

.rs_box03 p {
	padding: 15px 0 58px 15px;

}

.rs_box04 {
	width: 470px;
	float: right;

}

.rs_box04 img {
	padding: 12px 0;
}

.rs_box05 {
	width: 470px;
	clear: both;
	float: left;
}

/*ChromeとOperaのみだけに適用されるCSSハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  .rs_box05 {
	max-height:183px;
	height:183px;
  }
}




.rs_box05 img {
	margin: 0 0 5px;
}

.rs_box05 img:hover {
	opacity: 0.7;
}

.rs_box06 {
	width: 470px;
	float: right;
}

.rs_box06 p {
	padding: 15px 20px 19px;
}

.rs_box07 {
	clear: both;
}

.bottom_text01 {
	padding-left: 25px;
}

.bottom_text02 {
	padding-left: 50px;
}

.bottom_text03,
.bottom_text05 {
	padding-left: 38px;
}

.bottom_text04 {
	padding-left: 1px;
}

.bottom_text05 {
	max-width: 600px;
}
.bottom_text06{
	padding-left: 22px;
}

.bottom_text07{
	padding-left: 12px;}

.enkaku {
	display: table-cell;

}

.enkaku {
	padding-left: 48px;
	line-height: 1.4;
}

.table_01 {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.table_02 {
	text-align: left;
	padding-left: 40px;
}

/*********************************
トップページへ
*********************************/

.btn_pagetop {
	float: right;
	text-decoration: none;
	margin-bottom: 40px;
}
.btn_pagetop a {
	color: #FFFFFF;
	background: #ee1b29;
	text-decoration: none;
	padding: 3px 5px;
	border: solid 1px #ee1b29;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.btn_pagetop span {
	font-size: 9px;
	padding: 0 5px 0 2px;
}

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

#footer {
	clear: both;
	background: #EEEEEE url("../images/bg_footer.png") repeat-x scroll;
	height: 65px;
	font-size: 12px;
}


.footer_width {
	width: 960px;
	margin: 0 auto;
}

.footer_link {
	list-style-type: none;
	margin-top: 10px;
	padding: 0;
	float: left;
}

.footer_link li {
	display: inline;
	border-left: 1px solid #444444;
	padding: 0 10px;
}

.footer_link .first {
	border-left: medium none;
}
.footer_link li a {
	text-decoration: none;
	color: #444444;
	margin: 0;
}

.footer_link li a:hover {
	border-bottom: 1px solid #444444;

}

.hd_link {
	display: none;
}

.copy {
	font-size: 10px;
	color: #000000;
	float: right;
	margin-top: 26px;
}

/*********************************
20150909追加：新卒バナー
*********************************/


.rec_box {
    list-style: outside none none;
    margin: 10px auto;
    padding-left: 0;
    max-width: 430px;
}

.rs_box05 ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	display: inline-block;
}

.rs_box05 ul li {
    display: table-cell;
    padding: 0 20px;
    list-style:none;
    vertical-align: middle;
}

.mynavi {
    padding: 0 10px;
}
.rikunabi {
    padding: 6px 5px 0;
}


.mynavi img {
    width: 200px;
}
.rikunabi img {
    width: 200px;
}
/*********************************
20170202追加：マイナビ　リクナビ　バナー
*********************************/
.rs_box05 ul {
	margin-top: 37px;
}
@media only screen and (max-width: 400px) {
	.rs_box05 ul {
		margin-top: 8px;
	}
	.rs_box05 ul li {
		margin: 0!important;
	}
}