@charset "utf-8";
/* CSS Document */

/*リクルートページ内メニュー*/

ul.QLorange {
	display: table;
	align-items: center;
	margin:20px auto 0;
	width:660px;
	}

ul.QLorange li {
	float:left;
	margin:0 10px 12px 0;
	}

ul.QLorange li a {
	position: relative;
	padding: 10px 0;
	display:table-cell;
	vertical-align: middle;
	font-size:15px;
	font-weight:600;
	text-align:center;
	line-height:1.5em;
	border-radius: 5px ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-shadow: 1px 1px 1px #b28338;
	text-decoration:none;
	color:#ffffff;
	background-color:#e2b96e;
	box-shadow: 0 3px 0 #d1a554;
	height: 3em;
	width:320px;

	}

ul.QLorange li a:hover {
    background-color: #f9b750;
    box-shadow: 0 3px 0 #d1a554;
}

ul.QLorange li a:active {
    top: 3px;
    box-shadow: none;
}

ul.QLblue {
	display: table;
	align-items: center;
	margin:10px auto 0;
	width:660px;
	}

ul.QLblue li {
	float:left;
	margin:0 10px 12px 0;
	}

ul.QLblue li a {
	position: relative;
	padding: 10px 0;
	display:table-cell;
	vertical-align: middle;
	font-size:15px;
	font-weight:600;
	text-align:center;
	line-height:1.5em;
	border-radius: 5px ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-shadow: 1px 1px 1px #487f8f;
	text-decoration:none;
	color:#ffffff;
	background-color:#59a9c0;
	box-shadow: 0 3px 0 #3b7d90;
	height: 3em;
	width:320px;

	}

ul.QLblue li a:hover {
    background-color: #2ec2ed;
    box-shadow: 0 3px 0 #3b7d90;
}

ul.QLblue li a:active {
    top: 3px;
    box-shadow: none;
}

ul.QLgreen {
	display: table;
	align-items: center;
	margin:10px auto 0;
	width:660px;
	}

ul.QLgreen li {
	float:left;
	margin:0 10px 12px 0;
	}

ul.QLgreen li a {
	position: relative;
	padding: 10px 0;
	display:table-cell;
	vertical-align: middle;
	font-size:15px;
	font-weight:600;
	text-align:center;
	line-height:1.5em;
	border-radius: 5px ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-shadow: 1px 1px 1px #368240;
	text-decoration:none;
	color:#ffffff;
	background-color:#6bb175;
	box-shadow: 0 3px 0 #528e5a;
	height: 3em;
	width:320px;

	}

ul.QLgreen li a:hover {
    background-color: #5dc16b;
    box-shadow: 0 3px 0 #528e5a;
}

ul.QLgreen li a:active {
    top: 3px;
    box-shadow: none;
}

ul.QLpink {
	display: table;
	align-items: center;
	margin:10px auto 0;
	width:660px;
	}

ul.QLpink li {
	float:left;
	margin:0 10px 12px 0;
	}

ul.QLpink li a {
	position: relative;
	padding: 10px 0;
	display:table-cell;
	vertical-align: middle;
	font-size:15px;
	font-weight:600;
	text-align:center;
	line-height:1.5em;
	border-radius: 5px ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-shadow: 1px 1px 1px #942fa3;
	text-decoration:none;
	color:#ffffff;
	background-color:#c874d4;
	box-shadow: 0 3px 0 #91559a;
	height: 3em;
	width:320px;

	}

ul.QLpink li a:hover {
    background-color: #c75ed7;
    box-shadow: 0 3px 0 #91559a;
}

ul.QLpink li a:active {
    top: 3px;
    box-shadow: none;
}


.bk01{
	background-image:url(img/bk01.png);
	background-position:right center;
	background-repeat: no-repeat;
}

.bk02{
	background-image:url(img/bk02.png);
	background-position:right center;
	background-repeat: no-repeat;
}

.bk03{
	background-image:url(img/bk03.png);
	background-position:right center;
	background-repeat: no-repeat;
}

.bk04{
	background-image:url(img/bk04.png);
	background-position:right center;
	background-repeat: no-repeat;
}

.feature_Box{
	background-color: #fafdd1;
	font-size: 1.1em;
}

.feature_H{
	color: #583d1a;
	font-size: 1.2em;
	font-weight: 600;
}

.feature_BoxB{
	background-color: #d1eefd;
	font-size: 1.1em;
}

.feature_HB{
	color: #09487d;
	font-size: 1.2em;
	font-weight: 600;
}

.feature_BoxG{
	background-color: #d1fdd6;
	font-size: 1.1em;
}

.feature_HG{
	color: #225a07;
	font-size: 1.2em;
	font-weight: 600;
}

.feature_BoxP{
	background-color: #ffe2fd;
	font-size: 1.1em;
}

.feature_HP{
	color: #ab55a6;
	font-size: 1.2em;
	font-weight: 600;
}

.QL_table {
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
	.QL_table th,
	.QL_table td {
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
	.QL_table th {
	}
	.QL_table td {
	}
	.QL_table .bg_red {
		background:#ffe5e5;
	}

	.QL_table .bg_blue {
		background:#e1f1fd;
	}
		.QL_table th div,
		.QL_table td div {
			padding:5px;
		}

.btn_right_radius {
  position: relative;
  display: inline-block;
  padding: 0.5em 2em 0.5em 1em;
  text-decoration: none;
  color: #ffffff;
  background: #3e6db5;
  border-radius: 0 15px 15px 0;
}

.btn_right_radius:hover {
  background: #c3cddc;
  color: #3e6db5;
  text-decoration: none;
}

.btn_right_radius::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
}

.btn_right_radius:hover::after {
	border-left-color: #3e6db5;
}

.btn_left_radius {
  position: relative;
  display: inline-block;
  padding: 0.5em 1em 0.5em 2em;
  text-decoration: none;
  color: #ffffff;
  background: #3e6db5;
  border-radius: 15px 0 0 15px;
}

.btn_left_radius:hover {
  background: #c3cddc;
  color: #3e6db5;
  text-decoration: none;
}

.btn_left_radius::before {
  position: absolute;
  top: 50%;
  left: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-right-color: #fff;
}

.btn_left_radius:hover:before {
	border-right-color: #3e6db5;
}