@charset "utf-8";
/* ===================================================================
	
	base
	
=================================================================== */
html {
	background: #f6f6f6;
	background-color: #f6f6f6;
	height: 100%;
}
body { 
	height: 100%;
}
ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper {
	position: relative;
	top: 0;
	left: 0;
	display: none;
	color: #333;
	font-size: 108%;
	line-height: 1.5;
}
#overlayBg {
	display: none;
}

/* ===================================================================
	
	header
	
=================================================================== */
#header {
	display: none;
}

/* ===================================================================
	
	sidebar
	
=================================================================== */
#sidebar {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 260px;
	height: 100%;
	background: #00b9ff url(../img/common/pc/bg_sidebar.jpg) no-repeat top left;
	background-color: #00b9ff;
}
#sidebar .logo {
	margin: 0;
}
#sidebar .logo a {
	display: block;
	height: 241px;
}
#sidebar ul {
	margin: 0;
	padding: 0 0 10px;
}
#sidebar.fix ul {
	position: absolute;
	top: 10px;
	left: 0;
}
#sidebar li.btnAll { background: url(../img/common/pc/nav_allcontents.png) no-repeat 0 0; }
#sidebar li.btnCompany { background: url(../img/common/pc/nav_company.png) no-repeat 0 0; }
#sidebar li.btnStaff { background: url(../img/common/pc/nav_staff.png) no-repeat 0 0; }
#sidebar li.btnRecruit { background: url(../img/common/pc/nav_recruit.png) no-repeat 0 0; }
#sidebar li.btnEntry { background: url(../img/common/pc/nav_entry.png) no-repeat 0 0; }
#sidebar li.btnAccess { background: url(../img/common/pc/nav_access.png) no-repeat 0 0; }
#sidebar li.btnCorporate { background: url(../img/common/pc/nav_corporate.png) no-repeat 0 0; }
#sidebar li a {
	display: block;
	height: 39px;
}
#sidebar li a img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
}
#sidebar li.current a img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
}
#sidebar .copyright {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 255px;
	text-align: center;
}

/* ===================================================================
	
	footer
	
=================================================================== */
#footer {
	position: relative;
	margin: 0 0 0 10px;
	width: 700px;
	height: 60px;
}
#index #footer {
	display: none;
}
#btnHome {
	position: absolute;
	top: 15px;
	right: 180px;
}
#btnHome a {
	display: block;
	width: 114px;
	height: 15px;
	background: url(../img/common/pc/btn_home.png) no-repeat 0 0;
}
#btnPageTop {
	position: absolute;
	top: 15px;
	right: 0;
}
#btnPageTop a {
	display: block;
	width: 150px;
	height: 15px;
	background: url(../img/common/pc/btn_pagetop.png) no-repeat 0 0;
}
#footer .copyright {
	display: none;
}

/* ===================================================================
	
	content > common
	
=================================================================== */
#contents {
	position: absolute;
	top: 0;
	left: 260px;
	z-index: 10;
	/*width: 840px;*/
	min-width: 740px;
}
#contents .main {
	line-height: 0;
	width: 740px;
	overflow: hidden;
}
#contents .main img {
	width: 100%;
}
#contents .pageHeader {
	position: relative;
	margin: 0 0 20px 0;
	width: 100%;
}
#contents .pageHeader .title,
#contents .pageHeader .subTitle {
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
}
#contents .pageHeader img {
	line-height: 0;
}
#contents .section {
	position: relative;
	display: block;
	width: 660px;
	padding: 20px;
	margin: 0 0 20px 20px;
	background: #fff;
	background-color: #fff;
}
#contents .article {
	display: block;
	line-height: 2.2;
	text-align: justify;
	overflow: hidden;
}
#contents .article.sp {
	display: none;
}
#contents .article .image {
	width: 299px;
	height: 251px;
}
#contents .article.left .image {
	margin: 0 20px 5px 0;
	float: left;
}
#contents .article.right .image {
	margin: 0 0 5px 20px;
	float: right;
}
#contents .article h3 {
	margin: 0 0 10px;
	width: 340px;
	line-height: 0;
	background: #91571e;
	background-color: #91571e;
}
#contents .article.left h3 {
	float: left;
}
#contents .article.right h3 {
	float: right;
}
#contents .article .att {
	text-decoration: underline;
	color: #f8850a;
	font-weight: bold;
}
#contents .section.navi {
	width: 700px;
	padding: 0;
	background: none;
}
#contents .section.navi ul {
	overflow: hidden;
}
#contents .section.navi li {
	margin-bottom: 6px;
	width: 346px;
	float: left;
	background: #fff url(../img/common/icon_arrow_blue.png) no-repeat 16px center;
	background-color: #fff;
}
#contents .section.navi li.odd {
	margin-right: 8px;
	width: 343px;
	height: 50px;
}
#contents .section.navi li a {
	border: #e0e0e0 1px solid;
	display: block;
	padding: 0 20px 0 40px;
	width: 283px;
	height: 48px;
	text-decoration: none;
	color: #333;
	line-height: 50px;
	font-size: 15px;
}
.companyOutline #contents .section.navi li a:hover,
.fitLife #contents .section.navi li a:hover,
.fitTime #contents .section.navi li a:hover,
.fitWork #contents .section.navi li a:hover,
.companyOutline #contents .section.navi li.current a,
.fitLife #contents .section.navi li.current a,
.fitTime #contents .section.navi li.current a,
.fitWork #contents .section.navi li.current a {
	border: #f8850a 1px solid;
	color: #fff;
	background: #f8850a url(../img/common/icon_arrow_white.png) no-repeat 16px center;
}
.fitCulture #contents .section.navi li a:hover,
.fitEnvironment #contents .section.navi li a:hover,
.fitCareer #contents .section.navi li a:hover,
.fitSenior #contents .section.navi li a:hover,
.fitCulture #contents .section.navi li.current a,
.fitEnvironment #contents .section.navi li.current a,
.fitCareer #contents .section.navi li.current a,
.fitSenior #contents .section.navi li.current a {
	border: #91571e 1px solid;
	color: #fff;
	background: #91571e url(../img/common/icon_arrow_white.png) no-repeat 16px center;
}

/* ===================================================================
	
	content > index
	
=================================================================== */
#index #contents {
	padding-bottom: 20px;
}
#index #contents ul {
	position: relative;
	padding: 15px 0 10px 15px;
}
#index #contents ul li {
	margin: 0 0 1px;
	width: 350px;
	float: left;
}
#index #contents ul li img {
	width: 100%;
}
#index #contents ul li a {
	display: block;
	height: 294px;
}

/* ===================================================================
	
	content > COMPANY OUTLINE
	
=================================================================== */
.companyOutline #contents .pageHeader {
	height: 80px;
	background: #f8850a;
	background-color: #f8850a;
}
.companyOutline #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.companyOutline #contents table {
	margin: 0;
	border: none;
	width: 100%;
	border-bottom: #ccc 1px solid;
}
.companyOutline #contents table th,
.companyOutline #contents table td {
	vertical-align: middle;
	border-top: #ccc 1px solid;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-weight: normal;
	text-align: left;
}
.companyOutline #contents table th {
	padding: 20px 20px 17px;
	width: 100px;
}
.companyOutline #contents table td {
	padding: 20px 20px 17px;
}

/* ===================================================================
	
	content > FIT CARRER
	
=================================================================== */
.fitCareer #contents .pageHeader {
	height: 150px;
	background: #91571e;
	background-color: #91571e;
}
.fitCareer #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitCareer #contents .pageHeader .subTitle {
	bottom: 24px;
	right: 20px;
}

/* ===================================================================
	
	content > FIT CULTURE
	
=================================================================== */
.fitCulture #contents .pageHeader {
	height: 150px;
	background: #91571e;
	background-color: #91571e;
}
.fitCulture #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitCulture #contents .pageHeader .subTitle {
	bottom: 24px;
	right: 20px;
}

/* ===================================================================
	
	content > FIT LIFE
	
=================================================================== */
.fitLife #contents .pageHeader {
	height: 80px;
	background: #f8850a;
	background-color: #f8850a;
}
.fitLife #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitLife #contents h3 {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0;
	border-bottom: #ccc 2px solid;
	margin: 0;
	padding: 0;
}
.fitLife #contents .text {
	line-height: 2;
	padding: 130px 10px 0;
}
.fitLife #contents p {
	text-align: justify;
	padding: 0 10px;
}
.fitLife #contents .drawing {
	padding-top: 15px;
}

/* ===================================================================
	
	content > FIT TIME
	
=================================================================== */
.fitTime #contents .section {
	padding-top: 455px !important;
}
.fitTime #contents .section.navi {
	padding-top: 0 !important;
}
.fitTime #contents .pageHeader {
	height: 80px;
	background: #f8850a;
	background-color: #f8850a;
}
.fitTime #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitTime #contents .head {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0;
}
.fitTime #contents p {
	text-align: justify;
	padding: 0 10px;
	line-height: 2;
}
.fitTime #contents .point {
	padding: 5px 10px 10px 10px;
	list-style: none;
}
.fitTime #contents .point li {
	background: url(../img/time/icon_list_arr.png) no-repeat 0 3px;
	padding: 0 0 10px 20px;
	text-align: justify;
}

/* ===================================================================
	
	content > FIT SENIOR
	
=================================================================== */
.fitSenior #contents .pageHeader {
	height: 80px;
	background: #91571e;
	background-color: #91571e;
}
.fitSenior #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitSenior #contents p {
	text-align: justify;
	padding: 0 10px;
	line-height: 2;
}
.fitSenior #contents .fits {
	padding: 2px 0 0;
	overflow: hidden;
}
.fitSenior #contents .fits li {
	padding: 0 5px;
	width: 320px;
	height: 320px;
	float: left;
	text-align: justify;
}

/* ===================================================================
	
	content > FIT ENVIRONMENT
	
=================================================================== */
.fitEnvironment #contents .pageHeader {
	height: 150px;
	background: #91571e;
	background-color: #91571e;
}
.fitEnvironment #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitEnvironment #contents .pageHeader .subTitle {
	bottom: 24px;
	right: 20px;
}

/* ===================================================================
	
	content > FIT WORK
	
=================================================================== */
.fitWork #contents .section {
	padding-top: 455px !important;
}
.fitWork #contents .section.navi {
	padding-top: 0 !important;
}
.fitWork #contents .pageHeader {
	height: 80px;
	background: #f8850a;
	background-color: #f8850a;
}
.fitWork #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitWork #contents .head {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0;
}
.fitWork #contents p {
	text-align: justify;
	padding: 0 10px;
	line-height: 2;
}
.fitWork #contents .drawing {
	padding-top: 15px;
	text-align: center;
}

/* ===================================================================
	
	content > RECRUIT
	
=================================================================== */
.recruit #contents .pageHeader {
	height: 80px;
	background: #9dea4a;
	background-color: #9dea4a;
}
.recruit #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.recruit #contents .data table {
	margin: 0;
	border: none;
	width: 100%;
	border-bottom: #ccc 1px solid;
}
.recruit #contents .data table th,
.recruit #contents .data table td {
	vertical-align: middle;
	border-top: #ccc 1px solid;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-weight: normal;
	text-align: left;
}
.recruit #contents .data table th {
	padding: 20px 20px 17px;
	width: 80px;
}
.recruit #contents .data table td {
	padding: 20px 20px 17px;
}
.recruit #contents .data table td span {
	font-size: 85%;
}
.recruit #contents .message .head {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0;
}
.recruit #contents .message .text {
	padding-top: 115px;
}
.recruit #contents .message p {
	text-align: justify;
	padding: 0 10px;
	line-height: 2;
}
.recruit #contents .message .drawing {
	padding: 15px 0 0;
	text-align: center;
}

/* ===================================================================
	
	content > ENTRY
	
=================================================================== */
.entry #contents .pageHeader {
	height: 80px;
	background: #3548d5;
	background-color: #3548d5;
}
.entry #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.entry #contents .text {
	text-align: center;
	padding: 20px 0 10px;
}
.entry #contents .banner {
	width: 420px;
	margin: 0 auto;
}
.entry #contents .banner th,
.entry #contents .banner td {
	border: none;
}
.entry #contents .banner td {
	text-align: center;
	vertical-align: middle;
}
.entry #contents .banner img {
	border: #ccc 1px solid;
}

/* ===================================================================
	
	content > ACCESS
	
=================================================================== */
.access #contents .pageHeader {
	height: 80px;
	background: #be85c8;
	background-color: #be85c8;
}
.access #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.access #contents .mapCanvas {
	width: 660px;
	display: block;
}
.access #contents .address {
	padding-top: 20px;
}