@charset "UTF-8";
/* reset */
h1,img,table,tr,th,td,ul,li,p{margin:0;	padding:0;}

li{list-style:none;}

img{border:none;vertical-align: top;}
table{border-collapse:collapse;}
hr{clear: both;border:none;border-top:1px solid #00918A;height:1px;margin:30px auto; width: 90%;}
	
/* link */
a {text-decoration: none;}
a:link {color:  #60159;}
a:visited {color:  #60159;}
a:hover {color: #60159A;  text-decoration:underline;}
a:active { color: #60159A;}

.text02 a {text-decoration: none;}
.text02 a:link {color: #000;text-decoration:underline;}
.text02 a:visited {color: #000;}
.text02 a:hover {color: #00F;  text-decoration:underline;}
.text02 a:active { color: #00F;}

.pan{margin:0 auto; padding:7px 0; text-align:left; font-size:13px; width:900px; color:#fff;}
.pan a {text-decoration: none;}
.pan a:link {color: #333;text-decoration:underline;}
.pan a:visited {color: #333;}
.pan a:hover {color: #60159A;  text-decoration:underline;}
.pan a:active { color: #60159A;}


/* text */
h1{margin:0 0 0 10px;font-size:16px;border-left:5px #fff solid;padding: 0 0 0 10px; color:#fff;}
h2{margin:0 0 0 45px; padding:10px 0; text-align:left; font-size:19px;font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-weight:bold; color: #00918A; font-weight:normal;}
h4{clear: both; margin:0px;font-size:17px;padding:10px 0px 5px 40px; color:#00918A; text-align: left;}
/* tab */
dl { clear:both;margin: 0 auto;padding: 0; width:90%;color:#000;}
dl dt {float: left;width:17%;margin: 0;padding:5px;line-height: 180%; font-size: 15px; text-align:justify;text-justify: inter-ideograph;border-top:1px dashed #ccc;}
dl dd {float: left; width: 78%; padding: 5px;margin:0;line-height: 180%;text-align:left; font-size: 15px;border-top:1px dashed #ccc;}


/* block */
.style1 { text-align:center; clear:both;}
.style2 { color:#FF9900; text-indent:-30px;}
.style3 { font-size:15px;border:1px solid #999; padding:0px 1px; margin:0 10px 0 0;}
.style4 { color:#666; line-height:1.8em; font-size:14px;}
.style5 { border:1px solid #999; color:#666; font-size:15px;padding:7px 10px ; margin:0 10px 0 0;}
.style6 { color:#00918A; font-size:18px; font-weight:bold;}
.style7 { color:#900;text-align:left;}

.text01{margin:0 0 0 35px; padding:0; text-align:left; font-size:14px;}
.text02{margin:0; padding:5px 0; text-align:left; font-size:14px; line-height:1.6em; border-bottom:1px dotted #999; width:100%;}
.text03{margin:0 0 0 35px; padding:10px 0; text-align:left; font-size:18px;font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-weight:bold; color:#60159A;}

.text06{margin:0 0 0 35px;font-weight:bold; font-size:18px;}
.text07{margin:0 35px 0 35px; padding:0; text-align:left; font-size:15px;}
.text08{margin:0 0 0 35px; padding:10px 0; text-align:left; font-size:16px;font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-weight:bold; color:#00918A;}
.text11{margin:5px 0 20px 45px; padding:0; text-align:left; font-size:14px;}
.text13{margin:0 0 0 35px; padding:0 0 5px 0; text-align:left; font-size:15px;}
.text14{margin:0; padding:10px 0 20px 0; text-align:left; font-size:16px;font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-weight:bold; color:#00918A;line-height: 2.0em;}

.text15{ width: 90%; margin:0 auto; padding:5px 0 10px 0; text-align:left; font-size:15px;border-top:1px dashed #ccc; }
.text16{ width: 90%; margin:0 auto; padding:5px 0 10px 0; text-align:left; font-size:15px;}
.text17{margin:0; padding:0 40px 0 0; text-align:right; font-size:13px;}

.photo{clear: both; margin:0 auto; padding:20px 0; text-align:center;}
.photo2{clear: both; margin:0 auto; padding:5px 0; text-align:center;}
.icon{margin:0; padding:0; float:left;}


.pan{margin:0 auto; padding:10px 0; text-align:left; font-size:13px; width:900px; color:#333;}
.info{ clear:both;margin:0 auto; padding:0; background:#fff;}



.footer{clear: both; width: auto; padding:20px 0; background: url("../img/back03.png")repeat-x; margin: 0 auto; height: auto;}

.copylay{clear: both; width: auto; padding: 15px; background: #B6E3BC; margin: 0 auto;}
.copy{float:left;margin:0; padding:0; text-align:left; font-size:13px; color:#406B56;}
.policy{float:right;margin:0; padding:0; text-align:right; font-size:12px; color:#406B56;}

.policy:before{content:"\0bb";font-weight:bold;}
.policy a{ color:#406B56;}
.policy a:hover{ color:#000; text-decoration: none;}
.cf:before,
.cf:after{content: ""; display: table;}
.cf:after{ clear: both; }
.cf{ zoom: 1; } 
.ftlay02{margin: 30px auto 30px auto; clear: both; }
.ftlay{margin: 30px auto 20px auto; clear: both;}
.ad{ clear:both;margin:0 auto; padding:15px 0 0 0; text-align:center; font-size:14px; color:#00918A;}
.ad02{ font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-weight:bold; font-size:16px;color:#000;text-align: left;padding: 0 10px 0 0; border: none;}
.ad03{ clear:both;margin:0 0 0 10px; padding:0 10px 0 10px; text-align:left; font-size:14px; line-height: 1.6em; border-left: 1px solid #000; }

ul.inner{margin:0 0 20px 0;padding: 0;}
ul.inner li{margin:0 55px 0 55px; padding:3px 0; text-align:left; font-size:15px;}

.btnlink{margin:12px 40px;}
.btnlink a {font-size:15px; font-weight:bold; text-align:center; clear:both; padding:5px 0; margin:0; color:#FFF;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius: 10px;behavior: url(“css/PIE.htc”);display:block;text-decoration:none; border:2px solid #00918A; width:300px;
background: #00918A;background: -moz-linear-gradient(top, #69B0AB, #00918A);
background: -webkit-linear-gradient(top,  #69B0AB, #00918A);
background: linear-gradient( #69B0AB, #00918A);}

.btnlink a:hover {text-decoration:none;border:2px solid #005b7f; color:#FFF;
background: #007566;background: -moz-linear-gradient(top, #00918A, #007566);
background: -webkit-linear-gradient(top, #00918A, #007566);
background: linear-gradient(#00918A, #007566);}

.tble { margin:0 auto; padding:0; width: 90%;}
.tble1 { width:auto; font-size:15px; padding:4px 8px; text-align:left; line-height:1.6em;}
.tble2 {color:#000; width:auto; font-size:15px; padding:4px 8px; text-align:center; line-height:1.6em; background: #CBCBCB;}
.tble3 { width:auto; font-size:15px; padding:4px 8px; text-align:right; line-height:1.6em;}
.tble4 {width:780px; padding: 5px;margin:0;line-height: 180%;text-align:left; font-size: 15px;}
.tble5 { font-size:15px; padding:4px 8px; text-align:center; line-height:1.6em;}
.tble6 { margin:0 0 0 50px; padding:10px 0px; text-align:center;}
.tble7 { width:auto; font-size:15px; padding:4px 8px; text-align:center; line-height:1.6em; background: #C9E5D1;}

.btn01 a { font-size:16px; text-align:center; padding:10px 0px; margin:30px auto 10px; color:#FFF; background-color:#563e69;border-radius: 5px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;behavior: url(“css/PIE.htc”);display:block;text-decoration:none; width:390px;}
.btn01  a:hover {text-decoration:none;background:#3a2a47; color:#FFF;}

.btn02{ clear:both; margin: 30px auto 10px auto;}
.btn02 a { clear:both; font-size:15px; text-align:center; padding:8px 0 7px 0px; margin:20px auto; color:#666;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;behavior: url(“css/PIE.htc”);display:block;text-decoration:none; width:600px;
background: #dcdcdc;
background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #dcdcdc),color-stop(1.00, #c2c2c2));
background: linear-gradient(to bottom,#dcdcdc 0%,#c2c2c2 100%);}
.btn02  a:hover {text-decoration:none;background:#c2c2c2; color:#000}

.btn03 a { font-size:16px; text-align:center; padding:20px 0px; margin:30px auto 10px; color:#000; background-color:#fff;border-radius: 5px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;behavior: url(“css/PIE.htc”);display:block;text-decoration:none; width:390px;}
.btn03  a:hover {text-decoration:underline;background:#fff; color:#000080;}

.btnpdf{  font-size:14px; margin:5px auto; text-align: center;}
.btnpdf a { font-weight:bold;text-align:center;color:#FFF;text-decoration:none; padding:2px 15px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
background: #a32952;
	background: -moz-linear-gradient(top, #fd3d7d, #a32952);
	background: -webkit-linear-gradient(top, #fd3d7d, #a32952);
	background: linear-gradient(#fd3d7d, #a32952);}
	
.btnpdf a:hover {text-decoration:none; color:#FFF;
	background:#4872b6;
	background: -moz-linear-gradient(top, #8aa5d1, #4872b6);
	background: -webkit-linear-gradient(top, #8aa5d1, #4872b6);
	background: linear-gradient(#8aa5d1, #4872b6);} 


.btnweb{  font-size:14px; margin:20px  auto; text-align: center; width: auto; padding: 0; }
.btnweb a { font-weight:bold;text-align:center;color:#684830;text-decoration:none; padding:10px 20px; margin:0; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
background: #DED268;
	background: -moz-linear-gradient(top, #DED268, #E8861F);
	background: -webkit-linear-gradient(top, #DED268, #E8861F);
	background: linear-gradient(#DED268, #E8861F);border: 1px solid #fff;}
	
.btnweb a:hover {text-decoration:none; color:#FFF;
	background:#4872b6;
	background: -moz-linear-gradient(top, #8aa5d1, #4872b6);
	background: -webkit-linear-gradient(top, #8aa5d1, #4872b6);
	background: linear-gradient(#8aa5d1, #4872b6);} 

.list01 { padding: 20px 0 0 10px;margin:0;line-height: 1.5em;text-align:left; font-size: 14px;}
.list01 ul { list-style:none;}
.list01 ul li {margin-bottom:10px;text-indent:-2.6em;padding-left:2.6em;}

.yotei{ width:900px; height:150px; text-align:center;margin:0 auto;display: table-cell;vertical-align: middle;}
.fukumain{width:780px; padding: 0px 10px 10px 10px;margin:0;line-height: 1.5em;text-align:left; font-size: 15px;}
.fukusub {width:780px; padding: 30px 10px 10px 10px;margin:0;line-height: 1.5em;text-align:left; font-size: 14px;}
.fukuimg{ width:800px; text-align:center;margin:0 auto;display: table-cell; margin:0 0 0 0;pading:0 0 20px 0;}
.yoyaku{ text-align:right; padding:15px 40px 0 0; margin:0;}
.yoyaku img{ width: 160px; height: auto;transition: 0.5s ;}
.yoyaku	img:hover {opacity: 0.7 ;}

.newstitle{ text-align:left; padding:5px 0 5px 10px; margin:10px auto;width: auto;	border-left: solid 10px #5F9C7E; border-bottom: solid 1px #5F9C7E; color: #5F9C7E; font-weight: bold;font-size: 17px;}
.mtitle{ padding:0; margin:0 auto;width:100%; text-align: center;}
.mtitle img{ text-align: center; width: 90%; margin:5px auto 25px auto; padding: 0;}	


ul.menu_f {list-style:none;margin:0 auto; width: 870px; padding: 10px 0; clear: both;}
ul.menu_f li {width: 14%;text-align: center;float: left;font-size: 13px;}
ul.menu_f li:before {content: "\025b6";padding: 0 5px;display:inline-block;vertical-align:middle;color: #00918A;}
ul.menu_f li a { text-decoration: none;color: #000;}
ul.menu_f li a:hover {  text-decoration: none;color: #00918A;}

/* body */
body {
	scrollbar-track-color:#666;     /*バーのない部分の色*/
	scrollbar-face-color:#6665;      /*バー表面の色*/
	scrollbar-arrow-color:#ffffff;     /*矢印の色*/
	scrollbar-3dlight-color:#666;   /*外枠明るい部分の色*/
	scrollbar-darkshadow-color:#666;/*外枠暗い部分の色*/
	scrollbar-highlight-color:#6665; /*内枠明るい部分の色*/
	scrollbar-shadow-color:#666;    /*内枠暗い部分の色*/
	margin:0 auto;
	padding:0;
	font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	background-color:#fff;}

#container {
 margin:0 auto;
 padding:0; 
	clear: both;
	width: 980px;
 }


#header {
 background:url(../img/back02.png) repeat-x;
 width:100%;
 height:110px;
 margin:0 auto;
 padding:0;
 text-align:center;
}

.toplogo{ float: left; padding: 27px 0 0 50px;}
.toplogo img{  width: 315px;}

.toptellay{ float: right; padding: 20px 40px 0 0;}
.toptel{padding: 0;}
.toptel img{  width: 230px;}

#menu {
clear:both;
 background:#5F9C7E;
 width:100%;
 margin:0 auto;
 padding:0;
}

#menu02 {
clear:both;
 width:960px;
 margin:0 auto;
 padding:0;
}

.slideshow {
	max-width: 100%;height: 800px;
	/* (画像の高さ / 画像の横幅) × 100 */
	background: url("../img/top01.jpg")no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}	

@media only screen and (max-width: 1920px) {
.slideshow {
	max-width: 100%;height:600px;
}}

.main {
	float: left;
 width:70%;
 margin:0 auto;
 padding:20px 0 20px 10px;
}



#main02  {
 background: #fff;
 width:900px;
 margin:0 auto;
 padding:10px 0;
 border-radius: 7px; /* CSS3 */
 -moz-border-radius: 7px; /* Firefox */
 -webkit-border-radius: 7px; /* Safari,Chrome */
 behavior:url(PIE.htc);
}


.sidemain {
	float: right;
	width: auto;padding:30px 10px 30px 0;
}


.sidebox {
	background: #EFF7EE;
	padding: 20px 25px ;border-radius: 5px;
}

.sideboxtitle {
	font-size: 14px ;
	text-align: left;
	padding: 3px 7px;
	border-left: 7px solid #5B725F; color: #5B725F;
}
.sideboxtel {
	font-size:30px;
	color: #D17822;
	font-family: MS P明朝,ヒラギノ明朝,Times;
	font-weight: bold;
	padding: 5px 0 0 0;
}
.sideboxtel span {
	font-size:20px;
}

.title {
 clear:both;
 width:820px;
 height:40px;
 background:url(../img/title_s.png) no-repeat;
 margin:10px 0 10px 35px;
 padding:7px 0 0 0;
}

#info {
 clear:both;
 width:100%;
 height:100%;
 margin:0 auto;
 padding:0;
 background:#fff;
}



.iframe2 {width:100%; height:100%; border:none; /* 追加で指定 */ display:block; /* 追加で指定 */}
#iframe2 { width:hogehoge;height:hogehoge;overflow:auto; /* scrollからautoに変更 */-webkit-overflow-scrolling:touch; /* ついでに枠線も整形 */}
#iframe3 {height:500px;overflow:auto; /* scrollからautoに変更 */ -webkit-overflow-scrolling:touch; /* ついでに枠線も整形 */}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}

.dropmenu:after{clear: both;}

.dropmenu li{
  position: relative;
  width: auto;
  float: left;
  margin: 0;
  padding:0;
  text-align: center;
width: 14%; border-right: 1px solid #80BC9C;}

.dropmenu li:last-child{
  border-right: none;
}

.dropmenu li a{
  display: block;
  margin: 0;
  padding:15px 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.5em;
  text-decoration: none;
	
	
}


.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

.dropmenu li ul li{width: 100%;border-right: none;}
.dropmenu li ul li a{
  margin:0;font-size: 13px;
  padding: 15px 5px;
  border-bottom: 1px solid #FFF;
  background: #8EBF5E;
  text-align: center;
}
.dropmenu li:hover > a{background: #5DB50B;}
.dropmenu li a:hover{background: #5DB50B; color:#FFF;}

#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;  
}

#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}

#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}

#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}


.half  {
 float:left;
 width:400px;
 margin:0 0 0 30px;
 padding:10px;
}

.half2  {
 float:left;
 width:auto;
 margin:0 0 0 20px;
 padding:5px 0; 
 line-height:1.8em;
}

.half3  {
 float:left;
 width:auto;
 margin:0 0 0 40px;
 padding:5px 0;
}

.half4  {
 float:left;
 width:360px;
 margin:0 0 0 60px;
 padding:5px 0;
 line-height:1.8em;
}

.tablelay {
	clear: both;
 float:none;
 width:90%;
 margin:10px auto;
 padding:5px 0;
}

.fukubox {
 clear:both;
 width:800px;
 border:#00918A 2px solid;
 margin:10px 0 20px 40px;
 padding:7px 0 0 0;
     border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}