/*■■レイアウト部分開始　～幅・高さの設定～■■*/
body{background-color:whitesmoke;margin:0;overflow-y:scroll;
 -webkit-text-size-adjust:100%;
 font-family:"HGMaruGothicMPRO","メイリオ",Meiryo,sans-serif;}

#container{max-height:100%; width:900px;margin:0px;border:0px;margin: 0 auto;}
#topleft{max-height:100%; width:113px;height:105px;margin:0px;float:left;background-color:white;}
#topright{max-height:100%; width:787px;height:105px;margin:0px;padding:0px 0px 0px 0px;float:right;font-size:75px;background-color:white;line-height:1;}
#gatepic{clear:both;}
#gatepic{max-height:100%; width:900px;height:328px;}
#emg{clear:both;}
#emg{max-height:100%; width:900px;}
#emginfo{clear:both;}
#emginfo{max-height:100%; width:800px;}
#emginfotext{clear:both;}
#emginfotext{max-height:100%; width:800px;}
#fade{clear:both;}
#fade{max-height:100%; width:900px;margin:0px; display:none;}
#main{clear:both;}
#main{max-height:100%; width:900px;margin:0px;float:right;background:white;line-height:2;}
#mainleft{max-height:100%; width:300px;height:auto;margin:0px;float:left;background:white;line-height:2;}
#mainright{max-height:100%; width:600px;height:auto;margin:0px;float:right;background:white;line-height:2;}
#main{clear:both;}
#footer{clear:both;}
#footer{max-height:100%; width:900px;margin:0px;float:right;background:white;line-height:2;}
img{ border:none;}


/*■■レイアウト部分終了■■*/


/*■■文字の設定　開始■■*/
.main{     color:#222222; font-size:17px;vertical-align: middle; margin-right:100px;margin-left:100px; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph;}
.mainleft{ color:#222222; font-size:17px;vertical-align: middle; margin-right:0px;  margin-left:0px;}
.mainright{color:#222222; font-size:17px;vertical-align: middle; margin-right:40px; margin-left:0px;   text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph;}


a:link { color: teal; }
a:visited { color: gray; }
a {text-decoration: none;}

.button2{font-family:"HGMaruGothicMPRO","メイリオ",Meiryo,sans-serif; font-size:18px;
 border: 1px solid white;  
 width:auto;height:40px;
 background:white;
 color:black; align:right;}

/*■■文字の設定　終了■■*/





/*■■見出し・画像などのデザイン設定開始■■*/
.image img{
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
} 

.footer {
padding: 10px; margin:0px; font-size:11px;
 background: #00cc99;color:#003333;
}

h1{border-left: 30px double white;
 background-color:#00cc99;
 color: #003333;
 font-size: 20px;
 margin:0px 0px 0px 5px;
 padding: 0px 2px 0px 20px;}

h2{font-size:20px; padding:0px 0px 0px 14px;
 background:white;
 color: #222222;
 margin:0px 100px 0px 60px;
 border-left:30px double #00cc99;
 border-bottom:1px solid #00cc99;}

h3{font-size:19px; padding:0px 5px 0px 100px;
 margin:10px 0px 0px 0px;
 background: white;color:#222222;}

h4{padding: 5px; padding-left:100px;
 background: #00cc99;color:#333333;}

h5{padding: 5px; padding-left:100px;
 background: #00cc99;color:#333333;}

h6{padding: 10px 10px 10px 10px;100px; margin:0px;
 background: #00cc99;color:#333333;}
/*■■見出し設定終了■■*/


/*■■メニュー部分開始■■*/

.menu ul{
  margin:0;
  padding:0;
}
.menu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:17px;
  float: left;
  position: relative;
  width: 150px;/*親メニューの幅*/
  height: 40px;/*親メニューの高さ*/
  line-height: 40px;
  background:mediumaquamarine;/*★親メニューの背景色*/
  color: #003333;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
}
.menu ul li a {
  display: block;
  background: #00cc99;
  color: #003333;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}
.menu ul li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
.menu ul li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #003333;
  transition: .2s;
}
.menu ul li ul li a {
  padding: 0px 10px;
  background: mediumaquamarine;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}
.menu > ul li:hover > a { background:teal;/*☆ホバー時の親メニューの背景色*/ color:white;/*ホバー時の親メニューの文字色*/ }
.menu > ul li:hover li:hover > a { background:teal;/*☆ホバー時の親メニューの背景色*/ color:white;/*ホバー時の親メニューの文字色*/ }
.menu li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
.menu li ul li ul {
  top: 0;
  left: 100%;
}
.menu li:last-child ul li ul {
  left: 100%;
  width: 200%;
}
.menu li ul li ul li a { background:mediumaquamarine;/*☆ホバー時の親メニューの背景色*/ color:#003333;/*ホバー時の親メニューの文字色*/ }
.menu li:hover ul li ul li:hover > a { background:teal;/*☆ホバー時の親メニューの背景色*/ color:white;/*ホバー時の親メニューの文字色*/ }
.menu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #003333;
}
.menu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 0%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-left-color: #003333;
}

/*■■メニュー部分終了■■*/