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

/*===============================================
リセット
===============================================*/
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;} img{ border: none; vertical-align: bottom;} address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block;}
label{ cursor: pointer;}
/*===============================================
共通
===============================================*/

body{
font-size: 14px;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color: #333333;
line-height: 1.8;
}

a{ color:#FF8800;} 
a:hover{ color:#FFA54C;} 

.clearfix{ zoom: 100%;}.clearfix:after{ display: block; clear: both; content: "."; height: 0.1px; font-size: 0.1em; line-height: 0; visibility: hidden;}
.clearfix{ display: inline-block;}
/*\*/
*html .clearfix{ height: 1px;} .clearfix{ display: block;}
/**/





/* ヘッダー */

#header_wrap{
text-align: center ;
padding: 0 ;
margin-bottom: 0;			
background: url(../img/common/header_bg.png) 0% 0% repeat-x;
text-align:center;
width:100%;
height:80px;
position:fixed;
z-index:2;
}


#header{
margin: 0 auto;	
padding-top: 10px;
width:1000px;
}

#header h1{ 
float:left;
}


/* メニュー */

#navi{
margin-top: 10px;
margin-left: 220px;
padding: 0 auto;
width:500px !important;
float:right;	

}

#navi ul{
 list-style-type: none;
}

#navi li{
 display:inline;
 }

#navi li img{
vertical-align: bottom;
}




/* TOP画像 */

#topimg
{
margin: 0 auto;
padding: 0 auto;
width:100%;
height:444px;
clear:both;
text-align:center;
}



/* メイン */

#main
{
margin: 0 auto;
padding: 0 auto;
width:100%;


}

#main p
{
font-size:14px;
line-height:200%;
margin-bottom: 30px;
}

#jigyou p
{
font-size:14px;
line-height:200%;
margin-bottom: 10px;
}

h2{
margin: 0 auto;
padding-top: 35px;
padding-bottom: 30px;
width:100%;
background:#F1F1F1;
text-align:center;	
border-bottom:2px solid #FFE492;
clear:both;
}

h3{
margin-top:20px;
margin-bottom:20px;
padding-bottom:15px;
text-align:left;
color:#D9A300;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
font-size:18px;
background:url(../img/h3_bg.png) 0% 100% no-repeat;	
clear:both;
}


h3 .w440{
margin-top:20px;
margin-bottom:20px;
padding-bottom:15px;
text-align:left;
color:#FF8000;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
font-size:18px;
background:url(../img/tableline_440.png) 0% 100% no-repeat;
width:440px;
}

h4{
margin-top:15px;
margin-bottom:10px;
text-align:left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
font-size:15px;
}


.contents_head{
margin: 0 auto;
padding:  0 auto;
width:100%;
height:0px;
clear:both;
}


.contents_wrap{
margin: 0 auto;
margin: 0 auto;
width:100%;
background: #FFFFFF;
text-align:center;
}


.inner{
margin: 0 auto;
padding-top: 50px;
padding-bottom: 0px;
width:900px;
text-align:left;
}



/* 企業様へ */


.box_comp01{
margin-bottom: 50px;
width:900px;
min-height:200px;
text-align:left;
background:url(../img/img_company01.png) 100% 0% no-repeat;
}


.box_comp02{
margin-bottom: 50px;
width:900px;
min-height:200px;
text-align:left;
background:url(../img/img_company02.png) 100% 0% no-repeat;
}

.box_comp03{
margin-bottom: 50px;
width:900px;
min-height:200px;
text-align:left;
background:url(../img/img_company03.png) 100% 0% no-repeat;
}

	
.midashi01{
margin-top:20px;
margin-bottom:20px;
padding-bottom:15px;
text-align:left;
color:#FF8000;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
font-size:18px;
background:url(../img/h3_bg.png) 0% 100% no-repeat;
width:670px;
}



/* 求職者様へ */

.box_comp04{
margin-bottom: 50px;
width:900px;
min-height:200px;
padding-left:225px;
text-align:left;
background:url(../img/img_jobhunter01.png) 0% 0% no-repeat;
}


.box_comp05{
margin-bottom: 50px;
width:900px;
min-height:200px;
padding-left:225px;
text-align:left;
background:url(../img/img_jobhunter02.png) 0% 0% no-repeat;
}



#btnopen{
width:300px;
height:55px;
margin: 0 auto;
padding: 0 auto;
background:#FF9326;
border:1px solid #EEEEEE;
border-radius:3px;
font-size:16px !important;
color:#FFFFFF;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-weight:500;
display: table-cell;
text-align:center !important;
vertical-align:middle;
cursor:pointer;
}







/* 会社概要 */

.tb00{
width: 900px;
border-collapse: collapse;
margin-bottom: 80px;
float:left;
}

.tb00 th{
text-align: left;
vertical-align: top;
padding: 10px;
font-size:14px;
width:15%;
border-bottom:1px dotted #666666;
}

.tb00 td{
text-align: left;
vertical-align: top;
padding: 10px;
line-height:180%;
border-bottom:1px dotted #666666;
}

.tb00 td p{
margin-bottom: 10px;
}


.tb01{
width: 440px;
border-collapse: collapse;
margin-bottom: 40px;
margin-right:20px;
float:left;
}

.tb01 th{
text-align: left;
vertical-align: top;
padding: 10px 5px;
font-size:14px;
width:15%;
border-bottom:1px dotted #666666;
}

.tb01 td{
text-align: left;
vertical-align: top;
padding: 10px 5px;
line-height:180%;
border-bottom:1px dotted #666666;
}

.tb01 td p{
margin-bottom: 10px;
}



.tb02{
width: 440px;
border-collapse: collapse;
margin-bottom: 20px;
float:right;
}

.tb02 th{
text-align: left;
vertical-align: top;
padding: 10px 5px;
font-size:14px;
width:15%;
border-bottom:1px dotted #666666;
}

.tb02 td{
text-align: left;
vertical-align: top;
padding: 10px 5px;
line-height:180%;
border-bottom:1px dotted #666666;
}

.tb02 td p{
margin-bottom: 10px;
}

.tb03{
border-collapse: collapse;
margin-bottom: 80px;
}

.tb03 th{
vertical-align: center;
padding: 7px 5px;
font-size:14px;
border:1px solid #CCCCCC;
}

.tb03 td{
vertical-align: center;
padding: 7px 5px;
font-size:14px;
line-height:140%;
border:1px solid #CCCCCC;
}

.tb03 td p{
margin-bottom: 10px;
}

/* お問い合わせ */


fieldset{
border: none;
text-align:center;}


#container1{
width: 900px;
border-collapse: collapse;
margin: 20px 0px;
}

#container1 th{
text-align: left;
vertical-align: top;
padding: 20px 5px 20px 30px;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-size:15px;
width:200px;}

#container1 td{
text-align: left;
vertical-align: top;
padding: 20px 10px;
font-size:14px;
line-height:180%;
}


#container1 td p{
margin-bottom: 10px;
}

#container1 td img{
vertical-align: center;
}

#container1 td img a{
overflow: hidden;
}
	
.txt_head1{
font-weight:bold;
color:#D9A300;
} 


.text, textarea, .dropdown{
	border:1px solid #CCC;
	padding: 5px;
	color: #999;
	background: #fff;
	border-radius: 3px;
	color:#333333;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	-webkit-border-radius: 3px;
	
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	-moz-border-radius: 3px;
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}



.btn_r{
width:30%;
height:55px;
padding:10px auto;
background:#BBBBBB;
border:1px solid #CCCCCC;
border-radius:3px;
font-size:14px;
color:#FFFFFF;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-weight:500;
}


.btn_s{
width:30%;
height:55px;
padding:10px auto;
background:#FFBF02;
border:1px solid #EEEEEE;
border-radius:3px;
font-size:14px;
color:#FFFFFF;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-weight:500;
}





/* ページトップ */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;    
}
#page-top a {
    
    width: 60px;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
   opacity: 0.7;
   filter: alpha(opacity=70);
}





/* フッター */
#footer_wrap{ 
margin: 0 auto;
padding-top: 40px;
padding-bottom: 20px;
width:100%;
background: url(../img/footer.png) 0% 0% repeat-x;
text-align:center;
clear:both;
}

#footer{
margin: 0 auto;	
padding: 0 auto;
width:1000px;
}


#footer ul{
margin: 0 auto;
list-style:none;

}

#footer li{
margin: 0 10px;
display:inline;
}

#footer a{color: #333333}
#footer a:hover{color: #333333}


address{
margin-top: 15px;
font-size:12px;
color: #444444;
}


/* お問い合わせサンクスページ */

.cover{
width: 100%;
height: 700px;
position:relative;
background: url(../img/bg_top.png) repeat;
z-index:-5:
}

.box {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 200px;
margin-top: -100px;
margin-left: -200px;
text-align:center;
}