body {
     font-family: "Arial","meiryo","Hiragino Kaku Gothic Pro";
     font-size: 0.6rem;
     background: #F6F5DB;
     color: #212121;
     width:100%;
}

header, nav, article, aside, section, footer {
	display:block;
}

div#contents {
     overflow: hidden;
     width:100%;
     float:left;
     padding-left:5px;
}

.schedule a {
 color:#64C2D9;
}

.schedule a:hover {
 color:#800080;
}

.schedule a:visited {
 color:#800080;
}

/* ボックス */

	
li{ 
list-style:none;
	padding-top:0px;
	padding-bottom:0px;
}




/* ボタンスタイル */

.button, .button:visited {

     display: inline-block;
	
     color: #fff;
     padding: 15px 5px 15px 0px;	
     text-decoration: none;
	
       -moz-border-radius: 4px;
	
       -webkit-border-radius: 4px;
       -ms-border-radius: 4px;

	
       -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
	
       -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.6);

       -ms-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
	
     text-shadow: 0 -2px 2px rgba(0,0,0,0.25);
	
     border-bottom: 1px solid rgba(0,0,0,0.25);
		
     cursor: pointer;
     font-family: "Arial","meiryo","Hiragino Kaku Gothic Pro";
     font-style:normal;
     position: absolute;
}



/* ボタンサイズ */

.small.button, .small.button:visited                {font-size: 11px}


.button, .button:visited,


.medium.button, .medium.button:visited 		{ font-size: 13px;

                                                  font-weight: bold;

						  line-height: 1;
		
						  text-shadow: 0 -2px 2px rgba(0,0,0,0.25);

						 }



.large.button, .large.button:visited 		{ font-size: 18px;}



.super.button, .super.button:visited 		{ font-size: 24px;

						  padding: 15px 5px 15px 0px; 
                                                  text-align: center;
                                                  margin-left:-40px;
                                                  width: 98%;}


/* ボタンカラー */

.pink.button, .magenta.button:visited   { background-color: #e22092; } 
.pink.button:hover                  { background-color: #c81e82; } 
.green.button, .green.button:visited    { background-color: #B8CA56; } 
.green.button:hover                     { background-color: #899932; } 
.red.button, .red.button:visited        { background-color: #D22424; } 
.red.button:hover                   { background-color: #A51313; } 
.orange.button, .orange.button:visited  { background-color: #ff5c00; } 
.orange.button:hover                { background-color: #d45500; } 
.blue.button, .blue.button:visited              { background-color: #64C2D9; } 
.blue.button:hover                  { background-color: #386975; } 
.yellow.button, .yellow.button:visited  { background-color: #ffb515; } 
.yellow.button:hover                { background-color: #fc9200; } 
.brown.button, .brown.button:visited  { background-color: #483c2c; } 
.brown.button:hover                { background-color: #3e312b; } 

/* ボタンの配置 */

.migi.button {
     position: relative;
     margin-top: 5px;
     margin-left: -40px;
     float: left;
     width: 48%;
     padding: 15px 10px 15px 10px;
}

.hidari.button {
     position: relative;
     margin-top: 5px;
     margin-left: 5px;
     float: left;
     width: 48%;
     padding: 15px 10px 15px 10px;
}    




/* ロゴ */

ul.logo li.pic-3 {
   z-index: 3;
   float: left;
   -webkit-transform: rotate(15deg) translate(190px,-30px);
   -moz-transform: rotate(15deg) translate(190px,-30px);
   -ms-transform: rotate(15deg) translate(190px,-30px);
   padding: 2px 2px 2px 2px;
   background: #fff;
   border: 1px solid #fff;
       -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.6);
	
       -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.6);
       -ms-box-shadow: 0 2px 15px rgba(0,0,0,0.6);
   -moz-border-radius: 6px;
	
   -webkit-border-radius: 6px;
   -ms-border-radius: 6px;
   position: relative;
   width:80px;
}

ul.logo li a:hover {
   -moz-box-shadow: 0px 2px 20px #fff;
   -webkit-box-shadow: 0px 2px 20px #fff;
   -ms-box-shadow: 0px 2px 20px #fff;
}


.phone {
   z-index: 5;
   float: left;
   -webkit-transform: translate(-20px,5px);
   -moz-transform: translate(-20px,5px);
   -ms-transform: translate(-20px,5px);
   position: relative;
   width:30px;
}

footer {
   background: #F6F5DB;
   margin-top: 20px;
   margin-bottom:20px;
   position: relative;
   width:98%;
   float:left;
   text-align:center;
   color:#666666;
}

p {
    color: #666666;
}


.wel {
   font-size: 32px;
   font-family: century gothic;
   -webkit-transform: translate(0px,60px);
   -moz-transform: translate(0px,60px);
   -ms-transform: translate(0px,60px);
   text-shadow: -1px -1px 2px #6d696f,2px 2px 2px #000;
   font-weight:bold;
   color: #386975;
   position: absolute;
   margin-top: -60px;
}

.misaki, .misaki a {
   font-size: 32px;
   font-family: Century Gothic;
   text-shadow: -1px -1px 2px #6d696f,2px 2px 2px #DFDFDF;
   color: #D22424;
   float:left;
   text-decoration: none;
   text-align:center;
   position: relative;
   width: 250px;
   margin-left: -15px;
   margin-top:-10px;
   margin-bottom:-40px;
}

.return {
   float:left;
   margin-left: -35px;
   margin-top: 10px;
   position: relative;
}

.misaki span {
   font-size: 28px;
   font-family: Century Gothic;
   text-shadow: -1px -1px 2px #6d696f,2px 2px 2px #DFDFDF;
   color: #64C2D9;
   text-decoration: none;
   font-weight: bold;
}

nav {
   margin-top: 0px;
   position: relative;

   width: 98%;
   float:left;
}

.top {
   padding-bottom: -10px;
   background-image:url(images/main_img3.png);
   background-repeat: no-repeat;
   height:200px;
   width:320px;
}
   

.tel {
   margin-top: -5px;
   position: relative;
   width: 96%;
   float: left;
   padding: 0px 0px 0px 0px;
}

article {
   padding: 0px;
   float:left;
   width:98%;
}  

section {
   margin-top: 0px;
   width: 98%;
   padding: 0px;
   float:left;
}

.topics, topics:visited {
   display: inline-block;

   background-color:#fff;
   color: #EC5E4A;
   height: 20px;
   width: 68%;
   position: relative;
   font-size: 12px;
   font-family: "Arial","meiryo","Hiragino Kaku Gothic Pro";
   padding: 10px 0px 0px 5px;
   margin-left: 0px;
   text-decoration: none;
   float:left;
	border-bottom-width: 3px;

	border-bottom-style: dotted;

	border-bottom-color: #64C2D9;
}

.topics_click, topics_click:visited {
   display: inline-block;

   background-color:#fff;
   color: #EC5E4A;
   height: 20px;
   width: 28%;
   position: relative;
   font-size: 12px;
   font-family: "Arial","meiryo","Hiragino Kaku Gothic Pro";
   padding: 10px 0px 0px 5px;
   margin-left: 0px;
   text-decoration: none;

   float:left;
	border-bottom-width: 3px;

	border-bottom-style: dotted;

	border-bottom-color: #64C2D9;
}


.topics_none, topics_none:visited {
   display: inline-block;

   background-color:#fff;
   color: #EC5E4A;
   height: 20px;
   width: 96%;
   position: relative;
   font-size: 12px;
   font-family: "Arial","meiryo","Hiragino Kaku Gothic Pro";
   padding: 10px 5px 0px 5px;
   margin-left: 0px;
   text-decoration: none;
   float:left;
	border-bottom-width: 3px;

	border-bottom-style: dotted;

	border-bottom-color: #64C2D9;
}

header {
  padding-bottom: 0px;
  width:100%;
  float:left;
}


table.table1{
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 1.2em;
  border-collapse: collapse;
  text-align: center;
  margin-top:10px;
  width: 98%;
}

.table1 thead th{
  padding: 0px 10px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 1px #444;
  border-bottom: 1px solid #444;
}

.table1 thead th:empty{
  background: transparent;
  border: none;
}

.table1 thead :nth-child(2){
  background-color: #7fd2ff;
  padding:3px;
}


.table1 thead :nth-child(2){
  -moz-border-radiud: 5px 0px 0px 0px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

.table1 thead :nth-child(3){
  background-color: #45a8df;
}

.table1 thead :nth-child(4){
  background-color: #2388bf;
  padding:2px;
}

.table1 thead :nth-child(5){
  background-color: #096a9f;
}

.table1 thead :nth-child(6){
  background-color: #004a95;
}

.table1 thead :nth-child(7){
  background-color: #003366;
}

.table1 thead :nth-child(8){
  background-color: #cc3340;
}

.table1 thead :nth-child(8){
  -moz-border-radiud: 0px 5px 0px 0px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  padding:3px;
}

.table1 tbody tr:nth-child(3) td{
  font-size:10px;
  font-weight:bold;
}

.table1 tbody td:nth-child(even){
　background-color:#444;
  color:#444;
  border-bottom:1px solid #444;
  background:-webkit-gradient(
     linear,
     left bottom,
     left top,
     color-stop(0.39, rgb(189,189,189)),
     color-stop(0.7, rgb(224,224,224))
     );
  background:-moz-linear-gradient(
     center bottom,
     rgb(189,189,189) 39%,
     rgb(224,224,224) 70%
     );
 text-shadow:1px 1px 1px #fff;
}

.table1 tbody td:nth-child(odd){
　background-color:#555;
  color:#f0f0f0;
  border-bottom:1px solid #444;
  background:-webkit-gradient(
     linear,
     left bottom,
     left top,
     color-stop(0.39, rgb(85,85,85)),
     color-stop(0.7, rgb(105,105,105))
     );
  background:-moz-linear-gradient(
     center bottom,
     rgb(85,85,85) 39%,
     rgb(105,105,105) 70%
     );
  text-shadow:1px 1px 1px #000;
}

.table1 tbody td:nth-last-child(1){
  border-bottom:1px solid #444;
}

.table1 tbody th{
  color:#fff;
  text-align:right;
  text-shadow:1px 1px 1px #000;
  padding:0px 6px;
  background-color: #666;
  border-bottom:1px solid #222;
}

.table1 tbody th.maltop{
  -moz-border-radiud: 5px 0px 0px 0px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

.table1 tbody th.malbottom{
  border-bottom:1px solid #444;
}

.table1 tbody span.check::before{
  content : url(images/open.png)
}

.table1 tbody span.closed::before{
  content : url(images/closed.png)
}

.table1 tbody span.lunch::before{
  content : url(images/lunch.png)
}

.information {
       -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
	
       -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
	
   border-radius: 5px;
   width: 93%;
   background-color: #FFF;
   margin-top: 20px;
   color: #EC5E4A;
   font-size: 12px;
   font-family: "Arial","meiryo","Hiragino Kaku Gothic Pro";
   padding: 0px 5px 10px 5px;
   line-height:1.7em;
}

h1 {
   color: #64C2D9;
   font-family: "Arial","meiryo","Hiragino Kaku Gothic Pro";
   text-align: center; 
   font-size: 14px;
   padding-top: 10px;
}

h2 {
   color:#64C2D9;
   font-family: "Arial","meiryo","Hiragino Kaku Gothic Pro";
   font-size: 14px;
   text-align: center; 
   padding-top: 10px;
}

h3 {
   color:#64C2D9;
   font-family: "Arial","meiryo","Hiragino Kaku Gothic Pro";
   font-size: 12px;
   padding-top: 5px;
   line-height:0.5em;
   text-align: center; 
}

.schedule {
       -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
	
       -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
	
   border-radius: 5px;
   width: 95%;
   background-color: #FFF;
   margin-left: 0px;
   margin-top: 5px;
   color: #EC5E4A;
   font-size: 12px;
   font-family: "Arial","meiryo","Hiragino Kaku Gothic Pro";
   padding: 1px 5px 10px 5px;
   line-height:1.3em;
}


.topi {
   width: 100%;
   margin-left: -40px;
}