@charset "utf-8";
/* CSS Document */
/*--------
default
--------*/
html {
width: 100%;
height: 100%;
margin: 0 auto ;
padding: 0;
}

body {
margin: 0 ;

}

#wrap{
	width:100%;
	margin:0 auto 0 auto;
}



#title{
margin: 0 auto;
padding: 0 auto;
background: url('../kiseki/title.jpg') no-repeat;
background-position: top center;
min-width:980px;
height:460px;
z-index:10;
}	


#top {
margin: 0 auto;
padding: 0 auto;
background: url('../kiseki/stone.jpg') no-repeat;
background-position: top center;
min-height: 700px;
min-width:960px;
width:100%;
position:absolute;
}
#top_naka {
margin: 0 auto;
padding: 0 auto;
background: url('../kiseki/stone_t.png') no-repeat;
background-position: top center;
width:100%;
z-index: 990;
top:270;
height:840px;
position:relative;
}

/*--------
section1
--------*/

#sec01a {
background: url('../kiseki/sec1a.jpg') no-repeat;
background-position: center top;
position:relative;
height: 1706px;
width:100%;
margin: -140px 0 0 0;
z-index: 12;
}

.s1_btn {
position: relative;
top: 1380px;
z-index: 100;
text-align:center;
}

.s1_btn a {
display: block;
}

#sec01b {
background: url('../kiseki/sec1b.jpg') no-repeat;
background-position: center top;
position:relative;
min-height: 750px;
min-width:960px;
width:100%;
margin: 0 auto;
z-index: 12;
}

/*--------
section2
--------*/
#sec02a {
background: url('../kiseki/sec2.jpg') no-repeat;
background-position: center top;
position:relative;
min-height: 930px;
min-width:960px;
width:100%;
margin: 0 auto;
z-index: 12;
}

.s2_btn {
position: relative;
top: 623px;
z-index: 100;
text-align:center;
}

.s2_btn a {
display: block;
}

/*--------
section3
--------*/

#sec03a {
background: url('../kiseki/sec3a.jpg') no-repeat;
background-position: center top;
position:relative;
min-height: 780px;
min-width:960px;
width:100%;
margin: 0 auto;
z-index: 12;
}

#sec03b {
background: url('../kiseki/sec3b.jpg') no-repeat;
background-position: center top;
position:relative;
min-height: 780px;
min-width:960px;
width:100%;
margin: 0 auto;
z-index: 12;
}

#sec03c {
background: url('../kiseki/sec3c.jpg') no-repeat;
background-position: center top;
position:relative;
min-height: 594px;
min-width:960px;
width:100%;
margin: 0 auto;
z-index: 12;
}

.s3_btn {
position: relative;
top: 133px;
z-index: 100;
text-align:center;
}

.s3_btn a {
display: block;
}

/*footer*/
footer{
    background-color:#2e5f5c;
    line-height: 1;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;

}

footer li{
	list-style:none;
	display:inline;
	padding:0 0 0 1%;
	color:#ffffff;
	margin:0 0 0 0;
}

footer li:first-child{
	list-style:none;
	display:inline;
	padding:0 0 0 0;
	margin:0 auto 0 -2%;
}

/*footer link*/

#f_link {
color: #ffffff;
}

#f_link a:link {
color: #ffffff;
text-decoration:none;
}

#f_link a:visited {
color: #ffffff;
text-decoration:none;
}

#f_link a:hover {
color: #ffffff;
text-decoration:none;
}

#f_link a:active {
color: #ffffff;
text-decoration:none;
}

p.copyright {
font-size: 14px;
color:#ffffff;
}

/*--------
ストーン
--------*/

.stone {
    border: medium none;
    margin: 0 auto;
    padding: 0 auto;
    text-align: center;
    width: 570px;

}

div.stone_t {
    margin: -800px 0 0 0;
	display: block;
    position: absolute;
    text-align: left;
	
}


img#stone_1{
  margin: 0 auto;
  position: relative;
  z-index: 997;
}


img#stone_a{
  margin: 0 auto;
  position: absolute;
  z-index: 996;
}

img#ab{
  margin: 0 auto;
  position: absolute;
  z-index: 995;
}


/*--------
鑑定師紹介
---------*/

#teller {
	background-image:url(../kiseki/sec2_back3.jpg);
	width:100%;
	text-align:center;
	background-position:center top;
	margin: 0 auto;
	padding:0 auto;
	padding-bottom: 226px;
}

.teller_naka{
margin: 0;
min-width: 980px;
padding: 230px 0 0 0;
position: relative;
text-align: center;
width: 100%;
}


.p{
	color:#00cc99;
	font-size:95%;
	text-align:left;
	line-height:1.5em;
	margin:0 auto;
}



.sup h1,.sup h2,.sup h3,.sup h4,.sup h5,.sup h6,.sup h8{
	font-weight:bold;
	padding-top:1%;
	color:#00cc99;
	text-align:left;
	font-size:1.2em;
	width:95%;
	margin:0 auto;
}

/*--------
ご利用方法
--------*/

#sec02_2{
	background-image:url(../kiseki/sec2_back3.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	width:100%;
	background-position:center top;
	margin: 0 auto;
	padding:8% 0 10% 0;

}

#sec02_3{
    background-image: url("../kiseki/sup_bg.jpg");
    background-position: center top;
    margin: 0 auto;
    padding: 280px 0 0 0px;
    text-align: center;
    width: 100%;
}



#sec02m_1 {
    background-image: url("../kiseki/sup_list01.png");
    background-repeat: no-repeat;
    height: 100%;
    margin: 0 auto;
    width: 798px;
}

#sec02m_2{
	background-image:url(../kiseki/sup_list02.png);
	background-repeat:no-repeat;
	width:798px;
	height:100%;
	margin: 0 auto;
}

#sec02m_3{
	background: url(../kiseki/sup_list03.png);
	background-repeat:no-repeat;
	width:798px;
	height:100%;
	margin: 0 auto;
}

div.voice01{
position:relative;
line-height:1;
width:798px;
padding: 0 0 0 0px;
margin: 0 0 0 100px;
}

div.voice02{
position:relative;
line-height:1;
width:798px;
padding: 0 0 0 0px;
margin: 0 0 0 100px;
}

div.voice03{
position:relative;
width:798px;
padding: 0 0 0 0px;
margin: 0 0 0 100px;
}

 
 .sup_t{
	width:95%;
	margin:0 auto;
	text-align:left;
	line-height:1.5em;
}

 .sup_t2{
	width:95%;
	padding-top:2%;
	color:#00cc99;
	text-align:left;
	margin:0 auto;
	line-height:1.5em;
}


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

.sup_f{
	width:800px;
	margin:0 auto;
}

.sup{
line-height: 1;
margin: 0 auto;
padding: 12% 0 0 9%;
position: relative;
text-align: center;
width: 798px;
}

.sup2{
line-height: 1;
margin: 30px 0 0;
padding: 13% 0 0 10%;
position: relative;
width: 798px;
}

.sup3{
line-height: 1;
margin: 30px 0 0;
padding: 13% 0 5% 10%;
position: relative;
width: 798px;
}


.p{
	color:#00cc99;
	font-size:95%;
	text-align:left;
	line-height:1.5em;
	margin:0 auto;
}
p.sup_t{
	margin-top:-2%;
	color:#ffffff;	
	
}

p.sup_t2{
	margin-top:-2%;
	color:#00cc99;
	
}

p.sup_t3{
	padding-top:2%;
	font-weight:bold;
	color:#00cc99;
	text-align:left;
	font-size:1.2em;
	width:95%;
	margin:0 auto;
	
}


.sup h1,.sup h2,.sup h3,.sup h4,.sup h5,.sup h6,.sup h8{
	font-weight:bold;
	padding-top:1%;
	color:#00cc99;
	text-align:left;
	font-size:1.2em;
	width:95%;
	margin:0 auto;
}

h1 span,h2 span,h3 span,h4 span,h5 span,h7 span{
	font-weight:bold;
	display:inline-block;
	padding-top:2%;
	color:#00cc99;
	text-align:left;
	margin:0 auto;
}


/*--------
プロフ
--------*/

.form_title{
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 330px;
	background-image: url(../kiseki/form_title.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.form_naka{
	margin: 0 auto;
	/* margin-bottom:70px; */
	padding: 0 auto;
	width: 100%;
	height: 500px;
	background-image: url(../kiseki/form_naka.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


.touroku{
    background-image: url("../kiseki/form_sita.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 935px;
    margin: -140px 0 0 0 ;
    width: 100%;
}

/*--------
プロフストーン
--------*/

div.stone_prof {
	margin:0 auto;
  	position: relative;
    text-align: center;
    height: 140px;
	top:-620px;
	z-index: 995;
}

img#stone_1{
  margin: 0 auto;
  position: relative;
  z-index: 997;
}

img#stone_2{
  margin: 0 auto;
  position: absolute;
  z-index: 995;
}


/* 登録フォーム */

/*p{
	margin:0 auto 0 auto;
	width:60%;
	text-align:center;
	font-size:0.7em;
	color:#ffffff;
}*/


#prof{
	text-align:center;
	width:900px;
	height:100%;
	margin: 0 auto;
	padding:50px 0 10 0;
	background-position:center top;
}

/* カスタムレッグ_エラー&確認 */
#prof_cr01,#prof_cr02{
	text-align:center;
	width:950px;
	height:600px;
	margin:0 auto 0 auto;
	padding:250px 0 10% 0;
	background-image:url(../kiseki/cr_01_02.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
#prof_cr02{
	width:950px;
	height:600px;
	margin:0 auto 0 auto;
	padding:300px 0 15% 0;
}


/* カスタムレッグ_ラスト */
.last{
	width:1100px;
	height:1150px;
	margin:0 auto 2% auto;
	padding:1% 0 0 0;
}

#prof p,#prof_cr01 p,#prof_cr02 p{
	margin:0 auto 0 auto;
	width:60%;
	text-align:center;
	font-size:0.7em;
	color:#ffffff;
}

/* カスタムレッグ_エラーメッセージ */
.er{margin:2% auto 2% auto;}

.radio-group {
	margin:0 auto 0 -3%;
	display:inline-block;
}

.radio-group input {
	display:none;
}

img.form_k{/*登録フォーム＿項目 */
	width:20%;
	margin:0 5% 0 auto;
	vertical-align:bottom;
}

label.bl{
	position:relative;
	color: #fff;
	background-image: url(../kiseki/f2_off.jpg);
	background-repeat:no-repeat;
	width:75px;
	display:inline-block;
	text-align:center;
}

label.bl.checked {
	position:relative;
	color: #fff;
	background-image: url(../kiseki/f2_on.jpg);
	background-repeat:no-repeat;
	width:75px;
	display:inline-block;
}

   

label.sex,label.married{
	position:relative;
	color: #fff;
	background-image: url(../kiseki/f_off.jpg);
	background-repeat:no-repeat;
	background-position:botom;
	text-align:center;
	width:150px;
	display:inline-block;
}

label.sex.checked,label.married.checked {
	position:relative;
	color: #fff;
	background-image: url(../kiseki/f_on.jpg);
	background-repeat:no-repeat;
	width:150px;
	text-align:center;
}


.textarea_1{
	margin:0 auto 0 -3%;
	width:36%;
	height:30px;
	font-size:16px;
}
img.zen_8{
	width:20%;
	margin:0 auto;
	vertical-align:middle;
}

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

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

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

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

img.b_type{
	width:3%;
	margin:0 auto;
	vertical-align:bottom;
}


.textarea_2{
	margin:0 auto 0 -3%;
	width:19%;
	height:30px;
}

.y_select{
	margin:0 auto 0 -3%;
	width:15%;
	height:30px;
	font-size:14px;
}


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


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

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


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

div.f_input{
	width:90%;
	text-align:left;
	margin:0 auto 0 auto;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:20%;
	font-size:14px;
}


div.f_input2{
	width:950px;
	height:10px;
	text-align:left;
	margin:0 ;
	padding-top:5%;
	padding-bottom:1%;
	padding-left:20%;
}
	
	
/* ここまで */


/*--------
カスタムレック
--------*/

.cr_title{
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 330px;
	background-image: url(../kiseki/cr_title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


.cr_naka{
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 950px;
	background-image: url(../kiseki/cr_naka.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


.cr_fix{
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 484px;
	background-image: url(../kiseki/cr_fix.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


.cr2_title{
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 365px;
	background-image: url(../kiseki/cr2_title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


.cr2_naka{
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 915px;
	background-image: url(../kiseki/cr2_naka.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


.cr2_fix{
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 484px;
	background-image: url(../kiseki/cr2_fix.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.cr_p{
	color:#ffffff;
	font-size:95%;
	text-align:center;
	line-height:1.5em;
	margin:0 auto;
}

.cr3_title{
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 420px;
	background-image: url(../kiseki/cr3_title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


.cr3_naka{
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 660px;
	background-image: url(../kiseki/cr3_naka.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


.cr3_fix{
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 685px;
	background-image: url(../kiseki/cr3_fix.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}



/*フッター*/
footer{
	margin:-21px auto 0 auto;
	text-align:center;
	background-color:#2e5f5c;
	color:#ffffff;
	width:100%;
	height:80px;

}

footer li{
	list-style:none;
	display:inline-block;
	color:#ffffff;
	margin:0 auto;
	font-size:0.9em;
	padding-top:1%;
}

footer li:first-child{
	list-style:none;
	padding:0 0 0 0;
	margin:0 auto;
}