@charset "utf-8";
/* CSS Document */

/*共通*/
body{
     margin-right: auto;
     margin-left: auto;
     width:750px;
    }
table.type04{
             width: 750px;
             border-collapse:collapse;
            }
table.type04 td{
             margin: 0;
             padding: 0;
             border-collapse:collapse;
                }
table.head {
            width: 100%;
            }
table.head td{
            margin: 0;
            }
.info{
      vertical-align: bottom;
      text-align: right;
      width: 15em;
      font-size: 0.7em;
      }
img.me {
             width: 6px;
             height: 18px;
             }

img.nu {
             width: 123px;
             height: 18px;
             transition: .2s;
             }
img.nu:hover {
             opacity: 0.5;
             }
img.copy {
             width: 300px;
             height: 12px;
             }
/*パンくず*/

table.pan{
          width: 750px;
          }
table.pan td{
              font-size: 1.3em;
              padding: 3px;
             }
/*コピーライト*/
table.cr{
          width: 750px;
             }
table.cr td{
          text-align: center;
             }
hr { 
    width: 750px;
    border: 0 none; 
    height: 2px; 
    color: #696969;
    background-color: #696969;
} 

h1{
   width: 500px;
   background: #ffb091;
   color: #ffffff;
   font-size: 27px;
   text-align: center;
   padding: 10px;
   margin: 0 auto 0 0 ;
   }

h2{
   width: 500px;
   background: #ffcc91;
   color: #ffffff;
   font-size: 27px;
   text-align: center;
   margin: 0 0 0 auto;
   padding: 10px;
   }




table.type01{
             width: 750px;
             margin-right: auto;
             margin-left: auto;
             padding: 40px;
            }

table.type01 td{
                width:200px;
                height:40px;
                vertical-align: middle;
                font-size: 2em;
                }

a.btn--orange {
  width: 200px;
  height: 60px;
  color: #fff;
  background-color: #8acfe6;
  border-bottom: 5px solid #6ba1b3;
  text-decoration: none;
  text-align: center;

}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #8acfe6;
  border-bottom: 2px solid #8acfe6;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
　


　
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-weight: 550;
  display: inline-block;
  padding: 1rem 4rem;
  border-radius: 0.5rem;
}

table.type02{
             width: 740px;
            }
table.type02 td{
                text-align: center;
               }
img.gif{
        width: 500px;
        height: 340px;
         }