.male{
  color:#208DC3;
  font-weight: bold;
}
.female{
  color:#D04255;
  font-weight: bold;
}
.both{
  color:#E06A3B;
  font-weight: bold;
}
.trans{
  color:#1BA466;
  font-weight: bold;
}

.smallsize{
  font-size: 80%;
}

.colored{
	color:#BF1E56;
	font-weight: bold;
}

.tdFull{
	color:#CDC1C5;
}



.full{
  color:#D45D87;
  font-weight: bold;
}

.clickArea{
  cursor:pointer;
}

#hiddenArea{
  display: none;
}
/*------------------------------------*
etc
*--------------------------------------*/
/*------------------------------------*
Tool
*------------------------------------*/
.clear { clear:both; }
.hide { display:none; }
.txtU { text-decoration:underline; }
.txtN { text-decoration:none; }
.bdI { border:0px; }
.bdIL { border:1px solid #CCC; }
.bdL { border:0px; cursor:pointer; }
.bdL:hover { border:0px; cursor:pointer; opacity:0.7; }
.bdB0 { border-bottom:0px !important; }

/*------------------------------------*
Float
*------------------------------------*/
.flL { float:left; }
.flR { float:right; }

/*------------------------------------*
Font
*------------------------------------*/
.fwN { font-weight:normal; }
.fwB { font-weight:bold; }

/*------------------------------------*
Text Align & Verticle Align
*------------------------------------*/
.txtL { text-align:left !important; }
.txtC { text-align:center !important; }
.txtR { text-align:right !important; }
.vaT { vertical-align:top !important; }
.vaM { vertical-align:middle !important; }
.vaB { vertical-align:bottom !important; }

/*------------------------------------*
Margin
*------------------------------------*/
.mt0 { margin-top:0px !important; }
.mt2 { margin-top:2px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.mr0 { margin-right:0px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }

/*------------------------------------*
Padding
*------------------------------------*/
.pt0 { padding-top:0px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }
.pt70 { padding-top:70px !important; }
.pb0 { padding-bottom:0px !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }
.pr0 { padding-right:0px !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
/*------------------------------------*
Font type
*------------------------------------*/
.ft1 {
	font-family: "Gothic", sans-serif;
}
/*------------------------------------*
Font size
*------------------------------------*/
.fs10 { font-size: 10px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs40 { font-size: 40px !important; }
/*------------------------------------*
line height
*------------------------------------*/
.lh20{ line-height: 20px !important; }
.lh22{ line-height: 22px !important; }
.lh24{ line-height: 24px !important; }
.lh30{ line-height: 30px !important; }
.lh55{ line-height: 55px !important; }
.lh100{ line-height: 100px !important; }
/*------------------------------------*
Font color
*------------------------------------*/
.fc1 { color: #000000 !important; }
.fc2 { color: #ffffff !important; }
.fc3 { color: #ff0000 !important; }
.fc4 { color: #f5006e !important; }
.fc5 { color: #69505b !important; }
.fc6 { color: #dde809 !important; }
.fc7 { color: #f9a425 !important; }
.fc8 { color: #126aff !important; }
.fc9 { color: #bea939 !important; }
.fc10 { color: #0fbf00 !important; }
.fc11 { color: #000000 !important; }


/*------------------------------------*
枠囲み3
*--------------------------------------*/
@media screen and (min-width: 730px) { /* big */
  .box3 {
    padding: 0.5em 1em 0.2em;
    width: 800px;
    margin: 0em 0;
		float: left;
		text-align: left;
    font-weight: normal;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box3 p {
    margin: 0;
    padding: 0;
}
}

@media screen and (max-width: 729px) { /* mini */
  .box3 {
    padding: 0.5em 1em;
    margin: 0.1em 0;
		float: left;
		text-align: left;
    font-weight: normal;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box3 p {
    margin: 0;
    padding: 0;
}

}
.sample_dg{
  display: none;
}
/*------------------------------------*
追加ボタン
*--------------------------------------*/
.btn-default2 {
  color: #333333;
  background-color: #fa9797;
  border-color: #ffa7a7;
}
.btn-default2:hover,
.btn-default2:focus,
.btn-default2.focus,
.btn-default2:active,
.btn-default2.active,
.open > .dropdown-toggle.btn-default2 {
  color: #333333;
  background-color: #ffa7a7;
  border-color: #ffa7a7;
}
.btn-default2:active,
.btn-default2.active,
.open > .dropdown-toggle.btn-default2 {
  background-image: none;
}
.btn-default2.disabled,
.btn-default2[disabled],
fieldset[disabled] .btn-default2,
.btn-default2.disabled:hover,
.btn-default2[disabled]:hover,
fieldset[disabled] .btn-default2:hover,
.btn-default2.disabled:focus,
.btn-default2[disabled]:focus,
fieldset[disabled] .btn-default2:focus,
.btn-default2.disabled.focus,
.btn-default2[disabled].focus,
fieldset[disabled] .btn-default2.focus,
.btn-default2.disabled:active,
.btn-default2[disabled]:active,
fieldset[disabled] .btn-default2:active,
.btn-default2.disabled.active,
.btn-default2[disabled].active,
fieldset[disabled] .btn-default2.active {
  background-color: #f1b5b5;
  border-color: #ff6969;
}
.btn-default2 .badge {
  color: #ffffff;
  background-color: #333333;
}


/*------------------------------------*
test
*--------------------------------------*/
@media screen and (min-width: 730px) { /* big */
  .tableplus{
    width: 87%;
    margin-left: 100px;
  }
}
@media screen and (max-width: 729px) { /* mini */
  .tableplus{
    width: 97%;
    margin-left: 7px;
  }
}
