body {
  display: block;
  margin: 0 auto;
  width: 1024px;
  height: 3000px;
  padding: 10px;
}

h1,h2,p{
  text-align: center;
}

p.desc{
  text-align: left;
  border: solid 2px ;
  border-style: dotted;
  padding-left: 100px;
}

p#taskmss{
  display: inline-block;
  font-size: 10px;
}
p#randcheck{
  display: inline-block;
  font-size: 12px;
  margin: 0px;
}
p#imgcheck{
  display: inline-block;
  font-size: 12px;
  margin: 0px;
  margin-left: 30px;
}
p#choicesInde{
  display: inline-block;
  font-size: 12px;
  margin: 0px;
  margin-left: 30px;
}

p#zip{
  display: inline-block;
  margin-left: 10px;
  padding-top: 35px;
}

a{
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 10%;
}
input#del,input#export{
  background: #d2d2d4;
  background-image: -webkit-linear-gradient(top, #d2d2d4, #6b6b6b);
  background-image: -moz-linear-gradient(top, #d2d2d4, #6b6b6b);
  background-image: -ms-linear-gradient(top, #d2d2d4, #6b6b6b);
  background-image: -o-linear-gradient(top, #d2d2d4, #6b6b6b);
  background-image: linear-gradient(to bottom, #d2d2d4, #6b6b6b);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  color: #ffffff;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;

  outline: none;
  border: none;
  margin-top: 40px;
  margin-bottom: 10px;
}
input#del:active,input#export:active{
  background: #757575;
  background-image: -webkit-linear-gradient(top, #757575, #b3b3b3);
  background-image: -moz-linear-gradient(top, #757575, #b3b3b3);
  background-image: -ms-linear-gradient(top, #757575, #b3b3b3);
  background-image: -o-linear-gradient(top, #757575, #b3b3b3);
  background-image: linear-gradient(to bottom, #757575, #b3b3b3);
  text-decoration: none;
}
input#export{
  float:left;
}
input#del{
  float:right;
}

input#previewChange{
  outline: none;
  font-size:15px;
  font-family:Arial;
  font-weight:normal;
  -moz-border-radius:42px;
  -webkit-border-radius:42px;
  border-radius:42px;
  border:2px solid #469df5;
  padding:27px 2px;
  text-decoration:none;
  background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
  background:-ms-linear-gradient( top, #79bbff 5%, #4197ee 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #4197ee) );
  background-color:#79bbff;
  color:#ffffff;
  display:inline-block;
  text-shadow:2px 4px 24px #287ace;
  -webkit-box-shadow:inset 1px 0px 0px -50px #cae3fc;
  -moz-box-shadow:inset 1px 0px 0px -50px #cae3fc;
  box-shadow:inset 1px 0px 0px -50px #cae3fc;
  margin-left: 55px;

}
input#previewChange:active{
  background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
  background:-ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) );
  background-color:#4197ee;
}
div#task {
  display: block;
  width: 900px;
  background-color: #fEfEfE;
  border-width: 1px;
  border-style: solid;
  outline : none;　/*フォーカス消去*/
}

hr{
  width: 100%;
}

input[id=taskoff]:checked +p+br+span+br+ div#task{
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
input[id=taskoff]:checked +p+br+span{
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

div#taskall{
  width: 900px;
  display: block;
  margin: 0 auto;
}
div#previewall{
  display: block;
  margin: 0 auto;
  text-align: center;
}

div#preview{
  display: block;
  margin: 0 auto;
  text-align: center;
}

input[id*="radio"] {
  display: none;
  user-select: none;
}

.Nouseimg + .radio {
  display:block;
  width: 600px;
  background-color: #deeefe;
  border: 2px solid #899acd;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  margin: 0 auto;
  margin-bottom: 10px;
}

.Nouseimg:checked + .radio {
  background-color: #899acd;
}

.radio img{
  margin-left: 1px;
  border: 3px Transparent solid;
  border: 3px black solid;
  cursor: pointer;
}
input[type=radio]:checked + .radio img{
  border: 3px red solid;
  cursor: pointer;
}

button {
  display:block;
  width: 604px;
  height: 28;
  background-color: #deeefe;
  border: 2px solid #899acd;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  outline : none;
}

button:active{
  background-color: #899acd;
}

button#choicesInc,button#choicesDec{
  display: inline-block;
}