@charset "UTF-8";
/* CSS Document */


/*上部の余白を消して初期化*/

*{
	margin:0;
	padding:0;
}

/*
google chorome対策　ホバー時のマウスポインタを指へ変更
*/
a  {
	text-decoration: none;
	border:none;
	color:inherit;
 	cursor: pointer;
}

input[type="text"]:{
  outline: none;
 }

input[type="submit"] {
 	cursor: pointer;
 	outline: none;
 }

input[type="text"]:focus {
  outline: none;
 }

input[type="submit"]:focus {
  outline: none;
 }
/*
ここまで
*/


/*
問い合わせボタンホバー時
*/
.conver:hover{
	position:relative;
	top:4px;
}

/*ページ全体の設定*/
body{
background-color:#FFFFFF; /*壁紙色*/
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif, Arial, Helvetica, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "Osaka－等幅", Osaka-mono, monospace,calibri ;
background-image: url("../img/back.png");

/*background-color:#FFFFFF;
*/background-repeat:repeat;
}

/*画像立て並べ　マージン削除*/
img { vertical-align: bottom; }

header, footer, #cont{
	margin:0 auto;
	width:1000px;
	height:auto;
	position:relative;
	text-align:center;
}

header{
	margin-top:20px;
}

footer{
	margin-top:40px;
}

#USP,#President,#Workinfo,#Workbalance,#Voice,#Company,#Vision,.Title, .step{
	margin-top:40px;
}

#toptop{
	position:relative;
}

.conver{
	position:relative;
	margin-top:40px;
}

#TitleBosyu{
	margin-top:40px;
	margin-bottom:40px;
}

.BosyuMIdashi{
	font-size: 20px;
	font-weight:bold;
}

/*tableデザイン 募集要項*/
table.tabledesign {
	position:relative;
	margin:0 auto;
	text-align:center;
	width: 1000px;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-spacing:0px;
	margin-top:14px;
	margin-bottom:40px;
	font-size: 18px;
}

table.tabledesign tr {
	height:20px;
}

table.tabledesign td {
	border-top:2px solid #000000;
	border-right:2px solid #000000;
}

.midashi{
	width:200px;
	height:auto;
	text-align: center;
	letter-spacing:1px;	
	color:#000000;
	font-weight:bold;
	padding: 20px;
}

.hon{
	width:800px;
	height:auto;
	text-align: justify;
	text-rendering: optimizeLegibility;
	text-justify: inter-ideograph;
	padding: 20px;
	color:#000000;
	}
/*tableデザイン 募集要項ここまで*/

/*tableデザイン 会社概要*/
table.gaiyou {
	position:relative;
	margin:0 auto;
	text-align:center;
	width: 1000px;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-spacing:0px;
	font-size: 18px;
	margin-top:20px;
	margin-bottom:40px;
}

table.gaiyou td {
	border-top:2px solid #000000;
	border-right:2px solid #000000;
}

.koumoku {
	width:200px;
	height:auto;
	text-align: center;
	color:#000000;
	font-weight:bold;
	padding: 20px;
}

.kou, .kouUnderline {
	width:800px;
	height:auto;
	text-align: left;
	text-rendering: optimizeLegibility;
	text-justify: inter-ideograph;
	color:#231815;
	padding: 20px;
}

.kouUnderline{
	text-decoration: underline;
}
/*tableデザイン 会社概要 ここまで*/

#formbase{
	position:relative;
	margin-top:40px;
}

/*エントリーフォームテーブル*/
table.FrmT {
	position:relative;
	margin:0 auto;
	text-align:center;
	width: 600px;
/*	border-left: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	*/border-spacing:0px;
	font-size: 18px;
}

.Ekoumoku {
	width:200px;
	height:auto;
	text-align: left;
	vertical-align:top;
	letter-spacing: 1px;
	color:#000000;
	padding-top:44px;
	font-weight:bold;
}

.Ekou {
	width:400px;
	height:auto;
	text-align: left;
	text-rendering: optimizeLegibility;
	text-justify: inter-ideograph;
	color:#000000;
	padding-top:30px;
}

.chusyaku{
	padding-top:14px;
	font-size:16px;
	color:#000000;
}	

input.area{
	width:400px;
	height:40px;
	color:#000000;
	font-size:20px;
	padding:0px;
}
/* エントリーフォームテーブルはここまで */

/*submit ボタンの画像css*/
#image-btn {
	text-align:center;
  	border: 0px;
    width: 421px;
    height: 149px;
    background: url(../img/conv.png)  no-repeat;
}

#image-btn:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

.copyRight{
	position:relative;
	color:#000000;
	font-size:20px;
	bottom:20px;
}


/*
ハンバーガーメニュー
*/
#ham-menu {
    background-color: #7ac5ff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 20px 30px; /*メニュー内左右上下余白*/
    position: fixed;
    right: -1000px; /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.2s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 1000px; /*メニュー横幅*/
    z-index: 1000;
	font-size:20px;
	font-weight:bold;
	line-height:50px;
	color:#fff;
	filter:alpha(opacity=90);
	opacity:0.9;
}

li {
	list-style:none;
}

#menu-background {
    background-color: #333; /*黒背景*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.2s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -1;
}

#menu-icon {
    background-color: #ff726f; /*アイコン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #FFF; /*アイコン（フォント）色*/
    cursor: pointer;
    display: block;
    font-size: 100px; /*アイコン（フォント）サイズ*/
    height: 100px; /*アイコン縦高さ*/
    line-height: 80px; /*縦位置中央化*/
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100px; /*アイコン横幅*/
    transition: all 0.2s linear 0s; /*0.3s はアニメーションにかかる時間*/
    z-index: 1000;
	filter:alpha(opacity=90);
	opacity:0.9;
}

#menu-cb {
    display: none; /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
    transform: translate(-300px); /*メニュー本体横幅 width と合わせる*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}

/*
topへ
*/
#pagetop {
	position: fixed;
	right: 30px;
	bottom:30px;
	z-index:2;
}

/*
エントリーエリアへ
*/
#toEntry {
	position: fixed;
	left: 30px;
	bottom:50px;
	z-index:2;
}