@charset "utf-8";


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 Reset CSS
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{	margin:0; padding:0;}
table{	border-collapse:collapse;	border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{	font-style:normal;	font-weight:normal;	}
ul,ol,li{list-style:none;}
caption,th{	text-align:left;}
h1,h2,h3,h4,h5,h6{	font-size:100%;	font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {	border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
hr {display:none;}



/* clearfix -------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

/* Androidでpタグの横幅が狭まるバグ対策 */
p {background-image:url(image);}


a {
	color:#ce1716; 
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
.alpha a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
img{vertical-align: bottom;}


/*　画像の影　* -----------*/
.shadow{
	-webkit-box-shadow: 2px 2px 10px 2px #444444;;
	-moz-box-shadow: 2px 2px 10px 2px #444444;
	box-shadow: 2px 2px 15px 2px #804f21;
	background:#fff;
	position:relative;
	text-align:left;
}




/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
	padding : 0 0 0 0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:17px;
	line-height: 1.8em;
	color:#000;
	-webkit-text-size-adjust: 100%;
}

#wrapper {
	width : 100%;
	margin:auto;
	overflow:hidden;
	background-color:#f3f3f3;
}




/* ヘッダー
------------------------------------------*/
#header{
	width:100%;
	background-color:#ffffff;
	background-image:url(../img/common/back_header.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
#header .inner{
	width:1160px;
	margin:auto;
}
h1{
	font-size:12px;
	line-height:1em;
	color:#666666;
	margin-bottom:10px;
}
.h_logo{
	width:100px;
}
.h_mail{
	width:120px;
	text-align:right;
}



/* メニュー
------------------------------------------*/
#navi{
	width:100%;
	background:url(../img/common/back_menu.jpg) repeat-x;
}
#g_navi{
	width:1160px;
	margin:auto;
}
#g_navi li a{
	float:left;
	width:232px;
	height:80px;
}

#g_navi li.home a.active{
	background-color: transparent;
}
#g_navi li a:hover,
#g_navi li a.stay,
#g_navi li a.active,
#g_navi li.home a.active:hover,
#g_navi li.home-active a.active{
	cursor:pointer;
	background-color:#470600;
}













/*  ページトップへ */
#pageTop{
	position:fixed;
	bottom:50px;
	right:0px;
	}



/* フッター
------------------------------------------*/
#footer{
	width:100%;
}
.copy {
	text-align:center;
	font-size:12px;
	line-height:1em;
	color:#ffffff;
	padding:7px;
	background-color:#730505;
}



/* トップページ
------------------------------------------*/
/* headイメージ */
.mainimage{
	width:100%;
	background:url(../img/top/top_img01.jpg) center top no-repeat;
	height:419px !important;
}

.boxCopy{
	width:100%;
	background:url(../img/top/top_back01.jpg) center top no-repeat;
}
.boxCopy .inner{
	width:1160px;
	margin:auto;
	background:url(../img/top/top_back01.jpg) center top no-repeat;
	text-align:center;
	padding:56.5px 0;
}
.boxWork{
	width:100%;
	background:url(../img/top/top_back02.jpg) center top no-repeat;
}
.boxWork .inner{
	width:1160px;
	margin:auto;
	text-align:center;
	padding:65px 0 ;
}
.boxWork li{
	float:left;
	margin-right:47px;
}
.boxWork li:last-child{
	margin-right:0;
}
.boxJisseki{
	width:100%;
	background: url(../img/top/top_back03.jpg) center top no-repeat;
	padding:40px 0;
}
.boxJisseki .ttlbox{
	width:1160px;
	margin:auto;
	text-align:center;
	margin-bottom:40px;
}
.imgbox{
	width:100%;
	background-image:url(../img/top/img_jisseki.png);
	background-repeat:no-repeat;
	background-position:center;
}
.linkjisseki{
	display:block;
	width:1160px;
	height:175px;
	margin:auto;
}
.boxAccess{
	width:100%;
	background-color:#f3f3f3;
	padding:70px 0;
}
.boxAccess .inner{
	width:1160px;
	margin:auto;
}
.topmap{
	width:600px;
	float:left;
}
.topInfo{
	width:460px;
	float:right;
}
.post{
	font-size:18px;
	line-height:1.5em;
}
.topInfo ul{
	clear:both;
	padding-top:10px;
}
.topInfo li{
	margin-bottom:10px
}


.seo{
	width:100%;
	clear:both;
	padding:60px 0 100px;
}

/* ページタイトル
------------------------------------------*/
.headTitle{
	width:100%;
}
.bgWork{background:url(../img/work/work_ttl01.png) center top no-repeat;}
.bgAchieve{background:url(../img/company/achieve_ttl01.png) center top no-repeat;}
.bgRecruit{background:url(../img/company/recruit_ttl01.png) center top no-repeat;}
.bgCompany{background:url(../img/company/company_ttl01.png) center top no-repeat;}
.bgContact{background:url(../img/company/contact_ttl01.png) center top no-repeat;}

.headTitle .inner{
	width:1160px ;
	margin:auto;
	padding:255px 0 47px 0;
	text-align:center;	
}

.contents{
	width:1050px;
	margin:60px auto 100px;
}


/* 業務案内
------------------------------------------*/
.boxGyomu{
	width:510px;
	font-size:20px;
	line-height:1.7em;
}
.boxGyomu .item{
	font-size:28px;
	line-height:1.5em;
	font-weight:bold;
	margin-bottom:20px;
}
.tume{
	letter-spacing:-0.5px;
}


/* 実績紹介
------------------------------------------*/
table.kouji{
	width:100%;
}
table.kouji th,
table.kouji td{
	border:solid 1px #000000;
	padding:8px 5px;
	vertical-align:top;
	background-color:#ffffff;
}
table.kouji th{
	background-color:#777777;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:1em;
	color:#ffffff;
}

/* 求人情報、会社概要
------------------------------------------*/
table.gaiyou{
	width:940px;
	margin:auto;
}
table.gaiyou th,
table.gaiyou td{
	border:solid 1px #000000;
	padding:8px 20px;
	vertical-align:top;
	background-color:#ffffff;
}
table.gaiyou th{
	width:180px;
	background-color:#777777;
	font-weight:bold;
	color:#ffffff;
}

table.jikan td{
	border:none;
	padding:0 80px 0 0;
}
table.client td{
	border:none;
	padding:0;
	width:290px;
}


/* お問い合わせ
------------------------------------------*/
.wish{
	text-align:center;
	font-size:20px;
	line-height:1.5em;
	margin:60px;
}
table.mailform{
	width:100%;
	margin-bottom:40px;
}
table.mailform th,
table.mailform td{
	border:solid 1px #000000;
	padding:8px 0 8px 20px;
	vertical-align:top;
	background-color:#ffffff;
}
table.mailform th{
	width:150px;
	background-color:#777777;
	font-weight:bold;
	color:#ffffff;
	border-right:none;
}
table.mailform td.hissu{
	width:65px;
	text-align:right;
	border-left:none;
	padding-right:20px;
	background-color:#777777;
	font-weight:bold;
	color:#ff0025;
}
.length_m{
	padding:5px;
	width:50%;
}
.length_l{
	padding:5px;
	width:95%;
}
.naiyou{
	padding:5px;
	width:95%;
	height:200px;
}

.btnsousin{
	background: url(../img/company/btn_sousin.png);
	width:308px;
	height:70px;
	border:0px solid;
	cursor:pointer;
}
.btnsousin:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}





/*画面幅1156px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1159px){

/* ヘッダー
------------------------------------------*/
#header{
	background: none;
}
#header .inner{
	background:url(../img/common/back_head_s.png) left top no-repeat;
}


}





@media print{
#wrapper {
	overflow:visible;
}
}