/* 日本企業求人募集用のCSS */

table.recruit {
	width:100%;
	border:1px solid #09D;
	margin-bottom: 30px;
}

table.recruit tr th {
	width: 130px;
	color: #FFF;
	background-color: #09D;
	padding: 8px 5px;
	vertical-align: middle;
}

table.recruit tr td {
	padding: 8px 5px 8px 10px;
	vertical-align: middle;
}

table.recruit tr td.title {
	font-size: 140%;
	font-weight: bold;
}

.StepBox {
    width: 99.5%;
    text-align: center;
    padding: 20px 0 20px 0;
	border:1px solid #09D;
	margin-bottom: 30px;
}

.StepBox2 {
    width: 500px;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #8c8b8b;
    clear: both;
    display: inline-table;
}

.StepBoxLeft {
    width: 500px;
    margin-right: 10px;
    float: left;
    text-align: center;
}

.StepBoxLeft h2 {
    color: #0070C0;
    font-size: 20px;
    border: none;
    box-shadow: none;
    padding: 10px 0 0 10px;
    margin: 0 0 10px 0;
    position: relative;
    float: left;
    text-align: left;

}.StepBoxLeft img {
    float: left !important;
    padding: 0 15px 15px 15px !important;
}

.StepBoxRight {
    width: 500px;
    float: left;
    padding: 10px;
    text-align: left;
}

.FlowArrow {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 40px 75px 0 75px;
    border-color: #001f5d transparent transparent transparent;
}

.recruit_submit {
	background-color: #3D94F6;
	background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #FFFFFF;
	font-family: Open Sans;
	font-size: 24px;
	font-weight: 100;
	padding: 10px;
	box-shadow: 1px 1px 20px 0px #000000;
	-webkit-box-shadow: 1px 1px 20px 0px #000000;
	-moz-box-shadow: 1px 1px 20px 0px #000000;
	text-shadow: 1px 1px 20px #000000;
	border: solid #337FED 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	width: 260px;
}

.recruit_submit:hover {
	background: #1E62D0;
	background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
	text-decoration: none;
}