@media screen and (min-width: 800px){
 #width{
  margin: 0px auto;
 }
}

body{
 font-family: 'メイリオ', 'Meiryo', 'ヒラギノ丸ゴ ProN W4', 'Hiragino Maru Gothic ProN W4', '�E��E� ゴシチE��', 'Verdana', sans-serif;
 font-size: 11pt;
 color: #000;
 letter-spacing: 2px;
 background-color: #ffedab;
 background-image: url("back.gif");
 background-repeat:repeat;
} 

img {
 width : 70% ;
  max-width: 800px;
}

DIV.box {
margin : 0px 0px 0px 0px;

padding : 0px 0px 0px 0px;
background-color:#FFF;
border-top-width : 0px;border-right-width : 0px;border-bottom-width : 0px;border-left-width : 0px;
border-radius: 10px;
 font-size: 18pt;
 
 font-weight : 800;
 letter-spacing : 0px;
}

.flex{
    display: flex;
    padding: 30px;
    justify-content: center;
}
.flex div{
    width: 25%;
    margin: 10px;
    padding: 10px;
    align-items: stretch;
background-color: #FFF;
border: 2px solid #FFF;
border-radius: 10px;
}
.flex div p{
    width: 80%;
}
p.title{
 font-family: 'メイリオ', 'Meiryo', 'ヒラギノ丸ゴ ProN W4', 'Hiragino Maru Gothic ProN W4', '�E��E� ゴシチE��', 'Verdana', sans-serif;
 font-size: 14pt;
 font-weight:700;
 color: #000;
 letter-spacing: 2px;
}
h1 {
  position: relative;
  line-height: 1.4;
  color: #ff6347;
  border-bottom: double 3px #ff6347;
}
h1:first-letter {
  font-size: 1.5em;
  color: #e83929;
}

a.nome
 {
  padding: 0 .3em;
  background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #4169e1 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
  color:#191970;
  text-decoration: none;
    padding-bottom: 1px;
    border-bottom: dotted 2px #4169e1;
}

a:hover {
  background-position: -100% 0;
  color: #fff;
  text-decoration: none;
}

DIV.mise {
width:70%;
margin:5px;
padding : 7px 7px 7px 7px;
position: relative;
left : 125px;
top: 50px;
background-color:#FFF;
border : 8px solid #ffffff;
border-radius: 10px;
}

.main {
  width: 860px;
  margin: 0 auto;
}

h2 {
  padding: 0.25em 0.5em;/*上丁E左右の余白*/
  color: #d3381c;/*斁E��色*/
  background: #ffdbb7;/*背景透�Eに*/
  border-left: solid 5px #ffbf7f;/*左緁E/
  display: inline-block;
}

table.waku{
 font-family: 'メイリオ', 'Meiryo', 'ヒラギノ丸ゴ ProN W4', 'Hiragino Maru Gothic ProN W4', '�E��E� ゴシチE��', 'Verdana', sans-serif;
 font-size: 11pt;
 color: #000;
　　    border-collapse: collapse;
         border: 1px solid #d70035;
}
td.waku{
    border: 1px solid #d70035;
}

/* 左ボタン�E�横並び�E�E*/
.left-btn {
    width: 100%;  /*ボタンの横幁E*/
    text-align: center;  /*ボタン冁E�E斁E��中央寁E�� */
    border-radius: 5px;  /*ボタンの角を少し丸ぁE*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;  /*ボタン冁E��字�E太孁E*/
}

.left-btn a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color: #ff8c00;
    color: #ffffff !important;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}

.left-btn a:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	box-shadow:none;
}

/* 右ボタン�E�横並び�E�E*/
.right-btn {
    text-align:center;
    width: 100%;
    float:left;
    color:#fff;
    font-weight:bold;
    border-radius: 5px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.right-btn a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color: #ff1493;
    color: #ffffff !important;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}

.right-btn a:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
    box-shadow:none;
}

.box-main {
    text-align:center;
    font-size:15px;
    margin-bottom: 1em;
}

.box-main:after {
    content:"";
    display:block;
    clear:both;
}

@media screen and (min-width: 600px) {

.right-btn {
    width:48% !important;
    margin-left:10px;
}

.left-btn {
    width:48% !important;
    float:left;
    margin-right: 10px;
    margin-left:0;
}
}

@media screen and (max-width:599px){

.right-btn {
    margin-top: 15px;
}
}