@supports (-ms-ime-align:auto) {
background {color:#FFF;}
}



 /*ページTOPテキスト*/
#top-text{
	text-align: left;
	font-size: 0.8em;
	color: #000000;
}
 
/*ＴＯＰリクルートナビ*/

#recruite-nav {
	position: fixed;
	z-index: 2002;
	width: 100%;
	display: block;
	background: #fff;
	box-shadow:;
	behavior: url(PIE.htc);
	top: 0px;
	height: 0px;
	min-width: 900px;
	}

#recruite-nav ul {
	width: 100%;
	display: block;
	background: #fff;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#recruite-nav a {
	width: ;
	display: inline;
	float: right;
	text-align: center;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 12px;
	padding-left: 12px;
	text-decoration: none;
	background: #A62901;
	font-size: 1rem;
}
#recruite-nav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba( 255, 255, 255, 0.7);
	text-decoration: none;
	color: #000000;
}


/*ＴＯＰメインナビ*/
#mainnav-top-page {
	position: fixed;
	z-index: 1000;
	width: 100%;
	max-width: 1920px;
	min-width: 900px;
	background: rgba( 0, 0, 0, 0.7);
	box-shadow: 0px 3px 5px #999;
	behavior: url(PIE.htc);
	top: 40px;
	height: 55px;

}


#mainnav-top-page ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#mainnav-top-page a {
	width: 12.5%;
	display: block;
	float: left;
	text-align: center;
	color: #FFFFFF;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	text-decoration: none;
	font-size: 1rem;
}

#mainnav-top-page a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba( 255, 255, 255, 0.7);
	text-decoration: none;
	color: #000000;
}


#mainnav {
	position: fixed;
	z-index: 1000;
	width: 100%;
	background: rgba( 0, 0, 0, 0.7);
	box-shadow: 0px 3px 5px #999;
	behavior: url(PIE.htc);
	top: 0px;
	height: 55px;
	min-width: 900px;
}


#mainnav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}

#mainnav a {
	width: 12.5%;
	display: block;
	float: left;
	text-align: center;
	color: #FFFFFF;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	text-decoration: none;
	font-size: 1rem;
}

#mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba( 255, 255, 255, 0.7);
	text-decoration: none;
	color: #000000;
}


/*メニューページ下部ナビ*/


#food-nav {
	position: fixed;
	z-index: 1000;
	width: 100%;
	background: rgba( 255, 255, 255, 0.8);
	box-shadow: 0px 3px 5px #;
	behavior: url(PIE.htc);
	bottom: 0px;
	height: 55px;
	min-width: 900px;
}


#food-nav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}
#food-nav a {
	width: 12.5%;
	display: block;
	float: left;
	text-align: center;
	color: #000000;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	text-decoration: none;
	font-size: 1rem;
}
#food-nav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba( 0, 0, 0, 0.5);
	text-decoration: none;
	color: #FFFFFF;
}


#lunch-nav {
	position: fixed;
	z-index: 1000;
	width: 100%;
	background: rgba( 255, 255, 255, 0.8);
	box-shadow: 0px 3px 5px #;
	behavior: url(PIE.htc);
	bottom: 0px;
	height: 55px;
	min-width: 900px;
}


/*ランチメニューページ下部ナビ*/

#lunch-nav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}
#lunch-nav a {
	width: 12.5%;
	display: block;
	float: left;
	text-align: center;
	color: #000000;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	text-decoration: none;
	font-size: 1.2rem;
}
#lunch-nav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba( 0, 0, 0, 0.5);
	text-decoration: none;
	color: #FFFFFF;
}



.content img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	position: relative;

}





/*ＴＯＰページ　段組みサイズ指定用*/


div.block5px {
   float: left;
   width: 5px;
   
}

div.block10px {
   float: left;
   width: 10px;
   
}

div.block20px {
   float: left;
   width: 20px;
   
}

div.block280px {
   float: left;
   width: 280px;
   
   
}



div.block5 {
   float: left;
   width: 5%;
   
}

div.block10 {
   float: left;
   width: 10%;
   
}

div.block12 {
   float: left;
   width: 12%;
   
}

div.block15 {
   float: left;
   width: 15%;
   
}

div.block20 {
   float: left;
   width: 20%;
   
}

div.block25 {
   float: left;
   width: 25%;
   
}



div.block30 {
   float: left;
   width: 30%;
   
}

div.block45 {
   float: left;
   width: 45%;
}
   
div.block50 {
   float: left;
   width: 50%;
   
}

div.block0 {
   clear: both;
   width: 1px;
}








body {  
    text-align: center;  
}  

div#wrapper {  
    width: 100%; 
	max-width: 1920px;
	min-width: 900px;
	height: auto;
    margin: 0 auto;  
    text-align: left;  
   border: ;  
} 


/*トップページ　コンテンツ*/

#content0 {
    position: relative;
	}
	
#content0 img {
width: 100%;  
max-width: 900px;
min-width: 900px;
height: auto;
display: block;
margin: 0 auto;
border: ;  
text-align: center;  
} 


#content0-in{
    position: absolute;
	width: 100%;
    max-width: 180px;
    top: 18%;
    left: 70%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255,255,255,0.5);
	}
	
#content0 p{ 
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        font-size: 1rem;
        line-height: 1.7;
        padding: 5px;
    }
	
	
	#content0-2-in{
    position: absolute;
	width: 100%;
    max-width: 380px;
    top: 80%;
    left: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255,255,255,0.5);
	}
	
#content0-2 p{ 
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        font-size: 1rem;
        line-height: 1.7;
        padding: 5px;
    }

 
@media only screen and (max-width: 480px) {
    #content1 {
        overflow: scroll;
    }
    #content0-in {
        width: 100%;
    }  
}




#content1 {
    position: relative;
	}
	
#content1 img {
width: 100%;  
max-width: 1920px;
height: auto;
display: block;
margin: 0 auto;
border: ;  
text-align: center;  
} 


#content1-in{
    position: absolute;
	width: 100%;
    max-width: 370px;
    top: 70%;
    left: 85%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255,255,255,0.5);
	}
	
#content1 p{ 
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        font-size: 1rem;
        line-height: 1.7;
        padding: 5px;
    }


	
 
@media only screen and (max-width: 480px) {
    #content1 {
        overflow: scroll;
    }
    #content1-in {
        width: 100%;
    }  
}


#content2 {
    position: relative;
	}
	
#content2 img {
width: 100%;  
max-width: 1920px;
height: auto;
display: block;
margin: 0 auto;
border: ;  
text-align: center;  
} 


#content2-in{
    position: absolute;
	width: 100%;
    max-width: 360px;
    top: 40%;
    left: 85%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255,255,255,0.5);
	}
	
#content2 p{ 
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        font-size: 1rem;
        line-height: 1.7;
        padding: 5px;
    }

 
@media only screen and (max-width: 480px) {
    #content2 {
        overflow: scroll;
    }
    #content2-in {
        width: 100%;
    }  
}


#content-two {
    position: relative;
	width: 100%;
	max-width: 1920px;
    min-width: 1095px;
	}
	
#content-two img {
width: 100%;  
max-width: px;
min-width: px;
height: auto;
display: block;
margin: 0 auto;
border: ;  
text-align: center;  
padding: 0px;
} 
	
#content-two p{ 
        width: 100%;
        max-width: px;
        margin: 0 auto;
        font-size: 1rem;
        line-height: 1.7;
        padding: 0px;
    }

 
@media only screen and (max-width: 480px) {
    #content-two {
        overflow: scroll;
    }
    #content-two-in {
        width: 100%;
    }  
}


#content3 {
    position: relative;
	}
	
#content3 img {
width: 100%;  
max-width: 1920px;
height: auto;
display: block;
margin: 0 auto;
border: ;  
text-align: center;  
} 


#content3-in{
    position: absolute;
	width: 100%;
    max-width: 220px;
    top: 60%;
    left: 90%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255,255,255,0.5);
	}
	
#content3 p{ 
        width: 100%;
        max-width: 220px;
        margin: 0 auto;
        font-size: 1rem;
        line-height: 1.7;
        padding: 5px;
    }

 
@media only screen and (max-width: 480px) {
    #content3 {
        overflow: scroll;
    }
    #content3-in {
        width: 100%;
    }  
}


/*footer*/

#footer {
    position: relative;
	background-color:#E5E5E5;
	text-align: left; 
	}
	
#footer img {
width: 100%; 
min-width: 900px;
height: auto;
display: block;
margin: 0 auto;
bottom: 0px;
border: ;  
} 


#footer-2 {
    position: relative;
	background-color:#ffffff;
	}
	
#footer-2 img {
width: 100%; 
min-width: 900px;
height: auto;
display: block;
margin: 0 auto;
bottom: 0px;
border: ;  
text-align: center; 
} 



/*トップページ*/


#top {
    position: relative;
	}
	
#top img {
width: 100%;  
height: auto;
display: block;
margin: 0 auto; 
text-align: center;  
} 


#top-in{
    position: absolute;
	width: 100%;
    max-width: 20%;
    bottom: -100px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}
	
	
#top p{ 
        width: 100%;
        font-size: 20px;
		color: #FFFFFF;
		text-align: center;
    }
	
#top a{ 
        width: 100%;
        max-width: 30%;
        font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
    }
	
#top li{ 
        list-style-type: none;
		display: inline-block;
		font-size: 12px;
		width: 30%;
		color: #FFFFFF;
		text-align: center;
    }
	
h1#top-logo{ 
        width: 250px;
        margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		position: relative;
        font-size: 1rem;
        line-height: 1.7;
        padding: 5px;
    }
	
hi#top-rogo img{ 
        width: 100%;
		    }

 
@media only screen and (max-width: 480px) {
    #top {
        overflow: scroll;
    }
    #top-in {
        width: 100%;
    }  
}


#top a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba();
	text-decoration: underline;
	color: #c0c0c0;
}


#top2 {
    position: relative;
	}
	
#top2 img {
width: 100%;  
min-width: 900px;
height: auto;
display: block;
margin: 0 auto; 
text-align: center;  
}

#top2-in{
    position: absolute;
	width: 100%;
    max-width: 550px;
	min-width: 550px;
    top: 50%;
    left: 70%;
	margin: 5px; 
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color:rgba(255,255,255,0.5) ;
	}



/*店舗ページ*/


#tenpo {
    position: relative;
	}
	
#tenpo img {
width: 100%;  
max-width: 1920px;
min-width: ;
height: auto;
display: block;
margin: 0 auto; 
text-align: center;  
} 


#tenpo-in{
    position: absolute;
	width: 100%;
    max-width: 20%;
    bottom: -150px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}
	
#tenpo p{ 
        width: 100%;
        font-size: 20px;
		color: #FFFFFF;
		text-align: center;
    }
	
#tenpo a{ 
        width: 100%;
        max-width: 30%;
        font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
    }
	
#tenpo li{ 
        list-style-type: none;
		display: inline-block;
		font-size: 12px;
		width: 30%;
		color: #FFFFFF;
		text-align: center;
    }
	
h1#tenpo-logo{ 
        width: 250px;
        margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		position: relative;
        font-size: 1rem;
        line-height: 1.7;
        padding: 5px;
    }
	
hi#tenpo-rogo img{ 
        width: 100%;
		    }

 
@media only screen and (max-width: 480px) {
    #tenpo {
        overflow: scroll;
    }
    #tenpo-in {
        width: 100%;
    }  
}


#tenpo a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba();
	text-decoration: underline;
	color: #c0c0c0;
}



/*弁当ページ*/


#bentou {
    position: relative;
	}
	
#bentou img {
width: 100%;  
max-width: 1920px;
min-width: ;
height: auto;
display: block;
margin: 0 auto; 
text-align: center;  
} 


#bentou-in{
    position: absolute;
	width: 100%;
    max-width: 20%;
    bottom: -150px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: ;
	}
	
#bentou p{ 
        width: 100%;
        font-size: 20px;
		color: #FFFFFF;
		text-align: center;
    }
	
#bentou a{ 
        width: 100%;
        max-width: 30%;
        font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
    }
	
#bentou li{ 
        list-style-type: none;
		display: inline-block;
		font-size: 12px;
		width: 30%;
		color: #FFFFFF;
		text-align: center;
    }
	
h1#bentou-logo{ 
        width: 250px;
        margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		position: relative;
        font-size: 1rem;
        line-height: 1.7;
        padding: 5px;
    }
	
hi#bentou-rogo img{ 
        width: 100%;
		    }

 
@media only screen and (max-width: 480px) {
    #bentou {
        overflow: scroll;
    }
    #bentou-in {
        width: 100%;
    }  
}


#bentou a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba();
	text-decoration: underline;
	color: #c0c0c0;
}


/*焼肉テイクアウトページ*/


#takeout {
    position: relative;
	}
	
#takeout img {
width: 100%;  
max-width: 1920px;
min-width: ;
height: auto;
display: block;
margin: 0 auto; 
text-align: center;  
} 


#takeout-in{
    position: absolute;
	width: 100%;
    max-width: 20%;
    bottom: -150px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: ;
	}
	
#takeout p{ 
        width: 100%;
        font-size: 20px;
		color: #FFFFFF;
		text-align: center;
    }
	
#bentou a{ 
        width: 100%;
        max-width: 30%;
        font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
    }
	
#takeout li{ 
        list-style-type: none;
		display: inline-block;
		font-size: 12px;
		width: 30%;
		color: #FFFFFF;
		text-align: center;
    }
	
h1#takeout-logo{ 
        width: 250px;
        margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		position: relative;
        font-size: 1rem;
        line-height: 1.7;
        padding: 5px;
    }
	
hi#takeout-rogo img{ 
        width: 100%;
		    }

 
@media only screen and (max-width: 480px) {
    #takeout {
        overflow: scroll;
    }
    #takeout-in {
        width: 100%;
    }  
}


#takeout a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba();
	text-decoration: underline;
	color: #c0c0c0;
}



/*うまかもんページ*/


#umakamon {
    position: relative;
	}
	
#umakamon img {
width: 100%;  
max-width: 1920px;
min-width: 900px;
height: auto;
display: block;
margin: 0 auto; 
text-align: center;  
} 


#umakamon-in{
    position: absolute;
	width: 100%;
    max-width: 10%;
    bottom: -100px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: ;
	}
	
#umakamon p{ 
        width: 100%;
        font-size: 20px;
		color: #fffff;
		text-align: center;
    }
	
#umakamon a{ 
        width: 100%;
        max-width: 30%;
        font-size: 12px;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
    }
	
#umakamon li{ 
        list-style-type: none;
		display: inline-block;
		font-size: 12px;
		width: 30%;
		color: ;
		text-align: center;
    }
	
h1#umakamon-logo{ 
        width: 250px;
        margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		position: relative;
        font-size: 1rem;
        line-height: 1.7;
        padding: 5px;
    }
	
hi#umakamon-rogo img{ 
        width: 100%;
		    }

 
@media only screen and (max-width: 480px) {
    #umakamon {
        overflow: scroll;
    }
    #umakamon-in {
        width: 100%;
    }  
}


#umakamon a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba();
	text-decoration: underline;
	color: #c0c0c0;
}



.blog {
		background-color: #A62901;

	text-align: center;
	color: #FFFFFF;
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	text-decoration: none;
	font-family: HGｺﾞｼｯｸE;
}


.footer {
	background-color: #c0c0c0;
	text-align: center;
	color: #FFFFFF;
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	text-decoration: none;
	font-family: HGｺﾞｼｯｸE;
}


/*ＴＯＰへもどるボタン*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	  font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;

}

#page-top a:hover {
    text-decoration: none;
    background: #999;
	  font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	}
	
#page-top a {
}

#mainimg{
	text-align: center;
}





/*各ページ　幅900ｐｘセンター指定*/


div.wrap900{
    width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: left;
}

.border{
	border-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #c0c0c0;
}



#menu .wrap900 h4{
	text-align: left;
	font-size: 1em;
	color: #665008;
}

#menu .large{
     font-size: 1em;
} 


#menu .wrap900 #grand_left{
     float: left;
} 


#menu .wrap900 #grand_right{
     float: right;

} 

#menu .wrap900 #grand_center{
    float: center;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: center;
} 


	
.wrap900 p .attention{
     text-align: center;
}  


/*グーグルマップ*/


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: ;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

p.line {
   border-bottom: 9px dotted #f45e5e;
}

#haikei-SX156{
background-image : url(/tenpo/imgs/SX156-comp.jpg);
}

#haikei-SX153{
background-image : url(/lunch/img-haikei/SX153-comp.jpg);
}

 
 /*インタビューページ*/

.interview-font {
	text-decoration: none;
	font-size: 1em;
	  font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}


#interview {
    position: relative;
	}
	
#interview img {
width: 100%;  

min-width: 900px;
height: auto;
display: block;
margin: 0 auto; 
text-align: center;  
} 



#interview-top-in{
    position: absolute;
	width: 100%;
    max-width: 500px;
    bottom: ;
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}


#interview-right-in{
    position: absolute;
	width: 100%;
    max-width: 400px;
    bottom: ;
	top: 30%;
    left: 80%;
	font color:#FFFFFF;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}


#interview-left-in{
    position: absolute;
	width: 100%;
    max-width: 390px;
	padding: 10px 20px;
    bottom: ;
	top: 40%;
    left: 25%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}

#interview-3-in{
    position: absolute;
	width: 100%;
    max-width: 390px;
	padding: 10px 20px;
    bottom: ;
	top: 50%;
    left: 20%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	background-color:rgba(255,255,255,0.4) ;
	}
	
#interview p{ 
        width: 100%;
        font-size: 20px;
		color: #000000;
		text-align: left;
    }
	
#interview a{ 
        width: 100%;
        max-width: 30%;
        font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
    }
	
#interview li{ 
        list-style-type: none;
		display: inline-block;
		font-size: 12px;
		width: 30%;
		color: #FFFFFF;
		text-align: center;
    }
	


 
@media only screen and (max-width: 480px) {
    #interview {
        overflow: scroll;
    }
    #interview-in {
        width: 100%;
    }  
}


#interview a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba();
	text-decoration: underline;
	color: #c0c0c0;
}


 /*仕事を知るページ*/

.jobs-font {
	text-decoration: none;
    font-size: 1em;
	  font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}


#jobs {
    position: relative;
	}
	
#jobs img {
width: 100%;  
max-width: 1920px;
min-width: ;
height: auto;
display: block;
margin: 0 auto; 
text-align: center;  
} 




#jobs-in{
    position: absolute;
	width: 100%;
	max-width: 1920px;
    max-width: 60%;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: ;
	}



	
#jobs p{ 
        width: 100%;
        font-size: 20px;
		color: #ffffff;
		text-align: left;
	  font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    }
	
#jobs a{ 
        width: 100%;
        max-width: 30%;
        font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
	  font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    }
	
#jobs li{ 
        list-style-type: none;
		display: inline-block;
		font-size: 12px;
		width: 30%;
		color: #FFFFFF;
		text-align: center;
	  font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    }
	


 
@media only screen and (max-width: 480px) {
    #jobs {
        overflow: scroll;
    }
    #jobs-in {
        width: 100%;
    }  
}


#jobs a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background: rgba();
	text-decoration: underline;
	color: #c0c0c0;
}

/*リクルートトップページの募集要項イメージ*/
.guide {/*親div*/
  position: relative;/*相対配置*/
  }

.guide p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  font-weight: bold;
  text-align: center;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }


.guide img {
  width: 100%;
  }


.guide-1 {/*親div*/
  position: relative;/*相対配置*/
  }

.guide-1 p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  font-weight: bold;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }



.guide-1 a {/*aタグを画像の真ん中に*/
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  font-size:;/*文字サイズ*/
  border: solid white 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  width:450px;
  }

.guide-1 a:hover{/*カーソルを当てたとき*/
  background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/
  }

.guide-1 img {
  width: 100%;
  }

.entry a {/*aタグを画像の真ん中に*/
  margin:0;/*余計な隙間を除く*/
  font-size:;/*文字サイズ*/
  border: solid white 2px; /*線で囲う*/
  padding: 20px 50px 15px 50px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  text-align: center;
  width:;
  }

.entry a:hover{/*カーソルを当てたとき*/
  background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/
  }




/*メニューページテーブル*/
.menutable {
  display:table;
	width: 100%;
  max-width:800px;
	margin: 30px 20px ;
}

.menutable > div {
    display:table-cell;
    border:0px solid #;
	margin: 50px 20px ;
}

@media only screen and (max-width: 480px) {
    .menutable {
        overflow: scroll;
    }
    .menutable {
        width: 100%;
    }  
}