

nav ul li {
    float: left;
}
 
nav ul li a {
  display: block;
  width: 334px;
  height: 130px;
  overflow: hidden;
  background-image: url(/m3/img/new_face/pc/karakuti/head_sp.png);
  background-position:center top;
  background-repeat:no-repeat;
  margin: -2px auto -5px auto;
}
 
.c1{ background-position: 0 top;}
.c2{ background-position: -334px top;}
.c3{ background-position: -668px top;}
.c1:hover { background-position: 0 bottom;}
.c2:hover { background-position: -334px bottom;}
.c3:hover { background-position: -668px bottom;}


.clearfix:after {/*クラスclearfixに擬似要素:after設定*/
content: “.”;/*コンテンツ挿入*/
display: block;/*ブロックレベル表示設定*/
height: 0;/*高さを0に設定*/
clear: both;/*floatを解除*/
visibility: hidden;/*ボックスの非表示設定*/
}
.clearfix {
display: inline-block;/*インラインレベル表示設定*/
}
.clearfix {*zoom:1;}/*IE6/7対応*/

nav.top{
text-align:center;
color:#ffffff;
padding: 20px 0 0 0;}

nav.top a:link { color: #ffffff; }
nav.top a:visited { color: #FD9F56; }
nav.top a:hover { color: #ffff00; }
nav.top a:active { color: #FD9F56; }

nav.top a{
padding: 0 5px 0 5px;
}

#h1{
margin:0 auto;
width:90%;
padding-left:25px;
padding-top:10px;
}
#h2{
margin:0 auto;
width:90%;
padding-top:10px;
}
#h3{
margin:0 auto;
width:90%;
padding-right:30px;
padding-top:10px;
}


.koumoku{
	margin:0 auto;
	width:100%;
}


/*↓↓tokusyu↓↓*/

#tokusyu{
width:950px;
margin:0 auto;
text-align:center;
padding-bottom:50px;

}

#top_btn_1{
z-index:11;
position:relative;
margin: 0 auto;
width:90%;
}

#btn_2{
margin: 0 auto;
width:90%;
}

img.tokusyu_t{
margin: -50px auto 0 auto;
width:100%;
z-index:10;
position:relative;
}


#kakejiku_all{
display: flex;
width:100%;
z-index:8;
margin:-40px auto 0 auto;
}



div.kake01{
width:25%;
height:650px;
margin:0 auto;
text-align:center;
background-position:center top;
background-image:url(/m3/img/new_face/pc/karakuti/kake_r.png);
background-repeat:no-repeat;
}

div.kake02{
width:25%;
height:650px;
margin:0 auto;
text-align:center;
background-position:center top;
background-image:url(/m3/img/new_face/pc/karakuti/kake_s.png);
background-repeat:no-repeat;
}

div.kake03{
width:25%;
height:650px;
margin:0 auto;
text-align:center;
background-position:center top;
background-image:url(/m3/img/new_face/pc/karakuti/kake_d.png);
background-repeat:no-repeat;
}

/*@media all and (-ms-high-contrast:none){
*::-ms-backdrop, #tokusyu .kakejiku_t1 {
width:180px;
height:500px;
z-index:9;
position:absolute;
margin-top:-20px;
margin-left:150px;}  

*::-ms-backdrop, #tokusyu .kakejiku_t2 {
width:180px;
height:500px;
z-index:9;
position:absolute;
margin-top:-20px;
margin-left:380px;} 


*::-ms-backdrop, #tokusyu .kakejiku_t3 {
width:180px;
height:500px;
z-index:9;
position:absolute;
margin-top:-20px;
margin-left:630px;} 


}/* CSS Document */

img.btn_m{
margin: 0 auto;
width:40%;
}

img.kakejiku_t1{
width:180px;
height:500px;
z-index:9;
position:relative;
padding: 60px 15px 0 0;
margin: 0 auto;
}

img.kakejiku_t2{
width:180px;
height:500px;
z-index:9;
position:relative;
padding: 60px 15px 0 0;
margin: 0 auto;
}

img.kakejiku_t3{
width:180px;
height:500px;
z-index:9;
position:relative;
padding: 60px 15px 0 0;
margin: 0 auto;
}


/*↓↓kanteisi_syoukai↓↓*/


#kanteisi_prof{
width:950px;
margin:0 auto;
text-align:center;
}

.kanteisi_prof_i{
width:80%;
margin:0 auto;
text-align:center;
position: relative;
padding-top: 5%;
}

/*↓↓taikendan↓↓*/

	
#kansou{
	background-repeat:no-repeat;
	background-image:url(/m3/img/new_face/pc/karakuti/kansou_back.jpg);
	text-align:center;
	background-position:bottom;
	margin: 0 auto;
	width:950px;
	height: 1200px;
	padding-top: 10%;
	position:relative;
	z-index:997;
}

img.kanosu_k{
margin: 0 auto;
}

img.taiken{
margin:0 auto;
position:relative;
}



#taiken_1{
text-align:left;
margin:0 0 0 -50px;
}

#taiken_2{
text-align:left;
margin:70px 0 70px 220px;
}

#taiken_3{
text-align:left;
margin:0 0 0 -50px;
}


#top_btn_1{
margin: 0 auto 0 auto;
padding-top: -170px;
width:90%;
}

img.btn_top{
margin:50px auto 0 auto;
}


#top_btn_2{
margin: 0 auto;
width:90%;
}


#kansou .btn_1{
margin: 0 auto 50px auto;
width:90%;
}


/*↓↓nayamibetsu↓↓*/


#onayami{
width:950px;
margin:0 auto -30px auto;
text-align:center;
}

#nayami_r{
	width:80%;
	margin: 25px auto 25px auto;	
}

#nayami_s{
	width:80%;
	margin: 25px auto 25px auto;	
}


#nayami_k{
	width:80%;
	margin: 25px auto 25px auto;	
}


/*↓↓form↓↓*/

#prof{
	background-repeat:no-repeat;
	background-image:url(/m3/img/new_face/pc/karakuti/form_b.png);
	text-align:center;
	background-position:bottom;
	margin:0 auto;
	width:950px;
}

#prof01{
	background-repeat:repeat-y;
	background-image:url(/m3/img/new_face/pc/karakuti/form_m.png);
	text-align:center;
	background-position:top center;
	margin:-10px auto 0 auto;
	width:800px;	
}

#prof02{
	background-repeat:repeat-y;
	background-image:url(/m3/img/new_face/pc/karakuti/form_m.png);
	text-align:center;
	background-position:top center;
	margin:-20px auto 0 auto;
	width:800px;	
}

div.radio-group div {
    position: relative;
}
div.radio-group input {
	margin:0 auto;
    position: absolute;
    left:0;
	right:0;
   
}

img.form_k{
width:20%;
margin: 0 20px 0 0;
vertical-align:bottom;
}

label.bl{
position:relative;
background-image: url(/m3/img/new_face/pc/karakuti/f2_off.png);
background-repeat:no-repeat;
padding:48px 30px 40px 30px;
margin-left:-15px;
text-align:center;
}

label.bl.checked {
position:relative;
color: #fff;
background-image: url(/m3/img/new_face/pc/karakuti/f2_on.png);
background-repeat:no-repeat;
padding:48px 30px 40px 30px;
margin-left:-15px;
text-align:center;
}

   

label.sex{
position:relative;
background-image: url(/m3/img/new_face/pc/karakuti/f_off.png);
background-repeat:no-repeat;
padding:45px 73px 40px 73px;
margin-left:-21px;
text-align:center;
}

label.sex.checked {
position:relative;
color: #fff;
background-image: url(/m3/img/new_face/pc/karakuti/f_on.png);
background-repeat:no-repeat;
padding:45px 73px 40px 73px;
margin-left:-21px;
text-align:center;
}

label.married{
position:relative;
background-image: url(/m3/img/new_face/pc/karakuti/f_off.png);
background-repeat:no-repeat;
padding:45px 73px 40px 73px;
margin-left:-21px;
text-align:center;
}

label.married.checked {
position:relative;
color: #fff;
background-image: url(/m3/img/new_face/pc/karakuti/f_on.png);
background-repeat:no-repeat;
padding:45px 73px 40px 73px;
margin-left:-21px;
text-align:center;
}

.textarea_1{
margin:0 auto 0 -12px;
width:280px;
height:30px;
}
img.zen_8{
width:20%;
margin:0 auto;
vertical-align:middle;
}

img.y{
width:5%;
margin:0 auto;
vertical-align:middle;
}

img.m{
width:5%;
margin:0 auto;
vertical-align:middle;
}

img.d{
width:5%;
margin:0 auto;
vertical-align:middle;
}

img.at{
width:5%;
margin:0 auto;
vertical-align:middle;
}


.textarea_2{
margin:0 auto 0 -12px;
width:200px;
height:30px;
}

.y_select{
margin:0 auto 0 -12px;
width:150px;
height:30px;
}


.m_select{
margin:0 auto 0 auto;
width:80px;
height:30px;
}


.d_select{
margin:0 auto 0 auto;
width:80px;
height:30px;
}

.mail_select{
margin:0 auto 0 auto;
width:165px;
height:30px;
}




div.f_btn{
display:inline-block;
margin:0 auto;
}

div.f_input{
width:600px;
text-align:left;
margin:0 auto;
padding-top:20px;
padding-bottom:20px;
}

section.touroku{
width:600px;
margin:0 auto;
color:#6B1621;
line-height:110%;
}

.btn{
	text-align:center;
	margin:0 auto;
	width:90%;
}


/*↓↓sub_page↓↓*/

#sub{
margin: 0 auto;
width:1200px;
}


#riyou{
width:950px;
margin:0 auto;
text-align:center;
}

#touroku{
width:950px;
margin:0 auto;
text-align:center;
}


#ryoukin{
width:950px;
margin:0 auto;
text-align:center;
}

.koumoku_sub{
	margin:0 auto;
	width:100%;
}

.text{
line-height:150%;
width:800px;
margin:0 auto;
}

h1.sub_t{
color:#ffffff;
text-align:left;
font-size:160%;
font-weight:bold;
line-height:180%;
}

section{
color:#ffffff;
text-align:left;
}


h2.sub{
color:#ffffff;
text-align:left;
font-size:110%;
font-weight:bold;
margin: 0 0;
padding: 0 0 0 0.2em ;
border-left: 4px solid #ffffff;
}

.text p{
padding: 0 0 50px 20px;
}

p.uranai{
text-align:center;
margin: -50px auto -50px auto;
font-size:120%;
color:#ffff00;
}

p.uranai_m{
text-align:left;
margin: 0 auto -50px auto;
font-size:120%;
color:#ffffff;
}

p.uranai_m span{
color:#ffff00;
}

nav.sub{
text-align:center;
color:#ffffff;
padding: 20px 0 0 0;}

nav.sub a:link { color: #ffffff; }
nav.sub a:visited { color: #FD9F56; }
nav.sub a:hover { color: #ffff00; }
nav.sub a:active { color: #FD9F56; }
