@charset "UTF-8";

/*
	Theme Name: TOEI ADVERTISING
	Author: Hara
	Version: 1.0.1
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: white, right-sidebar, two-columns

*/

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

          General Setting

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

/*==================================================================
	0. BoxModel change
===================================================================*/
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


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

          Common setting

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

/* ------------------------------------------------------------------
Reset styles
-------------------------------------------------------------------*/
html {
	background:#FFF;
	font-size: 62.5%;
}
body {
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	word-wrap:break-word;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin:0;
	padding:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display:block; }
audio:not([controls]) {
	display:none;
	height:0;
}
[hidden] { display:none; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:none; }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ul, ol, menu { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after { content:''; }
abbr, acronym {
	border:none;
	font-variant:normal;
}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	outline : 0;
	outline: none; 
}
input:focus, textarea:focus, select:focus {
	outline : 0;
	outline: none; 
}
legend { color:#000; }
a img, map a { border:none; }
a { color: #222222; text-decoration: none; }
a:hover, a:active, a:focus { outline:0; }
embed { width:100%; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) {
	display:none;
	height:0;
}
img, object, embed {
	max-width:100%;
	height:auto;
}
object, embed { height:100%; }
img {
	-ms-interpolation-mode:bicubic;
	vertical-align: top;
}
a img:hover {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
a.nonHover img:hover {
	cursor: default;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}



/* Font styles
-------------------------------------------------------------------*/
body { font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, ＭＳ Ｐゴシック, MS PGothic, verdana, Sans-Serif; color: #555555; font-size: 1.4rem; min-width: 1080px; line-height: 1.714; }
.langEN { font-family: arial, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, Sans-Serif; }
.langMC {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
select, input, button, textarea, button { font:99% arial, sans-serif; }
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	line-height:1;
}

/* General styles
-------------------------------------------------------------------*/
table { empty-cells:show; }
input { line-height:1; }
form img, input, select { vertical-align:middle; }
textarea { resize:none; }
select { padding:1px; }
label { margin-right:10px; margin-left:-5px; display: block;}
legend { display:none; }
input[type="text"], input[type="password"], input[type="email"], textarea {
	padding:11px;
	border:1px solid #333333;
	font-size:1.3rem;
}
textarea { width: 480px; }
mwform-radio-field{
	display: none;
}
.Select {
	display: inline-block;
	margin: 0 20px 0 0;
}
.Select span:first-child {
	position: relative;
	display: inline-block;
	width: auto;
	border: solid 1px #333333;
	padding: 4px 0;
	margin: 0 5px 0 0;
}
.Select span select {
	width: 80px;
}
.Select.SelectMonth span select {
	width: 80px;
}
.Select.SelectAdd span select {
	width: 250px;
}
.Select.Selectitem span select {
	width: 300px;
}
.AddBox {
	padding: 0 0 0 18px;
}

.inputZip {
	width: 150px;
}

.Select span:after {
	content: "\25BC";
	position: absolute;
	top: 50%;
	right: 0px;
	margin-right: 5px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}

.Select span.error:after {
    display: none;
}
select, option {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0px;
	margin: 0;
	text-indent: 1em;
	background-color: transparent;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
.SelectAdd {
	margin: 15px 0;
}
.mwform-zip-field input {
	margin: 0 10px;
}
.mw_wp_form_confirm .Select span {
	width: auto;
    border: none;
    margin: 0;
}
.mw_wp_form_confirm .Select span:after {
	content: none;
}
input.Input270 { width: 270px; }
input.Input440 { width: 440px; }
input.Input480 { width: 465px; }
input[type="submit"] {
	cursor: pointer;
	background: #fc5449;
	background: -moz-linear-gradient(top, #fc5449 0%, #e71818 100%);
	background: -webkit-linear-gradient(top, #fc5449 0%,#e71818 100%);
	background: linear-gradient(to bottom, #fc5449 0%,#e71818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5449', endColorstr='#e71818',GradientType=0 );
	border: none;
	height: 76px;
	color: #ffffff;
	font-size: 2.4rem;
	font-weight: bold;
	width: 360px;
	border-radius: 3px;
	margin: 0 auto;
	box-shadow: 0 0 4px gray;
}
input[type="submit"]:hover {
	background: -moz-linear-gradient(top, #fc5449 0%, rgba(231, 24, 24, 0.7) 100%);
	background: -webkit-linear-gradient(top, #fc5449 0%, rgba(231, 24, 24, 0.7) 100%);
	background: linear-gradient(to bottom, #fc5449 0%, rgba(231, 24, 24, 0.7) 100%);
}
.Btn02:hover {
	cursor: pointer;
	  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.Btn {
	margin: 0 auto;
	width: 360px;
}
.Btn span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	vertical-align: middle;
	text-decoration: none;
}
.Btn span::before,
.Btn span::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 35px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.Btn span::before{
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.Btn span::after{
	right: 45px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mw_wp_form_confirm .Btn input[type="submit"] {
	padding: 0 20px 0 0;
}

.Btn02 a {
	background: #fc5449;
	background: -moz-linear-gradient(top, #fc5449 0%, #e71818 100%);
	background: -webkit-linear-gradient(top, #fc5449 0%,#e71818 100%);
	background: linear-gradient(to bottom, #fc5449 0%,#e71818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5449', endColorstr='#e71818',GradientType=0 );
	height: 76px;
	color: #ffffff;
	font-size: 2.4rem;
	font-weight: bold;
	width: 360px;
	border-radius: 3px;
	margin: 0 auto;
	box-shadow: 0 0 4px gray;
	display: block;
	line-height: 76px;
	text-align: center;
}
.Btn02 {
	margin: 0 auto;
	width: 360px;
}
.Btn02 a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	vertical-align: middle;
	text-decoration: none;
}
.Btn02 a::before,
.Btn02 a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 35px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.Btn02 a::before{
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.Btn02 a::after{
	right: 45px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.Btn02 a span {
	padding: 0 25px 0 0;
}

a {
	color: #333333;
}

.sp {
	display: none;
}



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

          Layout

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

#wrapper {
	padding-top: 124px;
}

.Inner {
	width: 1080px;
	margin: 0 auto;
}

.left {
	text-align: left;
}
.LeftTxt {
	text-align: left;
}
.CenterImg {
	text-align: center;
}

.right {
/*
    float: right;
    width: 400px;
margin-top: 30px;
margin-bottom: 30px;
*/
    width: 400px;
    margin: 0 0 0 auto;
}

.rightImg {
    width: 400px;
}

.right02 {
    width: 540px;
    margin: 0 0 0 auto;
}

.right02Img {
    width: 540px;
}

.right03 {
    width: 170px;
    margin: -120px 0 0 auto;
}

.right03Img {
    width: 170px;
}

.right04 {
    margin: 0 auto;
	float:right;
}

.right04 img {
    width: 500px;
}


.Mgt40p { margin-top: 40px; }
.Mgb20p { margin-bottom: 20px; }

.eiyoushi {
    background-image: url(/images/staffing/eiyoushi.jpg);
    width: 980px;
    height: 547px;    
    margin: 0 0 30px auto;
}



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

          header

*****************************************/
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 124px;
	z-index: 10;
	background-color: white;
}
header #headTop {
	background-color: #333333;
	color: #ffffff;
	height: 35px;
	font-size: 1.1rem;
	overflow: hidden;
	line-height: 1;
}
header #headTop .Description {
	float: left;
	line-height: 35px;
}
header #headTop .Contact {
	float: right;
}
header #headTop .Contact p {
	margin: 0;
	display: inline-block;
	vertical-align: top;
}
header #headTop .Contact p.Txt {
	line-height: 35px;
}
header #headTop .Contact p.TelPlace {
	color: #333333;
	background-color: #ffffff;
	height: 17px;
	margin: 9px 4px 0 8px;
	padding: 4px 5px 3px 5px;
}
header #headTop .Contact p.Tel {
	margin: 9px 15px 0 0;
}
header #headTop .Contact p.Mail {
	background: #ffffff url(/images/common/header/icon_mail.jpg) no-repeat left 20px top 11px;
	border-radius: 0 0 3px 3px;
	height: 30px;
}
header #headTop .Contact p.Mail a {
	padding: 11px 20px 8px 45px;
	color: #333333;
	display: block;
}
header .Inner {
}
header .Logo{
	float: left;
	margin: 26px 0 0 0;
}
header .HeadNavi {
	float: right;
}
header .HeadNavi nav {
	display: inline-block;
	font-size: 13px;
	/*font-size: 1.3rem;*/
	margin: 26px 0 0 0;
}
header .HeadNavi nav li {
	display: inline-block;
	padding: 0 15px 0 0;
	line-height: 35px;
}
header .HeadNavi nav li a {
	color: #333333;
}
header .HeadNavi nav li a:hover {
	border-bottom: solid 3px #333333;
}
header .HeadNavi .Membership {
	display: inline-block;
	margin: 24px 0 0 0;
	border-radius: 3px;
	background-color: #ff638a;
	font-size: 18px;
	padding: 9px 10px;
	line-height: 1;
}
header .HeadNavi .Membership a {
	color: #ffffff;
} 
header .HeadNavi .Membership span {
	display: inline-block;
	vertical-align: middle;
	padding: 3px 0 0 0;
}
header .HeadNavi .Membership span.Easy {
	border-radius: 2px;
	padding: 5px 6px 4px 20px;
	margin: 0 6px 0 0;
	color: #ff638a;
	font-size: 12px;
	background: #ffffff url(/images/common/header/icon_membership.jpg) no-repeat left 6px center;
}

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

          footer

*****************************************/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	display: block;
}
#page-top a:hover {
}
footer .Inner {
	overflow: hidden;
}
footer .Access {
	background-color: #f4f4f4;
	padding: 43px 0 32px 0;
	box-shadow:0px 4px 4px -3px #ccc inset;
}
footer .Access h2 {
	text-align: center;
	margin: 0 0 30px 0;
}
footer .Access .Tokyo {
	float: left;
	width: 540px;
	border-right: 1px solid #c5c9e0;
	padding: 0 30px 0 0;
}
footer .Access .Kansai {
	float: right;
	width: 540px;
	padding: 0 0 0 30px;
}
footer .Access .Map {
	width: 260px;
	float: left;
}
footer .Access .Address {
	width: 220px;
	float: right;
	font-size: 1.2rem;
	color: #000000;
	padding: 65px 0 0 0;
	line-height: 1.8333;
}
footer .Access .Address h3 {
	font-size: 2.4rem;
	color: #333333;
	margin: 0 0 5px 0;
}
footer .Navi {
	background-color: #333333;
	font-size: 1.2rem;
	text-align: center;
	padding: 20px 0;
}
footer .Navi li {
	display: inline-block;
	padding: 0 12px;
}
footer .Navi li a {
	color: #ffffff;
}
footer .footBottom {
	padding: 19px 0 60px 0;
}
footer .footBottom .Logo {
	float: left;
}
footer .footBottom .Copyright {
	float: right;
	font-size: 1.1rem;
	padding: 15px 0 0 0;
}

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

          Common

*****************************************/
#Main .MainVisual {
	position: relative;
	text-align: center;
	color: #ffffff;
	font-size: 1.2rem;
	letter-spacing: 1px;
}
#Main .MainVisual .TtlH1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
#Main .MainVisual .TtlH1 h1 {
	font-size: 3.2rem;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
#Main #Breadcrumb {
	font-size: 1.2rem;
	margin: 10px 0 55px 0;
}
#Main #Breadcrumb.Breadcrumb02 {
	margin: 10px 0 15px 0;
}
#Main #Breadcrumb li {
	display: inline-block;
	position: relative;
	padding: 0 24px 0 0;
	vertical-align: middle;
	text-decoration: none;
}
#Main #Breadcrumb li a {
	text-decoration: underline;
}
#Main #Breadcrumb li::after {
	position: absolute;
	top: 0;
	right: 9px;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 3px;
	height: 3px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#Main #Breadcrumb li:last-child::after {
	content: none;
}
h2.ttlh2 {
	font-size: 2.2rem;
	letter-spacing: 1px;
	border-bottom: 3px solid #e5e5e5;
	padding: 0 0 5px 0;
	font-weight: bold;
	margin: 0 0 25px 0;
}
h2.ttlh2 span {
	position: relative;
}
h2.ttlh2 span:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #333333;
	bottom: -10px;
	width: 100%;
}
.section {
	letter-spacing: 1px;
	margin: 0 0 90px 0;
}
.message {
	text-align: center;
	line-height: 1.8;
	margin: 0 0 50px 0;
}
.message h2 {
	height: 42px;
	color: #333333;
	font-size: 2.4rem;
	margin: 0 0 30px 0;
}
.message h2 span {
	margin: 0 10px 0 0;
}
.message p {
	line-height: 2.14;
}
.floatRight {
	text-align: right;
}

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

          Table

*****************************************/
table {
	width: 100%;
}
.tbl01 table th,
.tbl01 table td,
.tbl02 table th,
.tbl02 table td {
	border-bottom: 1px solid #e5e5e5;
	padding: 25px;
}
.tbl01 table th,
.tbl02 table th {
	width: 250px;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.tbl03 {
	padding: 17px 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
}
.tbl03 table th {
	width: 340px;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	padding: 8px 25px;
}
.tbl03 table td {
	padding: 10px 25px 10px 70px;
	vertical-align: top;
}
.tbl04 {
	margin: 0 0 38px 0;
}
.tbl04 table {
	border-right: 1px solid #e5e5e5;
	
}
.tbl04 table th {
	background-color: #555555;
	color: #ffffff;
	width: 460px;
	padding: 20px 25px;
}
.tbl04 table td {
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	padding: 15px 25px;
}
.tbl04 table td dl.dl01 dt {
	width: 75px;
	display: inline-block;
}
.tbl04 table td dl.dl02 dt {
	width: 140px;
	display: inline-block;
}
.tbl04 table td dl dd {
	display: inline-block;
}

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

          Top

*****************************************/
.bg_mainvisual {
	background-color: #f8f9fc;
}

#mainvisual {
	width: 1080px;
	margin: 0 auto;
	position: relative;
}
#mainvisual .copy {
	position: absolute;
	top: 63%;
	right: 40px;
	transform: translateY(-50%) ;
	-webkit- transform: translateY(-50%);
}
#mainvisual .copy p {
	padding: 12px 0;
}

#mainvisual ul {
	background-position: 0 0;
	background-repeat: no-repeat;
}

.strength {
	text-align: center;
	padding: 43px 0 40px 0;
}
.strength h2 {
	margin: 0 0 22px 0;
}
.strength ul {
	overflow: hidden;
}
.strength ul li {
	float: left;
	width: 350px;
}
.strength ul li {
	margin: 0 15px 0 0;
}
.strength ul li:last-child {
	margin: 0;
}

.TopSearch {
	background: url(/images/top/bg_search.jpg) repeat;
	padding: 55px 0 !important;
}

.news  {
	margin: 0 0 55px 0;
}
.news .ttlh2 {
	border-bottom: 2px solid #e5e5e5;
	margin: 75px 0 12px 0;
	padding: 0 0 21px 0;
	text-align: center;
}
.news .post li {
	overflow: hidden;
	border-bottom: 2px dotted #b9b9b9;
	padding: 13px 0;
}
.news .post .date {
	background-color: #d1d1d1;
	font-size: 1.2rem;
	padding: 2px 5px;
	float: left;
	width: 90px;
	text-align: center;
	margin: 0 35px 0 0;
}
.news .post .ttl {
	float: left;
	width: 515px;
}
.news .post .ttl a {
	text-decoration: underline;
}
.news .post .allowance {
	float: left;
	width: 145px;
	color: #ff5555;
}
.news .post .office {
	float: right;
	width: 240px;
}

.member {
    /*background-color: #f4f4f4;*/
    background-color: #dadada;
	/*background: url(/images/top/bg_member.jpg) repeat;*/
	text-align: center;
	padding: 30px 0;
}

.news .post .date02 {
	background-color: #FBDEEA;
	font-size: 1.2rem;
	padding: 2px 5px;
	float: left;
	width: 90px;
	text-align: center;
	margin: 0 35px 0 0;
}

.news .post .date02 a {
    color: #ffffff;
}

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

          Corporate Info

*****************************************/
.Place li span {
	background-color: #888888;
	border-radius: 2px;
	font-size: 1.3rem;
	color: #ffffff;
	line-height: 1;
	padding: 1px 7px 0 7px;
	margin: 0 12px 0 0;
}
.Place li img {
	margin: 0 0 0 5px;
}


table td ul {
	font-size: 0;
	letter-spacing: 0;
}
table td ul li {
	width: 50%;
	display: inline-block;
	font-size: 1.4rem;
	letter-spacing: 1px;
}
table td ul li:last-child {
	width: 50%;
}
table td ul li.Wide {
	width: 100% !important;
	margin: 0 0 10px 0;
}
table td ul li.Wide:last-child {
	margin: 0;
}

.tbl01 table td ul li {
	width: 45%;
}
.tbl01 table td ul li:last-child {
	width: 55%;
}

.rightmemo {
	float: right;
	font-size: 1.4rem;
}

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

          Business Info

*****************************************/
.Notes {
	background-color: #dadada;
	border-radius: 10px;
	padding: 14px 24px;
}
.Notes h3 {
	margin: 0 0 8px 0;
}
.Notes h3 span {
	color: #ffffff;
	background-color: #555555;
	font-size: 1.8rem;
	padding: 2px 8px 0 8px;
}
.Notes p {
	margin: 0 0 0 5px;
}
.Notes ul {
	margin: 0 0 0 42px;
}
.Notes li {
	list-style-type: disc;
}

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

          Temporary Staffing

*****************************************/
.Point {
	margin: 0 0 100px 0;
}
.Point h2 {
	background: url(/images/staffing/bg_ttlh2.jpg) repeat;
	border-radius: 5px;
	box-shadow: 0 0 8px gray;
	font-size: 2.4rem;
	color: #ffffff;
	letter-spacing: 1px;
	height: 60px;
	line-height: 55px;
	padding: 5px 20px;
	margin: 0 0 40px 0;
}
.Point h2 span {
	margin: 0 20px 0 0;
}
.Point .box {
	overflow: hidden;
	margin: 0 0 85px 0;
}
.Point .box:last-child {
	margin: 0 0 50px 0;
}
.Point .box .txt {
	float: left;
	width: 710px;
	line-height: 2.14;
}
.Point .box .img {
	float: right;
}
.Point .box .txt h3 {
	line-height: 1.6;
	margin: 20px 0 0 0;
}
.Point .box .txt h3 span {
	background-color: #333333;
	border-radius: 3px 3px 0 0;
	color: #ffffff;
	padding: 4px 10px 3px 10px;
}
.Point .box .txt .Details {
	border: 2px solid #333333;
	border-radius: 2px;
	padding: 8px 10px;
}
.Point .box .txt .Details dl {
	overflow: hidden;
}
.Point .box .txt .Details dl:first-child {
	border-bottom: 1px solid #cdcdcd;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
.Point .box .txt .Details dl dt {
	border: 1px solid #333333;
	border-radius: 2px;
	width: 60px;
	text-align: center;
	padding: 3px 0 2px 0;
	line-height: 1;
	color: #333333;
	font-size: 1.2rem;
	float: left;
	margin: 5px 0 0 0;
}
.Point .box .txt .Details dl dd {
	float: right;
	width: 610px;
}
.Point .box .txt .Details dl dd li {
	padding-left: 1em; 
    text-indent: -.7em;
}
.Point .box .txt .Details dl dd li:before {
    content: " ";
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #333333;
	position: relative;
	left: -5px;
	top: 0;
}
.Point .box .txt .Details dl dd li.Separation1 {
	float: left;
	width: 42%;
}
.Point .box .txt .Details dl dd li.Separation2 {
	float: left;
	width: 58%;
}
.Ttlh3Type {
	background-color: #333333;
	border-radius: 3px;
	color: #ffffff;
	font-size: 1.8rem;
	display: inline-block;
	padding: 3px 10px 0px 10px;
	margin: 40px 0 15px 0;
}

.Ttlh3Type_QA {
	background-color: #dadada;
	border-radius: 10px;
	color: #333333;
	font-size: 1.8rem;
	display: inline-block;
	padding: 6px 20px 3px 20px;
	margin: 40px 0 15px 0;
}

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

          Temporary Staffing

*****************************************/
.Ttlh3Merit {
	background-color: #333333;
	border-radius: 20px;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 3px;
	color: #ffffff;
	margin: 0 0 7px 0;
	display: inline-block;
	padding-right: 20px;
}
.Ttlh3Merit p {
	width: 34px;
	display: inline-block;
	text-align: center;
	margin: 0 10px 0 0;
}
.Ttlh3Merit p span {
	background-color: #ffffff;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	display: inline-block;
	text-align: center;
	color: #333333;
	font-weight: bold;
	font-size: 2.2rem;
}
.Ttlh3Merit .ttl {
	display: inline-block;
}
.MeritList {
	padding: 0 0 0 50px;
	margin: 0 0 30px 0;
}
.MeritList:last-child {
	margin: 0;
}
.MeritList li {
	list-style: disc;
}
.companiesContact {
	position: relative;
	width: 623px;
	margin-right: auto;
	margin-left: auto;
}

.companiesContact a.contactTel01 {
	position: absolute;
	left: 36px;
	top: 78px;
}

.companiesContact a.contactTel02 {
	position: absolute;
	left: 329px;
	top: 78px;
}

.companiesContact a.contactButton {
	position: absolute;
	left: 144px;
	bottom: 31px;
}

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

          jigyouannaiBox

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

.jigyouannai {
	padding: 0 0 90px 0;
}

#jigyouannaiBox h1,
.jigyouannaiBoxIndex h2 {
    padding-bottom: 20px;
	margin: 0 0 27px 0;
}
#jigyouannaiBox .jigyouannaiBoxInner {
	overflow: hidden;
}
#jigyouannaiBox .jigyouannaiBoxInner h2,
.jigyouannaiBoxIndex .jigyouannaiBoxInner h3 {
	margin: 0 0 35px 0;
	text-align: right;
}
#jigyouannaiBox .jigyouannaiBoxInner .jigyouannaiBoxLeft {
	width: 800px;
    margin: 30px auto;
}
#jigyouannaiBox .jigyouannaiBoxInner .jigyouannaiBoxLeft h2 {
	padding: 0 35px 0 0;
}

#jigyouannaiBox .jigyouannaiBoxInner .jigyouannaiBoxLeft ul li {
	width: 380px;
}
#jigyouannaiBox .jigyouannaiBoxInner .jigyouannaiBoxLeft ul li:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#jigyouannaiBox .jigyouannaiBoxInner .jigyouannaiBoxLeft ul li.haken {
	background-color: #555555;
	float: left;
    margin-bottom:  6px;
    box-shadow: 2px 2px 2px 2px #C6C6C6;
    -moz-box-shadow: 1px 1px 1px 1px #C6C6C6;
    -webkit-box-shadow: 1px 1px 1px 1px #C6C6C6;
}
#jigyouannaiBox .jigyouannaiBoxInner .jigyouannaiBoxLeft ul li.shien {
	background-color: #dadada;
	float: right;
    margin-bottom:  6px;
    box-shadow: 2px 2px 2px 2px #C6C6C6;
    -moz-box-shadow: 1px 1px 1px 1px #C6C6C6;
    -webkit-box-shadow: 1px 1px 1px 1px #C6C6C6;
}
#jigyouannaiBox .jigyouannaiBoxInner .jigyouannaiBoxLeft ul li.haken p {
	line-height: 70px;
	font-size: 2rem;
	padding: 0 23px;
    color: #ffffff;
}

#jigyouannaiBox .jigyouannaiBoxInner .jigyouannaiBoxLeft ul li.shien p {
	line-height: 70px;
	font-size: 2rem;
	padding: 0 23px;
    color: #333333;
}


#jigyouannaiBox .jigyouannaiBoxInner li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	text-align: center;
	height: 70px;
	border-radius: 50px;
}
#jigyouannaiBox .jigyouannaiBoxInner li::before,
#jigyouannaiBox .jigyouannaiBoxInner li::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: " ";
	vertical-align: middle;
}
#jigyouannaiBox .jigyouannaiBoxInner li.haken::before{
	box-sizing: border-box;
	right: 20px;
	width: 18px;
	height: 18px;
	border: 2px solid #ffffff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#jigyouannaiBox .jigyouannaiBoxInner li.haken::after{
	right: 27px;
	width: 3px;
	height: 3px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#jigyouannaiBox .jigyouannaiBoxInner li.shien::before{
	box-sizing: border-box;
	right: 20px;
	width: 18px;
	height: 18px;
	border: 2px solid #333333;
	-webkit-border-radius: 50%;
	border-radius: 50%;

}
#jigyouannaiBox .jigyouannaiBoxInner li.shien::after{
	right: 27px;
	width: 3px;
	height: 3px;
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


#jigyouannaiBox .jigyouannaiBoxsInner li a {
	color: #ffffff;
	display: block;
}

#haken{
    margin-top: -120px;
    padding-top: 120px; 
}
#shien{
    margin-top: -120px;
    padding-top: 120px; 
}


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

          SearchBox

*****************************************/
.Search {
	padding: 0 0 90px 0;
}
#SearchBox {
	background: url(/images/search/bg_searchbox.jpg) repeat;
	border-radius: 7px;
	border: 3px solid #333333;
	padding: 30px 35px 12px 35px;
	text-align: center;	
}
#SearchBox h1,
.SearchBoxIndex h2 {
	margin: 0 0 0 0;
}
#SearchBox h1 span.topSearchTitle,
.SearchBoxIndex h2 span.topSearchTitle {
    display: inline-block;
    padding-left: 55px;
    padding-bottom: 5px;
    color: #333333;
    font-size: 36px;
    font-weight: 600;
	background-image: url(/images/top/icon_search02.png);
    background-position: 0 3px;
    background-repeat: no-repeat;

    text-shadow: white 3px 3px 0px, white -3px 3px 0px,
    white 3px -3px 0px, white -3px -3px 0px;
}
.SearchBoxText {
    margin: 20px 0 0;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    text-shadow: white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px;
}
#SearchBox .SearchBoxInner {
	overflow: hidden;
    margin-top: 35px;
}
#SearchBox .SearchBoxInner h2,
.SearchBoxIndex .SearchBoxInner h3 {
    height: 54px;
	margin: 0 0 15px 0;
    color: #333333;
    font-size: 20px;
	text-align: center;
    border: solid 2px #333333;
    background-color: white;
}
#SearchBox .SearchBoxInner h2 span,
.SearchBoxIndex .SearchBoxInner h3 span {
    display: inline-block;
    padding-top: 10px;
    padding-left: 40px;
	background-image: url(/images/top/icon_map.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
}
#SearchBox .SearchBoxInner .SearchBoxRight h2 span,
.SearchBoxIndex .SearchBoxInner .SearchBoxRight h3 span {
    padding-top: 10px;
	background-image: url(/images/top/icon_book.png);
    background-position: 0 13px;
}
#SearchBox .SearchBoxInner .SearchBoxLeft {
	float: left;
	width: 314px;
}
#SearchBox .SearchBoxInner .SearchBoxLeft h2 {
}
#SearchBox .SearchBoxInner .SearchBoxLeft ul {
    position: relative;
	height: 170px;
	/*height: 360px;*/
	padding: 0 0 0 0;
	border: 2px solid #333333;
    background-color: white;
	background-image: url(/images/top/map.png);
	background-size: 64%;
    background-position: 54px 7px;
    background-repeat: no-repeat;
	overflow: hidden;
}
#SearchBox .SearchBoxInner .SearchBoxLeft ul li {
	border: 2px solid #ffffff;
	width: 120px;
    height: 42px;
}
#SearchBox .SearchBoxInner .SearchBoxLeft ul li:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#SearchBox .SearchBoxInner .SearchBoxLeft ul li.west {
    position: absolute;
    bottom: 60px;
    left: 15px;
	background-color: #311c99;
}

#SearchBox .SearchBoxInner .SearchBoxLeft ul li.east {
    position: absolute;
    top: 64px;
    right: 20px;
	background-color: #3697b3;
}
#SearchBox .SearchBoxInner .SearchBoxLeft ul li a {
	line-height: 42px;
	font-size: 15px;
	padding: 0 23px 0 20px;
}

#SearchBox .SearchBoxInner .SearchBoxRight {
	float: right;
	width: 660px;
}
#SearchBox .SearchBoxInner .SearchBoxRight ul {
    position: relative;
}
#SearchBox .SearchBoxInner .SearchBoxRight ul li {
	float: left;
	width: 315px;
	margin: 0 0 16px 0;
}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.sales {
    position: absolute;
    float: none;
    margin: 0;
    top: 187px;
    left: -344px;
}

#SearchBox .SearchBoxInner .SearchBoxRight ul li.clerical {
    position: absolute;
    float: none;
    margin: 0;
    top: 374px;
    /*top: 378px;*/
    left: -344px;
}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.ad {
    position: absolute;
    float: none;
    margin: 0;
    top: 0px;
    left: -344px;
}

#SearchBox .SearchBoxInner .SearchBoxRight ul li a {
	font-size: 1.3rem;
}
#SearchBox .SearchBoxInner .SearchBoxRight ul li a:hover {
	font-size: 1.3rem;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#SearchBox .SearchBoxInner .SearchBoxRight ul li:hover {
	/*opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";*/
}

#SearchBox .SearchBoxInner .SearchBoxRight ul li:nth-child(even) {
	float: right;
}
.toei,.SearchBoxRight .toei a { background-color: #333333; }
.clerical,.SearchBoxRight .clerical a { background-color: #a18e5c; }
.sales,.SearchBoxRight .sales a { background-color: #ce5569; }
.office_work,.SearchBoxRight .office_work a { background-color: #9762a1; }
.event,.SearchBoxRight .event a { background-color: #feb91a; }
.others,.SearchBoxRight .others a { background-color: #009699; }
.training,.SearchBoxRight .training a { background-color: #0099E2; }
.callcenter,.SearchBoxRight .callcenter a { background-color: #5ea2d1; }
.web,.SearchBoxRight .web a { background-color: #9762a1; }
.operation,.SearchBoxRight .operation a { background-color: #7aa31b; }
.movie,.SearchBoxRight .movie a { background-color: #7aa31b; }
.creative,.SearchBoxRight .creative a { background-color: #ef8db7; }
.ad,.SearchBoxRight .ad a { background-color: #f96c59; }
.movie,.SearchBoxRight .movie a { background-color: #7aa31b; }
.SearchBoxRight .toei,
.SearchBoxRight .clerical,
.SearchBoxRight .operation,
.SearchBoxRight .sales,
.SearchBoxRight .office_work,
.SearchBoxRight .event,
.SearchBoxRight .others,
.SearchBoxRight .callcenter,
.SearchBoxRight .web,
.SearchBoxRight .movie,
.SearchBoxRight .creative,
.SearchBoxRight .ad
{ background-color: transparent; }

#SearchBox .SearchBoxInner .SearchBoxRight ul li p {
	display: inline-block;
	vertical-align: middle;
}

#SearchBox .SearchBoxInner .SearchBoxRight ul li .SearchBoxEx {
    box-sizing: border-box;
    width: 310px;
    height: 105px; 
    padding: 23px 10px 12px 10px;
    font-size: 12px;
    line-height: 1.5em;
    background-image: url("/images/search/text_back_toei.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.clerical .SearchBoxEx {background-image: url("/images/search/text_back_clerical.png");}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.operation .SearchBoxEx {background-image: url("/images/search/text_back_operation.png");}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.office_work .SearchBoxEx {background-image: url("/images/search/text_back_office_work.png");}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.event .SearchBoxEx {background-image: url("/images/search/text_back_event.png");}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.sales .SearchBoxEx {background-image: url("/images/search/text_back_sales.png");}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.others .SearchBoxEx {background-image: url("/images/search/text_back_others.png");}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.callcenter .SearchBoxEx {background-image: url("/images/search/text_back_callcenter.png");}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.web .SearchBoxEx {background-image: url("/images/search/text_back_web.png");}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.movie .SearchBoxEx {background-image: url("/images/search/text_back_movie"); /*line-height: 1.3em;*/}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.creative .SearchBoxEx {background-image: url("/images/search/text_back_creative"); /*line-height: 1.3em;*/}
#SearchBox .SearchBoxInner .SearchBoxRight ul li.ad .SearchBoxEx {background-image: 
    url("/images/search/text_back_ad");}
#SearchBox .SearchBoxInner .SearchBoxRight ul li span {
	background-color: #ffffff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin: 3px 10px 3px 3px;
}
#SearchBox .SearchBoxInner .SearchBoxRight ul li .SearchBoxRightLetter {
	background-color: transparent;
	border-radius: 0;
	width: auto;
	height: auto;
	display: inline;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	font-size: 85%;
}

#SearchBox .SearchBoxInner li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	text-align: left;
	height: 58px;
	border-radius: 33px;
}
#SearchBox .SearchBoxInner .SearchBoxRight li{
	height: auto;
}
#SearchBox .SearchBoxInner li::before,
#SearchBox .SearchBoxInner li::after,
#SearchBox .SearchBoxInner li a::before,
#SearchBox .SearchBoxInner li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: " ";
	vertical-align: middle;
}
#SearchBox .SearchBoxInner li::before,
#SearchBox .SearchBoxInner li a::before{
	box-sizing: border-box;
	right: 20px;
	width: 18px;
	height: 18px;
	border: 2px solid #ffffff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#SearchBox .SearchBoxInner .SearchBoxRight li::before,
#SearchBox .SearchBoxInner .SearchBoxRight li::after,
#SearchBox .SearchBoxInner .SearchBoxRight li::before{
    display: none;
}
#SearchBox .SearchBoxInner li::after,
#SearchBox .SearchBoxInner li a::after{
	right: 27px;
	width: 3px;
	height: 3px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#SearchBox .SearchBoxInner li a {
	color: #ffffff;
	display: block;
}
#SearchBox .SearchBoxInner .SearchBoxRight li a {
    position: relative;
    border-radius: 33px;
}

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

          SearchBox02

*****************************************/
.Search {
	padding: 0 0 90px 0;
}
#SearchBox {
	background: url(/images/search/bg_searchbox.jpg) repeat;
	border-radius: 7px;
	border: 3px solid #333333;
	padding: 30px 35px 12px 35px;
	text-align: center;	
}
#SearchBox h1,
.SearchBoxIndex h2 {
	margin: 0 0 0 0;
}
#SearchBox h1 span.topSearchTitle,
.SearchBoxIndex h2 span.topSearchTitle {
    display: inline-block;
    padding-left: 55px;
    padding-bottom: 5px;
    color: #333333;
    font-size: 36px;
    font-weight: 600;
	background-image: url(/images/top/icon_search02.png);
    background-position: 0 3px;
    background-repeat: no-repeat;

    text-shadow: white 3px 3px 0px, white -3px 3px 0px,
    white 3px -3px 0px, white -3px -3px 0px;
}
.SearchBoxText {
    margin: 20px 0 0;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    text-shadow: white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px;
}
#SearchBox .SearchBoxInner {
	overflow: hidden;
    margin-top: 35px;
}
#SearchBox .SearchBoxInner h2,
.SearchBoxIndex .SearchBoxInner h3 {
    height: 54px;
	margin: 0 0 15px 0;
    color: #333333;
    font-size: 20px;
	text-align: center;
    border: solid 2px #333333;
    background-color: white;
}
#SearchBox .SearchBoxInner h2 span,
.SearchBoxIndex .SearchBoxInner h3 span {
    display: inline-block;
    padding-top: 10px;
    padding-left: 40px;
	background-image: url(/images/top/icon_map.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
}
#SearchBox .SearchBoxInner .SearchBoxRight02 h2 span,
.SearchBoxIndex .SearchBoxInner .SearchBoxRight02 h3 span {
    padding-top: 10px;
	background-image: url(/images/top/icon_book.png);
    background-position: 0 13px;
}
#SearchBox .SearchBoxInner .SearchBoxLeft {
	float: left;
	width: 314px;
}
#SearchBox .SearchBoxInner .SearchBoxLeft h2 {
}
#SearchBox .SearchBoxInner .SearchBoxLeft ul {
    position: relative;
	height: 171px;
	/*height: 360px;*/
	padding: 0 0 0 0;
	border: 2px solid #333333;
    background-color: white;
	background-image: url(/images/top/map.png);
	background-size: 64%;
    background-position: 54px 7px;
    background-repeat: no-repeat;
	overflow: hidden;
}
#SearchBox .SearchBoxInner .SearchBoxLeft ul li {
	border: 2px solid #ffffff;
	width: 120px;
    height: 42px;
}
#SearchBox .SearchBoxInner .SearchBoxLeft ul li:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#SearchBox .SearchBoxInner .SearchBoxLeft ul li.west {
    position: absolute;
    bottom: 60px;
    left: 15px;
	background-color: #311c99;
}

#SearchBox .SearchBoxInner .SearchBoxLeft ul li.east {
    position: absolute;
    top: 64px;
    right: 20px;
	background-color: #3697b3;
}
#SearchBox .SearchBoxInner .SearchBoxLeft ul li a {
	line-height: 42px;
	font-size: 15px;
	padding: 0 23px 0 20px;
}

#SearchBox .SearchBoxInner .SearchBoxRight02 {
	float: right;
	width: 660px;
}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul {
    position: relative;
}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li {
	float: left;
	width: 660px;
	height:66px;
	margin: 0 0 120px 0;
}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.sales {
    position: absolute;
    float: none;
    margin: 0;
    top: 374px;
    left: -344px;
}

#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.clerical {
    position: absolute;
    float: none;
    margin: 0;
    top: 560px;
    /*top: 378px;*/
    left: -344px;
}


#SearchBox .SearchBoxInner .SearchBoxRight02 ul li a {
	font-size: 1.3rem;
}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li a:hover {
	font-size: 1.3rem;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#SearchBox .SearchBoxInner .SearchBoxRight02 ul li:hover {
	/*opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";*/
}

#SearchBox .SearchBoxInner .SearchBoxRight02 ul li:nth-child(even) {
	float: right;
}
.toei,.SearchBoxRight02 .toei a { background-color: #333333; }
.SearchBoxRight02 .toei,

{ background-color: transparent; }

#SearchBox .SearchBoxInner .SearchBoxRight02 ul li p {
	display: inline-block;
	vertical-align: middle;
}

#SearchBox .SearchBoxInner .SearchBoxRight02 ul li .SearchBoxEx {
    box-sizing: border-box;
    width: 656px;
    height: 105px;
    padding: 23px 10px 12px 10px;
    font-size: 12px;
    line-height: 1.5em;
    background-image: url("/images/search/text_back_toei.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.clerical .SearchBoxEx {background-image: url("/images/search/text_back_clerical.png");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.operation .SearchBoxEx {background-image: url("/images/search/text_back_operation.png");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.office_work .SearchBoxEx {background-image: url("/images/search/text_back_office_work.png");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.event .SearchBoxEx {background-image: url("/images/search/text_back_event.png");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.sales .SearchBoxEx {background-image: url("/images/search/text_back_sales.png");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.others .SearchBoxEx {background-image: url("/images/search/text_back_others.png");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.callcenter .SearchBoxEx {background-image: url("/images/search/text_back_callcenter.png");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.web .SearchBoxEx {background-image: url("/images/search/text_back_web.png");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.movie .SearchBoxEx {background-image: url("/images/search/text_back_movie");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.creative .SearchBoxEx {background-image: url("/images/search/text_back_creative");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li.ad .SearchBoxEx {background-image: url("/images/search/text_back_ad");}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li span {
	background-color: #ffffff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin: 3px 10px 3px 3px;
}
#SearchBox .SearchBoxInner .SearchBoxRight02 ul li .SearchBoxRight02Letter {
	background-color: transparent;
	border-radius: 0;
	width: auto;
	height: auto;
	display: inline;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	font-size: 85%;
}

#SearchBox .SearchBoxInner li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	text-align: left;
	height: 58px;
	border-radius: 33px;
}
#SearchBox .SearchBoxInner .SearchBoxRight02 li{
	height: auto;
}
#SearchBox .SearchBoxInner li::before,
#SearchBox .SearchBoxInner li::after,
#SearchBox .SearchBoxInner li a::before,
#SearchBox .SearchBoxInner li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: " ";
	vertical-align: middle;
}
#SearchBox .SearchBoxInner li::before,
#SearchBox .SearchBoxInner li a::before{
	box-sizing: border-box;
	right: 20px;
	width: 18px;
	height: 18px;
	border: 2px solid #ffffff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#SearchBox .SearchBoxInner .SearchBoxRight02 li::before,
#SearchBox .SearchBoxInner .SearchBoxRight02 li::after,
#SearchBox .SearchBoxInner .SearchBoxRight02 li::before{
    display: none;
}
#SearchBox .SearchBoxInner li::after,
#SearchBox .SearchBoxInner li a::after{
	right: 27px;
	width: 3px;
	height: 3px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#SearchBox .SearchBoxInner li a {
	color: #ffffff;
	display: block;
}
#SearchBox .SearchBoxInner .SearchBoxRight02 li a {
    position: relative;
    border-radius: 33px;
}

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

          Detail

*****************************************/
.TtlH2List {
	border-bottom: 2px solid #e5e5e5;
	margin: 75px 0 40px 0;
	padding: 0 0 23px 0;
}
.TtlH2Cat {
	font-size: 3.0rem;
	color: #333333;
	text-align: center;
	margin: 0 0 30px 0;
}
.DetailBox {
	border: 2px solid #cdcdcd;
	border-radius: 6px;
}
.DetailBoxRecruit {
    margin-top: -30px;
    margin-bottom: 30px;
}

.DetailBoxRecruit02 p{
    color:#333333;
    font-size: 1.8em;
    font-weight: bold;
}

.DetailBoxRecruit02 {
        margin-top: -20px;
        margin-bottom: 10px;
}

.DetailBoxRecruit03 p{
    color:#333333;
    font-size: 1.8em;
    font-weight: bold;
}

.DetailBoxRecruit03 {
        margin-top: 10px;
        margin-bottom: -20px;
}

.DetailBoxRecruit04 {
        margin-top: 20px;
        margin-bottom: -20px;
}

.DetailBoxRecruit04 p {
        width:700px;
}

.DetailBoxRecruit05 {
    margin-bottom: 30px;
}


.DetailBox02 {
	margin: 0 0 25px 0;
}
.DetailBox .DetailTtl {
	background-color: #f4f4f4;
	color: #333333;
	padding: 13px 25px 13px 25px;
}
.DetailBox .DetailTtl .Cat {
	height: 30px;
	border-radius: 15px;
	display: inline-block;
	color: #ffffff;
	line-height: 30px;
	padding: 0 15px 0 0;
	margin: 0 13px 0 0;
}
.DetailBox .DetailTtl .Cat span {
	background: #ffffff;
	border-radius: 50%;
	width: 28px;
	height: 28px;;
	display: inline-block;
	margin: 1px 5px 1px 1px;
}
.DetailBox .DetailTtl .NoJob {
	display: inline-block;
	font-size: 1.2rem;
}
.DetailBox .DetailTtl h1 {
	font-size: 2.2rem;
	margin: 10px 0 0 0;
	line-height: 1.5;
}
.DetailBox .DetailTtl h2 {
	display: inline-block;
	font-size: 2.2rem;
	margin: 0 10px 0 0;
	padding: 0 0 4px 0;
	line-height: 1.5;
	text-decoration: underline;
}
.DetailBox .DetailInner {
	padding: 30px;
}
.DetailBox .DetailInner .DetailTag ul {
	overflow: hidden;
	margin: 0 0 10px 0;
}
.DetailBox .DetailInner .DetailTag ul li {
	float: left;
	background-color: #ff6991;
	border-radius: 3px;
	font-size: 1.4rem;
	padding: 6px 7px;
	line-height: 1;
	color: #ffffff;
	margin: 0 10px 0 0;
}
.DetailBox .DetailInner .DetailTxt {
	padding: 20px;
	background: url(/images/search/detailtxt.jpg) repeat;
}
.DetailBox .DetailInner .DetailTxt p {
	padding: 0 0 25px 0;
}
.DetailBox .DetailInner table {
	margin: 15px 0 0 0;
	border-top: 1px solid #cdcdcd;
}
.DetailBox .DetailInner table th {
	background-color: #f4f4f4;
	border-bottom: 1px solid #cdcdcd;
	width: 190px;
	font-size: 1.5rem;
	color: #333333;
	padding: 11px 17px;
	vertical-align: top;
}
.DetailBox .DetailInner table th span {
	display: inline-block;
	margin: 0 8px 0 0;
}
.DetailBox .DetailInner table td {
	border-bottom: 1px solid #cdcdcd;
	padding: 11px 30px;
	vertical-align: top;
}
.DetailBox02 .DetailInner table td {
	box-sizing: border-box;
	width: 318px;
}
.DetailBox .DetailInner table td.col2 {
	width: 318px;
}
.ApplicationBox {
	margin: 70px 0 125px 0;
}
.ApplicationBox h2.ApplicationTtl {
	font-size: 3.2rem;
	color: #333333;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #e5e5e5;
	margin: 0 0 40px 0;
	padding: 0 0 5px 0;
}
.ApplicationBox p {
	line-height: 2.1;
}
.ApplicationBox .Required {
	background-color: #e71818;
	border-radius: 3px;
	color: #ffffff;
	font-size: 1.3rem;
	padding: 0 22px;
	margin: 0 5px 0 0;
}
.ApplicationBox table {
	margin: 20px 0 35px 0;
}
.ApplicationBox table th {
	padding: 24px 0;
	text-align: center;
	width: 360px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 100px 0 0;
}
.ApplicationBox table th .thttl {
	float: left;
	width: 180px;
}
.ApplicationBox table th p {
	display: inline-block;
	float: right;
}
.ApplicationBox table td {
	vertical-align: middle;
	border-bottom: 1px solid #e5e5e5;
	padding: 24px 20px 24px 0;
}
.ApplicationBox table td dl input {
	width: 200px;
}
.ApplicationBox table td dl dt {
	display: inline-block;
	width: 45px;
	vertical-align: middle;
}
.ApplicationBox table td dl dd {
	display: inline-block;
	width: 200px;
	margin: 0 30px 0 0;
	vertical-align: middle;
}
.ApplicationBox .mw_wp_form_confirm table td dl dt {
	display: none;
}
.ApplicationBox .mw_wp_form_confirm table td dl dd {
	width: auto;
}
.ApplicationBox .mw_wp_form_confirm table .Required {
	display: none;
}
.ApplicationBox table .None {
	display: none;
}
.ApplicationBox .AgreeCheck {
	text-align: center;
}
.ApplicationBox .mw_wp_form_confirm .AgreeCheck {
	display: none;
}
.ApplicationBox .AgreeCheck p {
	margin: 0 0 45px 0;
}
.ApplicationBox .AgreeCheck a {
	color: #e71818;
}
.ApplicationBox .AgreeCheck .mwform-checkbox-field-text {
	font-size: 1.8rem;
}
.Finish p {
	margin: 0 0 40px 0;
	text-align: center;
	font-size: 1.6rem;
	line-height: 3.125;
	font-weight: bold;
}

.DetailBtn {
	width: 258px;
	background: #fc5449;
	background: -moz-linear-gradient(top, #fc5449 0%, #e71818 100%);
	background: -webkit-linear-gradient(top, #fc5449 0%,#e71818 100%);
	background: linear-gradient(to bottom, #fc5449 0%,#e71818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5449', endColorstr='#e71818',GradientType=0 );
	border: none;
	height: 54px;
	font-size: 2.0rem;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 0 0 4px gray;
	text-align: center;
	margin: 24px auto 0 auto;
}

.DetailBtn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.DetailBtn a {
	position: relative;
	display: inline-block;
	padding: 11px 16px 0 0;
	color: #ffffff;
	vertical-align: middle;
	text-decoration: none;
	width: 258px;
	height: 54px;
}
.DetailBtn a::before,
.DetailBtn a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.DetailBtn a::before{
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.DetailBtn a::after{
	right: 23px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


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

          Contact

*****************************************/
.ContactBox {
	background-color: #eeeeee;
	margin: 20px 0 0 0;
}
.ContactBox dl {
	display: table;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.ContactBox dl dt {
	background-color: #333333;
	color: #ffffff;
	font-size: 2.2rem;
	display: table-cell;
	width: 146px;
	text-align: center;
	padding: 16px 10px 14px 10px;
	vertical-align: middle;
}
.ContactBox dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 0 22px 0 23px;
}
.ContactBox dl dd p.Branch {
	border: 2px solid #333333;
	background-color: #ffffff;
	display: inline-block;
	color: #333333;
	font-size: 2.2rem;
	padding: 8px 6px 5px 6px;
	line-height: 1;
	vertical-align: middle;
}
.ContactBox dl dd p.Tel {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	margin: 0 0 0 5px;
}
.ContactBox dl dd strong {
	color: #333333;
	font-size: 2.4rem;
	display: block;
	margin: 0 0 2px 0;
}
.ContactBox dl dd span {
	font-size: 1.3rem;
	display: block;
}


.contactbox02 {
	background: url(/images/companies/bg_cntact.jpg) repeat;
	width: 623px;
	margin: 0 auto;
}
.contactbox02 .contactbox02inner {
	border: 2px slolid #333333;
}


.flow {
	/*background: url(/images/companies/flow.jpg) no-repeat;*/
	height: 996px;
	height: 229px;
	margin: 0 auto;
}

.media_illust{
		margin-top:-30pt;
}

.media_illust img{
	float:right;
	width:200px;
	height:auto;
}

.btn_jisya{
		margin: 20px 0 -20px 124px;
}

.btn_jisya img{
	width:836px;
}

.jinzaiservice {
	margin-top:-50px;
}

.jinzaihaken{
	margin-top:10px;
}


@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

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

          2019.11.22 corporate Torihiki

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

.corporateTorihiki {
    float: left;
    width: 540px;
    margin: 0 0 30px 0;
}

.corporateTorihiki li {
	    margin: 0 0 10px 0;
}

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

          2020.05.01 Web面接

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


.Webmensetsu {
    background-image: url("/images/top/web_bn_pc.png");
    width: 950px;
    margin: 20px auto;
    height: 72px;
}

.Webmensetsu img{
    margin-top: 43px;
    margin-left:776px;
	width:10%;
}

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

    2020.06.15 会員登録ページ　SDキャラクター追加

*****************************************/
.kirasd{
	width:76%;
}

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

    2020.06.19 自社求人改修

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

.mwform-radio-field {
display: block;
white-space: nowrap;
float: left;
}

.mwform-checkbox-field {
display: block;
white-space: nowrap;
float: left;
}

.ApplicationBox .mw_wp_form .horizontal-item + .horizontal-item{
 margin-left: 0px;   
}

.AgreeCheck .mwform-checkbox-field{
float: none;  
}

.jisyaanken, .table {
    border: none;
}


