@charset "UTF-8";
body{background-color:#EEF6FF; 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:#4D84D9;}
dt{padding:6px; font-size:110%; color:#fff; background-color:#4D84D9;}
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%;}
}


.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(#d3992e),color-stop(0.5,#d3992e),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,center 4,0,center 4,4,from(#d3992e),color-stop(0.5,#d3992e),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,46 center,0,46 center,4,from(#d3992e),color-stop(0.5,#d3992e),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,center 46,0,center 46,4,from(#d3992e),color-stop(0.5,#d3992e),color-stop(0.9,transparent),to(transparent));
background-image:
-webkit-radial-gradient(10% 50%, 4px 4px, #d3992e, #d3992e 95%, #d3992e 95%, transparent),
-webkit-radial-gradient(50% 10%, 4px 4px, #d3992e, #d3992e 95%, #d3992e 95%, transparent),
-webkit-radial-gradient(90% 50%, 4px 4px, #d3992e, #d3992e 95%, #d3992e 95%, transparent),
-webkit-radial-gradient(50% 90%, 4px 4px, #d3992e, #d3992e 95%, #d3992e 95%, transparent);
background-image:
radial-gradient(4px 4px at 10% 50%, #d3992e, #d3992e 95%, transparent),
radial-gradient(4px 4px at 50% 10%, #d3992e, #d3992e 95%, transparent),
radial-gradient(4px 4px at 90% 50%, #d3992e, #d3992e 95%, transparent),
radial-gradient(4px 4px at 50% 90%, #d3992e, #d3992e 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:#ffffff;}
}

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

.container{padding:35px 10px;}
.basic-box {margin:0 auto; padding:0px 10px 10px 10px; max-width:800px; text-align:center; background-color:#fff; border-radius:0px;}
.loading-box {padding:30px 0 20px;}
.loading-box p {padding-top:15px; color:#4D84D9;}
.cushion-box {margin:0 auto; border-radius:0px; border:#4D84D9 solid 2px;}
dt{padding:6px; font-size:16px; color:#fff; background-color:#4D84D9; vertical-align:middle;}
dt i{padding-right:10px; font-size:30px; vertical-align:top;}
dt img{width:20px; margin:-3px 10px 0px 0px; vertical-align:middle;}
dd {padding:15px 0; border-radius:0 0 5px 5px; background-color:#ffffff;}
.link-box {padding:30px 0; font-size:13px; text-align:center;}
.link-box .small {font-size:90%;}

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

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

.cushion_img{margin:10px 0px 0px;}

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(#d3992e),color-stop(0.5,#d3992e),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,center 4,0,center 4,4,from(#d3992e),color-stop(0.5,#d3992e),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,46 center,0,46 center,4,from(#d3992e),color-stop(0.5,#d3992e),color-stop(0.9,transparent),to(transparent)),
-webkit-gradient(radial,center 46,0,center 46,4,from(#d3992e),color-stop(0.5,#d3992e),color-stop(0.9,transparent),to(transparent));
background-image:
-webkit-radial-gradient(10% 50%, 4px 4px, #d3992e, #d3992e 95%, #d3992e 95%, transparent),
-webkit-radial-gradient(50% 10%, 4px 4px, #d3992e, #d3992e 95%, #d3992e 95%, transparent),
-webkit-radial-gradient(90% 50%, 4px 4px, #d3992e, #d3992e 95%, #d3992e 95%, transparent),
-webkit-radial-gradient(50% 90%, 4px 4px, #d3992e, #d3992e 95%, #d3992e 95%, transparent);
background-image:
radial-gradient(4px 4px at 10% 50%, #d3992e, #d3992e 95%, transparent),
radial-gradient(4px 4px at 50% 10%, #d3992e, #d3992e 95%, transparent),
radial-gradient(4px 4px at 90% 50%, #d3992e, #d3992e 95%, transparent),
radial-gradient(4px 4px at 50% 90%, #d3992e, #d3992e 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:#ffffff;}
}

*/