@charset 'UTF-8';
@font-face{
  font-family: 'YasashisaAntique';
  src: url('07YasashisaAntique.otf');
}
@font-face{
  font-family: 'Mikachan';
  src: url('Mikachan.otf');
}
@font-face{
  font-family: 'MagicRing';
  src: url('MagicRing.ttf');
}
.font1 {
  font-family:"YasashisaAntique";
}
.font2 {
  font-family:"Mikachan";
}
.font3 {
  font-family:"MagicRing";
}
p.tate {
  writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  color: #0769AD;
  top:0;
  text-align:left;
  font-family:"YasashisaAntique";
}
a.button {
  display:inline-block;
  width:135px;
  background-color:#0769AD;
  color:white;
  padding: 3px;
  margin: 1px 0px;
  border: outset 3px #55ACDD;
  text-align:center;
  text-decoration:none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  font-weight:bold;
}
a.button:hover {
  background-color:#55ACDD;
//  color:#0769AD;
  cursor:pointer;
}
span.button{
  display:inline-block;
  width:135px;
  background-color:#0769AD;
  color:white;
  padding: 3px;
  margin: 1px 0px;
  border: outset 3px #55ACDD;
  text-align:center;
  text-decoration:none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  font-weight:bold;
}
span.button:hover{
  background-color:#55ACDD;
//  color:#0769AD;
  cursor:pointer;
}
img.thumb{
  width:146px;
  height:146px;
  border: 2px solid;
}
img.thumb:hover{
//  border-color:#0769AD;
  border-color:magenta;
}
#canvas {
  float:left;
  margin-right:1em;
}
#srcImg {
//  float:left;
}
#edit {
  float:left;
//  margin-left:32px;
  margin-right:1em;
  width:300px;
}
#edit>input{
  width:296px;
}
#detail {
  float:left;
  margin-right:1em;
  width:300px;
}
body {
  background: url("../../../argyle9b.bmp");
}