html {-webkit-text-size-adjust: 100%;
      font-size: 62.5%;
     }

a { display: block; 
    text-decoration: none;
  }

img { max-width:100%;
      height: auto;
    }

body { margin: 0;
       text-align:center;
       -webkit-text-size-adjust: 100%;
       font-size: 1rem;
       line-height:160%;
     }

div { display: block;
    }

.title { color:#ff99cc;
         font-size:x-large;
         margin: auto;
       }
       
#bg_header {width: 100%;
            margin-left: auto;
            margin-right: auto;
            }
#header { background-color:#ffa500;
          color:#ff99cc;
          margin-left: auto;
          margin-right: auto;
          }

h1        {display: block;
           margin-left: auto;
           margin-right: auto;
           margin-top: auto;
           margin-bottom: auto;
           background: #ffa500;
           border-top: 1px solid #fff;
           border-bottom: 1px solid #fff;
           box-shadow: 0px 3px 3px 0px #dddddd;
           -webkit-box-shadow: 0px 3px 3px #B49C9C;
           -moz-box-shadow: 0px 3px 3px #dddddd;
           padding: 5px 0 0 0 ;
           font-size: 1.4rem;
         }
.botton-nav { padding:10px 0;
              font-size: 116%;
            }

#nav1 { margin: 0 auto;
        width: 276px;
      }

         

#nav1 ul li {  float: left; 
               text-align: center;
               width: 72px;
               margin: 10px 10px ; 
               list-style:none; 
               } 

#nav2  { width: 280px;
         margin: auto;
        } 


#nav2 ul li { float: left; 
              text-align: center;
              width: 115px;
              margin: 10px 10px; 
              list-style:none; 
            }
                      

h2 { clear: both;
     background:#ffffff;
     font-size: 5px;
     padding:15px 0 15px 0;
     margin: 5px 0 15px 0;
     height: 199px;
     }

.osirase{ padding: 10px 0;
	  clear: both;
     	  background:#ffffff;
        }

#information { background-image: url("img/top_new.jpg");
               background-repeat: no-repeat;
               width: 280px;
               margin: auto; 
               height:193px;    
              }
             
#new-text {padding: 70px 1px 4px 20px;
           width: 240px;
           font-size:15px;
           text-align:left; 
          }

table, td, th{border: solid 1px #525252;
              margin-top: 30px;
              margin-bottom:10px;
              padding: 2px;
              font-size: 105%;
             }

#table {clear: both;
        width:280px;
        line-height:130%;
        margin-right:auto;
        margin-left:auto;
        font-weight: bold; 
        background:#ccffcc;
        }

#samedi{color:#000099} 

#kome{font-size:small;
      margin:5px auto;
             }

#tel {padding-top: 1em ;
      padding-right: auto;
      padding-bottom: 2em;
      padding-left: auto;
     }

.botton_tel {text-align: center;
             font-size: 140%;
             margin: auto;
             width: 240px;
             color: #252225;
             font-weight: bold;
             border-radius: 12px;
             padding: 0.3em 2em;
           background: #ccffcc; /* Old browsers */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feae31), color-stop(0.28, #efe457));
         background: -webkit-linear-gradient(top, #efe457 28%, #feae31 100%);
         background: -moz-linear-gradient(top, #efe457 28%, #feae31 100%);
         background: -ms-linear-gradient(top, #efe457 28%, #feae31 100%);
         background: linear-gradient(to bottom, #efe457 28%, #feae31 100%);


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

            }

#botton_group { text-align: center;
                font-size: 140%;
                margin: auto;
                padding: auto;
                width: 320px;
                color: #494148;
              }

.botton   {border-style: solid;
           border-width: 1px;
           border-color: #ccc #999 #999 #ccc;
           font-weight: bold;
           text-align: center;
           color: #494148;
           border-radius: 7px;
           padding: 0.3em 2em;
           background: #fcecfc; /* Old browsers */
           background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feae31), color-stop(0.28, #efe457));
           background: -webkit-linear-gradient(top, #efe457 28%, #feae31 100%);
           background: -moz-linear-gradient(top, #efe457 28%, #feae31 100%);
           background: -ms-linear-gradient(top, #efe457 28%, #feae31 100%);
           background: linear-gradient(to bottom, #efe457 28%, #feae31 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 ); /* IE6-9 */
           text-decoration: none;
           line-height: 2em;
           white-space: nowrap;
           text-align: center;
           margin: 0.7em auto;
           clear: both;
          }

footer{ background: #ffa500;
        font-size: 0.8em;
        margin: 1.2em auto auto auto;
        text-align:center;
        padding: 15px 0 5px 0;
      }


#last{ font-size: 0.4em;
       text-align: right;
       
     }



/*----------------------- staff -----------------------*/

#staff-top{ margin-left: auto;
            margin-right: auto;
          }

#top-navi ul{ display: block;
              font-weight :bold;
              margin-left: auto;
              margin-right: auto;
          }

#top-navi ul li {  border: 1px solid #ccc;
                   text-align: center;
                   margin-left: auto;
                   margin-right: auto;
                   min-height: 30px;
                   padding:auto;
                   width: 32.999%;
                   float: left; 
                   background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feae31), color-stop(0.28, #efe457));
                   background: -webkit-linear-gradient(top, #efe457 28%, #feae31 100%);
                   background: -moz-linear-gradient(top, #efe457 28%, #feae31 100%);
                   background: -o-linear-gradient(top, #efe457 28%, #feae31 100%);
                   background: -ms-linear-gradient(top, #efe457 28%, #feae31 100%);
                   background: linear-gradient(to bottom, #efe457 28%, #feae31 100%);

                }