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

body {
color: #2f2f2f;
text-align: center;
font-size:12px;
line-height:22px;
margin: 0;
padding: 0;
height: 100%;
background-image:url(../img/all_bg.jpg);
background-repeat:repeat-x;
}


h1,h2,h3,h4,h5,h6 { font-size: 100%; }
font-family: Lucida Grande, "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック", sans-serif;
table { border-collapse: collapse;  border-spacing: 0;  }  
img { border: 0;  }  
li  { list-style-type: none; } 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {  margin: 0;  padding: 0;  }   

.margin_t5{margin-top:5px;}
.margin_t10{margin-top:10px;}
.margin_b10{margin-bottom:10px;}
.margin_b20{margin-bottom:20px;}
.p_10{padding:10px 0px;}

.text01{padding:10px 20px;}


.font_ore{
	color:#ce5725;
}
.font_o_b{
	color:#ce5725;
	font-weight:bold;
	padding-bottom:3px;
}
.font_g_b{
	color:#43a85a;
	font-weight:bold;
	padding-bottom:3px;

	}
img.va {vertical-align:text-top;}

/* リンクカラー----------------------------------- */

a:link { color: #686868; }
a:visited { color: #686868; }
a:hover { color: #686868; }
a:active { color: #db567c; }

/* リンクカラーオレンジ----------------------------------- */

a.link_o{ color: #ce5725;text-decoration : none  }
a.link_o:link  { color: #ce5725;text-decoration : none  }
a.link_o:hover{ color: #ce5725;text-decoration : none }
a.link_o:active { color: #ce5725;text-decoration : none  }	
a.link_o:visited{ color: #ce5725;text-decoration : none  }

/* リンクカラーブラック----------------------------------- */

a.link_bk{ color: #161616;text-decoration : none  }
a.link_bk:link  { color: #161616;text-decoration : none  }
a.link_bk:hover{ color: #161616;text-decoration : none }
a.link_bk:active { color: #161616;text-decoration : none  }	
a.link_bk:visited{ color: #161616;text-decoration : none  }


/* テーブルカラー　オレンジ---------------------------------- */
table.table1 {
	border-collapse:collapse;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding: 5px 5px;
	width:722px;
}

table.table1 th {
	font-weight:normal;
	text-align:left;
	background-image:url(../img/bg_s_o.gif);
	/*background-color:#fff9f6;*/
	color:#cd5221;
	width:165px;
	font-weight:bold;
}

table.table1 th,
table.table1 td {
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:12px;
	padding:3px 3px 3px 10px;
	
	line-height:20px;
}

table.table1 table th,
table.table1 table td {
	border-bottom: none;
	border-right: none;
	font-size:12px;
	padding:3px 3px 3px 10px; 
	
}

/* テーブルカラー　グレー---------------------------------- */
table.table2 {
	border-collapse:collapse;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding: 5px 5px;
	width:722px;
}

table.table2 th {
	font-weight:normal;
	text-align:left;
	background-image:url(../img/bg_s.gif);
	/*background-color:#fff9f6;*/
	color:#6e6e6e;
	width:165px;
	font-weight:bold;
}

table.table2 th,
table.table2 td {
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:12px;
	padding:3px 3px 3px 10px;
	
	line-height:20px;
}

table.table2 table th,
table.table2 table td {
	border-bottom: none;
	border-right: none;
	font-size:12px;
	padding:3px 3px 3px 10px; 
	
}



/***共通***********************************************************************************************************/

#wrap{
	margin:0 auto;
  	width: 100%; 
	position: relative;
	min-height:100%;
   	height: auto !important;
   	height: 100%;
	text-align:center;
}

#container{
	width:982px;
	text-align:center;
	margin:0 auto;

}

#header{
	height:70px;
	width:980px;
	padding-top:2px;
}

.header01{
	float:left;
}

.header02{
	float:right;
}

#mainarea{
	width:980px;
	text-align:left;
	padding-top:20px;
	margin-bottom:50px;
}

#leftarea{
	float:left;
	width:230px;
	margin-top:20px;
}
#rightarea{
	float:right;
	width:725px;
	margin-top:20px;
}

#f_wrap{
	margin:0 auto;
  	width: 100%; 
	position: relative;
	text-align:center;
	background-color:#fff7f4;
	border-bottom:5px solid #ce5725; 
}


#footer{
	margin:0 auto;
	width:980px;
	text-align:left;
	height:30px;
	padding-top:70px;
}
.footer01{
	float:left;
	padding:0px 0px 10px 5px;
	color:#999;
	width:350px;
}
.footer02{
	float:right;
	padding:0px 5px 10px 0px;
}
/***メインメニュー*********************************************************************************************************/
#main_menu{
	
	width:980px;
	height:40px;
	
}

ul.mainmenu{
	list-style:none;
	margin:0;
	float:left;
	height:40px;
}
ul.mainmenu li{
	list-style:none;
	margin:0;
	float:left;
	height:40px;
}
/***メインメニューマウスオーバー************************************************/
#menu_00{
float:left;
width:163px;
height:40px;
text-indent:-9999px;
background: url(../img/menu00.jpg) no-repeat;
}
#menu_00 a{
width:163px;
height:40px;
display:block;
}
#menu_00 a:hover{
background: url(../img/menu00_a.jpg) no-repeat;
}


#menu_01{
float:left;
width:163px;
height:40px;
text-indent:-9999px;
background: url(../img/menu01.jpg) no-repeat;
}
#menu_01 a{
width:163px;
height:40px;
display:block;
}
#menu_01 a:hover{
background: url(../img/menu01_a.jpg) no-repeat;
}


#menu_02{
float:left;
width:163px;
height:40px;
text-indent:-9999px;
background: url(../img/menu02.jpg) no-repeat;
}
#menu_02 a{
width:163px;
height:40px;
display:block;
}
#menu_02 a:hover{
background: url(../img/menu02_a.jpg) no-repeat;
}


#menu_03{
float:left;
width:163px;
height:40px;
text-indent:-9999px;
background: url(../img/menu03.jpg) no-repeat;
}
#menu_03 a{
width:163px;
height:40px;
display:block;
}
#menu_03 a:hover{
background: url(../img/menu03_a.jpg) no-repeat;
}

#menu_04{
float:left;
width:163px;
height:40px;
text-indent:-9999px;
background: url(../img/menu04.jpg) no-repeat;
}
#menu_04 a{
width:163px;
height:40px;
display:block;
}
#menu_04 a:hover{
background: url(../img/menu04_a.jpg) no-repeat;
}


#menu_05{
float:left;
width:163px;
height:40px;
text-indent:-9999px;
background: url(../img/menu05.jpg) no-repeat;
}
#menu_05 a{
width:163px;
height:40px;
display:block;
}
#menu_05 a:hover{
background: url(../img/menu05_a.jpg) no-repeat;
}

/***トップページ*********************************************************************************************************/
#topimg{
	height:299px;
	width:980px;
	margin-top:20px;
}
#whats_een{
	width:722px;
        height:353px;
        border:1px solid #cccccc;
	float:left;
        margin-bottom:20px;
}

#top_submenu{
	width:722px;
	margin-bottom:40px;
}

.topsub01{
	float:left;
	width:209px;
	height:336px;
	background-image:url(../img/top_imgbg01.jpg);
	background-repeat:no-repeat;
	margin-right:12px;
	padding:20px 12px 0px 12px;
	
}
.topsub02{
	float:right;
	width:209px;
	height:336px;
	background-image:url(../img/top_imgbg02.jpg);
	background-repeat:no-repeat;
	margin-right:11px;
	padding:20px 12px 0px 12px;
}
.topsub03{
	float:left;
	width:209px;
	height:336px;
	background-image:url(../img/top_imgbg03.jpg);
	background-repeat:no-repeat;
	padding:20px 12px 0px 12px;

}
/***各コンテンツ共通*********************************************************************************************************/
#ctopimg{
	height:120px;
	width:980px;
	margin-top:20px;
}
#pan_list{
	width:970px;
	text-align:left;
  	height:20px;
	padding:5px 0px 5px 10px;
	background-color:#eeeeee;
	float:right;
	color:#121212;
	margin-top:10px;

}

.topic-path {
  	list-style-type: none;
	margin: 0px;
	padding: 0px;

}
.topic-path li {
  	display: inline;
	margin: 0px;
	padding: 0px;

}

/***お問合せ*********************************************************************************************************/
.text02{
	padding:10px;
	border-left:7px solid #ce5725;
	margin-bottom:20px;
}
.btn_box{
	text-align:right;
	padding:10px;
}

/***求人情報*********************************************************************************************************/
.text03{
	padding:10px 20px;
	border:1px solid #cccccc;}
	
.btn_box02{
	text-align:center;
	padding:20px;
}

/***サービス*********************************************************************************************************/


#service01{
	width:722px;
	border:1px solid #cccccc;
	margin-bottom:20px;
}
/***メリット*********************************************************************************************************/

.merit01{
	width:722px;
	border:1px solid #cccccc;
	margin-bottom:20px;
	padding-bottom:10px;
}

.text04{
	padding:10px 20px;
	font-size:16px;
	}
.text05{
	padding:5px 30px;
	font-size:12px;
	line-height:24px;
	}
.text06{
	padding:5px 20px;
	font-size:14px;
	color:#ce5725;
	font-weight:bold;
	line-height:24px;

	}
	