body{
background-color:#000000;
width:100%;
margin: 0 auto;
text-align:center;
}

#prof_z{
padding-top: 0%;
margin:auto;
width: 640px;
background-image: url(/m2/img/new_face/pc/karakuti/prof_side.jpg);
background-repeat: repeat-y;
background-size: contain;
background-color: #000000;
}

div.prof_z2{
padding-left: 5px;
margin-top: 5%;
margin: auto;
width: 640px;
background-image: url(/m2/img/new_face/pc/karakuti/prof_side.jpg);
background-repeat: repeat-y;
background-color: #efe9cc;
background-size: contain;
background-position: center middle;
}



#prof{
margin: 0 auto;
width: 640px;
background-repeat: repeat-y;
background-size: contain;
background-color: #000000;
}

div.prof_2{
margin: -1% 0 0 0;
width: 640px;
background-image: url(/m2/img/new_face/pc/karakuti/prof_side.jpg);
background-repeat: repeat-y;
background-color: #000000;
background-size: contain;
background-position: center top;
}

div.prof_3{
padding-top: 5%;
margin: 0 auto;
width: 450px;
}


img.nen{vertical-align: middle;}

img.tsuki{vertical-align: middle;}

img.hi{vertical-align: middle;}


hr{
margin: 0 auto;
}

.prof_k{
margin-top: 0;
margin-left: 3%;
width: 80%;
}


/*生年月日*/

.birth_z{
    display:inline-block;
    margin-left:5%;
    padding:0;
    clear:both;
font-weight: bold;
}

.birth_z li{
display:inline-block;
float:left;
position: relative;
list-style:none;
padding: 0px;
margin-left:0;
vertical-align: bottom;


}

select.by_z {width: 75px; height:35px; vertical-align: 25%; font-size: 100%; padding-left: 0px;}
select.bm_z {width: 62px; height:35px; vertical-align: 25%; font-size: 100%; padding-left: 0px;}
select.bd_z {width: 62px; height:35px; vertical-align: 25%; font-size: 100%; padding-left: 0px;}


/*性別*/

.sex_z{
    display:inline-block;
   margin-left:5%;
    padding:0;
    clear:both;
font-weight: bold;
margin-bottom: 0%;
}


.sex_z li{
 display:inline-block;
    position:relative;
    float:left;
    list-style:none;
    border:solid 1px #635c45;
    border-right:none;
    overflow:hidden;
    height: 50px;
    width: 125px;

}

.sex_z li:first-child {
    border-radius:5px 0 0 5px;
}


.sex_z li:last-child {
    border-right:solid 1px #635c45;
    border-radius:0 5px 5px 0;
}


.sex_z label{  
    color: #8c8c8c;
    display:block;
    min-width:5em;
    text-align:center;
background: #dcdcdc; /* Old browsers */
background: -moz-linear-gradient(top,  #dcdcdc 0%, #b1b1b1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dcdcdc 0%,#b1b1b1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dcdcdc 0%,#b1b1b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#b1b1b1',GradientType=0 ); /* IE6-9 */
    border:solid 1px rgba(255,255,255,0.2);
    text-shadow:0 1px 0 rgba(255,255,255,0.5);
    height: 40px;
    padding-top: 15px;
}  
.sex_z li:first-child label {
    border-radius:3px 0 0 3px;
}
.sex_z li:last-child label {
    border-radius:0 3px 3px 0;
}

.sex_z input[type=radio] {
    position:absolute;
    display:none;
    width:100%;
    height:100%;
    margin:0;
    cursor:pointer;
    padding-top: 0px;
}

.sex_z input[type=radio]:checked + label {
    color:#fff;
    text-shadow:0 1px 0 rgb(52,35,2);
    background:#eee url(/m2/img/new_face/pc/karakuti/prof_btn_on.jpg);
    background-repeat: no-repeat;
    background-position: center center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#622222+0,521c1c+99 */
background: #622222; /* Old browsers */
background: -moz-linear-gradient(top,  #622222 0%, #521c1c 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #622222 0%,#521c1c 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #622222 0%,#521c1c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#622222', endColorstr='#521c1c',GradientType=0 ); /* IE6-9 */

    height: 40px;
    padding-top: 15px;
}





/*血液型*/


.blood_z{
    display:inline-block;
    padding:0;
    clear:both;
font-weight: bold;
margin-bottom: 0%;
margin-left:5%
}


.blood_z li{
 display:inline-block;
    position:relative;
    float:left;
    list-style:none;
    border:solid 1px #635c45;
    border-right:none;
    overflow:hidden;
    height: 50px;
    width: 62px;

}

.blood_z li:first-child {
    border-radius:5px 0 0 5px;
}


.blood_z li:last-child {
    border-right:solid 1px #635c45;
    border-radius:0 5px 5px 0;
}


.blood_z label{  
    color: #8c8c8c;
    display:block;
    min-width:4em;
    text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcdcdc+0,b1b1b1+100 */
background: #dcdcdc; /* Old browsers */
background: -moz-linear-gradient(top,  #dcdcdc 0%, #b1b1b1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dcdcdc 0%,#b1b1b1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dcdcdc 0%,#b1b1b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#b1b1b1',GradientType=0 ); /* IE6-9 */
    border:solid 1px rgba(255,255,255,0.2);
    text-shadow:0 1px 0 rgba(255,255,255,0.5);
    height: 50px;
    padding-top: 15px;
}  
.blood_z li:first-child label {
    border-radius:3px 0 0 3px;
}
.blood_z li:last-child label {
    border-radius:0 3px 3px 0;
}

.blood_z input[type=radio] {
    position:absolute;
    display:none;
    width:100%;
    height:100%;
    margin:0;
    cursor:pointer;
    padding-top: 15px;
}

.blood_z input[type=radio]:checked + label {
    color:#fff;
    text-shadow:0 1px 0 rgb(52,35,2);
    border:solid 1px rgba(255,255,255,0.2);
    background:#eee url(/m2/img/new_face/pc/karakuti/prof_btn_on.jpg);
    background-repeat: no-repeat;
    background-position: center center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#622222+0,521c1c+99 */
background: #622222; /* Old browsers */
background: -moz-linear-gradient(top,  #622222 0%, #521c1c 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #622222 0%,#521c1c 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #622222 0%,#521c1c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#622222', endColorstr='#521c1c',GradientType=0 ); /* IE6-9 */
    height: 40px;
    padding-top: 15px;
}






/*既婚・未婚*/

.um_z{
    display:inline-block;
    margin:0;
    padding:0;
    clear:both;
font-weight: bold;
margin-bottom: 0%;
margin-left:5%
}


.um_z li{
 display:inline-block;
    position:relative;
    float:left;
    list-style:none;
    border:solid 1px #635c45;
    border-right:none;
    overflow:hidden;
    height: 50px;
    width: 125px;

}

.um_z li:first-child {
    border-radius:5px 0 0 5px;
}


.um_z li:last-child {
    border-right:solid 1px #635c45;
    border-radius:0 5px 5px 0;
}


.um_z label{  
    color: #8c8c8c;
    display:block;
    min-width:5em;
    text-align:center;
background: #dcdcdc; /* Old browsers */
background: -moz-linear-gradient(top,  #dcdcdc 0%, #b1b1b1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dcdcdc 0%,#b1b1b1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dcdcdc 0%,#b1b1b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#b1b1b1',GradientType=0 ); /* IE6-9 */
    border:solid 1px rgba(255,255,255,0.2);
    text-shadow:0 1px 0 rgba(255,255,255,0.5);
    height: 40px;
    padding-top: 15px;
}  
.um_z li:first-child label {
    border-radius:3px 0 0 3px;
}
.um_z li:last-child label {
    border-radius:0 3px 3px 0;
}

.um_z input[type=radio] {
    position:absolute;
    display:none;
    width:100%;
    height:100%;
    margin:0;
    cursor:pointer;
    padding-top: 15px;
}

.um_z input[type=radio]:checked + label {
    color:#fff;
    text-shadow:0 1px 0 rgb(52,35,2);
    border:solid 1px rgba(255,255,255,0.2);
    background:#eee url(/m2/img/new_face/pc/karakuti/prof_btn_on.jpg);
    background-repeat: no-repeat;
    background-position: center center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#622222+0,521c1c+99 */
background: #622222; /* Old browsers */
background: -moz-linear-gradient(top,  #622222 0%, #521c1c 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #622222 0%,#521c1c 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #622222 0%,#521c1c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#622222', endColorstr='#521c1c',GradientType=0 ); /* IE6-9 */
 height: 40px;
    padding-top: 15px;
}


/*名前*/

.name_z{
    display:inline-block;
    margin:0;
    padding:0;
    clear:both;
font-weight: bold;
margin-bottom: 0;
margin-left:5%;
}

.name_z li{
display:inline-block;
float:left;
position: relative;
list-style:none;
}

input.z-name {
width: 235px;
height: 2.5em;
font-size: 100%;
}

.button_z {
margin-left: 5%;
padding-bottom: 0;
margin-top: 10px;

}