@charset "utf-8";
@import "mp.css";
@import "table.css";

body {
	font-family:'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic',sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	line-height: 180%;	
	color: #3e3a39;
	background-color: #fff;
	overflow-x: hidden;
}

section,article{  text-align: justify;
  text-justify: inter-character;}


caption{display:none}

address {
font-style:normal;
}
select {
border-radius: 5px;
appearance: none ;
-moz-appearance: none ;
  -webkit-appearance:none ; /* これを追加 */}
select::-ms-expand {
    display: block;
}

/* セレクトボックスの矢印デザイン変更 */

.selecter-container {
  position: relative;
  float: left;
  min-width: 200px;
}

.selecter-container:after {
  content: '>';
  font: 17px "Consolas", monospace;
  color: #444;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 13px;
  padding: 0 0 2px;
  border-bottom: 1px solid #e4e4e4;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}
.selecter-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 320px;
 height: 40px;
  float: right;
  margin: 5px 0px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #dbdbdb;
  -ms-word-break: normal;
  word-break: normal;
}
input,textarea {background-color: #FFFFFF;border: #e4e4e4 1px solid; border-radius: 5px; width: 100%;padding: 5px 10px;}
::placeholder{
  color:#999;
}
.searchbox2 input{background-color: #FFFFFF;border: #e4e4e4 1px solid; border-radius: 5px; width: auto;padding: 5px 10px!important;margin-right: 5px;}

/*------必須------*/<strong></strong>
.required{padding: 2px 5px 3px 5px;background-color:#EA5539;color: #FFF;margin-left: 10px; }

/*------fontゴシック------*/

.font-zen,.btn-subnavi,.btn-mainnavi,#topmainimg-text,.btn-topicon,.btn-topicon,.h2-eng,.pr-read,.pr-read2,.btn-pr,h3{font-family: 'Zen Kaku Gothic New', sans-serif;}


/*------bold------*/
.f-700,.btn-topicon,.btn-pr{
	font-weight: 700;
}
.f-500,.btn-subnavi,.btn-mainnavi,#topmainimg-text,.btn-topicon,.h2-eng,.pr-read{
	font-weight: 500;
}
.f-300{
	font-weight: 300;
}
.font-small,.fontsmall-08{
	font-size: 0.8em;
}

.font-big,.fonttbig-12{
	font-size: 1.2em;
}
/*-----施設一覧のカテゴリー-----*/
.list-cat-color1{background-color:#01AEE9;}
.list-cat-color2{background-color:#3b72c8;}
.list-cat-color3{background-color:#7FBE25;}
.list-cat-color4{background-color:#fc5c65;}
.list-cat-color5{background-color:#a55eea;}
.list-cat-color6{background-color:#fc5cad;}
.list-cat-color7{background-color:#4b6895;}
.list-cat-color8{background-color:#ff6600;}
.list-cat-color9{background-color:#00a3a3;}

/*-----キーカラー黒-----*/
.news-day{color: #3e3a39;}

/*-----キーカラー白-----*/
.sec-h1{color: #ffffff;}

/*-----キーカラーグレー#F6F6F6------*/
#spmenu .spmenu{border-color: #F6F6F6;}
#spmenu .spmenu,#spmenu a .spmenu,#spmenu a:visited .spmenu,#spmenu a:hover .spmenu,#spmenu a:active .spmenu{background-color: #F6F6F6;}

/*-----メインカラー緑------*/
.h2-eng,h2,.fontgreen{color: #7FBE25;}
.news-cat{background-color: #7FBE25;}

/*-----メインカラー青------*/
{color: #01AEE9;}
{background-color: #01AEE9;}

/*-----カラーグレー------*/
#footer,.bg-gray{background-color: #F6F6F6;}
.font-aka,.fontaka,.error-text{color:#EA5539;}

/*-----イメージオーバー------*/
.hover-style img {
	transition: all  0.3s ease;
}

.hover-style img:hover {
	opacity: 0.5;
	transition-duration: 500ms;
}

/*------スマホのみ電話リンク------*/
@media (min-width: 896px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*------位置の共通化------*/

ol{
	padding:0px;
	list-style-type: decimal;
	list-style-position:inside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ol li{
margin-left: 0px;
	border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;padding-bottom: 10px;
     text-indent: -1em;
  padding-left: 1em;
}

ul{
	padding:0px;
	list-style: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
ul li{
	margin-left: 10px;
}

p{
	margin:  0em;
	text-indent: 0em;
}

.mark{
padding-left: 1em; 
text-indent: -1em; 
}
.mark15{
padding-left: 1.5em; 
text-indent: -1.5em; 
}
.mark2{
padding-left: 2em; 
text-indent: -2em; 
}
.mark3{
padding-left: 3em; 
text-indent: -3em; 
}
.mark4{
padding-left: 4em; 
text-indent: -4em; 
}
.mark5{
padding-left: 5em; 
text-indent: -5em; 
}

.afterclear{
    zoom:1;/*for IE 5.5-7*/
}
.afterclear:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clear{
	clear: both;
	width: 100%;
    height: 0;
	visibility: hidden;
} 
.png{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*------img------*/
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.img-line{border: solid 1px #CCCCCC;}



/*------cap-----*/
.cap {
	font-size: 0.9em;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 10px;
}
/*------align------*/
.center {
	text-align: center!important;
}

.right {
	text-align: right;
}
.left {
	text-align: left;
}

/*------link------*/
a{color: #01AEE9;
	font-style: normal;
	text-decoration:none;
	transition: 0.3s ease-in-out;
}
a:visited{
color: #01AEE9;
	font-style: normal;
	text-decoration:underline;
}
a:hover{
	color: #7FBE25;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
a:active{
	color: #7FBE25;
	text-decoration: underline;
}

#gototop{
	position: fixed;
	right: 0;
	bottom: 0;
	height: 40px;
}
#gototop:hover{
	opacity: 0.5;
	transition-duration: 500ms;
}

/*-------------------------------旧コンテンツ用-------------------------*/
#precontent .pdf {
	background-image: url(../img/pdf.png);
	background-position: left center;
	padding-left: 20px;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-bottom: 2px;
}
#precontent .linekakomi{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

#precontent h3 {
	padding: 15px;
	font-size: 1.3em;
	font-weight: bold;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00A539;
	border-bottom-color: #00A539;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#precontent h3.h3s {
	font-size: 14px;
	color: #00a73c;
	padding-top: 3px;
	font-weight: normal;
	padding-left: 5px;
	text-align: left;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-bottom: 3px;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00a73c;
	border-bottom-color: #00a73c;
}
#precontent h4 {
	background-color: #F2F1EC;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 1.0em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e6e6e6;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	border-left-color: #00A73C;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

#precontent h5 {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #00A73C;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A73C;
	font-size: 1.1em;
}
#precontent h6 {
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 1em;
	color: #960;
}
/*-20160929追加近隣商業施設一覧ページ-*/
#precontent  p.syotengai {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #00A73C;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 1.4em;
}


/*------会社概要------*/
/*------20220516------*/
#precontent .kakomimark {
	padding: 10px;
	border: 1px solid #e6e6e6;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
/*------20220516------*/
/*------沿革関係------*/
#precontent .fontenkaku1 {
	color: #FF9900;
}
#precontent .fontenkaku2 {
	color: #66CC00;
}
#precontent .fontenkaku3 {
	color: #0099FF;
}
#precontent .fontenkaku4 {
	color: #FF3333;
}
#precontent .fontenkaku5 {
	color: #FF66CC;
}


/*----米印リスト----*/
#precontent ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
}
#precontent ul.asterisk li:before {
  display: inline;
  content: "※";
}

#precontent form.form-vertical strong{
	width: 60px;
	display: inline-block;
	text-wrap: nowrap;
	margin: 5px;
}
#precontent form.form-vertical input{
	max-width: calc(100% - 150px);
}

#precontent form.form-vertical img{
	margin-top: 10px;
	width: 100%;
}

#precontent .text1{font-weight: 500;margin-top: 20px;}

.formerror{
	color: #ff0000;
}
.formerrorbox{
	background-color: #FCF;
}
.formerrorbox input{
	margin: 5px;
}

.mtcommon{
	margin-top: 50px;
}

.list-name, .list-add{
	color: #3e3a39;
}

form input[type="checkbox"],form input[type="radio"]{
	width: auto;
  }