@charset "Shift_JIS";

/* =======================================================
	■ ヘッダー
======================================================= */
#header{
	width: 799px;
	border-right: 1px #000000 solid;
	padding-bottom: 5px;
}

#headerL{
	width: 550px;
	float: left;
}

#headerH1{
	color: #999999;
	font-size: 12px;
	font-weight: normal;
	padding: 10px;
}

#headerL img{
	padding: 0 0 10px 14px  ;
}

#headerR{
	width: 232px;
	float: right;
	margin-right: 4px;
}

#sNav{
	width: 232px;
	margin: 0 0 4px 0;
}
#sNav li,#gNav li{
	list-style: none;
	float: left;
}

#sNav01 a{
	background: url(../base_img/header_contact.jpg) no-repeat top;
	width: 116px;
	height: 38px;
	display: block;
}

#sNav02 a{
	background: url(../base_img/header_sitemap.jpg) no-repeat top;
	width: 116px;
	height: 38px;
	display: block;
}

#sNav01 a:hover,#sNav02 a:hover{
	background-position: bottom;
}

#headerTel{
	margin: 0 auto;
	background: url(../base_img/header_tel.jpg) no-repeat;
	width: 201px;
	height: 36px;
}

/* =======================================================
	■ ナビゲーション
======================================================= */

#gNav{
	width: 799px;
	margin: 0 auto;
}

#gNav01 a{
	background: url(../base_img/g_nav01.jpg) no-repeat top;
	width: 160px;
	height: 46px;
	display: block;
}
#gNav02 a{
	background: url(../base_img/g_nav02.jpg) no-repeat top;
	width: 160px;
	height: 46px;
	display: block;
}
#gNav03 a{
	background: url(../base_img/g_nav03.jpg) no-repeat top;
	width: 160px;
	height: 46px;
	display: block;
}
#gNav04 a{
	background: url(../base_img/g_nav04.jpg) no-repeat top;
	width: 160px;
	height: 46px;
	display: block;
}
#gNav05 a{
	background: url(../base_img/g_nav05.jpg) no-repeat top;
	width: 159px;
	height: 46px;
	display: block;
}
#gNav01 a:hover,#gNav02 a:hover,#gNav03 a:hover,#gNav04 a:hover,#gNav05 a:hover{
	background-position: bottom;
}

/* =======================================================
	■ フッター
======================================================= */
#footer{
	width: 799px;
	border-right: 1px #000000 solid;
}
#copy{
	width: 799px;
	background-color: #6666FF;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding: 8px 0;
}
#footerInner{
	width: 770px;
	margin: 10px 0 20px 30px;
}
#footer01{
	width: 140px;
	float: left;
	padding-right: 50px;
}
#footer01 p{
	text-align: center;
	font-size: 12px;
	padding-bottom: 6px;
}
#footer02{
	margin: 14px 20px 0 0;
	width: 260px;
	float: left;
	border-right: 1px solid #999999;
	
}
#footer03{
	margin-top: 14px;
	width: 280px;
	float: left;
}
#sangyou{
	background: url(../base_img/footer_sangyou.jpg) no-repeat;
	width: 144px;
	height: 18px;
	margin-bottom: 14px;
}
#shouji{
	background: url(../base_img/footer_shoji.jpg) no-repeat;
	width: 144px;
	height: 18px;
	margin-bottom: 14px;
}
.add01{
	font-size: 12px;
	font-weight:bold;
	line-height: 130%;
}
.add02{
	font-size: 12px;
	padding-bottom: 8px;
	line-height: 130%;
}

/* =======================================================
	■ カラム分け
======================================================= */

#contents{
	width: 799px;
	border-right: 1px #000000 solid;
	font-size: 12px;
}
#aside{
	width: 200px;
	float: left;
	margin: 20px 0;
}
#main{
	width: 580px;
	float: right;
	border-left: 1px solid #000000;
	padding: 20px 0 30px 18px;
}

/* =======================================================
	■ TOPページ mein
======================================================= */


.titleBg{
	width: 554px;
	border-top: #6666FF 3px solid;
	border-bottom: #CCCCCC 1px solid;
	padding: 6px 4px;
	margin-bottom: 20px; 
}

#title01{
	background: url(../home/oshirase.jpg)  no-repeat;
	width: 70px;
	height: 18px;
	float: left;
}
.titleLink a{
	width: 120px;
	height: 14px;
	float: right;
	background: url(../base_img/icon02.jpg) no-repeat;
	text-decoration: none;
	margin-top: 2px;
	padding: 1px 0 0 18px;
	color: #000000;
	display: block;
}
.titleLink a:hover{
	text-decoration: underline;
}
iframe{
	border: #CCCCCC 1px solid;
	margin-bottom: 20px; 
}

#title02{
	background: url(../home/seihin.jpg)  no-repeat;
	width: 145px;
	height: 18px;
	float: left;
}
#homeBox01{
	width: 544px;
	height: 184px;
	background: url(../home/index_pct01.jpg) no-repeat top right;
	border: 1px solid #6666FF;
	padding: 16px 0 0 16px;
}

#homeBox01 ul#w140{
	width: 130px;
	float:left;
} 

#homeBox01 ul#w200{
	width: 200px;
	float:left;
}

#homeBox01 li{
	background: url(../base_img/icon03.jpg) no-repeat;
	background-position: 0 4px;
	padding: 0 0 0 10px;
	line-height: 140%;
} 
#homeBox01 li a{
	text-decoration: none;
	color: #000000;
}	
#homeBox01 li a:hover{
	text-decoration: underline;
}	

/* =======================================================
	■ TOPページ aside
======================================================= */

#saiyouBnr a{
	background: url(../base_img/left_saiyou_bnr.jpg) no-repeat top;
	width: 170px;
	height: 115px;
	display: block;
	margin: 0 auto 20px auto;
}
#saiyouBnr a:hover{
	background-position: bottom;
}

#whatsBnr a{
	background: url(../base_img/left_whats_bnr.jpg) no-repeat top;
	width: 170px;
	height: 60px;
	display: block;
	margin: 0 auto 20px auto;
}
#whatsBnr a:hover{
	background-position: bottom;
}
#englishBnr{
	margin: 0 0 30px 0;
}
#kikaiBnr a{
	background: url(../base_img/yabuta_kikai_bnr.jpg) no-repeat;
	width: 170px;
	height: 35px;
	display: block;
	margin: 0 auto 20px auto;
}

/* =======================================================
	■ 採用TOP main
======================================================= */
#recruiTtl{
	background: url(../recruit/img/saiyou_ttl.jpg) no-repeat;
	width: 560px;
	height: 75px;
}

.recruitBox{
	width: 500px;
	padding: 20px 30px;
	border-bottom: 1px dotted #000000;
	margin-bottom: 20px;
}
.recruitBox p{
	padding-bottom: 8px;
}

.f14{
	font-size: 14px;
}

.f16vlt{
	color: #3F3FF5;
	font-size: 16px;
	font-weight: bold;
}
.f16vltn{
	color: #3F3FF5;
	font-size: 16px;
	font-weight: normal;
}


.recruiTBox{
	width: 523px;
	margin: 0 auto 20px auto;
	padding: 4px 20px;
	background: url(../recruit/img/sude_bar.jpg) repeat-y left top;
}

.recruiTBox h3 {
	padding-bottom: 10px;
}

.recruiTBox p {
	padding-bottom: 4px;
}
.recruiTBoxL{
	width: 360px;
	float: left;
}

.recruiTBox img{
	float: right;
}
.recruiTable{
	border-collapse: collapse;
	border-spacing: 0;
	width: 530px;
	margin: 20px 0 0 12px;
}

.recruiTable th{
	vertical-align: top;
	width: 95px;
	text-align: left;
	font-weight:normal;
}

.recruiTable th,.recruiTable td{
	padding: 4px 6px;
	border: 1px solid #999999;
}

.entryBtn a{
	background: url(../recruit/img/entry_bnr.jpg) no-repeat top;
	width: 243px;
	height: 29px;
	display: block;
	margin: 10px auto ;
}
.entryBtn a:hover{
	background-position: bottom;
}

.end{
	padding: 20px 0 30px 0;
}

/* =======================================================
	■ 採用エントリーフォーム　main
======================================================= */
#entryTtl{
	background: url(../recruit/img/entry_title.jpg) no-repeat;
	width: 560px;
	height: 75px;
}
.f12_red{
	font-size: 12px;
	color: #FF0000;
}
.entryTable{
	border-collapse: collapse;
	border-spacing: 0;
	width: 530px;
	margin: 20px 0 10px 12px;
	border: 4px solid #CCCCCC;
}
.fb{
	font-weight: bold;
}
.entryTable th{
	vertical-align: top;
	width:30%;
	text-align: left;
	font-weight:normal;
	background-color:#FFE9D2;
}

.entryTable th,.entryTable td{
	padding:6px 10px ;
	border-bottom: 1px solid #999999;
}
.center{
	text-align: center;
}
.soushinBox{
	width:200px;
	margin: 20px auto;
} 
.submit{
	float:left;
}
.reset{
	float: right;
}
.submit input,.reset input{
	width: 90px;
}

/* =======================================================
	■ yabutaとは　main
======================================================= */
#whatsTtl{
	background: url(../recruit/img/whats/whats_tabuta_ttl.jpg) no-repeat;
	width: 560px;
	height: 75px;
}
.whatsBox01{
	width: 560px;
	padding: 0x 0 30px 0;
	margin: 30px 0;
	background: url(../recruit/img/whats/whats_pct01.jpg) no-repeat top right;
}

.whatsBoxL{
	width: 280px;
	padding: 0 5px ;
}
.whatsBoxL p{
	padding-bottom: 14px;
}
.whatsBoxIn{
	width: 553px;
}
#whatsTxt01{
	background: url(../recruit/img/whats/whats_txt01.jpg) no-repeat;
	width: 353px;
	height: 57px;
	float: left;
}
#saiyouBnrb a{
	background: url(../recruit/img/whats/saiyou_bnr.jpg) no-repeat top;
	width: 158px;
	height: 36px;
	display: block;
	float: right;
	margin-top: 30px;
}
#saiyouBnrb a:hover{
	background-position: bottom;
}

#whatsTtl01{
	background: url(../recruit/img/whats/whats_ttl02.jpg) no-repeat;
	width: 143px;
	height: 18px;
}
#whatsTtl02{
	background: url(../recruit/img/whats/whats_ttl03.jpg) no-repeat;
	width: 143px;
	height: 18px;
}
#whatsTtl02-2{
	background: url(../recruit/img/whats/whats_ttl03-01.jpg) no-repeat;
	width: 148px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#dounyurei{
	background: url(../recruit/img/whats/hinmoku.jpg) no-repeat;
	width: 357px;
	height: 138px;
	margin: 0 0 30px 10px;
}
#whatsTtl02-3{
	background: url(../recruit/img/whats/whats_ttl03-02.jpg) no-repeat;
	width: 106px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#kaigai{
	background: url(../recruit/img/whats/kaigai_jisseki_bg.jpg) no-repeat;
	width: 519px;
	height: 55px;
	margin: 0 0 30px 10px;
	padding: 10px;
}
#whatsTtl02-4{
	background: url(../recruit/img/whats/whats_ttl03-03.jpg) no-repeat;
	width: 122px;
	height: 20px;
}
#whatsTtl03{
	background: url(../recruit/img/whats/whats_ttl04.jpg) no-repeat;
	width: 321px;
	height: 18px;
}
.pl20{
	padding-left: 20px;
}

.pb20{
	padding-bottom: 20px;
}
.mb10{
	margin-bottom: 10px;
}
.ml10{
	margin-left: 10px;
}

.w560{
	width: 560px;
}
.w310L{
	width: 310px;
	float: left;
}
.w540{
	width: 540px;
	margin: 10px 0 10px 10px;
}
.right{
	float: right;
}

#boshuBnr a{
	background: url(../recruit/img/whats/boshu_bnr.jpg) no-repeat top;
	width: 560px;
	height: 105px;
	display: block;
	margin: 30px 0;
}
#boshuBnr a:hover{
	background-position: bottom;
}


/* =======================================================
	■ 採用ページ aside
======================================================= */

#leftSaiyouTtl {
	background: url(../recruit/img/left_ttl01.jpg) no-repeat;
	width: 171px;
	height: 20px;
	margin: 0 auto 10px auto;
}
#leftGyoumuTtl {
	background: url(../recruit/img/left_ttl02.jpg) no-repeat;
	width: 170px;
	height: 30px;
	margin: 0 auto 6px auto;
}
#gyoumuKoumoku{
	width: 170px;
	margin:0 auto 20px auto;
}
#gyoumuKoumoku li a{
	background: url(../recruit/img/icon01.jpg) no-repeat;
	background-position: 10px 12px;
	text-decoration: none;
	padding: 8px 0 8px 22px;
	color: #000000;
	display: block;
	border-bottom: 1px dotted #000000;
}
#gyoumuKoumoku li a:hover{
	text-decoration: underline;
}
#entryBnr a{
	background: url(../recruit/img/left_entry_bnr.jpg) no-repeat top;
	width: 170px;
	height: 60px;
	display: block;
	margin: 0 auto 20px auto;
}
#entryBnr a:hover{
	background-position: bottom;
}