@charset "utf-8";

/*------------------------
=01 default style reset
=02 layout
=03 module head
=04 module foot
=05 module list
=06 module item list
=07 module search
=08 module pager
=09 module item info
=10 module news
=11 module contents
------------------------*/


/* =01 default style reset
------------------------*/

/*______ 主な要素のリセット ______*/

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dl, dt, dd, p, form, input,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
	margin:0;
	padding:0;
	font-size:100%;
}
.search .narrow{
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.search dd{
	padding:0 0 5px 15px;
	margin:0 0 5px 0;
	border-bottom:1px dotted #ccc;
}

.search dd input{
	margin:0 3px 3px 0;
	padding:2px;
	position:relative;
	top:1px;
}

.search dd label{
	width:100%;
	margin:5px 20px 0 0;
	display:block;
}


/*______ 文字サイズのリセット ______*/

body {
	line-height:1.0;
	-webkit-text-size-adjust:none;
}

/*______ HTML5の新要素をブロックレベルにする ______*/

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
	display:block;
}


/*______ 画像、リスト、表のリセット ______*/

img {
	border: 0;
	vertical-align: bottom;
}

ul, ol {
	list-style: none;
}

table {
	border-spacing: 0;
	empty-cells: show;
}



/* =02 layout
------------------------*/

body {
	font-family: Arial, san-serif;
	font-size: 14px;
	line-height: 1.6;
}

a {
 color: #333;
}



/* =03 module head
------------------------*/

.list-header .head{
	height:60px;
	line-height:60px;
	margin:0 0 10px 0;
	border-bottom:25px solid #f97816;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dbdbdb));
	position:relative;
}

.list-header .head #topicpath ul{
	height:25px;
	position:absolute;
	top:42px;
	left:10px;
}

.list-header .head #topicpath li{
	color:#fff;
	font-size:80%;
	display:inline;
	list-style-type:none;
	padding:0 6px 0 5px;
}

.list-header .head #topicpath li a{
	color:#fff;
}

.list-header .head #topicpath li.home{
	padding:0 3px 0 10px;
	background:none;
}

.list-header .head #topicpath li strong{
	font-weight:bold;
	color:#fff;
}

.page-heading {
	color:#2d2d2d;
	font-size:16px;
	width:140px;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	margin:0 auto;
}

.nav-page {
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.nav-page-left {
	position:absolute;
	top:0;
	left:10px;
}

.nav-page a {
	display:block;
	width:251px;
	height:55px;
	background:url(../img/logo.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:2px 0 0 5px;
/*
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px #1b46b1;
	margin-left:5px;
	padding:6px 12px;
	border:1px solid #1b46b1;
	background-color:#1b46b1;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#2469ce), to(#1b46b1));
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px #5f8cce;
	box-shadow:0 1px #5f8cce;
*/
}



/* =04 module foot
------------------------*/
.footer-nav li {
	color:#000;
	font-weight:bold;
	height:44px;
	line-height:44px;
	border-top:1px solid #000;
	background-color:#fff;
}

.footer-nav li:last-child {
	border-bottom:1px solid #000;
}

.footer-nav a {
	text-decoration:none;
	text-overflow:ellipsis;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	padding:0 10px;
	background:url(img/icon_next.png) no-repeat 290px center;
	-webkit-background-size:15px 15px; 
	background-size:15px 15px; 
}

.copyright {
	margin:0;
	color:#000;
	text-align:center;
	font-size:10px;
}



/* =05 module list
------------------------*/

/*______ 共通 ______*/

.list {
	padding:5px;
	margin:5px 5px 15px 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:url(img/dot_bg.gif) repeat;
}

.list .title {
	color:#808080;
	font-size:150%;
	font-weight:bold;
	padding:0 0 5px 5px;
}


/*______ 求人一覧 ______*/

.list-nav li.item {
 	border-top:1px solid #ccc;
 	background-color:#fff;
}

.list-nav li.item:first-child {
	 border-top:none;
	 -webkit-border-top-right-radius:8px;
	 -webkit-border-top-left-radius:8px;
	 border-top-right-radius:8px;
	 border-top-left-radius:8px;
}

.list-nav li.item:last-child {
	 -webkit-border-bottom-left-radius:8px;
	 -webkit-border-bottom-right-radius:8px;
	 border-bottom-right-radius:8px;
	 border-bottom-left-radius:8px;
}

.list-nav li.item a.info {
	text-decoration:none;
	overflow:hidden;
	display:block;
	padding:8px;
	background:url(img/icon_next.png) no-repeat 276px center;
	-webkit-background-size:15px 15px; 
	background-size:15px 15px; 
}

.list-nav li.item .delete{
	width:20px;
	height:20px;
	display:inline-block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 5px 5px 5px;
}

.list-nav li.item a.delete{
	background:url(img/btn_delete.gif) no-repeat 0 0;
}

.list-nav li.item a.delete:hover{
	background-position:0 -20px;
}


.list-nav li.item .icon {
	float:left;
	padding-right:6px;
}

.list-nav li.item p{
	font-size:80%;
}

.list-nav li.item .access {
	color:#fff;
	font-weight:bold;
	font-size:90%;
	text-align:left;
	margin:0 0 5px 0;
	padding:0 0 0 3px;
	background:#0000ff;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

.list-nav li.item .catch {
	font-weight:bold;
	margin:0 0 5px 0;
}

.list-nav li.item .block {
	float:left;
}

.list-nav li.item .block:after {
	content:'';
	display:block;
	clear:both;
}


/*______ オプション ______*/

.list_option {
	padding:10px 0;
	margin:0 10px;
}

.list_option:after {
	content: '';
	display: block;
	clear: both;
}

.list_option ul{
	text-align:left;
	margin:0 -3px 0 0;
}

.list_option li{
	width:128px;
	color:#f6f9ff;
	font-size:80%;
	text-align:center;
	border:1px solid #f6f9ff;
	padding:3px;
	margin:0 3px 5px 0;
	display:inline-block;
}


/* =06 module item list
------------------------*/

/*______ タブ ______*/

.list-tab {
	width:300px;
	padding-bottom:5px;
}

.list-tab ul:after {
	 content:'';
	 display:block;
	 clear:both;
}

.list-tab li {
	width:100px;
	padding:2px 0;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	float:left;
}

.list-tab li:first-child {
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	border-top-bottom-radius:8px;
}

.list-tab li:last-child {
	width:120px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
	border-top-right-radius:8px;
	border:1px solid #000;
}

.list-tab li a {
	color:#fff;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px #000;
	text-decoration:none;
	line-height:18px;
	height:18px;
	display:block;
}


/* =07 module search
------------------------*/

.search {
	padding:0 0;
	margin:0 5px 0 5px;
}

.search:after {
	content:'';
	display:block;
	clear:both;
}

.search h2{
	font-size:100%;
	height:30px;
	color:#2d2d2d;
	padding:10px 0 0 30px;
	background:#fff url(img/icon_search.png) no-repeat 5px 50%;
	border:2px solid #f97816;
	border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
}

.search h2 a{
	position:absolute;
	top:3px;
	right:8px;
}

.search .narrow{
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.search dl{
	font-size:90%;
	margin:10px 0 0 0;
}

.search dt{
	font-weight:bold;
	border-bottom:1px solid #ccc;
	font-size:16px;
	position: relative;
}

.search .textContent{
	font-weight:bold;
	padding:10px;
	border-bottom:1px solid #ccc;
	font-size:16px;
	position: relative;
}

.search .textContent input[type="text"]{
	padding:5px;
}

.search dt a{
	display:block;
	padding:10px;
	text-decoration:none;
}

.search dt a img{
	position: absolute;
	top: 8px;
	right: 12px;
}

.search dt .square{
	color:#0000ff;
}

.search dd{
	padding:0 0 5px 15px;
	margin:0 0 5px 0;
	border-bottom:1px dotted #ccc;
}

.search dd input{
	margin:0 3px 3px 0;
	padding:2px;
	position:relative;
	top:1px;
}

.search dd label{
	width:100%;
	margin:5px 20px 0 0;
	display:block;
}

.search #area_contents label{
	width:40%;
	float:left;
}

.search dd:after {
	content:'';
	display:block;
	clear:both;
}

.search .submit{
	text-align:center;
	margin:10px 0;
}

.search .submit.fixed{
	position:fixed;
	top:10px;
}

.search .submit input {
	padding:5px;
	font-size:14px;
}

.search .submit input[type="submit"] {
	width:150px;
	color:#fff;
	text-shadow:-1px -1px #666;
	padding:5px 10px;
	border:1px solid #666;
	border-radius:8px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#878787));
	-webkit-border-radius:8px;
}

/* =07 module pickup
------------------------*/

.pickup {
	padding:0 0;
	margin:0 5px;
}

.pickup:after {
	content:'';
	display:block;
	clear:both;
}

.pickup h2{
	font-size:100%;
	height:30px;
	color:#2d2d2d;
	padding:10px 0 0 30px;
	background:#fff url(img/icon_search.png) no-repeat 5px 50%;
	border:2px solid #f97816;
	border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
}

.pickup h2 a{
	position:absolute;
	top:3px;
	right:8px;
}

.pickup .narrow{
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.pickup dl{
	font-size:90%;
	margin:10px 0 0 0;
}

.pickup dt {
	font-weight:bold;
}

.pickup dt .square{
	color:#f9ab16;
}

.pickup dd{
	width:98%;
	height:75px;
	margin:auto;
	margin-top:5px;
	padding:5px;
	border:solid 1px #ff8403;
	position:relative;
}

.pickup dd a{
	display:block;
	width:100%;
	height:75px;
}

.pickup dd img{
	position:absolute;
	top:8px;
	left:5px;
}

.pickup dd h3{
	position:absolute;
	top:8px;
	left:110px;
	font-size:90%;
}

.pickup dd p{
	position:absolute;
	top:30px;
	left:110px;
	font-size:80%;
}

/* =07 module new
------------------------*/

.new {
	padding:0 0;
	margin:0 5px;
}

.new:after {
	content:'';
	display:block;
	clear:both;
}

.new h2{
	font-size:100%;
	height:30px;
	color:#2d2d2d;
	padding:10px 0 0 30px;
	background:#fff url(img/icon_search.png) no-repeat 5px 50%;
	border:2px solid #f97816;
	border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
}

.new h2 a{
	position:absolute;
	top:3px;
	right:8px;
}

.new .narrow{
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.new dl{
	font-size:90%;
	margin:10px 0 0 0;
}

.new dt {
	font-weight:bold;
}

.new dt .square{
	color:#f9ab16;
}

.new dd{
	width:98%;
	height:75px;
	margin:auto;
	margin-top:5px;
	padding:5px;
	border:solid 1px #ff8403;
	position:relative;
}

.new dd a{
	display:block;
	width:100%;
	height:75px;
}

.new dd img{
	position:absolute;
	top:8px;
	left:5px;
}

.new dd h3{
	position:absolute;
	top:8px;
	left:110px;
	font-size:90%;
}

.new dd p{
	position:absolute;
	top:30px;
	left:110px;
	font-size:80%;
}

/* =08 bannerArea
------------------------*/

.bannerArea a img{
	display:block;
	width:90%;
	margin:auto;
	margin-bottom:10px;
}

/* =08 module pager
------------------------*/

.pager {
	margin:15px 0 10px 0;
}

.pager p{
	font-weight:bold;
	margin:0 0 10px 0;
}

.pager p span{
	color:#ff0000;
	font-size:24px;
}

.pager:after {
	 content:'';
	 display:block;
	 clear:both;
}

.pager .page {
	float:left;
	font-size:110%;
	height:25px;
	line-height:25px;
	text-align:center;
}

.pager .page span {
	color:#fff;
	font-weight:bold;
	padding:10px;
	margin:0 10px 0 0;
	background-color:#0000ff;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.pager .page a {
	text-decoration:none;
	margin:0 10px 0 0;
	padding:10px;
	font-weight:bold;
	background-color:#fff;
	-webkit-border-radius:4px;
	border-radius:4px;
}



/* =09 module item info
------------------------*/

.detail_item {
	padding:10px 0;
	margin:0 10px;
	border-bottom:1px solid #999;
}

.detail_item .block {
	float:left;
}

.detail_item:after {
	content:'';
	display:block;
	clear:both;
}

.detail_item .title {
	font-size:110%;
	border-bottom: #0000ff solid 1px;
	color:#0000ff;
	font-weight:bold;
	text-align:left;
	margin-bottom: 10px;
}

.detail_item p{
	font-size:90%;
}

.detail_item .access {
	color:#2469ce;
	font-size:100%;
	font-weight:bold;
	text-align:left;
	margin:0 0 5px 0;
	padding:0 0 0 3px;
	background:#f4fff9;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

.detail_item .catch {
	font-size:85%;
	font-weight:bold;
}

.detail_item .name {
	color:#878787;
	font-size:80%;
	font-weight:bold;
}


/*______ オプション ______*/

.detail_option {
	padding:10px 0;
	margin:0 10px;
}

.detail_option h3{
	border-left:5px solid #0000FF;
	padding:0 0 0 10px;
	margin:10px 0;
}

.detail_option:after {
	content: '';
	display: block;
	clear: both;
}

.detail_option ul{
	text-align:left;
	margin:0 -3px 0 0;
}

.detail_option li{
	width:30%;
	color:#FFFFFF;
	font-size:80%;
	text-align:center;
	background:#0000ff;
	border:1px solid #0000ff;
	border-radius: 3px;
	padding:3px;
	margin:0 0 6px 0;
	display:inline-block;
}


/*______ 画像 ______*/

.detail_capture {
	margin:10px 10px 10px 10px;
	border-bottom:1px solid #999;
}

.jCarousel {
	margin: 0 auto;
	margin-bottom: 15px;
	text-align: center;
	-webkit-transition: margin 0.5s ease-in-out;
	transition: margin 0.5s ease-in-out;
	test-align: center;
}


/*______ 求人詳細 ______*/

.detail_info {
	margin:0 10px;
}

.detail_info h3{
	border-left:5px solid #0000ff;
	padding:0 0 0 10px;
	margin:10px 0;
}

.detail_info:after {
	content:'';
	display:block;
	clear:both;
}

.detail_info table{
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	border:none;
}

.detail_info table th,
.detail_info table td{
	font-size:85%;
	width:25%;
	line-height:150%;
	padding:5px;
	border:1px solid #fff;
}

.detail_info table th{
	text-align:center;
	background:#f8f8f8;
}

.detail_info table td{
	background:#fff;
}


/*______ アクセス ______*/
/*______ 応募情報 ______*/
/*______ 会社概要 ______*/

.detail_access,
.detail_entry,
.detail_company{
	margin:0 10px;
}

.detail_access h3,
.detail_entry h3,
.detail_company h3{
	border-left:5px solid #0000ff;
	padding:0 0 0 10px;
	margin:10px 0;
}

.detail_access:after,
.detail_entry:after,
.detail_company:after{
	content:'';
	display:block;
	clear:both;
}

.detail_access .address,
.detail_entry .info,
.detail_company .info{
	padding:5px;
	background:url(img/dot_bg.gif) repeat;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.detail_access .address dl,
.detail_entry .info dl,
.detail_company .info dl{
	padding:5px 10px;
	background-color:#fff;
	-webkit-border-radius:8px;
	border-radius:8px;
}
	
.detail_access .address dt,
.detail_entry .info dt,
.detail_company .info dt{
	color:#0000ff;
	margin:0 0 5px 0;
}

.detail_access .address dd,
.detail_entry .info dd,
.detail_company .info dd{
	margin:0 0 10px 0;
}


/*______ ボタン ______*/

.btn_entry {
	padding:3px 0;
	margin:20px 0;
	border:1px solid #ff6600;
	-webkit-border-radius:8px;
	border-radius:8px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ff6600));
}

.btn_entry a {
	color:#fff;
	font-size:130%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-shadow:-1px -1px #ff5500;
	line-height:34px;
	height:34px;
	display:block;
}



/* =10 module news
------------------------*/

/*______ お知らせ一覧 ______*/

.list-news:after {
	content:'';
	display:block;
	clear:both;
}

.list-news li {
	padding:10px;
 	border-bottom:1px solid #ccc;
 	background-color:#fff;
}

.list-news li span{
	color:#2469ce;
	display:block;
}

.list-news li:first-child {
	 border-top:none;
	 -webkit-border-top-right-radius:8px;
	 -webkit-border-top-left-radius:8px;
	 border-top-right-radius:8px;
	 border-top-left-radius:8px;
}

.list-news li:last-child {
	 -webkit-border-bottom-left-radius:8px;
	 -webkit-border-bottom-right-radius:8px;
	 border-bottom-right-radius:8px;
	 border-bottom-left-radius:8px;
}

.list-news li {
font-size:12px;
}

.list-news li a {
font-size:12px;
	text-decoration:none;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	display:block;
	width:99%;
	background:url(img/icon_next.png) no-repeat 344px center;
	-webkit-background-size:15px 15px; 
	background-size:15px 15px; 
}


/* =11 module contents
------------------------*/

.contents_text {
	font-size: 100%;
	margin:0 5px;
	padding:5px 0 0 0;
}

.contents_text span {
	color:#fff;
	font-size:90%;
	font-weight:bold;
	padding:2px;
	background-color:#ff6600;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.contents_error {
	font-size:100%;
	margin:0 5px;
	padding:5px0 0 0;
	color:#ff6600;
}

.contents_comp {
	color:#000;
	font-size:100%;
	text-align:center;
	margin:0 5px;
	padding:30px 0;
}

.contents-form .button {
	padding:3px 0;
	margin:10px 0 7px 0;
	border:1px solid #666;
	-webkit-border-radius:8px;
	border-radius:8px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#878787));
}

.contents-form .button a {
	font-size:120%;
	color:#fff;
	font-weight:bold;
	text-shadow:-1px -1px #666;
	line-height:34px;
	height:34px;
	text-decoration:none;
	display:block;
	text-align:center;
}

.contents-form label {
width:48%!important;
}

.contents-form label input[type="radio"] {
width:1em!important;
}

.require {
	color:#fff;
	font-weight:bold;
	font-size:11px;
	vertical-align:text-bottom;
	padding:3px;
	background-color:#ff0000;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.contents-form {
	padding:5px;
	margin:5px 5px 10px 5px;
	background:url(img/dot_bg.gif) repeat;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.contents-form dl {
	padding:5px 10px;
	background-color:#fff;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.contents-form dt {
	font-weight:bold;
}

.contents-form dd {
	margin-bottom:10px;
}

.contents-form input {
	width:150px;
	font-size:14px;
	padding:5px;
}

.contents-form dd textarea {
	width:250px;
	height:100px;
}

.contents-form .block {
}

.contents-form .block:after {
	content: '';
	display:block;
	clear:both;
}

.contents-form .submit{
	text-align:center;
	margin:10px 0;
}

.contents-form .submit input {
	padding:5px;
	font-size:14px;
}

.contents-form .submit input[type="submit"] {
	width:150px;
	color:#fff;
	text-shadow:-1px -1px #666;
	padding:5px 10px;
	border:1px solid #666;
	border-radius:8px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#878787));
	-webkit-border-radius:8px;
}

/* =11 fb-likebox
------------------------*/
.fb-likebox-wrap{
	width:98%;
	margin:auto;
}

.fb-likebox-wrap iframe{
	width:100%!important;
}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
width: 98% !important;
}
.storenewinformation{
background-image:url('../img/infoback2.webp');background-size: contain;
height: 880px;
background-repeat: no-repeat;
background-position: center;
padding: 35px;
}

.storenewinformation img{
float:left;width:30%;
max-width:170px;
margin-left:80px;
margin-top:20px;
}

.storenewinformation p{
float:left;margin-top:10px;
margin-left:40px;
font-size:14px;
line-height:3.5;
text-align:left;
width: 67%;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.storenewinformation p span{
font-weight:bold;
}

@media screen and (max-width: 767px){

.storenewinformation{
background-image: unset;
background-size: contain;
height: auto;
background-repeat: no-repeat;
background-position: center;
padding: 0px;
}

.storenewinformation img{
margin-left:0px;
margin-top:0px;
float: left;
width: 30%;
max-width: 100px;
}

.storenewinformation p{
  float: left;
  margin-left: 5px;
  font-size: 12px;
  line-height: 2;
}

.storenewinformation p span{
font-weight:bold;
}
}