/*Form*/
#form .toggle_container{
  margin:10px auto;
  width:95%;
  clear:both;
}

#form .toggle_container h3{
  position:relative;
  margin-bottom: 10px;
  padding-left:10px;
  height:40px;
  background:-moz-linear-gradient(top, #828282 0%,#646464 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #828282),color-stop(1, #646464));
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border-bottom:1px solid #dddddd;
  color:#ffffff;
  font-size:14px;
  line-height:40px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}

#form .toggle_container h3.prof{
  background:-moz-linear-gradient(top, #9fcd43 0%,#80aa2d 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #9fcd43),color-stop(1, #80aa2d));
}

#form .toggle_container h3.op{
  background:-moz-linear-gradient(top, #4690b5 0%,#366f8b 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #4690b5),color-stop(1, #366f8b));
}

#form .toggle_container h3.attend{
  background:-moz-linear-gradient(top, #dc9a4a 0%,#cc8126 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #dc9a4a),color-stop(1, #cc8126));
}

#form .toggle_container h3.etc{
  background:-moz-linear-gradient(top, #8c73b0 0%,#715699 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #8c73b0),color-stop(1, #715699));
}

#form .toggle_container h3::after{
  content:'��';
position:absolute;
right:10px;
top:5px;
width:30px;
height:30px;
margin:0;
text-indent:0;
-moz-border-radius:30px;
-webkit-border-radius:30px;
text-align:center;
color:#ffffff;
text-shadow:none;
background:-moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0.3) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.2)),color-stop(1, rgba(255,255,255,0.3)));
z-index:25;
line-height:30px;
}

#form .toggle_container h3.selected::after{
  content:'��';
}

#form .toggle_container ul{
  padding:0 5px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  background:#ffffff;
}

#form .toggle_container li{
  color: #bbbbbb;
  display:-moz-inline-box;
  display:inline-block;
  padding: 0 10px;
  width:50%;
  height: 40px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  font-size:14px;
  font-weight: bold;
  line-height: 40px;
}

#form .toggle_container li input{
  margin:0 5px 0 0;
}

#form .toggle_container li input[type="checkbox"] {
  height: 14px;
  width: 14px;
}

#form .toggle_container .sname li{
  width:100%;
}

#form select{
  margin:5px 10px;
  font-size:18px;
}

#form .toggle_container .caution{
  margin:0 10px;
}

/*Result*/
#result .girlslist{
width:100%;
 border-top:1px solid #BDC5D9;
}

#result .girlslist th{
 padding:6px 0;
 background:#5b8ade;
 color:#ffffff;
 border-left:1px solid #BDC5D9;
 font-size:10px;
 text-align:center;
}

#result .girlslist td{
 padding:10px 0;
 border-bottom:1px solid #d6dced;
 border-left:1px solid #BDC5D9;
 font-size:12px;
 text-align: center;
}

#result .girlslist .mark{
 width:12px;
 height:12px;
}

#result .girlslist .ntd{
 width: 8em;
 font-weight:bold;
}

#result .girlslist .newface{
  width:14px;
  height:14px;
}

#result .girlslist tr:nth-child(even) td{
background:#dee8ff;
}

#result #condition{
  margin:10px 10px 5px;
  font-size:12px;
  text-align:center;
  line-height:1.6;
}

#result .count{
  margin:10px 0 5px;
  font-size:15px;
  text-align:center;
  line-height:1.6;
}

#result  .errormsg{
  color:#ff0000;
  font-weight:bold;
}

/*Icon*/
.icon{
  margin:5px 0 10px;
  text-align:center;
}

.icon li{
  display:-moz-inline-box;
  display:inline-block;
  margin:0 5px;
  font-size:10px;
}

.icon img{
  margin-right:2px;
  width:10px;
  height:10px;
}

/*Nvigation*/
.pageNAVI{
  margin:10px auto 0;
  width:94%;
  text-align:center;
}

.pageNAVI li{
  display:-moz-inline-box;
  display:inline-block;
  height:28px;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}

.pageNAVI li.nextback{
  margin:0 1%;
  width:25%;
}

.pageNAVI li.numeric{
  width:8%;
}

.pageNAVI li a{
  display:block;
  margin:0 auto;
  padding:5px 0;
  width:100%;
  height:18px;
  background:-moz-linear-gradient(top, #73C1E6 0%, #2D67FA 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#73C1E6), color-stop(100%,#2D67FA));
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid rgba(0,0,0,0.1);
  color:#ffffff;
  font-weight:bold;
  text-shadow:1px 1px 1px rgba(0,0,0,0.2);
  line-height:18px;
}

.pageNAVI li a.select{
  background:-moz-linear-gradient(top, #f6f6f6 0%, #ffffff 30%, #ffffff 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(30%,#ffffff), color-stop(100%,#ffffff));
  border:1px solid gba(255,255,255,0.2);
  color:#008EE6;
}