body {
margin: 0 auto;
background-color:#ccffcc;
}

img{
vertical-align: top;
margin-bottom: 0;
margin: 0 auto;
}


#footer{
  margin: 0 auto;
  margin-top:0;
  width: 640px;
  display: block;
  text-align: center;
        background-color:#660000;
        margin-bottom: 0;
}

.back{
  margin: 0 auto;
  width: 640px;
  text-align: left;
background-color: #190000;
}

#prof_z{
padding-top: 0%;
margin:auto;
width: 100%;

background-color: #efe9cc;
}

div.prof_z2{
padding-left: 5px;
margin-top: 5%;
margin: auto;
width: 100%;
background-color: #efe9cc;
background-position: center middle;
}



#prof{
padding-top: 0%;
margin:0 auto;
width: 640px;
background-color: #ffffff;
}

#prof_second{
padding-top: 10%;
margin:0 auto;
width: 640px;
background-color: #ffffff;
background-image: url(http://real-spi.com/m4/img/new_face/pc/form_back.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.prof_second02{
padding-top: 10%;
padding-left: 5%;
margin:0 auto;
width: 500px;
}



div.prof_2{
padding-top: 0%;
margin:0 auto;
width: 640px;
}

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


img.nen{vertical-align: middle;}

img.tsuki{vertical-align: middle;}

img.hi{vertical-align: middle;}


hr{
margin: 0 auto;
}

.prof_k{
margin-bottom: 1px;
margin-left: 5px;
}

/*生年月日*/

.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: top;


}

select.by_z {width: 190px; height:35px; vertical-align: 25%; font-size: 100%; padding-left: 0px;}
select.bm_z {width: 110px; height:35px; vertical-align: 25%; font-size: 100%; padding-left: 0px;}
select.bd_z {width: 110px; 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;
}


.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: 220px;
vertical-align: top;


}

.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:-webkit-gradient(linear, left top, left bottom, from(#dcdcdc),to(#b1b1b1));
    background:-moz-linear-gradient(top, #dcdcdc, #b1b1b1);
    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(http://majyo-u.jp/m2/img/new_face/sm/karakuti/prof_btn_on.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background:-webkit-gradient(linear, left top, left bottom, from(#622222),to(#521c1c));
    background:-moz-linear-gradient(top, #622222, #521c1c);
    height: 40px;
    padding-top: 15px;
}





/*血液型*/


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


.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: 110px;
vertical-align: top;


}

.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;
    background:-webkit-gradient(linear, left top, left bottom, from(#dcdcdc),to(#b1b1b1));
    background:-moz-linear-gradient(top, #dcdcdc, #b1b1b1);
    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(http://majyo-u.jp/m2/img/new_face/sm/karakuti/prof_btn_on.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background:-webkit-gradient(linear, left top, left bottom, from(#622222),to(#521c1c));
    background:-moz-linear-gradient(top, #622222, #521c1c);
    height: 40px;
    padding-top: 15px;
}






/*既婚・未婚*/

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


.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: 220px;
vertical-align: top;


}

.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:-webkit-gradient(linear, left top, left bottom, from(#dcdcdc),to(#b1b1b1));
    background:-moz-linear-gradient(top, #dcdcdc, #b1b1b1);
    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(http://majyo-u.jp/m2/img/new_face/sm/karakuti/prof_btn_on.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background:-webkit-gradient(linear, left top, left bottom, from(#622222),to(#521c1c));
    background:-moz-linear-gradient(top, #622222, #521c1c);
    height: 40px;
    padding-top: 15px;
}


/*名前*/

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

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

}

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

/*アドレス*/

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

.add_z li{
display:inline-block;
float:left;
position: relative;
list-style:none;
vertical-align: top;

}

input.add {
width: 220px;
height: 2.5em;
font-size: 100%;
}

select.add {
width: 220px;
height: 2.5em;
font-size: 100%;
}

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

}

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

.back{
background-color:#336633;
}