@charset "utf-8";

a{text-decoration: none;}
p{padding:0px;margin:0px}

	body { width:1100px;margin:0 auto;background-color:#e2e2e2;font-family:"Meiryo"}
    a:visited{color:aliceblue}

.hleft p{margin-top:0;color:aliceblue;line-height: 1em; margin-left: 15px;padding-top: 15px; margin-bottom:0}
.hleft h1{font-size:25px; color:aliceblue;margin:10px;}
.hleft{float: left}

#kura{float: right}


.htel{color: aliceblue;text-align: center;border-color: aliceblue;border-style: solid;border-radius: 15px;float: right;padding:5px;margin:40px 10px 10px 10px;width: 190px}
.htel a{color: aliceblue; font-size: 18px;;display: block}

.hweb{clear:both;color: aliceblue; text-align: center;border-color: aliceblue;border-style: solid;border-radius: 15px;float: right;padding:5px;margin:0 10px 5px 10px;width: 190px}
.hweb a{color: aliceblue; font-size: 18px;;display: block}
.hweb a:hover{color:yellow;}

.hgreen {width:980px;margin:10px auto ;background-color:#7cca40;border-radius:15px;overflow: hidden}

#topphoto{ border-radius: 25px;}
#photocenter{ margin:20px 0 0 0;text-align: center;}

#global_navi {width:980px; overflow:hidden; margin:0 auto;margin-top: 15px; border-radius:20px;}
#global_navi ul{list-style:none; margin:0; padding:0;}
#global_navi ul li{width:243.5px; float:left; margin-right:1px; text-align:center;font-size:20px;}
#global_navi ul li a{display: block; padding:16px;background-color:#7cca40; color:aliceblue}
#global_navi ul li a:hover{color:yellow;}

#wrapper{width:980px;margin:0 auto;}
#wrapper h2 {padding:15px;}
#wrapper p {padding-left:15px;}

#side{float:left}
#sidebar{width: 330px; background-color: aliceblue; border-radius:15px; margin-bottom: 0px;padding:0px 5px}

#time table{width:100%; border-collapse: collapse; text-align: center ;margin-bottom:20px}
#time th,td {border:1px solid #c7c7c7;padding:1px}
th{background-color: #eeeeee}

#map {margin-bottom: 10px; margin-top:30px}
#googlemap{margin:5px 5px 5px 5px; text-align: center;}

#tel {background-color: aliceblue; border-radius:15px;padding:5px; margin-bottom:15px;text-align: center;margin-top:15px}
#tel a{color:black;display: block}

#web {width:200px; background-color:#7cca40; color:aliceblue; border-radius:15px;padding:10px;margin:0 auto;margin-bottom: 15px; text-align: center }
#web a:hover{color:yellow;}
#web a{color:aliceblue;display: block;}

#web2 {width:200px; background-color:#7cca40; color:aliceblue; border-radius:15px;padding:10px;margin:0 auto;margin-bottom: 15px; text-align: center }
#web2 a:hover{color:yellow;}
#web2 a{color:aliceblue;display: block;}

#QR {background-color: aliceblue; border-radius:15px;padding:5px; margin-bottom:15px;text-align: center;}
#QR img{vertical-align: middle}

#mainright{float:right}
#main{width: 620px; background-color: aliceblue; border-radius: 15px;padding-bottom: 20px; margin-bottom: 30px}

#SLIT a:hover{color:yellow;}
#SLIT{width:300px ;background-color:#7cca40; color:white ; margin:30px auto; margin-bottom: 0px; border-radius:15px;text-align: center}
#SLIT a{color:aliceblue;display: block;}

#Zolair a:hover{color:yellow;}
#Zolair{width:300px ;background-color:#7cca40; color:white ; margin:0px auto;  border-radius:15px;text-align: center}
#Zolair a{color:aliceblue;display: block;}

footer{clear:both ;width:980px;background-color: #7cca40; color:aliceblue;border-radius: 15px; text-align: center; 
 margin:0 auto ;padding:10px;line-height: 20px}
footer h2{line-height:20px}

/*about*/
#mainabout h3{background-color: #7c9940; color:aliceblue; width:150px; text-align: center; border-radius: 15px;margin-left:5px}
#mainabout p{line-height: 1.5}
#mainabout{width: 620px; background-color: aliceblue; border-radius: 15px; margin-bottom: 10px;padding-bottom:20px}
#mainabout p{text-indent: 1em}

/*shinryou*/
#mainshinryou h3{background-color: #7c9940; color:aliceblue; width:150px; text-align: center; border-radius: 15px;margin-left:5px}

#mainshinryou{width: 620px; background-color: aliceblue; border-radius: 15px;padding-bottom:15px; margin-bottom: 10px}
#mainshinryou p{text-indent: 1em;}
#mainshinryou h4{margin:10px 10px;padding-left:5px;border-left: solid #7c9940}
#waccine {background-color:#eeeeee ;width:320px; margin-left:25px;margin-top: 10px; padding:5px 5px}
#waccine h4{margin:5px; border-style:hidden}
#waccine li{list-style-type:disc}

/*SLIT*/
#mainSLIT h3{background-color: #7c9940; color:aliceblue;padding:2px 0 2px 10px}
#mainSLIT{width: 620px; background-color: aliceblue; border-radius: 15px;padding: 0px 0px 10px 0px; margin-bottom: 10px;line-height:20px}

#res{padding:0px 15px 0px 30px}

/*Zolair*/
#mainZolair h3{background-color: #7c9940; color:aliceblue;padding:2px 0 2px 10px}
#mainZolair{width: 620px; background-color: aliceblue; border-radius: 15px;padding: 0px 0px 10px 0px; margin-bottom: 10px}

/*time_map*/
#maintime_map{width: 620px; background-color: aliceblue; border-radius: 15px;padding: 0px 0px 5px 0px; margin-bottom: 10px}
#maintime_map h4{margin:10px;padding:5px;border-left: solid #7c9940}
#maintime_map h3{background-color: #7c9940; color:aliceblue; width:150px; text-align: center; border-radius: 15px;margin-left:5px}
#maintime_map p{text-indent: 1em;}
#time2 table{width:92%; border-collapse: collapse; text-align: center ;margin-left:10px;margin-bottom:15px}
#time2 th,#time2 td {border:1px solid #c7c7c7;padding:2px}
#time2 th{background-color: #eeeeee}

#map {margin-bottom: 10px; margin-top:30px;}
#googlemap{ text-align: center;}

.oshirasephoto{border-radius:15px;}



#container{
  width:390px;
  margin:0 auto;
  font-family: "M PLUS Rounded 1c";
  background-color:#ffffff;
  padding:10px 0 20px;
}
#container h4{
  width:300px;
  margin:0 auto 10px;
  text-align:center;
  font-size:20px;
 
  border-radius: 5px;
  padding:0 5px;
 
  color:#ff69b4;
  text-shadow: 1px 1px 0 #333;
}
#container table{
  width:90%;
  margin:10px auto 0;
}
#container td{
  border:2px solid #fff00f;
  text-align: center;
  background-color:#ffffff;
  font-size:20px;
  padding:5px 0;
}
#container th{
  color:white;
  background-color:#7cca40;
  text-shadow: 1px 1px 0 #333;
}

#container tr *:nth-last-child(2){
  color:#0ba9ea;  
}


@media screen and (max-width:767px) {
body,.hgreen,header,#global_navi, footer,#wrapper{width:100%;}
.htel{clear:both;margin-top: 30px}
#side{float:none}
#sidebar,#QR,#web{display: none}
#mainright{float:none}
#main,#mainabout,#mainshinryou,#mainSLIT,#mainZolair, #maintime_map{width:98%}
#mainshinryou,#main,#mainabout,#mainSLIT,#mainZolair,#maintime_map{padding-left:2px;}
#mainshinryou,#main,#mainabout,#mainSLIT,#mainZolair,#maintime_map{padding-right:2px;}
#global_navi ul li{width:50%;padding:1px;margin:0; box-sizing:border-box;font-size:15px}
#global_navi ul li a{margin:0;}	
#SLIT{width:80%} 
#Zolair{width:80%} 
footer{padding:5px 0 5px 0; }
#waccine {width:80%} 
#map iframe{width:98%}
#tel{width:200px;margin: 25px auto}
#web2{margin-bottom: 25px}
#torii{width:90%;}
#youtube{width:90%}
#container{width:90%}



