@charset "utf-8";


* {
	margin: 0px;
	padding: 0px;
}

html { font-size: 62.5%;}

body {
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 14px;
	line-height:150%;
        text-align: left;
        background-color: #fff;
	color:#111;
}

div {border:none;margin:0;padding:0;}
img {vertical-align: middle;border-style:none;margin:0;padding:0;}
ul {list-style:none;}

h1,h2,h3 {
	font-weight: normal;
	text-decoration: none;
	padding: 0px;margin: 0px;
}

.inner {
	width:980px;
	margin-left:auto;margin-right:auto;
	overflow:hidden;
}
#wrapper {margin: 0px auto;position:relative;}


#figu {position:absolute;top:20px;right:0;z-index:1;}

header {
	width: 100%;z-index: 3;position:fixed;
	background:url(../images/bg_hd_wr.gif) no-repeat top 0.8rem left #fff;
	background:url(../images/bg_body_top.gif) repeat-x top 0.8rem left #fff;
}



#header {
	display: block;
	border-top:8px solid #1752a4;
}

#header > .inner {position:relative;}

#header .logo {
	color:#111;padding-top:3rem;
	float:left;
}
#header-right {float:right;}
#header .lang {
	overflow:hidden;z-index: 2;position:absolute;top: -5px;right:30px;
	background:#1752A4;display: block;padding: 5px 12px;padding-right:0;
	font-size:11px;color:#fff;
}
#header .lang a {
	width:6rem;text-align:center;
	color:#fff;padding: 0 10px 0 10px;
	border-right:1px solid #426ed7;
	text-decoration: none;
}
#header .lang a:last-child {border-left: 1px solid #002571;border-right:none;}
#header .lang a:hover {color:#C9E0FF;}
#header .lang a.now {color:#aaa;}



nav {padding-bottom:1em;}
#navi {
	width:91rem;margin:2rem auto 0;overflow:hidden;
	z-index: 2;position: relative;
}
#navi li {
	float:left;font-size:1.6rem;
	text-align:center;
}
#navi li a {
	width:12.9rem;display:block;padding:1rem 0;color:#111;text-decoration:none;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(197, 197, 197) 50%),url(../images/bg_navi_line.gif);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position: 0,0,auto;
	background-size:auto 200%,contain;
	transition: .2s;
}
#navi li:last-child a {
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(197, 197, 197) 50%),url(../images/bg_navi_line.gif),url(../images/bg_navi_line.gif);
	background-position:0 0,top left,top right;
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-size:auto 200%,contain,contain;
}
#navi li:hover {cursor:pointer;}
#navi li a:hover {background-position: 0 100%,top left,top right;}




#container {padding-top:17.2rem;}
#container > .inner {padding-top: 10rem;}
#container > #sliderDiv + .inner {padding-top:5rem;}/* index */


#sliderDiv {
	border-top: 1px solid #000;
	clear:both;
	background:url(../images/slider1.jpg);
	background-position:0px 0px;
	height:448px;
	width:100%;
	position:relative;

	animation-name: leftSlide;
	animation: leftSlide 50s linear infinite;
	-webkit-animation: leftSlide 50s linear infinite;

}
/* left */
@keyframes leftSlide {
  0%    { background-position:0px 0px;  }
  100%  { background-position:-1450px 0px;}
}







.topBnArea {display:flex;flex-flow:row wrap;}
.topBnArea .bn {
	padding-right:2.5rem;width:calc((100% - 5rem) / 3);
	text-align:center;
}
.topBnArea .bn:nth-child(3n) {padding-right:0rem;}
.topBnArea .bn a {
	display:block;padding:3rem 4rem 4rem;border:1px solid #aaa;
	font-size:2rem;color:#222;text-align:center;line-height:180%;
}


/* topics */
#topics {
	width:100%;
	margin-left:auto;margin-right:auto;
}
#topics ul {margin-top:4rem;height:14rem;overflow-y: scroll;}
#topics ul li {
	padding:0.5rem 0rem 0.5rem 10rem;text-indent:-10rem;
	border-bottom:1px dashed #aaa;
	text-align:left;font-size:1.3rem;
	line-height:180%;
}
#topics ul li .date {width: 10rem;display: inline-block;padding:0;text-indent:0;}


/* top_divisiton */
#top_division {}
#top_division .linkArea {overflow:hidden;}
#top_division .linkArea li {float:left;margin-top:4rem;padding-left:4rem;width: 21.5rem;text-align:center;}
#top_division .linkArea li:nth-child(4n+1) {clear:both;padding-left:0rem;}

#top_division .thumnail {display: block;float: left;overflow: hidden;width: 100%;}
#top_division .thumnail img {
	height: auto;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	width: 100%;
}
#top_division figure {margin: 0;overflow: hidden;position: relative;text-align: center;}
#top_division figcaption {
	background-color: rgba(0,0,0,0.6);
	color: #FFF;opacity: 0;
	font-size: 2.6rem;line-height:110%;
	position: absolute;
	text-align: center;
	-webkit-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	top: 0;left: 0;right: 0;bottom: 0;margin: auto;
	padding-top: 35%;
}
#top_division figcaption .zig {font-size:1.8rem;}
#top_division .thumnail:hover>figure img {
	transform: scale(1.15,1.15);
	-webkit-transform:scale(1.15,1.15);
	-moz-transform:scale(1.15,1.15);
	-ms-transform:scale(1.15,1.15);
	-o-transform:scale(1.15,1.15);
}
#top_division .thumnail:hover>figure figcaption {opacity: 1;}

#top_division .linkArea .sub {margin-top:1rem;display: inline-block;}
#top_division .linkArea .sub a {text-decoration:none;color:#111;line-height:100%;}
#top_division .linkArea .sub .eng {font-size:11px;display:block;color:#7a99c3;}




/* common */
.commonTt {
	margin-top:8rem;
	color:#1752A4;
	text-align:center;
	font-style:italic;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size:4rem;line-height:120%;
	background:url(../images/bg_commonTt_dot.gif) no-repeat bottom center;
	background:none;
}
.commonTt .sb {
	font-style:normal;
	font-size:1.5rem;letter-spacing:0.2rem;margin-left:2rem;color:#666;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}
#container > #sliderDiv + .inner > .commonTt {margin-top: 8rem;}
#container > .inner > .commonTt {margin-top: 0rem;}


#cam.commonTt {padding-top:1rem;}

hr.ten {height:1px;border:none;border-top:1px dotted #777;}
.ue_btn {text-align:right;}
.ue_btn img {width:auto;max-width:100%;}

.bn_more {background:#004497;border:1px solid #004497;transition: 0.25s;border-radius:2px;}
.bn_more:hover {background:#1c6cce;}
.bn_more a {color:#fff;font-size:2rem;text-align:center;padding:2%;display:block;}



/* gaiyou */
table#company {
	width: 70rem;
	bockground-color: #eee;
	margin-left:auto;margin-right:auto;
	border: 1px solid #aaaaaa;
	border-collapse: collapse;
}

table#company h2.tt {
				margin: 2px auto;
				text-align: center;
				color: #444477;
				font-size: 1.4em;
				font-weight: bold;
}
table#company td {
		border: 1px solid #aaa;
		padding: 1.8rem 3em;
		color: #333;
		font-size: 13px;
}
table#company td.ltd {
				width: 180px;
				text-align: right;
				font-weight: bold;

}
table#company td.rtd {
	text-align: left;
}

#container #text-area {
	background-color: #fff;
	margin: 15px auto;
}


/* rinen */
#rinen-catch {font-size:4rem;line-height:180%;font-weight:bold;}








/* bukken */
.inner.bukken {}
.bukken .bk {
	width:70%;
	margin: 40px auto 0;
	margin-bottom:0px;
	border-collapse: separate;
	text-align:center;
	border-spacing: 15px;
	color: #775943;
}
.bukken .bk caption {
	font-weight:bold;
	font-size:18px;
	border-bottom:1px solid #775943;
	padding:2rem 0;
}

.bukken .bk td {
	border-bottom: 1px dotted #aaa;
	padding: 0.6em 1em;
}
.bukken .bk td.ltd {
	width: 200px;
	font-weight: bold;
}
.bukken .bk td.rtd {text-align:left;}


/* 閉店物件買取 */
form .kaitoriTb tr {border-top:1px solid #fff;}
form .kaitoriTb .hissu {
	background:#ee0000;
	border-radius:0.5rem;color:#fff;
	font-size:1.1rem;
	padding:0 0.5rem;
}
form .kaitoriTb th {
	box-sizing:border-box;
	background:#ddd;
	text-align:center;
	padding:1.5rem;
}
form .kaitoriTb td {
	box-sizing:border-box;
	background:#eee;
	padding:1.5rem;
}
form .kaitoriTb input,form .kaitoriTb textarea {
	padding:5px;font-size:16px;
	box-sizing:border-box;
}
input[type="submit"] {
	padding:2rem;font-size:1.8rem;
}




/* 求人総合  */
#recruit-sougou .linkDiv {overflow:hidden;}
#recruit-sougou .linkDiv {overflow:hidden;}
#recruit-sougou .linkDiv .link {
	width:48%;margin-top:2rem;
	float:left;border:1px solid #222;font-size:3rem;
	text-align:center;
}
#recruit-sougou .linkDiv .link:nth-child(even) {float:right;}
#recruit-sougou .linkDiv .link a {padding:6rem 4rem;display:block;color:#222;}






/* アルバイト job */
table#oubo_list {
	border:1px solid #9999dd;
	margin: 25px auto;
	text-align: left;
}
table#oubo_list td {
	border:1px solid #9999dd;
	padding:5px;
	padding-left:10px;
	background-color:#fff;
}
table#oubo_list td.td1 {
		padding:5px;
		background-color:#eef;
}
table#oubo_list th {
		padding:7px;
		color: #fff;
		background-color: #3d58bf;
		text-align:center;
}








/*  */







/* access */
#map_canvas {height:360px;}








.Bn_staff {border:1px solid #e3a8a8;background:#FFF9F9;}
.Bn_staff a {padding:2rem;display:block;font-size:2rem;}


/* 消防訓練 */
#kunren {border:1px solid #ccc;padding:2rem;text-align:left;height:5rem;overflow-y:scroll;}
#kunren p {font-size:1.2rem;}



/* footer */
#figu2 {position:absolute;top:-16rem;left:0;z-index:0;}

#footer {
	position:relative;z-index:1;
	margin: 0px;
	margin-top: 20rem;
	padding:5% 0;
	background-color:#efefef;
}
#footer .inner {
	position: relative;
	z-index: 2;
}
#footer .link {overflow:hidden;}
#footer .link li {
	margin-top:1rem;float:left;padding:0 1em;list-style:none;
	border-left:1px solid #111;
	font-size:1.3rem;
	line-height: 100%;
}
#footer .link li:last-child {border-right:1px solid #111;}
#footer .link li a {color:#222;text-decoration:none;}
#footer .link li a:hover {text-decoration:underline;}
#footer .link li a:link ,#footer .link li:visited {color:#004497;}

.ft_name {margin-top:5rem;font-size:1.6rem;font-weight:bold;}
.ft_access {margin-top:0.5rem;}
.ft_tel {margin-top:0.5rem;}
.ft_tel a , .ft_tel a:link {text-decoration:underline;color:#004497;}

#footerBtm {
	padding:1rem;background:#3e3e3e;text-align:center;
	border-top: 3px solid #111;
}
#ft_logo {padding:2rem 0;}
#ft_logo:hover {opacity:0.8;}
#footerBtm p {
	font-size:10px;
	color:#fff;
}

/* ページトップへ戻る */
.pageTop {
	display:none;
	position:relative;
	width:90%;
	max-width:1000px;
	height:0;
	margin:0 auto;
}
.pageTop a {
	position: fixed;
	bottom: 0px;
	left:auto;
	display: block;
	width: 100px;
	height:50px;
	margin-left:855px;
	padding:2px;
	background:#004497;
	text-align:center;
	outline:none;
	text-decoration: none;
	z-index:3;
	border-radius:5px 5px 0 0;
}
.pageTop a:before,
.pageTop a:after {
	position:absolute;
	left:50%;
	content:"";
	width:0px;
	height:0px;
	margin-left:-11px;
	border:11px solid transparent;
}
.pageTop a:before {
	top:50%;
	margin-top:-13px;
	border-bottom:10px solid #004497;
}
.pageTop a:after {
	top:50%;
	margin-top:-15px;
	z-index:-1;
	border-bottom:10px solid #fff; /* 矢印の色 */
}

/* =====================
	タブレット向け
======================= */
@media screen and (min-width: 480px) and (max-width: 959px) {

.pageTop {
	width:100%;
}
.pageTop a {
	left:-50px;
	margin-left:50%;
}

/* タブレット向けここまで */ }

/* =====================
	スマホ向け
======================= */
@media screen and (max-width: 479px) {

.pageTop {
	width:100%;
}
.pageTop a {
	left:-50px;
	margin-left:50%;
}

/* スマホ向けここまで */ }



.over {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.over :hover {
 filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}