@charset "utf-8";
/* CSS Document */
body {
margin: 0px;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;-webkit-text-size-adjust: 100%;line-height: normal;min-width:1140px;
}



.f13{line-height: 150%;font-size:13px;}
.f12 {color: #333333;line-height: 150%;font-size:12px;}
.f11 {color: #333333;line-height: 140%;font-size:11px;}
.f10 {color: #333333;line-height: 150%;font-size:10px;text-align:left}

ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.switch {visibility: hidden;}

/*スマホ*/
@media screen and (max-width:640px){
	
body {min-width:initial;}
h1{margin: 0 auto;font-size:10px;padding: 0px 0px 0px 0px;color:#666;}

#container{width:99%;margin: 75px auto 5px auto ;padding: 0px 0px 0px 0px;}
#maintop{margin: 0px auto ;width: 95%;height: auto;text-align:center;padding: 0px 0px 0px 0px;}

.topmaincg{z-index: 0;position: absolute;width: 50%;height: auto;margin: 0px auto 0px 0px;left: 50%;top: 18%;}
.topmaincg img{width: 80%;height: auto;margin: 0px auto 0px 0px;}
/* ------------------------------
 ナビ
------------------------------ */
.br-s { display:none; }


#menu {position: relative;width: 100%;padding: 0px;height: 40px;background: #fff; z-index: 999;}
#menu li {list-style-type: none;float: left;display: block;color: #A1A1A1;height: 40px;text-align: left;z-index: 999;font-size: 100%;line-height: 40px;}
#menu li a {display: block;color: #fff;font-size: 100%;line-height: 40px;z-index: 1000;text-decoration: none;}
#menu li:hover a {color: #000;background: #ccc;transition: all .5s;z-index: 999;}

#top-editarea{position: fixed;top: 0px; left: 0px; height: initial;text-align: right;width: 100%;top: 0;opacity: 9.5;z-index:999;background-color:#FFF}

#top-editarea img{margin: 0px;padding:0px 0px 5px 0.8%; float:left;}

#top-editarea p{margin: 5px 0px 0px 0px;padding:0px}

.menu-toggle{padding: 0px;margin: 0px;}
.topmenu{margin: 1px 0px 0px 0px;}
#menu {width: 100%;display: none;height: initial;padding: 0px 0px 0px 2px;margin: 0;}
.menu-inner{width: 100%;height: initial;position: static;margin: 0;}
#menu li{height: 40px;width: 49%;list-style-type: none;background-color:#fff;margin: 0 auto;text-align: center;border-top: 1px solid #666;
border-right: 1px solid #666;border-left: 1px solid #666;}
#menu li:nth-child(7) {border-bottom: 1px solid  #666;}
#menu li:nth-child(8) {border-bottom: 1px solid  #666;}
#menu li a {height: initial;color: #000;display: block;}
#menu li.active {background: #D9EBF5;color: #000;}



img {max-width: 100%;height: auto;border: 0;}
.s50{width: 50%;}

#top_info{margin: 0px auto ;width:100%;padding: 5px 0px 5px 0px;text-align:center;background-image: url(../img/common/infobg.jpg);background-repeat: no-repeat;background-position: 50% 0%;}
#top_info_navi{margin: 0px auto ;width:100%;padding: 10px 0px 0px 0px;text-align:center;background-image: url(../img/common/infobg.jpg);background-repeat: no-repeat;background-position: 50% 100%; }


/* TOP以外メイン */
#main_container{margin: 0px auto ;width: 96%;height: auto;text-align:center;padding: 0px 2% 2% 2%;background-color:#fff;}
#main_container_bg{margin: 0px auto ;width: 96%;height: auto;text-align:center;padding: 0px 2% 2% 2%;background-color:#fff;}
#main{margin: 0px auto 0px auto;width:100%;height:autox;text-align:center;padding: 10px 0px 10px 0px; }
#main2_container{clear: both;width: 100%;height: auto;margin: 0px auto ;background-image: url(../img/common/main2bg.jpg);background-repeat: repeat-x;}
#main2{width: 100%;height: auto;margin: 0px auto;}
#main_plan{margin: 0px auto ;height: auto;padding: 10px 0px 0px 0px;}

.s50{float:right;width: 50%; height: auto; }
.s45{float:left;width: 45%; height: auto; }
.s30{width: 30%;height: auto;}
.s25{width: 25%; height: auto;}
.s24{width: 24%; height: auto;}
.s20{width: 20%; height: auto;}
.s100{width: 100%; height: auto;}



/* ------------------------------
 現地案内図と資料請求ナビ
------------------------------ */

#top_info_left{width: 90%;margin: 10px auto 0px auto; z-index:3;}
#top_info_navi{width: 100%;margin: 0px auto;text-align:center}
#top_info_navi ul {list-style: none;padding: 10px 0px 10px 0px;margin: 10px;}
#top_info_navi ul li{list-style: none;padding: 5px 0px 0px 0px;margin: 0px;}

#top_info_navi_right{text-align:center; padding: 10px 0px 0px 0px;}
#top_info_navi_left{text-align:center; padding: 10px 0px 0px 0px;}

#info_left{width: 95%;margin: 0px auto;}
#info_navi{width: 95%;margin: 0px auto;text-align:center}
#info_navi ul {list-style: none;padding: 10px 0px 10px 0px;margin: 0px;}
#info_navi ul li{list-style: none;padding: 5px 0px 0px 0px;margin: 0px;}

.cap{clear:both;width:auto;font-size: 70%;color:#000;text-align:left;padding: 5px 0px 5px 0px;line-height: 120%;}


/* 設備・仕様内ナビ */

#qnavi {text-align: center;height:auto; margin: 0px auto 0px auto;padding: 10px 0px 15px 0px;background-color:#5368a0; background: linear-gradient(to right,#5368a0, #848eb9);}
#qnavi ul{text-align: center;list-style: none;padding: 0px 0px 0px 8px;margin: 0px;}
#qnavi ul li{list-style: none;padding: 5px 0px 0px 0px;margin: 0px;}



/* ------------------------------
 scroll
------------------------------ */

#page-top {clear:both;position: fixed;bottom: 40px;right: 20px;font-size: 70%;}
#page-top a {background-color:#D9EBF5;text-decoration: none;color: #000;font-weight:bold;width: 90px;padding: 15px 0;text-align: center;display: block;}
#page-top a:hover {text-decoration: none;background-color:#ccc;}

/* ------------------------------
 フッターナビ
------------------------------ */

.submenu {margin: 0 0 10px;padding: 0;border-top: 1px solid #aaa;font-size: 13px;list-style-type: none;}
/*clearfix*/
.submenu:after {content: "";clear: both;display: block;}
.submenu li {float: left;width: 50%;background: #ccc;text-align: center;border-bottom: 1px solid #aaa;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;}
.submenu li:nth-child(odd) {border-right: 1px solid #aaa;}
.submenu a {display: block;color: #000;text-decoration: none;background: #e6e6e6;}
.submenu a:hover {color: #000;background: #ccc;}

#footer {width:90%; margin: 0px auto}
.footer2{ display:flex;flex-direction: column;}
.footer2 p{ padding: 0px 0px 5px 0px;margin: 0px ;}
.footer2 .p1 { order: 3; } 

#copy{margin: 0 auto;font-size:70%;padding: 5px 0px 5px 0px;color:#E4E4E4;text-align:center;border-top: 1px solid #aaa;}


.cen img {display:block;margin: 0 auto;text-align: center;}
.cen{display: block;margin-left: auto;margin-right: auto;}



.t20{ margin-top:20px; }
.t14{ margin-top:14px; }

#footer{clear: both;width: 100%;height: auto;margin: 0px auto;margin: 0px auto 0px auto;padding: 20px 0px 20px 0px;text-align: center;}
#footer2{width: 100%;height: auto;margin: 0px auto;margin: 0px auto 0px auto;padding: 10px 0px 10px 0px;text-align: center;background-image: url(../img/common/footer2bg.gif)}



.line {width:100%;margin:0px auto;padding:0px;height:12px;background-image: url(../img/common/linebg.gif)}



.table {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:1px;
font-size:12px;
text-align: left;
}
.table th {
width:28%;padding:4px 2px 2px 10px;
text-align:left;vertical-align:top;
border:1px solid #BBBBBB;
color:#fff;
background-color:#7EC0DB;
}
.table td {
padding:4px 2px 2px 10px;
border:1px solid #999999;
background-color:#FFF;
color:#000
}



/* ------------------------------
 設備
------------------------------ */

#equip2{width:100%;height:auto;margin: 0px auto 0px auto;text-align:center}
#equip2 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0;}
#equip2 ul li{font-size: 100%;line-height: 100%;padding: 0px 0px 0px 0px;margin: 0 auto; }

.name {width:100%;margin:0px auto 40px auto;color:#000;text-align:right;line-height: 160%;}
.message {width:100%;margin:20px auto 0px auto;color:#000;text-align:left;line-height: 160%;}
  
#box{
	color:#000;
	width:98%;
	height:140px;
	overflow:auto;
	font-size:14px;
	text-align:left;
	border: 1px solid #81602e;
	margin: 5px auto 15px auto;
	padding: 5px 0px 20px 0px;
	
} 
  
#box dl {
	margin: 5px 0px 15px 0px;
	padding: 0px 10px 0px 0px;
	text-align:left;
	color:#000;
}
#box dl dt {
	float: left;
	width: 100%;
	padding: 5px 0px 5px 1em;
	font-size:15px;
	line-height: 130%;
	color:#000;
}
#box dl dd {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 5px 1em;
	line-height: 150%;
	font-size:15px;
	text-align:left;
	color:#000;
}


#information{
	color:#fff;
	width:98%;
	height:auto;
	background-color:#7EC0DB;
	text-align:left;
	margin: 0px auto 5px auto;
	padding: 5px 0px 5px 5px;
	
}


.map{
width:100%;
text-align:center;

}

  
/* ホバーアクション */


a img.opacity,
.hoverimg a img{
    -webkit-transition: all .3s;
    transition: all .3s;
}
.hoverimg a:hover img{
    opacity:0.7;
}
a img.opacity:hover{
    opacity:0.7;
}


.bx-pager  {
	width:100%;
    position: relative;
	top:5px;
	left:0px;
	z-index:100;
	background-color:#000;
}  
 
.bx-pager a {
	width:20%;
	 border: solid #ccc 0px;
    display: inline-block;
	left:0px;
    margin: 0px 0% 0px 0px;
    padding: 0px;
	background-color:#000;
  }

.bx-pager a img {  
opacity: 0.5;  
filter: alpha(opacity=50);  
}  


.bx-pager a:hover img {  
opacity: 1;  
filter: alpha(opacity=80); 
-webkit-transition: all .3s;
 transition: all .3s;
}  


.bx-pager a.active img {  
opacity: 1;  
filter: alpha(opacity=80);  
}  




/* ホバーアクション */


a img.opacity,
.hoverimg a img{
    -webkit-transition: all .3s;
    transition: all .3s;
}

.hoverimg a:hover img{
    opacity:0.7;
}

a:hover img.hoverimg{
    opacity:0.7;
}

#info{margin: 0px auto ;width:100%;height:auto;padding: 5px 0px 0px 0px;text-align:center;}

#info2{margin: 20px auto ;width:100%;height:auto;padding: 10px 0px 0px 0px;text-align:center;}
#info2 ul li{padding: 0px 0px 20px 0px;}

.view {
	clear:both;
	margin: 10px auto 15px auto;
    text-align: center;

}

/* サブナビ */

.subnavi {width:100%;margin: 10px auto 20px auto;}
.subnavi:after {content: "";clear: both;display: block;}
.subnavi li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 1% 2px auto;}
.subnavi a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}

.subnavi1 {width:100%;margin: 10px auto 20px auto;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 1% 2px auto;}
.subnavi1 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}
.subnavi1 li:nth-child(3) {margin: 0px auto 0px auto;}


.subnavi11 {width:100%;margin: 10px auto 20px auto;}
.subnavi11:after {content: "";clear: both;display: block;}
.subnavi11 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 1% 2px auto;}
.subnavi11 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}
.subnavi11 li:nth-child(3) {margin: 0px auto 0px auto;}


.subnavi2 {width:80%;margin: 20px auto 20px auto;}
.subnavi2:after {content: "";clear: both;display: block;}
.subnavi2 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 1% 2px auto;}
.subnavi2 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}


.subnavi3 {width:100%;margin: 10px auto 20px auto;font-size:120%}
.subnavi3:after {content: "";clear: both;display: block;}
.subnavi3 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 2% 2px auto;}
.subnavi3 li:nth-child(2) {margin: 0px auto 0px auto;}


.subnavi3 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}


.box2{
	color:#000;
	width:94%;
	height:auto;
	overflow:auto;
	font-size:16px;
	text-align:left;
	border: 2px solid #7EC0DB;
	margin: 0px auto ;
	padding: 20px 3% 0px 3%;
	line-height: 150%
	
}

.box3{
	color:#000;
	width:94%;
	height:auto;
	overflow:auto;
	text-align:left;
	border: 2px solid #7EC0DB;
	margin: 0px auto ;
	padding: 20px 3% 20px 3%;
	
}




.box4{
	color:#000;
	width:94%;
	height:auto;
	overflow:auto;
	text-align:left;
	border: 2px solid #7EC0DB;
	margin: 10px auto 10px auto;
	padding: 20px 3% 20px 3%;
	
}

.table1 {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:0px;
font-size:13px;
text-align: left;
}

.table1 th {
width:28%;
padding:4px 0px 4px 10px;
text-align:left;vertical-align:top;color:#1E0000;
border-bottom:1px solid #BBBBBB;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
color:#000;

}

.table1 td {
padding:4px 2px 4px 10px;
border-bottom:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
color:#000
}

.title {width:100%;margin:0px auto;padding:0px 0px 0px 0px;text-align:center;font-size:95%;font-weight:bold;color:#546CA8}
.title2 {width:100%;margin:0px auto;padding:0px 0px 0px 0px;text-align:left;font-size:120%;font-weight:bold;color:#546CA8}
.title3 {width:100%;margin:0px auto;padding:20px 0px 0px 0px;text-align:left;font-size:100%;font-weight:bold;color:#546CA8}
.title4 {width:100%;margin:0px auto;padding:50px 0px 0px 0px;text-align:center;font-size:100%;font-weight:bold;color:#546CA8}

#cap{width:100%;font-size:70%;margin: 0px auto 0px auto;color:#000;text-align:left;padding: 5px 0px 5px 0px;}

#content {width:100%;margin:0px auto 0px auto;color:#000;text-align:left;line-height: 160%;}


#privacy {width:95%;margin:0px auto 30px auto;}

#shutoken{margin: 0px auto; width:100%; padding: 0px 0px 30px 0px;text-align:left;}

.bukken_ container{clear:both;width:100%;}
.bukken {width:85%;height:auto;background-color:#E6E6E6;margin: 15px auto 0px auto;padding: 0px 0px 15px 0px;}

.bukken2{width:90%;margin: 20px auto 0px auto; line-height: 100%;font-size:100%;}
.bukken2 h3{margin: 0px auto 0px auto; line-height: 100%;font-size:100%;}
.bukken2 h4{margin: 15px auto 15px auto; line-height: 100%;font-size:100%;font-weight: normal;}
.bukken2 ul{list-style: none;text-align: left;padding: 0px 0px 0px 0px;margin: 0;}
.bukken2 ul li{font-size: 90%;line-height: 100%;padding: 0px 0px 8px 0px;margin: 0; }
.koutu {background-color:#727171;color:#FFFFFF;font-size:80%;padding: 1px 3px 1px 3px;}


.bukken_out {width:85%;height:auto;background-color:#F6F6F6;margin: 15px auto 0px auto;padding: 0px 0px 15px 0px;color:#999999}

.bukken2_out {width:80%;margin: 20px auto 0px auto; line-height: 100%;font-size:100%;}
.bukken2_out h3{margin: 0px auto 0px auto; line-height: 100%;font-size:100%;}
.bukken2_out h4{margin: 15px auto 15px auto; line-height: 100%;font-size:100%;font-weight: normal;}
.bukken2_out ul{list-style: none;text-align: left;padding: 0px 0px 0px 0px;margin: 0;}
.bukken2_out ul li{font-size: 90%;line-height: 100%;padding: 0px 0px 8px 0px;margin: 0; }
.koutu2 {background-color:#CECECE;color:#FFFFFF;font-size:80%;padding: 1px 3px 1px 3px;}

.bukken2 dl {list-style: none;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align:left;color:#666;}
.bukken2 dl dt {float:left;width: 55px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size:11px;line-height: 160%;color:#666;}
.bukken2 dl dd {margin-left:45px;width: 280px;padding: 0px 0px 0px 0px;font-size:11px;text-align:left;color:#666;line-height: 160%;}


.box3 dl {list-style: none;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align:left;color:#000;}
.box3 dl dt {float:left;width: 5%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size:15px;line-height: 200%;color:#000;}
.box3 dl dd {margin-left:5%;width: 95;padding: 0px 0px 0px 0px;font-size:15px;text-align:left;color:#000;line-height: 200%;}

.recordnavi {clear:both;width:100%;padding:10px 0px 0px 0px;}
.blue{font-weight:bold;color:#546CA8}

.koutu3 {width:100%;background-color:#000033;color:#FFFFFF;font-size:120%;padding: 5px 0% 3px 0%;text-align:center;
font-weight:bold}

.centers{
 display: block;
 margin-left: auto;
 margin-right: auto;
}



#pan{display: none;}
#header{display: none;} 
#navi{display: none;} 
#navi_container{display: none;} 
.mask{display: none;} 

}




/*PC*/
@media print, screen and (min-width:641px){
	

#container{width: 100%;}
h1{margin: 0 auto;font-size:10px;padding: 0px 0px 0px 0px;color:#666;}
h2{margin: 0px auto;font-size:100%;}
h3{font-size:120%;}
img {max-width: 100%;height: auto;border: 0;vertical-align: bottom;	margin: 0;padding: 0;}

/* ヘッダー */
#header_container{margin: 0px auto;width:100%; height:auto;}
#header{margin: 0px auto;padding: 0px 0px 0px 0px;width:1125px;height:auto;}
#header_top{margin: 0px auto;padding: 0px 0px 0px 0px;text-align:right;width:1125px;}
#header_left{float:left;width:385px;height:auto;text-align:left;padding: 10px 0px 10px 0px;}
#header_right{float:right;width:700px;height:auto;text-align:right;padding: 20px 0px 10px 0px;}
#header_right ul{text-align: right;list-style: none;padding: 0px 0px 0px 0px;margin: 0px;}
#header_right ul li{float: right;display: inline;list-style: none;padding: 0px 10px 0px 10px;margin: 0px;}


#navi_container{clear: both;margin: 0px auto;padding: 0px 10px 0px 10px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.navi {width:1125px;margin: 0px auto 0px auto;}
.navi:after {content: "";clear: both;display: block;}
.navi li {float: left;width: 16.6%;text-align: center;;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%}
.navi a {display: block;text-decoration: none;color: #000;}



/* TOPメイン */

#top_main_container{margin: 0px auto ;width: 100%;height:auto; text-align:center;padding: 0px 0px 0px 0px;}
#top_main{margin: 0px auto ;width: 100%;height:auto;text-align:center;padding: 0px 0px 0px 0px;background: #D9EBF5;}

#top_info_navi{margin: 0px auto ;width:1125px;padding: 0px 0px 20px 0px;text-align:center; }
#top_info_navi_left{float:left;margin: 0px auto ;width:750px;padding: 0px 0px 20px 0px;text-align:left; }
#top_info_navi_right{float:right;margin: 0px auto ;width:283px;padding: 15px 0px 20px 0px;text-align:center; }


#info{margin: 0px auto ;width:1125px;height:280px;padding: 30px 0px 0px 0px;text-align:center;}

#info2{margin: 0px auto ;width:1125px;height:auto;padding: 40px 0px 30px 0px;text-align:center;}
#info2 ul{text-align: right;list-style: none;padding: 0px 0px 0px 0px;margin: 0px;}
#info2 ul li{float: left;display: inline;list-style: none;padding: 0px 11px 20px 0px;margin: 0px;}

#info_navi{width:100%;padding:10px 0px 20px 0px;background-color:#fff}
#info_navi ul{text-align: center;list-style: none;padding: 0px 0px 0px 0px;margin: 0px;}
#info_navi ul li{display: inline;list-style: none;padding: 0px 10px 0px 0px;margin: 0px;}


/* TOP以外メイン */
#main_container{margin: 0px auto ;width: 100%;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
#main{margin: 0px auto ;width: 100%;height: auto;padding: 50px 0px 50px 0px;text-align:center;background: #D9EBF5;}


/*パンくず*/

#pan{margin: 0px auto 0px auto;width: 100%;height: auto;text-align:left;padding: 10px 0 0px 0;font-size:10px;color: #333333;}
#pan li{display: inline; }


/* サブナビ */

.subnavi {width:900px;margin: 40px auto 20px auto;}
.subnavi:after {content: "";clear: both;display: block;}
.subnavi li {float: left;width: 24%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 1% 0px auto;}
.subnavi a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}

.subnavi1 {width:900px;margin: 40px auto 20px auto;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;width: 32%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 1.8% 0px auto;}
.subnavi1 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}
.subnavi1 li:nth-child(3) {margin: 0px auto 0px auto;}


.subnavi11 {width:900px;margin: 20px auto 10px auto;}
.subnavi11:after {content: "";clear: both;display: block;}
.subnavi11 li {float: left;width: 32%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 1.8% 0px auto;}
.subnavi11 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}
.subnavi11 li:nth-child(3) {margin: 0px auto 0px auto;}


.subnavi2 {width:200px;margin: 10px auto 20px auto;}
.subnavi2:after {content: "";clear: both;display: block;}
.subnavi2 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 1% 0px auto;}
.subnavi2 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}


.subnavi3 {width:600px;margin: 40px auto 20px auto;font-size:120%}
.subnavi3:after {content: "";clear: both;display: block;}
.subnavi3 li {float: left;width: 49%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 2% 0px auto;}
.subnavi3 li:nth-child(2) {margin: 0px auto 0px auto;}


.subnavi3 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}



/* キャプション */
.cap{clear:both;width:auto;font-size: 10px;color:#000;text-align:left;padding: 5px 0px 5px 0px;}
#cap{width:770px;font-size: 10px;margin: 0px auto 0px auto;color:#000;text-align:left;padding: 5px 0px 5px 0px;}
#cap3{width:990px;font-size: 10px;margin: 0px auto 0px auto;color:#fff;text-align:right;padding: 0px 0px 5px 0px;}
#cap4{clear:both;width:990px;font-size: 10px;margin: 0px auto 0px auto;color:#fff;text-align:left;padding: 0px 0px 5px 0px;}
#cap5{width:990px;font-size: 10px;margin: 0px auto 0px auto;color:#000;text-align:left;padding: 0px 0px 5px 0px;}
#cap6{width:990px;font-size: 10px;margin: 0px auto 0px auto;color:#000;text-align:left;padding: 0px 0px 5px 0px;}

/* フッターナビ */
#submenu {clear:both;width:100%;background: #7EC0DB;padding: 20px 0px 40px 0px;}
.submenu {margin: 0 auto 10px 0px;padding: 0 0px 0px 0px ;font-size: 11px;list-style-type: none;width:1150px;margin: 0 auto;color:#999}
.submenu:after {content: "";clear: both;display: block;}
.submenu ul li {float: left;width: 16.6%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 40px;color:#000;}
.submenu ul li a {display: block;color:#fff;text-decoration: none;}

.submenu ul li :hover{color:#000;}

/* フッターナビ
.submenu li:nth-child(4) {width:6%;font-size: 11px;}
.submenu li:nth-child(5) {width:16%;font-size: 11px;}
.submenu li:nth-child(6) {width:16%;font-size: 11px;}
 */




/* 印刷・閉じるボタン */
#print {width:500px; height:auto; margin: 0px auto 0px auto;padding: 20px 0px 20px 0px;}
#print ul{text-align: center;list-style: none;padding: 0px 0px 0px 0px;margin: 0px;}
#print ul li{display: inline;list-style: none;padding: 0px 5px 0px 0px;margin: 0px;}



dl{list-style: none;margin: 0px 0px 5px 5px;padding: 0;}
dt{list-style: none;font-size:14px;font-weight:bold;margin: 5px;padding: 0;}
dd{list-style: none;margin: 5px;padding: 0;font-size:13px;}


.b { margin: 0px; }
.b1 { margin: 1px; }
.b2 { margin-bottom: 2px; }
.b5 { margin-bottom: 5px; }
.b10 { margin-bottom:10px; }
.b15 { margin-bottom:15px; }
.b20 { margin-bottom:20px; }
.b25 { margin-bottom:25px; }
.b30 { margin-bottom:30px; }
.b35 { margin-bottom:35px; }

.t { margin-top: 0px; }
.t1 { margin-top: 1px; }
.t3 { margin-top: 3px; }
.t5 { margin-top: 5px; }
.t10 { margin-top:10px; }
.t15 { margin-top:15px; }
.t18 { margin-top:18px; }
.t20 { margin-top:20px; }
.t25 { margin-top:25px; }
.t30 { margin-top:30px; }
.t32 { margin-top:32px; }
.t45 { margin-top:50px; }

.l { margin-left: 0px; }
.l1 { margin-left: 1px; }
.l3 { margin-left: 3px; }
.l5 { margin-left: 5px; }
.l10 { margin-left:10px; }
.l15 { margin-left:15px; }
.l20 { margin-left:20px; }
.l25 { margin-left:25px; }
.l30 { margin-left:30px; }
.l45 { margin-left:45px; }
.l55 { margin-left:55px; }


/* scroll */
#page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;}
#page-top a {background-color:#666;text-decoration: none;color: #fff;font-weight:bold;width: 90px;padding: 10px 0;text-align: center;display: block;}
#page-top a:hover {text-decoration: none;background-color:#ccc;}





/*------------------------------------------------------*/
/*tatekae*/
/*------------------------------------------------------*/

.tatekae{clear:both;width:100%;}

.tatekae_left{float:left;width:46%;line-height: 200%;}

.tatekae_left1{float:left;width:46%;line-height: 170%;}

.tatekae_left2{float:left;width:48%;line-height: 190%;}

.tatekae_right{float:right;width:45%;}

.tatekae_right2{float:right;width:430px;}


/*------------------------------------------------------*/
/*box*/
/*------------------------------------------------------*/


#information{
	color:#fff;
	width:750px;
	height:auto;
	background-color:#7EC0DB;
	text-align:left;
	margin: 35px auto 5px auto;
	padding: 5px 0px 5px 5px;
	
}


#box{
	color:#000;
	width:750px;
	height:auto;
	overflow:auto;
	font-size:14px;
	text-align:left;
	border-bottom: 1px solid #ccc;
	margin: 5px auto 15px auto;
	padding: 5px 0px 15px 0px;
	
}

#box dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align:left;
	color:#000;
}
#box dl dt {
	float: left;
	width:9em;
	padding: 0px 0px 0px 1em;
	font-weight: bold;
	font-size:15px;
	line-height: 120%;
	color:#000;
}
#box dl dd {
	padding: 6px 0px 0px 10em;
	line-height: 120%;
	font-size:15px;
	text-align:left;
	color:#000;
	line-height: 150%;
}


#box hr { 
     width : 95%;
     border-style : dotted none none none;
     border-width : 1px;
     border-color : #ccc;
	 margin: 0px auto;
}



.box2{
	color:#000;width:830px;
	height:auto;
	overflow:auto;
	font-size:16px;
	text-align:left;
	border: 2px solid #7EC0DB;
	margin: 0px auto ;
	padding: 40px 20px 10px 20px;
	line-height: 150%
	
}

.box3{
	color:#000;
	width:95%;
	height:auto;
	overflow:auto;
	text-align:left;
	border: 3px solid #7EC0DB;
	margin: 0px auto ;
	padding: 20px 2% 20px 2%;
	
}


.box4{
	color:#000;
	width:94%;
	height:auto;
	overflow:auto;
	text-align:left;
	border: 2px solid #7EC0DB;
	margin: 10px auto 10px auto;
	padding: 20px 3% 20px 3%;
	
}

.blue{font-weight:bold;color:#546CA8}

/* 項目タイトル*/
.title {width:800px;margin:0px auto;padding:20px 0px 0px 0px;text-align:center;font-size:120%;font-weight:bold;color:#546CA8}
.title2 {width:100%;margin:0px auto;padding:20px 0px 0px 0px;text-align:left;font-size:120%;font-weight:bold;color:#546CA8}
.title3 {width:100%;margin:0px auto;padding:20px 0px 0px 0px;text-align:left;font-size:110%;font-weight:bold;color:#546CA8}
.title4 {width:auto;margin:0px auto;padding:50px 0px 0px 0px;text-align:center;font-size:120%;font-weight:bold;color:#546CA8}

#out {width:900px;margin:0px auto 30px auto;}
#out a {text-decoration: none;}

#content {width:900px;margin:0px auto 50px auto;color:#000;text-align:left;line-height: 160%;}
#content a {text-decoration: none;}

.name {width:900px;margin:0px auto 70px auto;color:#000;text-align:right;line-height: 160%;}

#chintai {width:1100px;margin:0px auto 20px auto;padding:0px 0px 10px 0px;color:#000;text-align:left;line-height: 160%;}
#chintai a {text-decoration: none;}

#award {width:900px;margin:0px auto 20px auto;padding:30px 0px 10px 0px;color:#000;text-align:center;line-height: 160%;}
#awardi a {text-decoration: none;}


#map {width:900px;margin:40px auto 50px auto;color:#000;text-align:left;line-height: 160%;}
#map a {text-decoration: none; color:#000}

.message {width:100%;margin:20px auto 30px auto;color:#000;text-align:left;line-height: 160%;}

#privacy {width:900px;margin:0px auto 30px auto;}

.recordnavi {clear:both;width:100%;padding:2px 0px 10px 0px;}

.table {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:20px;
font-size:13px;
text-align: left;
}

.table th {
width:28%;
padding:0px 0px 2px 0px;
text-align:left;vertical-align:top;color:#1E0000;
border-bottom:1px solid #BBBBBB;
color:#000;

}

.table td {
padding:0px 2px 2px 0px;
border-bottom:1px solid #999999;
background-color:#FFF;
color:#000
}


.table1 {
width:870px;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:0px;
font-size:13px;
text-align: left;
}

.table1 th {
width:28%;
padding:4px 0px 4px 10px;
text-align:left;vertical-align:top;color:#1E0000;
border-bottom:1px solid #BBBBBB;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
color:#000;

}

.table1 td {
padding:4px 2px 4px 10px;
border-bottom:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
color:#000
}



/* ------------------------------
 font
------------------------------ */

.b{font-weight:bold}


.red{font-weight:bold;
color:#B50000;
font-size:120%}


/* ------------------------------
 ギャラリー
------------------------------ */

#gallery{
	width: 980px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 20px 0px;
	font-size:80%;
	line-height: 140%;
	
}	


.bx-pager  {
	width:100%;
    position: relative;
	top:5px;
	left:0px;
	z-index:100;
	background-color:#000;
}  
 
.bx-pager a {
	width:20%;
	 border: solid #ccc 0px;
    display: inline-block;
	left:0px;
    margin: 0px 0% 0px 0px;
    padding: 0px;
	background-color:#000;
  }

.bx-pager a img {  
opacity: 0.5;  
filter: alpha(opacity=50);  
}  


.bx-pager a:hover img {  
opacity: 1;  
filter: alpha(opacity=80); 
-webkit-transition: all .3s;
 transition: all .3s;
}  


.bx-pager a.active img {  
opacity: 1;  
filter: alpha(opacity=80);  
}  




/* ホバーアクション */


a img.opacity,
.hoverimg a img{
    -webkit-transition: all .5s;
    transition: all .5s;
}

.hoverimg a:hover img{
    opacity:0.7;
}

a:hover img.hoverimg{
    opacity:1;
}



.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #7EC0DB;
  color: white;
}


.hvr-fade2 {
  display: inline-block;
  vertical-align: middle;
  background-color: #D9EBF5;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  text-decoration: none;
  padding: 5px 15px 5px 15px;
  margin: 10px 0 0 0;
  font-size:70%;
  color:#000
}

.hvr-fade2:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #7EC0DB;
  color: white;
}





.view {
    width: 260px;
    height: 260px;
    margin: 5px;
    float: left;
    border: 5px solid #fff;
    overflow: hidden;
    position: relative;;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
	

}
.view .mask, .view .content {
    width: 260px;
    height: 260px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: #000;
    margin: 30px 0 0 0;
}

.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 10px 10px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
	margin: 50px auto ;
    padding: 7px 40px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 0px #000
}
.view a.info:hover {
    box-shadow: 0 0 0px #000
}






.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(126,192,219, 0.8); 
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
	
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}
.view-first:hover img { 
	transform: scale(1.1);
} 
.view-first:hover .mask { 
	opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

a{text-decoration: none;}

.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

#shutoken{margin: 10px auto; width:900px; padding: 0px 0px 0px 0px;text-align:left;}
#shutoken .title{clear:both;margin: 0px  ;width:960px;padding: 3px 0px 3px 20px;text-align:left;background-color:#000;color:#FFFFFF}
#shutoken .title2{clear:both;margin: 30px 0px 0px 0px;width:960px;padding: 3px 0px 3px 20px;text-align:left;background-color:#000;color:#FFFFFF}

.bukken_ container{clear:both;width:100%;}
.bukken {float:left;width:215px;height:auto;background-color:#fff;margin: 10px 10px 0px 0px;padding: 0px 0px 15px 0px;}
.bukken2{width:100%;margin: 20px auto 0px auto; line-height: 100%;font-size:95%;color:#666666}
.bukken2 h3{margin: 0px auto 0px auto; line-height: 100%;font-size:100%;}
.bukken2 h4{margin: 15px auto 15px auto; line-height: 100%;font-size:90%;font-weight: normal;}
.bukken2 ul{list-style: none;text-align: left;padding: 0px 0px 0px 0px;margin: 0;}
.bukken2 ul li{font-size: 78%;line-height: 100%;padding: 0px 0px 8px 0px;margin: 0; }
.koutu {background-color:#727171;color:#FFFFFF;font-size:80%;padding: 1px 3px 1px 3px;}


.bukken2 dl {list-style: none;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align:left;color:#666;}
.bukken2 dl dt {float:left;width: 50px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size:11px;line-height: 160%;color:#666;}
.bukken2 dl dd {margin-left:45px;width: 165px;padding: 0px 0px 0px 0px;font-size:11px;text-align:left;color:#666;line-height: 160%;}


.box3 dl {list-style: none;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align:left;color:#000;}
.box3 dl dt {float:left;width: 3%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size:16px;line-height: 200%;color:#000;}
.box3 dl dd {margin-left:3%;width: 97%;padding: 0px 0px 0px 0px;font-size:16px;text-align:left;color:#000;line-height: 200%;}


.bukken_out {float:left;width:238px;height:480px;background-color:#F6F6F6;margin: 15px 10px 0px 0px;padding: 0px 0px 15px 0px;color:#999999}
.bukken2_out {width:90%;margin: 20px auto 0px auto; line-height: 100%;font-size:95%;}
.bukken2_out h3{margin: 0px auto 0px auto; line-height: 100%;font-size:100%;}
.bukken2_out h4{margin: 15px auto 15px auto; line-height: 100%;font-size:100%;font-weight: normal;}
.bukken2_out ul{list-style: none;text-align: left;padding: 0px 0px 0px 0px;margin: 0;}
.bukken2_out ul li{font-size: 78%;line-height: 100%;padding: 0px 0px 8px 0px;margin: 0; }
.koutu2 {background-color:#CECECE;color:#FFFFFF;font-size:80%;padding: 1px 3px 1px 3px;}

.koutu3 {width:100%;background-color:#000033;color:#FFFFFF;font-size:120%;padding: 5px 0% 3px 0%;text-align:center;
font-weight:bold}





.br2-s { display:none; }
.center{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

/* スマホナビ */
#top-editarea img{display: none;} 
.menu-toggle{display: none;} 
#menu{display: none;} 
.menu-inner{display: none;} 
.topmenu{display: none;} 
#top-editarea{display: none;}  
/* スマホナビ */


}