@charset "UTF-8";
/* CSS Document */

/* basic
-------------------------------------------- */
html,body{ height:100%;}
body {font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 13px; line-height: 1.8; letter-spacing: 1px; background:#FFF; color:#080808;}
a {color:#080808;}
a:hover {text-decoration:underline; color:#00b2c7;}
.clear { clear:both;}
.alert { color:#FF0000; }
#wrap {position:relative; height:auto; min-height:100%;}

/* headerAria
-------------------------------------------- */
#header {background:#080808; height:66px;}
#header .inner {width:960px; margin:0 auto; position:relative;}
#header h1 , #header ul {position:absolute;}
#header h1 {width:375px; height:33px; top:18px;}
#header h1 a {display:block; background:url(../img/imsheadlogo.png) 0 0 no-repeat; width:375px; height:33px; text-indent:-9999em; overflow:hidden;}
/*top*/
#header.top ul.bnList {top:15px; right:0; line-height:0;}
#header.top ul.bnList li.btn1 {width:124px; height:15px; overflow:hidden;}
#header.top ul.bnList li.btn1 a {display:block; width:124px; height:15px; background:url(../img/btnHeadbn01_on.gif) 0 0 no-repeat;}
#header.top ul.bnList li.btn1 a img {vertical-align:auto;}
#header.top ul.nav {top:37px; right:0;}
#header.top ul.nav li {float:left;}
#header.top ul.nav li.btn1 {width:207px; height:14px; margin-right:20px;}
#header.top ul.nav li.btn1 a {display:block; width:207px; height:14px; background:url(../img/btnHeadnav01_on.gif) 0 0 no-repeat;}
#header.top ul.nav li a img {vertical-align:auto;}
#header.top ul.nav li.btn2 {width:124px; height:14px;}
#header.top ul.nav li.btn2 a {display:block; width:124px; height:14px; background:url(../img/btnHeadnav02_on.gif) 0 0 no-repeat;}
/*sub*/
#header.sub ul.bnList {top:15px; right:0; line-height:0;}
#header.sub ul.bnList li.btn1 {width:124px; height:15px; overflow:hidden;}
#header.sub ul.bnList li.btn1 a {display:block; width:124px; height:15px; background:url(../img/btnHeadbn01_on.gif) 0 0 no-repeat;}
#header.sub ul.bnList li.btn1 a img {vertical-align:auto;}
#header.sub ul.nav {top:16px; right:140px;}
#header.sub ul.nav li {float:left;}
#header.sub ul.nav li.btn1 {width:207px; height:14px; margin-right:20px;}
#header.sub ul.nav li.btn1 a {display:block; width:223px; height:16px; background:url(../img/btnHeadnav01_on.gif) 0 0 no-repeat;}
#header.sub ul.nav li a img {vertical-align:auto;}
#header.sub ul.nav li.btn2 {width:124px; height:14px;}
#header.sub ul.nav li.btn2 a {display:block; width:132px; height:16px; background:url(../img/btnHeadnav02_on.gif) 0 0 no-repeat;}

/* mv
-------------------------------------------- */
/* top */
#mv.top {height:470px;}
#mv.top .inner {width:960px; margin:0 auto;  position:relative;}
/* sub */
#mv.sub {height:300px; background:url(../img/mv01.jpg) 0 0 no-repeat; border-top:5px solid #FFFFFF; }
#mv.sub .inner {width:960px; margin:0 auto;  position:relative;}

/*
-- gblNav (top) -------------------------  */
#mv.top #gbl_nav_wrap {width:448px; position:absolute; right:0; top:200px;}
/* lv1 */
#mv.top ul.gbl_lv1 { position: relative; list-style:none; z-index:200; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#mv.top ul.gbl_lv1 li { float: left; margin-right:16px;}
#mv.top ul.gbl_lv1 li.end {margin-right:0;}
#mv.top ul.gbl_lv1 li a {color:#FFF; display:block; height:100px; width: 100px;}
#mv.top ul.gbl_lv1 li a.menu01 {background:url(../img/gblNav01.png) 0 0 no-repeat; text-indent:-9999em; overflow:hidden;}
#mv.top ul.gbl_lv1 li a.menu02 {background:url(../img/gblNav02.png) 0 0 no-repeat; text-indent:-9999em; overflow:hidden;}
#mv.top ul.gbl_lv1 li a.menu03 {background:url(../img/gblNav03.png) 0 0 no-repeat; text-indent:-9999em; overflow:hidden;}
#mv.top ul.gbl_lv1 li a.menu04 {background:url(../img/gblNav04.png) 0 0 no-repeat; text-indent:-9999em; overflow:hidden;}
/*
#mv.top ul.gbl_lv1 li a.menu01:hover, #mv.top ul.gbl_lv1 > li.selected > a.menu01 {background:url(../img/gblNav01_on.png) 0 0 no-repeat;}
#mv.top ul.gbl_lv1 li a.menu02:hover, #mv.top ul.gbl_lv1 > li.selected > a.menu02 {background:url(../img/gblNav02_on.png) 0 0 no-repeat;}
#mv.top ul.gbl_lv1 li a.menu03:hover, #mv.top ul.gbl_lv1 > li.selected > a.menu03 {background:url(../img/gblNav03_on.png) 0 0 no-repeat;}
#mv.top ul.gbl_lv1 li a.menu04:hover, #mv.top ul.gbl_lv1 > li.selected > a.menu04 {background:url(../img/gblNav04_on.png) 0 0 no-repeat;}
*/
#mv.top ul.gbl_lv1 > li.selected > a.menu01 {background:url(../img/gblNav01_on.png) 0 0 no-repeat;}
#mv.top ul.gbl_lv1 > li.selected > a.menu02 {background:url(../img/gblNav02_on.png) 0 0 no-repeat;}
#mv.top ul.gbl_lv1 > li.selected > a.menu03 {background:url(../img/gblNav03_on.png) 0 0 no-repeat;}
#mv.top ul.gbl_lv1 > li.selected > a.menu04 {background:url(../img/gblNav04_on.png) 0 0 no-repeat;}


/* lv2 */
#mv.top ul.gbl_lv2 {display:none; position:absolute; top:100px; left:0px; width:418px; padding:20px 0 20px 30px; list-style-position:outside; margin:0;}
#mv.top ul.menuBg1 { background-color:#ff4b8f; }
#mv.top ul.menuBg2 { background-color:#ffa800; }
#mv.top ul.menuBg3 { background-color:#26a300; }
#mv.top ul.menuBg4 { background-color:#00b2c7; }

/*
#mv.top ul.gbl_lv1 li:hover ul.gbl_lv2 {display:block;}
*/
#mv.top ul.gbl_lv2 li {margin:0px; width:180px; margin-right:10px;}
#mv.top ul.gbl_lv2 li a {height:auto; background-color: none; width:180px; color: #FFF; padding-left: 18px; background:url(../img/iconArrow_w.gif) 0 3px no-repeat; font-size:12px;}
/*
#mv.top ul.gbl_lv2 li a:hover { text-decoration:underline;}
*/
/* lv3 */
#mv.top ul.gbl_lv3  {position:static; padding:0; width: auto; font-size:10px; margin-left:0px;}
#mv.top ul.gbl_lv3 li {float: none; margin-bottom:1px; width: auto; margin-right:0px; margin-left:0px;}
#mv.top ul.gbl_lv3 li a { color: #FFF; width: auto; background:url(../img/iconArrow_m.gif) 18px 5px no-repeat; padding-left:27px; }

/*
-- gblNav (sub) -------------------------  */
#mv.sub #gbl_nav_wrap {width:468px; right:0; top:-25px; position:absolute;}
/* lv1 */
#mv.sub ul.gbl_lv1 { position: relative; list-style:none; z-index:200; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#mv.sub ul.gbl_lv1 li { float: left;}
#mv.sub ul.gbl_lv1 li a {color:#FFF; display:block; height:25px; width: 117px;}
#mv.sub ul.gbl_lv1 li a.menu01 {background:url(../img/gblNav01s.gif) 0 0 no-repeat; text-indent:-9999em; overflow:hidden;}
#mv.sub ul.gbl_lv1 li a.menu02 {background:url(../img/gblNav02s.gif) 0 0 no-repeat; text-indent:-9999em; overflow:hidden;}
#mv.sub ul.gbl_lv1 li a.menu03 {background:url(../img/gblNav03s.gif) 0 0 no-repeat; text-indent:-9999em; overflow:hidden;}
#mv.sub ul.gbl_lv1 li a.menu04 {background:url(../img/gblNav04s.gif) 0 0 no-repeat; text-indent:-9999em; overflow:hidden;}
#mv.sub ul.gbl_lv1 > li.selected > a.menu01 {background:url(../img/gblNav01s_on.gif) 0 0 no-repeat;}
#mv.sub ul.gbl_lv1 > li.selected > a.menu02 {background:url(../img/gblNav02s_on.gif) 0 0 no-repeat;}
#mv.sub ul.gbl_lv1 > li.selected > a.menu03 {background:url(../img/gblNav03s_on.gif) 0 0 no-repeat;}
#mv.sub ul.gbl_lv1 > li.selected > a.menu04 {background:url(../img/gblNav04s_on.gif) 0 0 no-repeat;}
/*
#mv.sub ul.gbl_lv1 li a.menu01:hover, #mv.sub ul.gbl_lv1 > li.selected > a.menu01 {background:url(../img/gblNav01s_on.gif) 0 0 no-repeat;}
#mv.sub ul.gbl_lv1 li a.menu02:hover, #mv.sub ul.gbl_lv1 > li.selected > a.menu02 {background:url(../img/gblNav02s_on.gif) 0 0 no-repeat;}
#mv.sub ul.gbl_lv1 li a.menu03:hover, #mv.sub ul.gbl_lv1 > li.selected > a.menu03 {background:url(../img/gblNav03s_on.gif) 0 0 no-repeat;}
#mv.sub ul.gbl_lv1 li a.menu04:hover, #mv.sub ul.gbl_lv1 > li.selected > a.menu04 {background:url(../img/gblNav04s_on.gif) 0 0 no-repeat;}
*/
/* lv2 */
#mv.sub ul.gbl_lv2 {display:none; position:absolute; top:25px; left:0px; width:438px; padding:20px 0 20px 30px; list-style-position:outside; margin:0;}
#mv.sub ul.menuBg1 { background-color:#ff4b8f; }
#mv.sub ul.menuBg2 { background-color:#ffa800; }
#mv.sub ul.menuBg3 { background-color:#26a300; }
#mv.sub ul.menuBg4 { background-color:#00b2c7; }

/*
#mv.sub ul.gbl_lv1 li:hover ul.gbl_lv2 {display:block;}
*/
#mv.sub ul.gbl_lv2 li {margin:0px; width: 180px; margin-right:20px;}
#mv.sub ul.gbl_lv2 li a {height:auto; background-color: none; width:180px; color: #FFF; padding-left: 18px; background:url(../img/iconArrow_w.gif) 0 3px no-repeat; font-size:12px;}
/*
#mv.sub ul.gbl_lv2 li a:hover{ text-decoration:underline;}
*/
/* lv3 */
#mv.sub ul.gbl_lv3  {position:static; padding:0; width: auto; font-size:10px; margin-left:0px;}
#mv.sub ul.gbl_lv3 li {float: none; margin-bottom:1px; width: auto; margin-right:0px; margin-left:0px;}
#mv.sub ul.gbl_lv3 li a { color: #FFF; width: auto; background:url(../img/iconArrow_m.gif) 18px 5px no-repeat; padding-left:27px; }

/*kuzu
-------------------------------------------- */
p#kuzu { padding:15px 0; width:960px; margin:0 auto;}

/* contentsAria
-------------------------------------------- */
#contents { width:960px; margin:0 auto; position:relative; padding-bottom:40px; }


/* footerAria
-------------------------------------------- */
#footer {background:#f3f3f3;}
#footer .inner {width:960px; margin:0 auto; padding:40px 0; position:static;}
#footer .sitemap {width:440px; float:left; font-size:11px;	}
#footer h4 {display:none;}
#footer ul { list-style-type:none;}
#footer .sitemap li { margin-top:2px; }
#footer .sitemap li.group01 {float:left; padding-bottom:40px;}
#footer .sitemap li.group02 , #footer .sitemap li.group03 , #footer .sitemap li.group04 , #footer .sitemap li.group05 , #footer .sitemap li.group06 , #footer .sitemap li.group07 { float:right; }
#footer .sitemap span.title01 , #footer .sitemap span.title02 , #footer .sitemap span.title03 , #footer .sitemap span.title04 , #footer .sitemap span.title05 , #footer .sitemap span.title06 , #footer .sitemap span.title07 {display:block; width:190px; border:1px solid #080808; padding:2px 10px; margin-bottom:5px;}
#footer .sitemap li.group03 , #footer .sitemap li.group04 , #footer .sitemap li.group05 , #footer .sitemap li.group06 , #footer .sitemap li.group07 {margin-top:10px;}
#footer .sitemap li.lv01 {padding-left:18px; background:url(../img/iconArrow1.gif) 0 3px no-repeat;}
#footer .sitemap li.lv02 {padding-left:18px; background:url(../img/iconArrow2.gif) 0 3px no-repeat;}
#footer ul.banner {float:right; width:400px; text-align:left; margin-bottom: 20px;}
#footer ul.banner li {display:inline;}
#footer ul.guide { /*position:absolute; left:463px; top:10px;*/  text-align:center; margin-top:-20px;}
#footer ul.guide li {width:34px; height:37px; background:url(../img/btnPagetop_on.gif) 0 0 no-repeat; display:inline-block; }
#footer ul.guide li a {display:block; width:34px; height:37px;}
#footer address {clear:both; text-align:center; background:#080808; color:#FFFFFF; padding:5px; text-decoration:none; font-size:11px;}

/* clearfix
-------------------------------------------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; 	width: 10px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #efefef; position: relative; }
.jspDrag { background: #cccccc; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; 	text-indent: -20000px; 	display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }


/*170720_採用情報トピックス*/
table.tbl_rec_news{
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto 20px;
}
table.tbl_rec_news th,
table.tbl_rec_news td{
	padding: 6px;
	border: 1px solid #b9b9b9;
}
table.tbl_rec_news th{
	width: 25%;
	text-align: center;
	vertical-align: middle;
	color: #333;
	background-color: #eee;
	font-weight:bold;
}
table.tbl_rec_news td{
	background-color: #fff;
}

a p img{
    display: block;
    text-align: center;
    
}

/*施設一覧
-------------------------------------------------------------------------------*/
div.tbl_hos_box{
	width: 65%;
	float: left;
	overflow: hidden;
}
table.tbl_hos{
	width: 100%;
	border-collapse: collapse;
}
table.tbl_hos th,
table.tbl_hos td{
	padding: 6px;
	border: 1px solid #b9b9b9;
}
table.tbl_hos th{
	text-align: center;
	vertical-align: middle;
	color: #333;
	background-color: #D0E7CE;
	font-weight:bold;
	width: 15%;
}
table.tbl_hos td{
	background-color: #fff;
}
table.tbl_hos td.kiki{
	width: 20%;
}

div.img_hos_box{
	width: 35%;
	float: left;
	text-align: center;
	overflow: hidden;
}
div.img_hos_box img{
	width: 80%;
}
#contents p.hos_site{
	background: #efefef;
	padding: 10px 15px;
	font-size: 12px;
	margin: 16px auto 5px;
}


.mb10{
	margin-bottom: 10px!important;
}
.mb20{
	margin-bottom: 20px!important;
}
.mb30{
	margin-bottom: 30px!important;
}
.mb40{
	margin-bottom: 40px!important;
}
.mb50{
	margin-bottom: 50px!important;
}
.mb60{
	margin-bottom: 60px!important;
}
.txtaC {
	text-align: center!important;
}
.txtaR {
	text-align: right!important;
}
.txtaL {
	text-align: left!important;
}
.fwb {
	font-weight: bold!important;
}
.fcBlue {
	color: #3773bb!important;
}
.fcRed {
	color: #ff0000!important;
}
.floatL {
	float: left!important;
}
.floatR {
	float: right!important;
}
.flex{
	display: flex;
}

.list_theme{
    width: 90%;
    margin: 10px auto;
}

.list_theme li::before{
    content: "・";
    color: #E13A72;
}
.top_shiken_img a img{
	width: 100%;
	max-width: 300px;
	display: block;
	margin: 0 auto;
}