@charset "utf-8";
/* CSS Document */
html{
  min-height: 100%;
}
.fixed{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
body{
	font-size: 14px;
	font-family: "ＭＳ ゴシック",sans-serif;
	width: 95%;
	margin : auto auto 0px;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-size: 100% auto;
	font-style: normal;
	font-weight: normal;
  color : black;
}
h1{
	font-size: 20px;
	margin-bottom: 0px;
}
h2{
	font-size: 15px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 3px 1px 3px 1px;
  color : white;
  background-color : #432b27;
}
h3{
	font-size: 20px;
	margin-bottom: 0px;
  color : red;
}
h5{font-size:18px;
   margin-bottom: 0px;
}
#menu{
   display:block;
    padding : 10px; /* メニュー全体170px; */
    width : 50%; /* リンク部分150px; */
    float : left;
    margin-top : -20px;
  }
#menu li{
    list-style-type:none;
}
#menu a{
    border-top-width : 1px;border-top-style : solid;border-right-style : solid;border-bottom-style : solid;border-left-style : solid;border-top-color : #331a15;border-right-color : #331a15;border-bottom-color : #331a15;border-left-color : #331a15;
    padding : 1px;
    display:block;
    text-decoration:none;
    line-height:21px;
    font-size:15px;
    color : black;
  border-left-width : 1px;
  border-right-width : 1px;
  font-weight : normal;
}
#menu a:hover{
    color : blue;
  font-weight : normal;
}
#menu ul.submenu a{
    border-top-width : 1px;border-top-style : solid;border-right-style : solid;border-bottom-style : solid;border-left-style : solid;
    text-indent:10px; /* インデント */
    color : black;
  
  font-weight : normal;
}
#menu ul.submenu a:hover{
    color : blue;
    background-color : white;
}
#dropmenu{
  list-style-type: none;
  width : 100%;
  height : 17px;
  font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', 'Osaka-mono', 'monospace';
  padding: 0;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
  border-bottom: 5px solid #53d09;
  border-radius : 0px;
  margin-top : -30px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
  font-size : 15px;
  background-repeat : repeat;
  
    display : block;
  
    float : right;
  }

#dropmenu li{
  position: relative;
  width : 33.3333%;
 margin: 0;
 font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', 'Osaka-mono', 'monospace';
 padding: 0;
text-align: center;
  float : left;
}

#dropmenu li a{
   display: block;  
   margin: 0;  
   padding : 3px;
   font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', 'Osaka-mono', 'monospace';
   color : black;  
   font-size : 15px;  
   font-weight: bold;  
   line-height: 1;  
   text-decoration: none;  
 
	font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', 'Osaka-mono', 'monospace';
  border-style : solid;border-color : #331a15;
border-width : 1px;
} 

 #dropmenu li:hover > a{
	background-repeat : repeat;
	background-attachment : scroll;
	background-position : 0% 0%;
	background-size : auto auto;
	background-origin : padding-box;
	background-clip : border-box;
	font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', 'Osaka-mono', 'monospace';
    color : blue;
  }  

 #dropmenu > li:hover > a{
   border-radius : 0px;  
 }  

 #dropmenu li ul{
   list-style: none;  
   position: absolute;  
   top: 100%;  
   margin: 0;  
   padding: 0;  
   border-radius : 0px;  
 
  z-index : 1;
  width : 100%;
}  

 #dropmenu li:last-child ul{
	  
   width: 100%;
}  

 #dropmenu li ul li{
   overflow: hidden;  
   width : 100%;  
   height: 0;  
   color: #fff;  
   -moz-transition: .2s;  
   -webkit-transition: .2s;  
   -o-transition: .2s;  
   -ms-transition: .2s;  
   transition: .2s;  
 }  

 #dropmenu li ul li a{
   font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', 'Osaka-mono', 'monospace';
   padding: 13px 15px;background-image : none;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;  
   text-align : center;  
   font-size : 15px;  
   font-weight: normal;  
 
  background-color : #cb5701;
}  

 #dropmenu li:hover ul li{
	 
   overflow : visible;  
   height: 38px;  
   border-top : 1px solid black;  
   border-bottom : 1px solid black;  
 }  

 #dropmenu li:hover ul li:first-child{
   border-top: 0;  
 }  

 #dropmenu li:hover ul li:last-child{
   border-bottom: 0;  
 }  

 #dropmenu li:hover ul li:last-child a{
   border-radius : 0px 0px 10px 10px;  
}
#haitatu tbody{
	border-width : 1px;border-style : solid;border-color : black;
}
#haitatu td{
	border-width : 1px;border-style : solid;border-color : black;
}
#kodawari{
  font-size : 18px;
}
#kodawari img{
  margin-right : 10px;
}
#info{
  width : 100%;
  float : left;
}

#img{
  width : 100%;
	margin: 0 auto;
  float : right;
}
#img img{
	max-width : 100%;
}
#tenpo table{
  margin-left : 2%;
}
#tenpo th{
  vertical-align: middle;
  margin-left : 10%;
  width : 25%;
}
#tenpo td{
  vertical-align: middle;
}

#akusesu{
  float : right;
  width : 100%;
}
#akusesu td{
  width : 100%;
}
#head{
	font-size : 17px;
	padding-top: 8px;
  background-image : url(../img/top.jpg);
  background-repeat : repeat-x;
  height : 100px;
  font-weight : bold;
   align : right;
}
#head img{
  display : none;
}
#menu{
   display:block;
}
#headernav{
	overflow : hidden;
  width : 100%;
  margin-left : 0.5%;
}
#headernav ul >li{
	float: left;
	font-size: 13px;
	text-align: center;
	padding: 6px;
	background-color : #fd8e06;
	border-radius: 4px;
	text-shadow: 0 1px 0 #fff;
	list-style-type: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-right: 0.3%;
	width : 15%;
	margin-bottom: 0px;
	color : gray;
}
#headernav ul >li:hover{
	background-color : green;
}

#headernav ul >li >a{
	text-decoration:none;
	display:block;
	color : white;
}
#contener{
	clear:left;
	margin:15%;
	line-height:150%;
	text-align:center;
	font-size:16px;
}
#foot{
  height : 90px;
  background-image : url(../img/top2.png);
  color : white;
  width : 100%;
  clear : both;
}
hr{
  background-color : transparent;
  height : 10px;
}

#all{
	margin: 0 auto;
}

#hyou{
  width : 100%;
  clear : both;
  margin-left : 2px;
}



#head img{
  display : block;
  
    margin-top : -8px;
  }@media all and (min-width: 450px) {
#img{
  float : right;
  width : 75%;
}
#main{
  width : 100%;


    clear : both;
  
    overflow : hidden;
  }
#menu{
   display:block;
    padding : 10px; /* メニュー全体170px; */
    width : 20%; /* リンク部分150px; */

  float : left;
  
    margin-top : -20px;
  }
#menu li{
    list-style-type:none;
}
#menu a{
    border-top-width : 1px;border-bottom-width : 0px;border-top-style : solid;border-right-style : solid;border-bottom-style : solid;border-left-style : solid;border-top-color : #331a15;border-right-color : #331a15;border-bottom-color : #331a15;border-left-color : #331a15;
    padding : 2px;
    display:block;
    text-decoration:none;
    line-height:16px;
    font-size:16px;
    color : black;
    font-weight : normal;
  }
#menu a:hover{
    color : blue;
}
#menu ul.submenu a{
    border-top-width : 1px;border-bottom-width : 0px;border-top-style : solid;border-right-style : solid;border-bottom-style : solid;border-left-style : solid;
    text-indent:10px; /* インデント */
    color : black;
  }
#menu ul.submenu a:hover{
    color : blue;
    background-color : white;
}

#dropmenu{
  list-style-type: none;
  width : 75%;
  height : 2em;
  padding: 0;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
  border-bottom: 5px solid #53d09;
  border-radius : 0px;
  margin-top : -30px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : -15px;
  font-size : 24pt;
  background-repeat : repeat;
  
    display : block;
  
    float : right;
  }

#dropmenu li{
  position: relative;
  width : 33.3333%;
 margin: 0;
 padding: 0;
text-align: center;
  float : left;
}

#dropmenu li a{
   display: block;  
   margin: 0;  
   padding : 5px;  
   color : black;  
   font-size : 16px;  
   font-weight: bold;  
   line-height: 1;  
   text-decoration: none;  
 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-style : solid;border-color : #331a15;
border-width : 1px;
} 

 #dropmenu li:hover > a{
	background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
    color : blue;
  }  

 #dropmenu > li:hover > a{
   border-radius : 0px;  
 }  

 #dropmenu li ul{
   list-style: none;  
   position: absolute;  
   top: 100%;  
   margin: 0;  
   padding: 0;  
   border-radius : 0px;  
 
  z-index : 1;
  width : 100%;
}  

 #dropmenu li:last-child ul{
	  
   width: 100%;
}  

 #dropmenu li ul li{
   overflow: hidden;  
   width : 100%;  
   height: 0;  
   color: #fff;  
   -moz-transition: .2s;  
   -webkit-transition: .2s;  
   -o-transition: .2s;  
   -ms-transition: .2s;  
   transition: .2s;  
 }  

 #dropmenu li ul li a{
   padding: 13px 15px;background-image : none;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;  
   text-align : center;  
   font-size : 16px;  
   font-weight: normal;
}  

 #dropmenu li:hover ul li{
	 
   overflow : visible;  
   height: 38px;  
   border-top : 1px solid black;  
   border-bottom : 1px solid black;  
 }  

 #dropmenu li:hover ul li:first-child{
   border-top: 0;  
 }  

 #dropmenu li:hover ul li:last-child{
   border-bottom: 0;  
 }  

 #dropmenu li:hover ul li:last-child a{
   border-radius : 0px 0px 10px 10px;  
 }}@media all and (min-width: 700px) { 
#img img{
	max-width : 100%;
}}@media all and (min-width: 700px) {
#all{
	 
max-width : 700px;
}}



