@charset "utf-8";
/* ********************************************************
 *
 *	Since Jan 9,2018
 *	Name : Company.css
 *	Author : KCR Web Team ( Leader : Kazui )
 *
 ********************************************************* */
/* =========================================================
 Content
========================================================= */
/* Greeting
--------------------------------------------------------- */
#greeting .president {
	text-align: right;
}

/* Company
--------------------------------------------------------- */
#company .companylist {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

#company .companylist th ,
#company .companylist td {
	line-height: 1.5;
	padding: 10px 20px;
}

#company .companylist th {
	background: #e6e6e6;
	border-bottom: 1px solid #FFF;
	font-weight: 500;
	text-align: right;
	vertical-align: top;
	width: 200px;
}

#company .companylist td {
	border-bottom: 1px solid #e6e6e6;
}

#company .companylist td .list {
	display: block;
	margin: 0;
	padding: 0;
}

#company .companylist td .list li ,
#company .companylist td .bank li {
	display: inline-block;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 0 14px;
	position: relative;
}

#company .companylist td .bank li {
	display: block;
	float: none;
}

#company .companylist td .list li:before ,
#company .companylist td .bank li:before {
	content: "・";
	display: block;
	font-weight: 400;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

/* History
--------------------------------------------------------- */
#history .historylist {
	display: block;
	margin: 0;
	padding: 0;
}

#history .historylist li {
	border-bottom: 1px solid #CCC;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

#history .annals {
	display: block;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0;
}

#history .annals .year {
	background: #e6e6e6;
	clear: left;
	display: inline-block;
	float: left;
	font-weight: 500;
	margin: 0 20px 0 0;
	padding: 10px;
	text-align: right;
	width: 200px;
}

#history .annals .matters {
	clear: right;
	display: block;
	margin: 0;
	padding: 10px 10px 10px 240px;
}

/* Access
--------------------------------------------------------- */
#access .way {
	display: block;
	line-height: 1.5;
	margin: 30px auto 0;
	padding: 0;
}

#access .way .vehicle {
	float: left;
	font-weight: 400;
	margin: 0 30px 0 0;
	padding: 0;
	width: 250px;
}

#access .way .means {
	border-bottom: 1px solid #CCC;
	margin: 0 auto 20px;
	padding: 0 0 20px;
}

#access .way .means:last-child {
	padding: 0;
}

#access .way .means .car ,
#access .way .means .train {
	display: block;
	margin: 0 auto 20px;
	padding: 0;
}

#access .way .means .car li ,
#access .way .means .train li {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 15px;
	position: relative;
}

#access .way .means .car li:before ,
#access .way .means .train li:before {
	content: "・";
	display: block;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
}

/* Recruit
--------------------------------------------------------- */
#recruit .coming {
	color: #CCC;
	font-size: 40px;
	text-align: center;
}

#recruit .ttl {
	text-align: center;
}

#recruit .sub {
	border-bottom: 3px solid #032c76;
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	margin: 0 auto 20px;
	padding: 0 10px 10px;
	text-align: center;
}

#recruit .form {
	background: #f2f2f2;
	border: 1px solid #ccc;
	box-shadow: 0 0 0 2px #FFF inset;
	display: block;
	margin: 0 auto 30px;
	padding: 20px;
	text-align: center;
}

#recruit .form .tel {
	color: #032b75;
	font-family: 'Cabin', sans-serif;
	font-size: 30px;
	font-weight: 400;
	margin: 0 auto 10px;
	padding: 0;
}

#recruit .recruitlist {
	margin: 0 auto 30px;
	padding: 0;
}

#recruit .recruitlist thead th {
	background: #FFF;
	border: none;
}

#recruit .recruitlist th ,
#recruit .recruitlist td {
	border: 1px solid #CCC;
	padding: 10px 20px;
}

#recruit .recruitlist th {
	background: #EEE;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	width: 160px;
}

#recruit .recruitlist td {
	width: 560px;
}

#recruit .recruitlist td .allowance {
	display: block;
	margin: 0 auto;
	padding: 0;
}

#recruit .recruitlist td .allowance li {
	margin: 0 auto 5px;
}

#recruit .recruitlist td .allowance li:last-child {
	margin: 0 auto;
}

#recruit .recruitlist td .allowance .name ,
#recruit .recruitlist td .allowance .name2 ,
#recruit .recruitlist td .allowance .money {
	display: inline-block;
}

#recruit .recruitlist td .allowance .name ,
#recruit .recruitlist td .allowance .name2 {
	text-align: center;
	width: 120px;
}

#recruit .recruitlist td .allowance .name2 {
	width: 150px;
}

#recruit .recruitlist td .allowance .money {
	text-align: right;
	width: 100px;
}

#recruit .recruitlist td .holiday {
	display: block;
	margin: 0 auto;
	padding: 0;
}

#recruit .recruitlist td .holiday .ttl {
	float: left;
	padding: 0 13px 0 0;
	position: relative;
	text-align: left;
}

#recruit .recruitlist td .holiday .ttl:after {
	content: "：";
	display: block;
	right: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

#recruit .recruitlist td .holiday .times {
	margin: 0 auto 10px;
	padding: 0 0 0 50px;
}

#recruit .recruitlist td .holiday .times:last-child {
	margin: 0 auto;
}

#recruit .list ,
#recruit .box {
	display: block;
	margin: 0 auto 60px;
	padding: 0;
	text-align: center;
}

#recruit .list li {
	display: block;
	margin: 0 auto 10px;
	padding: 0 0 0 15px;
	text-align: center;
}

#recruit .list li:last-child {
	margin: 0 auto;
}

#recruit .list .marker {
	border-bottom: 2px solid #032c76;
	font-weight: 700;
}

#recruit .btn {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#recruit .btn a {
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	border: 1px solid cf0404;
	box-shadow: 0 0 0 1px #FFF inset;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	margin: 0 auto;
	padding: 20px 40px;
}

#recruit .do_not {
	color: #666;
	font-size: 30px;
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}