html{ width : 100%; 
	background: url(../img/body_back.gif) repeat;	}

body{
	position: relative;
	margin: 0;
	padding : 0;
	height: 100%;
	text-align: center;
	background: url(../img/top_back.png) repeat-x;	
	}


#container{
	position: relative;
	margin: 0;
	padding : 0px;
	height: 100%;
	text-align: center;
	}


a{ text-decoration: underline; }
a:link		{ color: #F87704; }
a:visited	{ color: #F87704; }
a:hover		{ color: #22b573; }
a:active 	{ color: #F87704; }

.center{ text-align: center; }
.right{ text-align: right; }

.b { font-weight: 800;
	color: #F87704; }




.b-black { font-weight: 800;
	color: #000; }


.name { font-weight: 800;
    font-size: 18px;
	color: #F87704; }
		

img { border : 0px;
	padding-bottom : 5px; }
	
	
.img-right
	{
	float: right;
	margin: 0px 0px 0px 20px;
	}
	
.img-left
	{
	float: left;
	margin: 0px 20px 0px 0px;
	}

p { 
    margin: 0px 20px 0px 20px;
    font-size: 14px;
 	line-height:150%; }
 	
 	
hr {color: #A8A7A5;
	border: 1px dotted;
	margin: 0 20px 20px 20px;} 	


/*----------hタグ----------*/

h1
	{
	position: absolute;
	top : -8px;
	left : 5px;
	width : 100%;
	height : 20px;
	text-align:left;
	font-size: 11px;
	color: #fff;
	z-index: 2;	
	font-weight: 400;	
	}
	

h2,h3,h4,h5,h6
	{
	text-align:left;
	font-size: 18px;
	color: #603813;
	font-weight: 900;
	text-decoration:none;
	padding: 20px 0 0px 80px;
	margin: 0px 0px 0px 20px; 
	height : 55px;
	background	:url(../img/title.png) no-repeat;
	}

h2,h3,h4,h5,h6 a{ text-decoration : none; }

	
/*----------コンテンツ入れ物----------*/

#wrapper
	{
	position: relative;
	margin: 0 auto;
	padding-bottom : 10px;
	width: 1000px;
	height: auto;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	text-align: left;
 	}

/*----------ヘッダー----------*/

#header{
	position: relative;
	left: 0px;
	top: 15px;
	width: 1000px;
	height: 120px;
	z-index: 0;
	}


/*---------- ヘッダーメニュー ----------*/

ul#navi{
	position: absolute;	
	left: 0px;
	top: 130px;
	width: 1000px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	}


ul#navi li {
	float:left;
	}

ul#navi li a {
	display		:block;
	height: 40px;
	background	:url(../img/navi.png) no-repeat;
}

ul#navi li a span	{display:none;}
ul#navi li.menu1 a	{width:105px;background-position:0 0;}
ul#navi li.menu1 a:hover{background-position:0 -40px;}
ul#navi li.menu2 a	{width:180px;background-position:-105px 0;}
ul#navi li.menu2 a:hover{background-position:-105px -40px;}
ul#navi li.menu3 a	{width:140px;background-position:-285px 0;}
ul#navi li.menu3 a:hover{background-position:-285px -40px;}
ul#navi li.menu4 a	{width:125px;background-position:-425px 0;}
ul#navi li.menu4 a:hover{background-position:-425px -40px;}
ul#navi li.menu5 a	{width:150px;background-position:-550px 0;}
ul#navi li.menu5 a:hover{background-position:-550px -40px;}
ul#navi li.menu6 a	{width:175px;background-position:-700px 0;}
ul#navi li.menu6 a:hover{background-position:-700px -40px;}
ul#navi li.menu7 a	{width:125px;background-position:-875px 0;}
ul#navi li.menu7 a:hover{background-position:-875px -40px;}


/*----------パンくず----------*/

#pan{
	position: relative;
	top: 10px;
	left: 0px;
	margin: 0px;	
	color: #000;
 	text-align: left;   
	}
	
#pan p { 
    margin: 0 0 15px 0;
    font-size: 13px; }

/*----------コンテンツ----------*/

#contents{
	position: relative;
	left: 0px;
	top: 70px;
	width: 1000px;
	height: auto;
	margin: 0 0 30px 0;	
	z-index: 1;
	}


/*----------トップ用　イメージ----------*/

#top_images{
	position: relative;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: auto;
	margin: 0 0 15px 0;	
	z-index: 1;
	}


/*----------ページ用　イメージ----------*/

#page_images{
	position: relative;
	left: 0px;
	top: 0px;
	width: 700px;
	height: 80px;
	margin: 0 0 15px 0;	
	z-index: 1;
-moz-box-shadow: 0px 0px 2px #999;
-webkit-box-shadow: 0px 0px 2px #999;
box-shadow: 0px 0px 2px #999;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ffffff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ffffff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(top, #ffffff, #ffffff);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	}


/*----------左メイン----------*/

#left{
	position: relative;
	left: 0px;
	top: 0px;
	width: 700px;
	height: auto;
	margin: 0px;	
	z-index: 1;
	-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 2px #999;
-webkit-box-shadow: 0px 0px 2px #999;
box-shadow: 0px 0px 2px #999;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ffffff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ffffff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(top, #ffffff, #ffffff);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

#left p { 
    margin: 0px 15px 0px 20px;
    padding-bottom: 20px;
    font-size: 14px;
 	line-height:150%; }


#left p.b-orange-l { font-weight: 800;
    color: #F87704;
    border-bottom: #F87704 2px dotted;
    font-size: 16px;
    margin: 0px 20px 0px 20px;
    padding:  0;
    }

#left p.b-orange-l a{ text-decoration : none; }

		
/*----------トップ用　右サイドバー----------*/
 
#right_top{
	position: absolute;
	left: 720px;
	width: 280px;
	height: auto;
	top: 320px;
	margin: 0px;	

 	text-align: left;   
	float: right;	}	


	
#right_top ul{
	margin: 0px;
	text-align: center;
	list-style-type: none;
	padding: 0px 0 0 0;	}


#right_top li{
	margin-bottom: 0px;
    font-size: 14px;
    line-height:150%;
	} 


/*----------右サイドバー----------*/
 
#right{
	position: absolute;
	left: 720px;
	width: 280px;
	height: auto;
	top: 0px;
	margin: 0px;	

 	text-align: left;   
	float: right;	}	


	
#right ul{
	margin: 0px;
	text-align: center;
	list-style-type: none;
	padding: 0px 0 0 0;	}


#right li{
	margin-bottom: 0px;
    font-size: 14px;
    line-height:150%;
	} 

/*----------ボトム----------*/
	
#bottom
	{
	position: relative;
	width: 100%;
	background: url(../img/footer.png) repeat;
	height: auto;
	text-align: center;
	padding: 0px;
	color: #fff;
	clear: both;
	margin: 50px 0 0 0;
	}
	
	 	
/*----------フッター----------*/
	
#footer
	{
	position: relative;
	margin: 0 auto;
	padding : 10px;
	width: 1000px;
	height: auto;
	color: #fff;	
	text-align: left;
 	}
	
#footer p
	{
	font-size : 12px;
	line-height: 130%;
	padding : 0 0 10px 0;
	margin: 0px; 
	font-weight: 400;	
	}	
	


#footer ul{
	list-style: none;
	margin: 0px 0px 7px 0px;
	padding: 0px;	
	}
	
.footer li{
	display: inline;
	margin: 0px 0px 0px 25px;
	padding: 0px 5px 0px 15px;	
	font-size : 12px;
	float: left;
	}


/*--------------table------------------*/


table
 {
 margin : 10px 20px 0px 20px;
 width : 620px;
 height : auto;
 font-size : 13px;
 }

th
 {
 border-bottom: 1px #ccc solid;
font-weight: 800;
color: #8c6239;
padding: 5px;
width: 120px;
 }
 
td
 {
 border-bottom: 1px #ccc solid;
 padding: 5px;
     font-size: 13px;
 	line-height:150%;
 }
 

/*--------------求人募集------------------*/


table.recruit
 {
 margin : 0px 20px 20px 20px;
 width : 620px;
 height : auto;
 font-size : 11px;
 }

table.recruit th
 {
 border-bottom: 1px #ccc solid;
font-weight: 800;
color: #8c6239;
background-color: #e6dbad;
     font-size: 12px;
 	line-height:130%;
 	padding: 5px 5px 5px 10px;
width: 120px;
 }
 
table.recruit td
 {
 border-bottom: 1px #ccc solid;
 padding: 5px 5px 5px 10px;
     font-size: 12px;
 	line-height:130%;
 } 
 
 
p.recruit{
	margin: 0px;
	padding: 0 0 0 20px;
    font-size: 13px;
    color: #603813;
 	line-height:120%;
 	font-weight: 800;
 	}
 	
 	
/*--------------お知らせ------------------*/


table.infomation
 {
 margin : 0px 20px 30px 20px;
 width : 640px;
 height : auto;
 font-size : 14px;
 }


td
 {
 border-bottom: 1px #ccc dashed;
 padding: 5px;
     font-size: 14px;
 	line-height:150%;
 }
 
 
    
#waku{
	border: 1px #8c6239 solid;
	width: 660px;
	padding: 20px 0 20px 0;
	margin: 10px 20px 20px 20px;}  

#waku p { 
    margin: 0 5px 0 0;
    padding-bottom: 10px;
    font-size: 14px;
 	line-height:140%; }
 		
.keisen {
	width: 620px;
	text-align: left;
	margin: 0px auto 0 auto;
}
.note {
	background: url(../img/line.gif) repeat bottom left;
	margin: 5px 0 0 0;

	padding: 0;
}

.m70-b{ margin-bottom: 70px!important; }	   	
