@charset "utf-8";

/*------------------------------------------
■ ブラウザのマージンとパディング初期化
------------------------------------------*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*------------------------------------------
■ イメージ初期化
------------------------------------------*/
img {vertical-align:middle;margin:0;padding:0;}
img.w100{ width:100%; margin:0;}

/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img{border: none;}
a {color: #502d09;text-decoration:none;}
a:hover {color:#f2951d; text-decoration:none;}
a:visited {color:#502d09;text-decoration:none;}
/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img{
opacity:0.70;
/*--IE,FF対応--*/
filter:alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}

/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left{float:left;margin-right:10px;margin-bottom:10px;}
.img_right{float:right;margin-left:10px;margin-bottom:10px;}
.img_center{ width:100% auto; margin:10px;}

/*------------------------------------------
■ テキスト装飾
------------------------------------------*/

.txt_small{font-size:75%;}
.txt_big{font-size:120%;}

.txt_16{ font-size:32px;}
.txt_18{ font-size:34px;}
.txt_20{ font-size:40px;}

.txt_bold{ font-weight:bold;}
.txt_underline{ text-decoration:underline;}


/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
background:#222222;
font-family:Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
color:#222222;
font-size: 28px;
line-height: 170%;
margin:0; padding:0;
}
.sp-none{ display:none;}
.clear{ clear:both;}

.sp_width640 { width:640px; margin: 0 auto; display:  block; background: #ffffff;}

header { background:url(../images_sp/mainimage.jpg) no-repeat top #111111; width: 640px; height: 800px; margin: 0 auto; display: block;}
header div.head { height: 50px; width: 640px; margin: 0 auto; display: block;}
header a.logo img { float:left; width:450px; margin: 20px 0 0 20px;}

h1 img{}
h1 {font-size:60px; line-height: 100px; color: #ffffff; width: 640px; margin: 0 auto; display: block; padding: 160px 0 0 0; clear: both; text-align: center; font-weight: normal;}
h1 span{ font-size:30px; line-height: 35px; color: #ffffff; font-weight: normal;}


ul.menu {display:none;}

div.contents {width:640px; margin: 0 auto; display: block;}

.contents p{
	width: 600px; margin: 0 auto; display: block;}

.contents_f1f5f8 {
	width:640px; background: #f1f5f8; margin: 0 auto; display: block;}
.contents_f1f5f8 p{
	width: 600px; margin: 0 auto; display: block;}
.space { height:50px; clear: both;}

h2{ font-size: 44px; color: #444444;text-align: center;letter-spacing: 0.1em; margin: 0 0 50px; line-height: 55px;}
h2 span { font-size:20px; color: #2061a2;}


ul.bana_area { margin: 80px auto 100px; display: block; width: 600px;}
ul.bana_area li { display: block; color: #ffffff;}
ul.bana_area a {color: #ffffff;text-decoration:none;}
ul.bana_area a:hover {
opacity:0.70;
/*--IE,FF対応--*/
filter:alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}
ul.bana_area li.bana01 { width: 600px; height: 200px; text-align: center; margin: 0 0 40px 0;}
ul.bana_area li.bana01 a {background: url(../images_sp/bana01.png) no-repeat top; font-size: 28px;width: 200px; height: 150px; padding: 50px 10px 0 390px; display: block;}
ul.bana_area li.bana02 {width: 200px; height: 200px; text-align: center; margin: 0 0 40px 0;}
ul.bana_area li.bana02 a {background: url(../images_sp/bana02.png) no-repeat top; font-size: 28px;width: 200px; height: 125px;padding: 75px 10px 0 390px; display: block;}
ul.bana_area li.bana03 { width: 200px; height: 200px; text-align: center; margin: 0 0 100px;}
ul.bana_area li.bana03 a {background: url(../images_sp/bana03.png) no-repeat top; font-size: 28px;width: 200px; height: 150px;padding: 50px 10px 0 390px; display: block;}

footer{ background:#19497a; width: 640px; clear: both; margin: 0 auto; display: block;}
footer div{ width:600px; margin: 0 auto; display: block; padding: 30px 0 25px; text-align: center; color: #ffffff; font-size: 15px;font-size: 24px; line-height: 36px;}
footer div img { width:500px; margin: 0 auto -10px; display: block;}
footer p { color:#ffffff; font-size: 22px; text-align: center;}
footer div a {color: #ffffff;text-decoration:none;}
footer div a:hover {color:#f2951d; text-decoration:none;}
footer div a:visited {color:#ffffff;text-decoration:none;}


/*------------------------------------------
■ 会社概要
------------------------------------------*/
div.pagetit_company {background: url(../images_sp/pagetit_company_viet.png) no-repeat center #19497a; width: 640px; height: 200px; background-size: 640px 200px; margin: 0 auto; display: block;}
div.pagetit_company h1 { display: none;}

table.company_prof { width:600px; margin: 20px auto;  display: block;border: none;}
table.company_prof th { padding: 20px; width: 560px; text-align: center; font-weight: normal;background: #2061a2; color: #ffffff; font-size: 28px; }
table.company_prof td { background: #ffffff; padding: 20px; text-align: left; width: 560px;font-size: 28px; }

/*------------------------------------------
■ 求人情報
------------------------------------------*/
div.pagetit_recruit {background: url(../images_sp/pagetit_recruit_viet.png) no-repeat center #19497a;  width: 640px; height: 200px; background-size: 640px 200px; margin: 0 auto; display: block;}
div.pagetit_recruit h1 { display: none;}

h3.h3_01_viet {background: url(../images_sp/h3_01.png) no-repeat center; width: 100%; margin: 50px 0;color: #2061a2; font-size: 28px; text-align: center; letter-spacing: 0.05em;}

h4 { margin: 50px auto 40px; display: block;width: 600px;}
h4 span { background: #2061a2; padding: 9px 12px 8px; color: #ffffff; text-align: left;}

h5 { color:#2061a2; font-size: 28px; margin: 20px auto 10px;display: block;width: 640px;}

/*------------------------------------------
■ machine
------------------------------------------*/
div.pagetit_machine {background: url(../images_sp/pagetit_machine_viet.png) no-repeat center #19497a; width: 640px; height: 200px; background-size: 640px 200px; margin: 0 auto; display: block;}
div.pagetit_machine h1 { display: none;}

h3.h3_02_viet {background: url(../images_sp/h3_02_viet.png) no-repeat center; width: 100%; margin: 50px 0;color: #2061a2; font-size: 28px; text-align: center; letter-spacing: 0.05em;}
h3.h3_03_viet {background: url(../images_sp/h3_03_viet.png) no-repeat center; width: 100%; margin: 50px 0;color: #2061a2; font-size: 28px; text-align: center; letter-spacing: 0.05em;}

ul.machine_list { margin: 50px auto 20px; width: 600px; display: block;}
ul.machine_list li { list-style:none; margin: 40px 0px; width: 600px; text-align: left; font-size: 22px; color: #2061a2; line-height: 32px;}
ul.machine_list li img.machine_logo { height:50px;}
ul.machine_list li span.machine_m { font-size:20px; color: #555555;}
ul.machine_list h5 { font-size:28px; font-weight: bold; margin: 10px 0px 15px; color: #222222; width: 600px;}
ul.machine_list .machine_img { width:100%; margin: 15px 0;}


/*------------------------------------------
■ お問い合わせ
------------------------------------------*/