@charset "utf-8";

/*----------------------------------------------------
	共通
----------------------------------------------------*/
html {
	height: 100%;
}
body {
	width: 640px;
	min-height: 840px;
	background: #fff;
	text-align: center;
  font-size: 160%;
  line-height: 1.8;
}
#wrapper {
	margin: 0px;
	padding-top: 0px;
	min-height: 720px;
}

#sideMenu p#tureBan img {
  width: 128px;
  height: 40px;
}
#sideMenu p#recruitBan img {
  width: 128px;
  height: 40px;
}
#sideMenu #changeLanguage,
#sideMenu .socialButtons {
  position: absolute;
  top: 20px;
  right: 0;
}
#sideMenu #changeLanguage li#japaneseBtn {
  text-indent: -100px;
  overflow: hidden;
  background: url(/shared/img/ic_sp_japanese.png) 0 0 no-repeat;
	width: 85px;
}
#sideMenu #changeLanguage li#vietnamBtn {
  text-indent: -100px;
  overflow: hidden;
  background: url(/shared/img/ic_sp_vietnam.png) 0 0 no-repeat;
	width: 85px;
}
#sideMenu #changeLanguage li#englishBtn {
  text-indent: -100px;
  overflow: hidden;
  background: url(/shared/img/ic_sp_english.png) 0 0 no-repeat;
	width: 85px;
}
#sideMenu p#tureBan {
	display: none;
}
#sideMenu p#recruitBan {
	display: none;
}
#copyright {
	padding: 0 20px;
	font-size: 80%;
	text-align: left;
	float: left;
}

#mainContents {
	left: 0;
	width: 640px;
	min-height: 800px;
	position: relative;
}
.detailsInner {
	padding-bottom: 500px;
}
#contentsTitle {
	border-top: 2px dotted #666666;
	border-bottom: 2px dotted #666666;
}

.headStyle01 {
	border-bottom: 2px solid #666666;
}
.headStyle02 {
	border-bottom: 2px solid #292929;
}
#contents {
	width: auto;
	margin: 0px auto 0px auto;
	text-align: left;
	min-height: 100%;
}

/*----------------------------------------------------
	TOP
----------------------------------------------------*/
#topinfomation {
	width: 75%;
	/*height: 300px;*/
	font-size: 100%;
	right: auto;
	bottom: auto;
	/*z-index: 555;*/
	/*margin: 20px;*/
	position: relative;
	/*float: left;*/
}
#topinfomation h3 {
  height: auto;
}
#topinfomation h3 img {
  display: none;
}
#topinfomation h3:after{
  content: "information";
  padding: 15px 0;
  display: block;
  color: #fff;
}

/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/
#contactLead p {
  display: none;
}
#contactLead p.contactAdress {
  display: block;
}
#contactForm section form p select {
	width: 80%;
	padding: 10px 3px 10px 3px;
}
#contactForm section form p input {
	width: 80%;
	padding: 20px 5px 20px 5px;
}
#contactForm section form p textarea {
	width: 80%;
	height: 200px;
}
#contactForm section form button {
	margin: 20px 0px 40px 0px;
	width: 80%;
}
#contactForm section form button img {
	width: 100%;
	height: auto;
}
div#modalConfirm {
  width: 510px;
  left: 30px;
  top: 30px;
  padding: 50px 30px;
  border: solid 2px #333;
}
#contactConfirmCancel img,
#contactConfirmCommit img {
  display: none;
}
div#modalConfirm button {
  background: #333;
  color: #fff;
  padding: 30px;
}
#contactConfirmCancel:after {
  content: "修正する";
}
#contactConfirmCommit:after {
  content: "この内容で送信する";
}

#contactForm .errormessage {
	right: 85px;
	font-size: 70%;
}

/*----------------------------------------------------
	NEWS
----------------------------------------------------*/
#newsIndex section {
	border-bottom: 2px solid #292929;
}
#newsIndex section a {
	display: block;
	padding: 10px 0;
}
#topinfomation div {
	font-size: 100%;
}

/*----------------------------------------------------
	about
----------------------------------------------------*/
#aboutContents .headStyle02 {
	background-position: 10px 25px;
}
#aboutInformation h2 img {
	width: 28%;
}
#aboutInformation {
}
#aboutInformation table {
	width: 600px;
	font-size: 100%;
}
.col01 {
	width: 140px;
	padding-right: 30px;
}
.companyList {
	font-size: 100%;
}
.companyList br {
  display: none;
}

/*----------------------------------------------------
	jobs
----------------------------------------------------*/
#jobsContents h3 {
  font-weight: bold;
}
#jobsContents #jobsTrust section {
	margin-bottom: 25px;
	/*border-bottom: 2px solid #2f2f2f;*/
}
#jobsContents #jobsTrust .jobDetails {
	width: 70%;
}
#jobsContents #jobsTrust .jobImages {
	padding: 10px 0px 0px 0px;
	width: 160px;
}
#jobsContents #jobsTrust .jobImages img {
	width: 160px;
	height: 160px;
}
#jobsLab img {
	width: 80%;
	height: auto;
	margin: 20px auto 10px auto;
}
#jobsDirection img {
	/*width: 80%;*/
	/*height: auto;*/
	/*margin: 20px auto 10px auto;*/
}
#jobsTab {
	padding: 20px 0;
	zoom: 0.8;
}
#jobsContents #jobsTrust .jobDetailsL, #jobsContents #jobsTrust .jobDetailsR {
	width: 285px;
	height: 106px;
	margin-bottom: 20px;
	padding: 25px 0;
	border: 2px solid #ccc;
	text-align: center;
	font-size: 65%;
}

.jobDetailsR {
	margin-left: 20px;
	float: left;
}

#jobsDirection {
	/*zoom: 0.80;*/
}
.directionUnit {
  width: auto;
  margin-bottom: 50px;
  float: none;
}
.directionUnit p {
  padding-left: 20px;
}

/*----------------------------------------------------
	work
----------------------------------------------------*/
.captureImage img {
	/*width: 80%;*/
	height: auto;
	margin: 40px auto 20px auto;
}
#workContents #workIndex section {
	margin-bottom: 60px;
}
#workContents #workIndex #moreContact img {
	/*width: 80%;*/
	/*height: auto;*/
}
#workContents #workIndex section .workBoxHead h3 {
	font-size: 100%;
}
.workBoxHead span {
	margin-left: 0;
	display: block;
}
#workContents #workIndex section .workBoxHead p.jobCategory {
	float: left;
	font-size: 100%;
}
#workContents #workIndex section .workBoxBody p.introduction {
	width: auto;
	margin: 20px 0;
	font-size: 80%;
}

/*----------------------------------------------------
	アクセス
----------------------------------------------------*/
#accessMapCanvas {
	width: 90%;
	height: 520px;
}
#viewArea {
	width: 90%;
	height: 520px;
}
#accessMapLink a {
	display: block;
	padding: 20px 0;
}
#accessMapVFACanvas {
	width: 90%;
}

/*----------------------------------------------------
	スタッフ
----------------------------------------------------*/
#staffContents #staffIndex {
	position: relative;
}
#staffContents #staffIndex h2 img {
	width: 120px;
	height: 32px;
}
#staffContents #staffIndex section ul li {
	width: 182px;
}
#staffContents #staffIndex section ul li img {
	width: 182px;
	height: 182px;
}
#staffContents #otherInfomation ul li {
	width: 48%;
}
#staffContents #otherInfomation ul li img {
	width: 100%;
	height: auto;
}

/*----------------------------------------------------
	Media Queries
----------------------------------------------------*/
	html,
	body,
	#visualBox {
		width: 100%;
	}
	#visualBoxLayer {
		display: none;
	}
	#wrapper {
		width: 100%;
		margin: 0px auto 30px auto;
    	min-width: 640px;
	}
	#sideMenu {
		width: auto;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
    	/*z-index: 999;*/
    	border-bottom: 5px solid #444;
    	min-width: 640px;
	}
	#sideMenu nav {
		width: 100%;
	}
	#sideMenu nav ul {
		width: 100%;
	}
	#sideMenu nav ul li {
		width: 320px;
		overflow: hidden;
		margin: 10px 0px 24px 0px;
		float: left;
	}
	#sideMenu nav ul li a img {
		width: 120%;
		height: auto;
	}
	#globalBtn {
		display: none;
	}
	#globalHeader {
		/*left: 0px;*/
		/*width: 640px;*/
		zoom: 1.5;
		position: relative;
		min-width: 427px;
	}
	#globalHeader h1 img {
		margin: 0px 0px 15px 0px;
	}
	#globalHeader h1 img {
		width: 100%;
		height: auto;
	}
	#globalFooter {
		height: auto;
		min-width: 640px;
		/*display: none;*/
	}
	#globalFooter section {
		width: auto;
		position: relative;
	}
	#globalFooter nav ul li {
		margin: 0px 20px 60px 0px;
		display: inline-block;
		font-size: 100%;
		border-left: dashed 1px #cccccc;
		padding: 0 0 0 16px;
	}
	#sideMenu #gmenu {
		/*position: fixed;*/
		/*width: 320px;*/
		/*top: 75px;*/
		/*left: -320px;*/
		/*z-index: 9999;*/
		/*background: rgba(0,0,0,0.7) url() repeat-y left top;*/
	}
	#navHandle {
		display: block !important;
		background: rgba(0,0,0,0.7) url(/img/icon_nav.png) no-repeat center center;
		position: absolute;
		/*top: 0;*/
		right: 20px;
		cursor: pointer;
		width: 100px;
		height: 80px;
		font-size: 0;
		margin: 0;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		z-index: 9999;
	}
	#mainContents {
		width: 100%;
		left: 0px;
		top: 0;
		min-height: 200px;
	}
	.detailsInner {
		padding: 30px 20px 10px 20px;
	}
	#topContents {
		/*height: 0 !important;*/
		padding: 20px;
	}