@charset "utf-8";
/* CSS Document */
body{background:#fcf3e4 url(../images/bg.jpg) no-repeat bottom center;}

.head{width:100%;font-size: .7em;text-align:center;border:1px solid #ffd792;background-color:#fff7d8;border-radius:1em;margin:1em auto;line-height: 1.6em;padding: 0.6em 0;}
.head b{ color:#f60; font-weight:normal}

.infoBox{width:100%; margin:auto; float:left}
.infoTitle{font-size:.9em; font-weight:bold; border-bottom:1px solid #e1ddd7; line-height:2.2em;}
.infoList dt{float:left; width:25%; color:#333; text-align:right; font-size:.8em; line-height:3em}
.infoList dd{float:left; width:75%; text-align:left; font-size:.8em; line-height:3em}
.infoList dd b{ color:#f00;}
.infoFoot{float:left;width:100%;font-weight:bold;color:#f00;font-size:.7em;line-height:2.2em;border-bottom:1px solid #e1ddd7;border-top:1px solid #e1ddd7;}
.noDown{ margin:2em 0;text-align:center;}
.noDown .img{ margin:auto; width:7em; height:7em; background:url(../images/no-down.png) no-repeat center center / cover}
.noDown .text{font-size:.8em; line-height:3em}


.downBox{margin:auto; width:100%; float:left}
.downBox .icon{text-align:center; }
.downBox .icon img{ width:30%; }
.downBox .downText{text-align:center;  height:2em; line-height:2em;}
.downBox .downText a{color:#0079ff;font-weight:bold; font-size:.7em;}

#user2wm{position:fixed; width:34%; left:35%; top:5%; border-radius:.2em; z-index:100; text-align:center; display:none ; z-index:100}
#user2wm span{color:#FFF; font-size:0.5em; margin-top:1em;}
#user2wm span b{ color:#F00}
#user2wm #btn{ float:left; margin-left:40%; border-radius:.4em; background-color:#f00; width:5em; height:2em; line-height:2em; text-align:center; cursor:pointer}

@media (min-width: 640px) {

}