@charset "UTF-8";
body{background-color:#ffeeee; margin:0; padding:0;}
p,dl,dt,dd,ol,ul,li {margin:0; padding:0;}

.basic-box {margin:0 auto; padding:10px 0px 0px; width:100%; max-width:800px; text-align:center; background-color:#fff; border-radius:5px;}
.loading-box {padding:15px 0;}
.loading-box p {padding-top:10px; color:#333333;}
.cushion-box {width:94%; margin:0 auto; border-width:1px; border-style:solid; border-radius:5px; border-color:#D01027;}
dt{padding:6px; font-size:110%; color:#fff; background-color:#D01027;}
dt i{padding:5px 10px 0px 0px; font-size:30px; vertical-align:top;}
dd {padding:6px 10px; border-radius:0 0 5px 5px; background-color:#ffffff;}
.link-box {padding:15px 0; font-size:14px;}
.link-box .small {font-size:12px;}

@media print, screen and (min-width:641px) {
.basic-box {margin:0px auto 0; width:80%;}
.cushion-box {width:80%;}
dt{font-size:130%;}
dd{font-size:120%;}
}

.name{position:relative; color:#fff; background:#f49e9f; padding:5px 5px;}
.name:after{content:""; position:absolute; right:0; bottom:-10px; left:0; width:0px; height:0px; margin:auto; border-style:solid; border-color:#f49e9f transparent transparent transparent; border-width:10px 10px 0 10px;}


.container{margin:60px 0px 0px 0px;}
.cushion-img img{width:94%; margin:0px 3%;}

header {position:fixed; top:0; width:100%; height:50px; z-index:5; transition:.3s; background:#ffffff;}
header .logo {text-align:center; padding:6px 0;}
header .logo img {width:154px; height:auto;}

.banner {float:left; width:80px; margin:0 -80px 0 0; padding:0;}
.banner img {position:relative; max-width:98px; height:auto;}



span.loading, span.loading:after {display:inline-block; width:50px; height:50px; background-repeat:no-repeat;
background-image:
-webkit-gradient(radial,4 center,0,4 center,4,from(#f49e9f),color-stop(0.5,#f49e9f),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,center 4,0,center 4,4,from(#f49e9f),color-stop(0.5,#f49e9f),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,46 center,0,46 center,4,from(#f49e9f),color-stop(0.5,#f49e9f),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,center 46,0,center 46,4,from(#f49e9f),color-stop(0.5,#f49e9f),color-stop(0.9,transparent),to(transparent));
background-image:
-webkit-radial-gradient(10% 50%, 4px 4px, #f49e9f, #f49e9f 95%, #f49e9f 95%, transparent),
-webkit-radial-gradient(50% 10%, 4px 4px, #f49e9f, #f49e9f 95%, #f49e9f 95%, transparent),
-webkit-radial-gradient(90% 50%, 4px 4px, #f49e9f, #f49e9f 95%, #f49e9f 95%, transparent),
-webkit-radial-gradient(50% 90%, 4px 4px, #f49e9f, #f49e9f 95%, #f49e9f 95%, transparent);
background-image:
radial-gradient(4px 4px at 10% 50%, #f49e9f, #f49e9f 95%, transparent),
radial-gradient(4px 4px at 50% 10%, #f49e9f, #f49e9f 95%, transparent),
radial-gradient(4px 4px at 90% 50%, #f49e9f, #f49e9f 95%, transparent),
radial-gradient(4px 4px at 50% 90%, #f49e9f, #f49e9f 95%, transparent);
}
span.loading {position:relative; margin:0 10px; vertical-align:middle; -webkit-animation:animation03 2s linear infinite; animation:animation03 2s linear infinite;}
span.loading:after {position:absolute; content:" "; left:0; top:0; margin:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

@-webkit-keyframes animation03 {
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}
@keyframes animation03 {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

@media print, screen and (min-width:641px) {
html {background-color:#ffeeee;}
}

/*
@charset "UTF-8"; 
body{background-color:#ffeeee; margin:0; padding:0;}
p,dl,dt,dd,ol,ul,li {margin:0; padding:0;}


.basic-box {margin:0 auto; width:86%; max-width:800px; text-align:center; border-radius:5px;}
.loading-box {padding:30px 0 10px;}
.loading-box p {padding-top:1em; color:#333333;}
.cushion-box {margin:0 auto; border-radius:15px; padding:20px 10%; background:#ffffff;}
dt{padding:10px; font-size:120%; color:#fff; background-color:#D01027;}
dt i{padding-right:10px; font-size:30px; vertical-align:top;}
dd {padding:15px 0; border-radius:0 0 5px 5px; background-color:#FFFAE2;}
.link-box {padding:15px 0; font-size:12px; text-align:center;}
.link-box .small {font-size:12px;}

@media print, screen and (min-width:641px) {
.basic-box {margin:0px auto 0; width:80%;}
.cushion-box {width:80%;}
dt{font-size:130%;}
dd{font-size:120%;}
}

.name{position:relative; color:#fff; background:#f49e9f; padding:5px 5px;}
.name:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #f49e9f transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}


.cushion-img{margin:20px 0% 0px;}
.cushion-img img{width:100%;}

span.loading, span.loading:after {display:inline-block; width:50px; height:50px; background-repeat:no-repeat;
background-image:
-webkit-gradient(radial,4 center,0,4 center,4,from(#f49e9f),color-stop(0.5,#f49e9f),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,center 4,0,center 4,4,from(#f49e9f),color-stop(0.5,#f49e9f),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,46 center,0,46 center,4,from(#f49e9f),color-stop(0.5,#f49e9f),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,center 46,0,center 46,4,from(#f49e9f),color-stop(0.5,#f49e9f),color-stop(0.9,transparent),to(transparent));
background-image:
-webkit-radial-gradient(10% 50%, 4px 4px, #f49e9f, #f49e9f 95%, #f49e9f 95%, transparent),
-webkit-radial-gradient(50% 10%, 4px 4px, #f49e9f, #f49e9f 95%, #f49e9f 95%, transparent),
-webkit-radial-gradient(90% 50%, 4px 4px, #f49e9f, #f49e9f 95%, #f49e9f 95%, transparent),
-webkit-radial-gradient(50% 90%, 4px 4px, #f49e9f, #f49e9f 95%, #f49e9f 95%, transparent);
background-image:
radial-gradient(4px 4px at 10% 50%, #f49e9f, #f49e9f 95%, transparent),
radial-gradient(4px 4px at 50% 10%, #f49e9f, #f49e9f 95%, transparent),
radial-gradient(4px 4px at 90% 50%, #f49e9f, #f49e9f 95%, transparent),
radial-gradient(4px 4px at 50% 90%, #f49e9f, #f49e9f 95%, transparent);
}
span.loading {position:relative; margin:0 10px; vertical-align:middle; -webkit-animation:animation03 2s linear infinite; animation:animation03 2s linear infinite;}
span.loading:after {position:absolute; content:" "; left:0; top:0; margin:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

@-webkit-keyframes animation03 {
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}
@keyframes animation03 {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

@media print, screen and (min-width:641px) {
html {background-color:#ffeeee;}
}

*/