@charset "UTF-8";
body {
	-webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

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

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color: #000;
}

.max1010 {
	max-width: 1010px;
	margin: 0 auto;
	width: 100%;
}

#allwrap.small {
	font-size: 12px;
}

#allwrap.middle {
	font-size: 14px;
}

#allwrap.large {
	font-size: 16px;
}

@media screen and (min-width: 801px) {
	.nopc {
		display: none;
	}
	#spnav {
		display: none;
	}
}

#main-header {
	font-size: 0.857em;
	padding: 10px 0 5px;
}

#main-header h1 {
	max-width: 240px;
	float: left;
}

#main-header h1 a {
	display: block;
	transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
}

#main-header h1 a img {
	display: block;
	width: 100%;
}

#main-header h1 a:hover {
	opacity: .7;
}

#header-inner {
	float: right;
}

#header-info {
	height: 36px;
}

#header-info p,
#header-info dl,
#header-info ul {
	float: right;
	margin-left: 10px;
}

#header-info dl {
	padding: 1px;
	border: 1px #666666 solid;
	overflow: hidden;
}

#header-info dt {
	line-height: 1.0;
	float: left;
	padding: 3px;
	padding-top: 5px;
}

#header-info dd,
#header-info li {
	line-height: 1.0;
	float: left;
}

#header-nav ul {
	float: left;
}

#header-nav li {
	display: inline;
	padding-left: 15px;
	background: url(../images/2016/mark04.gif) no-repeat left center;
	margin-left: 10px;
}

#header-nav li.home {
	color: #00985D;
	background: url(../images/2016/mark_home.gif) no-repeat left center;
}

#header-nav li.home a {
	color: #00985D;
	text-decoration: none;
}

#header-nav dl {
	float: right;
	overflow: hidden;
	margin-left: 10px;
	border-left: 5px #676767 solid;
}

#header-nav dt {
	line-height: 1.0;
	float: left;
	padding: 5px;
}

#header-nav dd {
	line-height: 1.0;
	float: left;
}

#fontSize li {
	cursor: pointer;
}

#fontSize li:first-child {
	background-image: url(../images/2016/font_s_ov.gif);
}

#fontSize li:nth-child(2) {
	background-image: url(../images/2016/font_m_ov.gif);
}

#fontSize li:nth-child(3) {
	background-image: url(../images/2016/font_l_ov.gif);
}

#fontSize li.active img {
	opacity: 0;
}

#glnav {
	width: 100%;
}
#glnav--nav {
	font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
	background-color: #00985d;
}

#glnav--nav li a {
	color: #00985d;
}

#glnav--nav li a:hover {
	background-color: rgba(0, 152, 93, 0.8);
}

#glnav--nav.kaigai {
	background-color: #00a1e9;
}

#glnav--nav.kaigai a {
	font-size: 0.9em;
}

#glnav--nav.kaigai li a {
	color: #00a1e9;
}

#glnav--nav.kaigai li a:hover {
	background-color: rgba(0, 161, 233, 0.8);
}

#glnav--nav.kokunai {
	background-color: #fe6601;
}

#glnav--nav.kokunai a {
	font-size: 0.9em;
}

#glnav--nav.kokunai li a {
	color: #fe6601;
}

#glnav--nav.kokunai li a:hover {
	background-color: rgba(254, 102, 1, 0.8);
}

#glnav--nav .max1010 {
	width: 100%;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
}

#glnav--nav > div > span {
	display: table-cell;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	vertical-align: middle;
	position: relative;
}

#glnav--nav > div > span > a {
	color: #fff;
	display: block;
	position: relative;
	width: 100%;
	line-height: 1.3;
	text-align: center;
	font-size: 0.75em;
	text-decoration: none;
	transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	min-height: 50px;
	position: relative;
}

#glnav--nav > div > span > a > em {
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding: 1em 0.6em;
}

#glnav--nav > div > span > a:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

#glnav--nav > div > span:hover ul {
	display: block;
}

#glnav--nav > div > span ul {
	width: 100%;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 100;
	border: 1px solid #666;
}

#glnav--nav > div > span ul a {
	background-color: rgba(255, 255, 255, 0.9);
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.3;
	padding: 0.8em 0.4em;
	border-top: 1px solid #666;
}

#glnav--nav > div > span ul a:hover {
	color: #fff;
}

#glnav--nav > div > span ul li:first-child a {
	border-top: 0;
}


#glnav--tab {
	font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

#glnav--tab a {
	line-height: 1.7em;
	display: table-cell;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	vertical-align: middle;
	text-align: center;
	padding: 0.4em;
	text-decoration: none;
	transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	color: #fff;
}

#glnav--tab a:hover {
	opacity: .7;
}

#glnav--tab a.glnav--tab--1 {
	background-color: #00985d;
}

#glnav--tab a.glnav--tab--2 {
	background-color: #00a0e9;
}

#glnav--tab a.glnav--tab--3 {
	background-color: #ff6600;
}

#contentArea {
	max-width: 1010px;
	margin: 0 auto;
	padding-top: 20px;
}

#mainContent {
	float: right;
	width: calc(100% - 222px);
	padding-bottom: 40px;
}

#LeftSideBar {
	width: 202px;
	margin: 0 20px 30px 0;
	font-size: 12px;
	float: left;
}

#login {
	width: 202px;
	padding: 0 0 0;
	margin-bottom: 8px;
	background-color: #FFA133;
	text-align: center;
	display: block;
	color: #000;
}

#login h2 {
	border-bottom: 2px #FFFFFF solid;
	margin-bottom: 15px;
}

#login h2 img {
	display: block;
}

#login dl {
	text-align: right;
	clear: both;
	margin: 0 20px 5px 0;
}

#login dt,
#login dd {
	display: inline;
}

#login dd input {
	width: 105px;
}

#login p,
#login li {
	font-size: 0.9em;
	margin-bottom: 2px;
}

#login li a {
	color: #000;
	transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
}

#login li a:hover {
	opacity: .7;
}

#login_nav {
	display: block;
	padding-bottom: 1px;
}

#login_nav li {
	margin: 0 0 1px;
	line-height: 1.0;
	display: block;
}

#login_nav li:last-child {
	margin-bottom: 0;
}

#LeftSideBn a {
	display: block;
	transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	margin-bottom: 8px;
}

#LeftSideBn a img {
	display: block;
	width: 100%;
}

#LeftSideBn a:hover {
	opacity: .7;
}

#LeftSidePartner img {
	display: block;
	width: 100%;
}

#LeftSidePartner > div {
	border: 1px solid #6a3906;
	padding: 1em;
}

#LeftSidePartner a {
	display: block;
	line-height: 1.2;
	margin-bottom: 1em;
	padding-left: 1.5em;
	background-image: url(../images/2016/ar1.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}

#LeftSidePartner a:last-child {
	margin-bottom: 0;
}

#main-footer {
	text-align: left;
	margin-bottom: 40px;
	border-top: solid #00985d;
	padding-top: 30px;
}

#main-footer .cf > div {
	float: left;
	width: 25%;
	padding-right: 1em;
	font-size: 85%;
}

#main-footer .cf > div a {
	display: block;
}

#main-footer .cf > div strong {
	display: block;
	font-weight: bold;
}

#main-footer .cf > div strong:not(:first-child) {
	margin-top: 1.5em;
}

#creditfooter {
	text-align: left;
	padding: 1.3em 0;
	background-color: #00985d;
	color: #fff;
}

#creditfooter a {
	color: #fff;
}

#creditfooter .cf > div {
	float: left;
}

#creditfooter .cf > p {
	float: right;
	font-size: 85%;
}

@media only screen and (max-width: 800px) {
	#fontSize li {
		cursor: pointer;
	}
	#fontSize li:first-child {
		background-image: url(../images/2016/font_s_ov.gif);
	}
	#fontSize li:nth-child(2) {
		background-image: url(../images/2016/font_m_ov.gif);
	}
	#fontSize li:nth-child(3) {
		background-image: url(../images/2016/font_l_ov.gif);
	}
	#fontSize li.active img {
		opacity: 0;
	}
}



/* 2017/06/30追記 */

.top-box-2 {
  	background: #ffa133 none repeat;
	margin-bottom: 20px;
	padding: 0 20px;
}
  .top-box-2 h2 {
    font-size: 165%;
    font-weight: bold;
    padding: 0.3em 0.6em 0.3em 56px;
    margin-bottom: 10px;
    font-family: 'Noto Sans JP', sans-serif;
font-weight:700;
    background-repeat: no-repeat;
    background-position: left 10px center;
	background-image: url(http://www.longstay.or.jp/themes/longstay/common/images/2016/light.jpg);
	color: #fff; 
	text-align:left!important;}

	
	.top-box-2 h2 em{
		font-size: 62.5%;
		font-weight: bold;
	}

	.top-info h2 em{
		font-size: 62.5%;
		font-weight: bold;
	}
	
  .top-box-2 .cf div {
 	float: left;
	width: 23%;
	margin-right: 2%;
}

.top-box-2 .cf div:last-child {
	margin-right: 0;
}
      
      
      

      .top-box-2 .under_bunner02{
            margin-top: 30px;
    margin-bottom: 55px;
      }
  .top-box-2 .cf a {
    display: block;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    .top-box-2 .cf a img {
      display: block;
      width: 100%; }
    .top-box-2 .cf a:hover {
      opacity: .7; }
    .top-box-2 .cf a.m {
      margin-bottom: 10px; }

.top-box-3 {
	margin-bottom: 20px;
}

  .top-box-3 .cf div {
    float: left;
    width: 32%; }
    .top-box-3 .cf div:nth-child(2) {
      margin: 0 2%; }

      .top-box-3 .under_bunner02{
            margin-top: 30px;
    margin-bottom: 55px;
      }
  .top-box-3 .cf a {
    display: block;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    .top-box-3 .cf a img {
      display: block;
      width: 100%; }
    .top-box-3 .cf a:hover {
      opacity: .7; }
    .top-box-3 .cf a.m {
      margin-bottom: 10px; }



a.op:hover {
	opacity: .7;
}