@charset "UTF-8";


/* コンテナ全体 */
.container {
	width: 920px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFEEE;
}
.container-m {
	width: 920px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.header {
	height:75px;
	background-color: #502700;
	padding:0;
	overflow: hidden;
}

.header_mod20140609 {
	height:75px;
	background-color: #502700;
	padding:0;
	overflow: hidden;
}

#header_logo {
	height: 75px;
	width: 233px;
	margin: 0px;
	padding: 0px;
	float: left;
		display:inline;
}

#header_logo_mod {
	height: 75px;
	width: 233px;
	margin: 0px;
	padding: 0px;
	float: left;
		display:inline;
}

/* ヘッダーメニュー */
ul.header_menu1 {
	font-size: 10px;
	list-style-type: none;
	overflow: hidden;
	float: right;
	clear: none;
	padding: 0px;
	margin-top: 43px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
		display:inline;
}

ul.header_menu1 li {
	width: 65px;
	text-align: center;
	float: left;
	margin-right: 8px;
	list-style-type: none;
		display:inline;
}
ul.header_menu1 li#long {
	width: 95px;
	text-align: center;
	float: left;
	margin-right: 8px;
	list-style-type: none;
		display:inline;
}
ul.header_menu1 li a, ul.header_menu1 li a:visited {
	display: block;
	background-image: url(../images/header_menu1_bg.gif);
	font-weight: bold;
	padding-top: 1px;
	background-repeat: no-repeat;
}
ul.header_menu1 li#long a, ul.header_menu1 li a:visited {
	display: block;
	background-image: url(../images/header_menu3_bg.gif);
	font-weight: bold;
	padding-top: 1px;
	background-repeat: no-repeat;
}
ul.header_menu1 li#mob a ,ul.header_menu1 li#mob a:visited {
	display: block;
	background-image: url(../images/header_menu2_bg-o.gif);
	font-weight: bold;
	padding-top: 1px;
	background-repeat: no-repeat;
}
ul.header_menu1 li#mob a:hover, ul.header_menu1 li#mob a:active {
	display: block;
	background-image: url(../images/header_menu2_bg-n.gif);
	font-weight: bold;
	padding-top: 1px;
	background-repeat: no-repeat;
}

/* automenu */
ul#automenu{
}

ul#automenu li{
	position:relative;
	top:0;
	left:0;
}

ul#automenu li a{
	width: 165px;
	height:100%;
	display: block;
	float:auto;
	position:relative;
	top:0;
	left:0;
	z-index: 999;
}

ul#automenu li div{
	width: 165px;
	height:78px;
	display: none;
	float:auto;
	position:absolute;
	top: 0;
	left: 0;
	margin-left:187px;
}

ul#automenu li div p {
	padding:0;
	margin:0;
}

ul#automenu li div p a{
	border:#fff solid 1px;
	margin-top:-1px;
	background:#F8B500;
}

ul#automenu li div p a.topicon{
	border:#fff solid 1px;
	margin-top:0;
	background:#F8B500;
}

/* ヘッダーメニュー改 */
ul.header_menu1_mod20140609 {
	font-size: 10px;
	list-style-type: none;
	overflow: hidden;
	float: right;
	clear: none;
	padding: 0px;
	margin-top: 43px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
		display:inline;
}

ul.header_menu1_mod20140609 li {
	width: 65px;
	text-align: center;
	float: left;
	margin-right: 8px;
	list-style-type: none;
		display:inline;
}
ul.header_menu1_mod20140609 li#long {
	width: 95px;
	text-align: center;
	float: left;
	margin-right: 8px;
	list-style-type: none;
		display:inline;
}
ul.header_menu1_mod20140609 li a, ul.header_menu1_mod20140609 li a:visited {
	display: block;
	background-image: url(../images/header_menu1_bg.gif);
	font-weight: bold;
	padding-top: 1px;
	background-repeat: no-repeat;
}
ul.header_menu1_mod20140609 li#long a, ul.header_menu1_mod20140609 li a:visited {
	display: block;
	background-image: url(../images/header_menu3_bg.gif);
	font-weight: bold;
	padding-top: 1px;
	background-repeat: no-repeat;
}
ul.header_menu1_mod20140609 li#mob a ,ul.header_menu1_mod20140609 li#mob a:visited {
	display: block;
	background-image: url(../images/header_menu2_bg-o.gif);
	font-weight: bold;
	padding-top: 1px;
	background-repeat: no-repeat;
}
ul.header_menu1_mod20140609 li#mob a:hover, ul.header_menu1_mod20140609 li#mob a:active {
	display: block;
	background-image: url(../images/header_menu2_bg-n.gif);
	font-weight: bold;
	padding-top: 1px;
	background-repeat: no-repeat;
}




/* メインナビゲーション */
div.nav {
	width: 100%;
	clear: both;
	float: left;
		display:inline;
}

.nav .main_nav li {
	font-size: 9px;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
		display:inline;
}
.nav .main_nav li em {
	visibility: hidden;
}
.nav .main_nav li a  {
	text-decoration: none;
	display: block;
	height: 56px;
	width: 183px;
	margin: 0px;
	padding: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #502700;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #502700;
}
.main_nav #nv5 #nav-e {
	text-decoration: none;
	display: block;
	height: 56px;
	width: 182px;
	margin: 0px;
	padding: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #502700;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #502700;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #502700;
}
.main_nav #nv1 a  {
	background-image: url(../images/header_menu2-1-01.gif);
	background-repeat: no-repeat;
}
.main_nav #nv1 a:hover,.main_nav #nv1 a:active {
	background-image: url(../images/header_menu2-3-01.gif);
	background-repeat: no-repeat;
	font-size: 16px;
}
.main_nav #nv2 a  {
	background-image: url(../images/header_menu2-1-02.gif);
	background-repeat: no-repeat;
}
.main_nav #nv2 a:hover,.main_nav #nv2 a:active {
	background-image: url(../images/header_menu2-3-02.gif);
	background-repeat: no-repeat;
}
.main_nav #nv3 a  {
	background-image: url(../images/header_menu2-1-03.gif);
	background-repeat: no-repeat;
}
.main_nav #nv3 a:hover,.main_nav #nv3 a:active {
	background-image: url(../images/header_menu2-3-03.gif);
	background-repeat: no-repeat;
}
.main_nav #nv4 a  {
	background-image: url(../images/header_menu2-1-04.gif);
	background-repeat: no-repeat;
}
.main_nav #nv4 a:hover,.main_nav #nv4 a:active {
	background-image: url(../images/header_menu2-3-04.gif);
	background-repeat: no-repeat;
}
.main_nav #nv5 a  {
	background-image: url(../images/header_menu2-1-05.gif);
	background-repeat: no-repeat;
}
.main_nav #nv5 a:hover,.main_nav #nv5 a:active {
	background-image: url(../images/header_menu2-3-05.gif);
	background-repeat: no-repeat;
}
.nav .main_nav4 li a {
	text-decoration: none;
	display: block;
	height: 56px;
	width: 183px;
	margin: 0px;
	padding: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #502700;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #502700;
}
.sidetext {
	font-size: 12px;
	margin-top: 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #502700;
	border-bottom-color: #502700;
	padding-top: 6px;
	padding-bottom: 6px;
}

.sidetext2 {
	font-size: 12px;
	margin-top: 8px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #502700;
	padding-top: 6px;
	padding-bottom: 6px;
}
.header_nav {
	height: 32px;
	width: 920px;
	background-color: #FFFEEE;
	margin: 0px;
	padding: 0px;
	float: left;
		display:inline;
}

/* コンテンツ設定 */
.content {
	width: 672px;
	float: left;
	margin-top: 20px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #FFFEEE;
		display:inline;
}
.content2 {
	width: 712px;
	float: left;
	background-color: #FFFEEE;
	display: inline;
	margin-top: 20px;
	overflow-x: hidden;
}
.content4 {
	width: 712px;
	float: left;
	background-color: #FFFEEE;
	display: inline;
	margin-top: 20px;
}
.content-3 {
	width: 711px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFEEE;
	display: inline;
}
.recruiting_content {
	width: 716px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFEEE;
		display:inline;
}
.company_content {
	width: 630px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFEEE;
	padding-left: 17px;
		display:inline;
}
.content h1 {
	font-size: 24px;
	font-weight: bolder;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #502700;
	padding-bottom: 6px;
	margin-bottom: 5px;
}
.content .set-menu {
	font-size: 12px;
	float: right;
	margin-top: 0px;
	margin-bottom: 10px;
	display: inline;
	color: #502700;
}
.content .set-menu-2 {
	font-size: 12px;
	float: right;
	display: inline;
	margin: 0px;
	padding: 0px;
	height: 126px;
}
.timeservice {
	margin-bottom: 20px;
}
.content #menu_tittle {
	margin-bottom: 20px;
	background-color: #F7B513;
}

ul.nav {
	list-style: none;
	margin-bottom: 15px;
}
ul.nav li {
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #F8B500;
	border-right-color: #F8B500;
	border-left-color: #F8B500;
}
.nav #end {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F8B500;
}

.nav .button {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F8B500;
	margin-bottom:10px;
	letter-spacing:-1px;
	text-align:center;
}

ul.nav a, ul.nav a:visited {
	display: block;
	width: 152px;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 7pt;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background-color: #F8B500;
	color: #502700;
}


/* メニューサイドバー設定 */
.sidebar1 {
	float: left;
	width: 174px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	margin-right: 34px;
	margin-top: 20px;
		display:inline;
}

ul.sidebar_list_wrap{
	border-bottom:#F8B500 solid 1px;
}


.sidebar1-22 {
	float: left;
	width: 174px;
	background-color: #FFFeee;
	padding-bottom: 10px;
	margin-right: 34px;
	margin-top: 20px;
		display:inline;
}

#set_side {
	float: right;
	text-align: right;
	margin-top: 6px;
	margin-bottom: 8px;
	width: 670px;
	display:inline;
}
#set_side li {
	font-size: 12px;
	text-decoration: none;
	display: inline;
	padding-left: 1em;
	margin-top: 10px;
}



/*　会社情報サイドバー　*/
.sidebar2 {
	float: left;
	width: 204px;
	background-color: #FFFEEE;
	padding-bottom: 10px;
	margin-top: 20px;
	display:inline;
}
.sidebar3 {
	float: right;
	width: 250px;
	background-color: #FFFEEE;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-right: 20px;
	display: inline;
}
.rest_nav {
	margin-bottom: 30px;
}
.recruit_nav {
	margin-bottom: 30px;
	list-style-type: none;
}
.rest_nav h3 {
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
	margin-right: 20px;
	color: #502700;
}
.rest_nav li {
	font-size: 15px;
	font-weight: bold;
	list-style-type: none;
}
.rest_nav li a,.rest_nav li a:visited  {
	display: block;
	width: 160px;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 7pt;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #F7B51A;
	border-right-color: #F7B51A;
	border-left-color: #F7B51A;
}
.rest_nav li a:hover,.rest_nav li a:active  {
	background-color: #F8B500;
	color: #FFF;
}
.company_nav {
	list-style-type: none;
	margin-bottom: 40px;
	width: 670px;
}
.company_nav li a {
	display: block;
	height: 65px;
	width: 180px;
	margin-bottom: 10px;
}
.company_nav li em {
	visibility: hidden;
}
.company_nav #nv1 a {
	background-image: url(../images/side_button01-n.gif);
	background-repeat: no-repeat;
}
.company_nav #nv2 a {
	background-image: url(../images/side_button02-n.gif);
	background-repeat: no-repeat;
}
.company_nav #nv3 a {
	background-image: url(../images/side_button03-n.gif);
	background-repeat: no-repeat;
}
.company_nav #nv4 a {
	background-image: url(../images/side_button04-n.gif);
	background-repeat: no-repeat;
}
.company_nav #nv5 a {
	background-image: url(../images/side_button05-n.gif);
	background-repeat: no-repeat;
}
.company_nav #nv6 a {
	background-image: url(../images/side_button06-n.gif);
	background-repeat: no-repeat;
}
.company_nav #nv7 a {
	background-image: url(../images/side_button07-n.gif);
	background-repeat: no-repeat;
}
.company_nav #nv8 a {
	background-image: url(../recruiting/images/side_button08-n.jpg);
	background-repeat: no-repeat;
}

.company_nav #nv1 a:hover,.company_nav #nv1 a:active {
	background-image: url(../images/side_button01-o.gif);
	background-repeat: no-repeat;
}
.company_nav #nv2 a:hover,.company_nav #nv2 a:active {
	background-image: url(../images/side_button02-o.gif);
	background-repeat: no-repeat;
}
.company_nav #nv3 a:hover,.company_nav #nv3 a:active {
	background-image: url(../images/side_button03-o.gif);
	background-repeat: no-repeat;
}
.company_nav #nv4 a:hover,.company_nav #nv4 a:active {
	background-image: url(../images/side_button04-o.gif);
	background-repeat: no-repeat;
}
.company_nav #nv5 a:hover,.company_nav #nv5 a:active {
	background-image: url(../images/side_button05-o.gif);
	background-repeat: no-repeat;
}
.company_nav #nv6 a:hover,.company_nav #nv6 a:active {
	background-image: url(../images/side_button06-o.gif);
	background-repeat: no-repeat;
}
.company_nav #nv7 a:hover,.company_nav #nv7 a:active {
	background-image: url(../images/side_button07-o.gif);
	background-repeat: no-repeat;
}
.company_nav #nv8 a:hover, .company_nav #nv8 a:active {
	background-image: url(../recruiting/images/side_button08-r.jpg);
	background-repeat: no-repeat;
}
.footer {
	background-color: #502700;
	position: relative;
	clear: both;
	padding: 10px;
	overflow: hidden;
}
.footer_copy {
	width: 280px;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 9px;
	color: #FFF;
	display:inline;
}
#footerMenu {
	text-align: center;
	float: right;
		display:inline;
}
#footerMenu li {
	display: inline;
	padding-right: 6px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-size: 10px;
}
#footerMenu ul li a {
	color: #FFFFFF;
}

#footerMenu ul li a:hover, #footerMenu ul li a:active {
	color: #F4B21C;
}
#footerMenu li.last {
border-right:0;
}
.page_top{
	text-align:right;	
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {
	float: right;
	margin-left: 8px;
		display:inline;
}
.fltlft {
	float: left;
	margin-right: 8px;
		display:inline;
}

.clear{
	clear:both;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.header_banner {
	margin-top: 10px;
	text-align: center;
}
.joyfull_logo1 {
	margin-bottom: 10px;
}
#breadcrumbs {
	padding: 0px;
	margin: 10px;
}
#breadcrumbs2 {
	padding: 0px;
	margin: 10px;
	clear: both;
	width: 100%;
	float: left;
		display:inline;
}

div#wrap_top_information{
	height:20px;
	padding:15px 0 0 0;
}

span#btn_top_information{
	display:block;
	float:left;
	width:70px;
	height:20px;
	background:url(../images/icon_top_information.gif) no-repeat;
	font-weight:bold;
	padding:2px 10px 0px 10px;
	text-align:center;
}

span#txt_top_information{
	display:block;
	float:left;
	width:500px;
	height:20px;
	padding-top:2px;
	padding-left:5px;
}

span#txt_top_information a{
	text-decoration:underline;
}
#grand_top {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
#grand_1st {
	margin-left: 20px;
}
#teisyoku {
	background-image: url(../menu/image_201412/teisyoku_title-201412.gif);
	height: 115px;
	width: 712px;
}
#teisyoku201412 {
	background-image: url(../menu/image_201412/teisyoku_title-201412.gif);
	height: 115px;
	width: 712px;
}

#teisyoku_20150526{
	background-image: url(../menu/chinese/20150526/chinese_title.png);
	height: 61px;
	width: 712px;
}

#combo_and_steak {
	background-image: url(../menu2/combo_and_steak/combo_and_steak_title.jpg);
	height: 125px;
	width: 712px;
}
#chickensteak {
	background-image: url(../menu/image_201412/beef_and_chickensteak.gif);
	height: 125px;
	width: 712px;
}
#beef_and_chickensteak {
	background-image: url(../menu/image_201412/beef_and_chickensteak.gif);
	height: 125px;
	width: 712px;
}
/*
#hamburg {
	background-image: url(../menu/image_201412/hamburg_and_combo_title.fw.png);
	height: 125px;
	width: 712px;
}
*/

#hamburg {
	background-image: url(../menu2/humburg/hamburg_title.png);
	height: 125px;
	width: 712px;
}


#hamburg_and_combo {
	background-image: url(../menu/image_201412/hamburg_and_combo_title.fw.png);
	height: 125px;
	width: 712px;
}
#aibuki_hamburg {
	background-image: url(../menu2/aibiki_hamburug/aibiki_title.jpg);
	height: 125px;
	width: 712px;
}

#teisyoku .set-menu {
	color: #FFF;
	float: right;
	padding-top: 28px;
	padding-right: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.nenmatsu h4 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	margin-bottom: 6px;
	text-align: center;
}
.nenmatsu #nenmatsu_red {
	font-size: 14px;
	color: #C00;
	padding: 10px;
	margin:5px auto 0 auto;
	text-align: center;
	font-weight: bold;
	width:80%;
}
.nenmatsu p {
	margin: 0px;
	padding: 0px;
}

.formlabel{
	display:inline-block;
	width:90px;
	font-size:10px;
}
.inputlabel{
	display:inline-block;
	width:162px;
}

div#content_920{
	width:920px;
	background:#FEFCEF;
}

div#content_joycafe_wrap{
	padding:20px;
}

h2#joycafe_list_header{
	font-size:18px;
	color:#502700;
	background:#F8B500;
	padding:10px;
}

div#joycafe_list_prefix{
	padding:0 0 10px 0;
	text-align:right;
}

div#content_joycafe_wrap ul{
	width:900px;
	list-style:none;
	margin: 0 -20px 0 0;
}

div#content_joycafe_wrap li{
	width:280px;
	height:310px;
	margin-right:20px;
	margin-bottom:30px;
	float:left;
}

div#content_joycafe_wrap h3{
	padding:20px 15px 0 15px;
	margin:0;
}

div#content_joycafe_wrap p{
	padding:15px;
}

img.item_joycafe{
	display:block;
	margin:0 auto;
}

div.set_menu_wrap{
	width:712px;
	margin-top:-20px;
	float:right;
	background:#FFFFE6;
}

p.set_menu_txt{
	width:90%;
	margin:10px auto;
	background:#FFF;
	padding:20px;
}

img.new_menu_img{
	width:100%;
	height:auto;
	
}

div.new_menu_wrap{
	width:100%;
	height:auto;
}

img.img-2x{
	width:100%;
	height:auto;
	image-rendering: pixelated;
}