/* CSS Document */

.g-recaptcha>div {
	margin:30px auto 0;
}

body {
	color: #000;
	font:13px/138.5% arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
	}
h1 {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
	}
h2,h3 {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
	}
h4,h5,h6 {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
	}
p,form,dt,dd,li,td,th {
	font-size:1.6rem;
	line-height:2.6rem;
	}

#header {
	border-top:5px solid #0054a8;
}

/*共通コンテンツ幅*/
.header,#gnavi ul,#intro,.entrybn>div,#introduce>div,#products,#production>div,#machine,#equipment>div,#hakko>div,#talent>div>div,#description,#field>div,#vision>div,#clients>div,#requirements,#message>div,#entryform,#footer>div {
	width:900px;margin:0 auto;
}
/*共通テキスト幅*/
.w2colA {
	width:490px;
}
/*共通画像レイアウト 4カラム*/
ul.img4col {
	margin:-20px 0 0 -20px;
}
ul.img4col li {
	margin:20px 0 0 20px;
	float:left;
}
ul.img4col li img {
	display:block;
}

/*共通余白*/
.lpptA {
	padding-top:70px;
}
.lppbA {
	padding-bottom:70px;
}
.lpmtA {
	margin-top:70px;
}
.lpptB {
	padding-top:50px;
}
.lpmtB {
	margin-top:50px;
}


/*以下個別スタイル*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.header {
	height:75px;
}
#gnavi {
	height:36px;padding:9px 0;
}
#gnavi ul li:first-child {
	border-left:1px solid #999;
}
#gnavi ul li {
	display:table;
	float:left;
	width:14.1%;
	border-right:1px solid #999;
}
#gnavi ul li a {
	display:table-cell;
	height:36px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	text-decoration:none;
	font-size:1.5rem;
	font-weight:bold;
}

#mainimg {
	text-align:center;
}
#mainimg>img {
	width:100%;
	margin:0 auto;
	display:block;
}
#mainimg .logo {
	background:url(../../images/lp/recruit1/01_mainimg-band-bg.png) repeat-x;
	height:140px;
	overflow:hidden;
}

#intro {
	background:url(../../images/lp/recruit1/02_intro-bg.png) center /cover no-repeat;
}

.entrybn {
	height:150px;
	overflow:hidden;
	background:#000;
}
.entrybn>div {
	display:table;
	height:150px;
	background:url(../../images/lp/recruit1/00_entrybn-bg.png) no-repeat;
}
.entrybn>div>div {
	display:table-cell;
	vertical-align:middle;
}

#introduce {
	background:#dde8f3 url(../../images/lp/recruit1/03_introduce-bg.png) center bottom no-repeat;
	background-size:100% auto;
}

#products .box {
	padding:55px 40px;
	background:#e2e9f0;
}
#products .box p {
	margin-top:5px;
	font-size:1.4rem;
	line-height:2.2rem;
}
#production {
	background:#202020 url(../../images/lp/recruit1/05_1_production-bg.png) center bottom no-repeat;
	background-size:100% auto;
}
#production p {
	color:#fff;
}
#production .hakkotv {
	border-top:1px solid #fff;
	margin-top:40px;
}
#production .hakkotv h2,#production .hakkotv p {
	margin-top:40px;
	text-align:center;
}
#production .hakkotv iframe {
	display:block;
	width:640px;
	margin:40px auto 0;
}

#machine img {
	display:block;
}

#equipment {
	background:url(../../images/lp/recruit1/05_3_equipment-bg.png) repeat;
}
#equipment table {
	width:100%;
	border-top:1px solid #999;
}
#equipment table th,#equipment table td {
	padding:15px;
	border-bottom:1px solid #999;
}
#equipment table thead th {
	background:#ccc;
	text-align:center;
}
#equipment table tbody th {
	width:65%;
	background:#eee;
}
#equipment table tbody td {
	background:#fff;
	text-align:center;
}
#equipment ul figcaption {
	text-align:center;
	font-size:1.4rem;
}
#equipment ul a {
	color:#000;
	text-decoration:none;
}

#hakko>img {
	width:100%;
	margin:0 auto;
	display:block;
}
#hakko>div {
	background:url(../../images/lp/recruit1/06_hakko-bg.png) 0 200px no-repeat;
}

#talent {
	background:url(../../images/lp/recruit1/07_talent-bg.png) bottom repeat-x;
}
#talent>div {
	background:url(../../images/lp/recruit1/07_talent-mark.png) 90% 0 no-repeat;
}
#talent .box {
	padding:53px 38px;
	border:1px solid #0054a8;
	background:#fff;
}
#description .box {
	padding:25px 35px;
	margin-top:5px;
	border:4px solid #c2d1e1;
	background:#fff;
}
#description .box span {
	color:#c00;
	font-weight:bold;
}
#description .box-next img {
	display:block;
	width:154px;
	margin:5px auto 0;
}

#field>img {
	width:100%;
	margin:0 auto;
	display:block;
}

#vision {
	background:#000 url(../../images/lp/recruit1/10_vision-bg.png) center bottom no-repeat;
	background-size:100% auto;
}
#vision p {
	color:#fff;
}

#clients {
	background:url(../../images/lp/recruit1/11_clients-bg.png) repeat;
}
#clients .box {
	padding:53px 38px;
	border:1px solid #0054a8;
	background:#fff;
}

#requirements table {
	width:100%;
	border-top:1px solid #999;
}
#requirements table th,#requirements table td {
	padding:15px;
	border-bottom:1px solid #999;
	font-size:1.4rem;
	line-height:2.0rem;
}
#requirements table tbody th {
	width:25%;
	background:#eee;
}
#requirements table tbody td {
	background:#fff;
}

#message {
	background:url(../../images/lp/recruit1/13_message-bg.png) repeat-y;
	background-size:100% auto;
}
#message p {
	color:#fff;
}
#message>img {
	width:100%;
	margin:0 auto;
	display:block;
}

#entryform table {
	width:100%;
	border-top:1px solid #999;
}
#entryform table th,#entryform table td {
	padding:15px;
	border-bottom:1px solid #999;
	font-size:1.4rem;
	line-height:2.0rem;
}
#entryform table tbody th {
	width:25%;
	background:#eee;
}
#entryform table tbody th span {
	font-size:1.4rem;
	color:#c00;
	margin-left:5px;
}
#entryform table tbody td {
	background:#fff;
}
#entryform table input {
	width:200px;
	border:1px solid #ccc;
	padding:5px;
}
#entryform table input.short {
	width:50px;
}
#entryform table input.long {
	width:600px;
}
#entryform table input.radio {
	width:auto;
	border:none;
	margin-left:10px;
	padding:5px;
}
#entryform table label {
	padding:5px 10px;
}
#entryform table select {
	padding:5px;
}
#entryform table textarea {
	width:600px;
	height:200px;
	padding:5px;
}
#entryform table textarea.short {
	width:600px;
	height:80px;
	padding:5px;
}
#footer {
	margin-top:100px;
	height:150px;
	background:#0054a8;
}
#footer p {
	width:49%;
	padding-top:30px;
	font-size:1.3rem;
	color:#fff;
}
#footer p a {
	color:#fff;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}