@charset "utf-8";
/* CSS Document */
/*全体*/
body{
	text-align:center;
	width:100%;
	margin:0 auto;
}

/*カスタム*/
#custum{
    margin: -45px 0 0 0;
    padding: 0 auto;
    text-align: center;
}

/*ヘッダー*/
header{
	width:100%;
	height:60px;
	background-repeat:repeat-x;
	background-image:url(../kiseki/head.png);
	margin:0 auto;
	z-index:999;
	position:relative;
}
header img{
	margin:0 auto;
	text-align:center;
	width:1000px;
	}

/*コンテンツ_全体*/
#wrap{
	width:100%;
	margin:0 auto;
	background-image:url(../kiseki/bg_re01.jpg);
	background-repeat:repeat-y;
}

/*TOP画像*/
#top_back{
	background-image:url(../kiseki/0_title_1st_view.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    height: 100%;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#top{
	margin:0 auto;
	background-image:url(../kiseki/0_title_1st_view.png);
	width:1000px;
	height:1300px;
	text-align:center;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

/*TOP画像2018.10.02追加*/
#top4{
	background-image:url(../kiseki/0_title_1st_view2.png);
    background-position: center top;
    background-repeat: no-repeat;
    /*--background-size: cover;--*/
    height: 1500px;
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}

#top4 img{
	margin:678px 0 0 0;
}

/*--2016.11追加--*/
#top2{
	margin:0 auto 0 auto;
	background-image:url(../kiseki/title2.png);
	background-repeat:no-repeat;
	width:1000px;
	height:1300px;
	text-align:center;
	background-position:center;
	background-size:contain;
}

#top2 img{/*トップ_ボタン*/
	width:70%;
	margin:97% auto 0 auto;
}
/*--ここまで--*/

/*--2016.11.17追加--*/
#top3{
	background-image:url(../kiseki/0_title_1st_view.png);
    background-position: center top;
    background-repeat: no-repeat;
    /*--background-size: cover;--*/
    height: 1500px;
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}

/*トップ_ボタン*/
#top3 img{
	margin:678px 0 0 0;
}

#btn1{
	width:80%;
	margin:57% 0 0 0;
}

/*セクション1*/
#sec00{
    margin: 0 auto;
    width: 1100px;
	text-align: center;
}

#sec01{
	background-image:url(../kiseki/sec1_back.png);
	background-repeat: no-repeat;
    background-position: center top;
    /*background-size: cover;*/
	height: 100%;
    margin: -588px 0 0 0;
    text-align: center;
    width: 100%;
}

.sec01m{
    margin: 0 auto;
    padding-top: 894px;
    width: 1000px;
}

/*セクション1 2018.10.02追加*/
#sec011{
	background-image:url(../kiseki/sec1_back2.png);
	background-repeat: no-repeat;
    background-position: center top;
    /*background-size: cover;*/
	height: 100%;
    margin: -588px 0 0 0;
    text-align: center;
    width: 100%;
}

.sec011m{
    margin: 0 auto;
    padding-top: 894px;
    width: 1000px;
}

/*セクション1 2024.06.13 rk add*/
#sec01_01a{
	background-image:url(../kiseki/sec1_back_01a.png);
	background-repeat: no-repeat;
    background-position: center top;
    /*background-size: cover;*/
	height: 100%;
    margin: -588px 0 0 0;
    text-align: center;
    width: 100%;
}

.s1_btn1{
    left: 359px;
    position: relative;
    text-align: center;
    top: 495px;
    width: 172px;
    z-index: 1;
}
.s1_btn2{
    left: 700px;
    position: relative;
    text-align: center;
    top: 438px;
    width: 172px;
    z-index: 1;
}
.s1_btn3{
    left: 359px;
    position: relative;
    text-align: center;
    top: 579px;
    width: 172px;
    z-index: 1;
}
.s1_btn4{
    left: 700px;
    position: relative;
    text-align: center;
    top: 522px;
    width: 172px;
    z-index: 1;
}

/*セクション2*/
#sec02{
	background-image:url(../kiseki/sec2_back.png);
	background-repeat: no-repeat;
    background-position: center top;
    height: 1500px;
    margin: -28px 0 0 0;
    text-align: center;
    width: 100%;
}

.sec02m{
    margin: 0 auto;
    padding-top: 1276px;
    width: 1000px;
}

#sec02_a{
	background-image:url(../kiseki/sec2_back_a.png);
	background-repeat: no-repeat;
    background-position: center top;
    height: 2221px;
    margin: -28px 0 0 0;
    text-align: center;
    width: 100%;
}

.sec02m_a{
    margin: 0 auto;
    padding-top: 1960px;
    width: 1000px;
}

/*セクション2 2018.10.02追加*/
#sec022{
	background-image:url(../kiseki/sec2_back2.png);
	background-repeat: no-repeat;
    background-position: center top;
    height: 1500px;
    margin: -28px 0 0 0;
    text-align: center;
    width: 100%;
}

.sec022m{
    margin: 0 auto;
    padding-top: 1276px;
    width: 1000px;

}

/*セクション2 2024.06.13 rk add*/
#sec02_01a{
	background-image:url(../kiseki/sec2_back_01a.png);
	background-repeat: no-repeat;
    background-position: center top;
    height: 2221px;
    margin: -28px 0 0 0;
    text-align: center;
    width: 100%;
}

.btn_t{/*鑑定ボタン_テキスト*/
	background-image:url(../kiseki/btn_text.png);
	background-repeat:no-repeat;
	width:1000px;
	text-align:center;
	background-position:center top;
	background-size:contain;
	margin:0 auto;
	padding-top:200px;
}

/*セクション3*/
#sec03{
	background-image:url(../kiseki/sec3_back.png);
	background-repeat:no-repeat;
	width:100%;
	height:1200px;
	text-align:center;
	background-position:center top;
	/*background-size:cover;*/
	margin:12px 0 0 0;
}

.sec03m{
    margin: 0 auto;
    padding-top: 1210px;
    width: 1000px;
}

.sec03m img{/*鑑定ボタン*/
	margin:120% 0 auto 0;
	width:70%;
}

/*セクション3 2018.10.02追加*/
#sec033{
	background-image:url(../kiseki/sec3_back2.png);
	background-repeat:no-repeat;
	width:100%;
	height:1200px;
	text-align:center;
	background-position:center top;
	/*background-size:cover;*/
	margin:12px 0 0 0;
}

.sec033m{
    margin: 0 auto;
    padding-top: 1210px;
    width: 1000px;
}

.sec033m img{/*鑑定ボタン*/
	margin:120% 0 auto 0;
	width:70%;
}

/*セクション3 2024.06.13 rk add*/
#sec03_01a{
	background-image:url(../kiseki/sec3_back_01a.png);
	background-repeat:no-repeat;
	width:100%;
	height:435px;
	text-align:center;
	background-position:center top;
	/*background-size:cover;*/
	margin:0px 0 0 0;
}

/*カスタムレック プロフ*/
#sec05{
    background-image: url("../kiseki/sec4_back.png");
	/*background-size:cover;*/
    background-position: center top;
    background-repeat: no-repeat;
    height: 100%;
    margin: 0 auto;
    padding: 0 auto;
    text-align: center;
    width: 100%;
}

/*セクション4 プロフ*/

#sec04{
    background-image: url("../kiseki/sec4_back_master.png");
	/*background-size:cover;*/
    background-position: center top;
    background-repeat: no-repeat;
    height: 100%;
    margin: -65px 0 0 0;
    padding-top: 263px;
    text-align: center;
    width: 100%;
}

.sec04_btn{
    padding: 0 auto;
	margin: 0 0 0 -10px;
    text-align: center;
}

#sec04_btn{
    margin: 3px 0 0 -242px;
    padding: 0 auto;
    text-align: center;
}

/* 登録フォーム */
#prof{
    height: 1528px;
    margin: 0 auto;
    width: 749px;
}

/* カスタムレックエラーフォーム*/
#cl_prof{
    height: 1506px;
    margin: 0 auto;
	padding: 263px 0 0 0 ;
    width: 749px;
}



/* カスタムレッグ_エラー&確認 */
#prof_cr01{
	width:1000px;
	height:900px;
	margin:0 auto 0 auto;
	padding:15% 0 0 0;
	background-position:center center;
}
#prof_cr02{
	background-image:url(../kiseki/cr_last2.jpg);
	width:100%;
	height:900px;
	text-align:center;
	background-position:center top;
	background-size:cover;
	margin:0 auto;
	padding: 250px 0 760px 0;
}


/* カスタムレッグ_ラスト */
.last{
	width:100%;
	margin:0 auto;
}


/* フォーム内テキスト */
#prof p,#prof_cr01 p,#prof_cr02 p{
	margin:2% auto 0 auto;
	width:60%;
	text-align:center;
	font-size:0.9em;
	color:#fff;
	line-height:1.5em;
}

#prof p.ati,#prof_cr01 p.ati,#prof_cr02 p.ati{
	font-size:0.9em;
	color:#fff;
	margin:22px auto 18px auto;
	font-size:14px;
}

.ati2{
	font-size:0.9em;
	color:#fff;
	margin:25px auto 23px auto;
	font-size:15px;
}


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



/* ラジオボタン指定 */
.radio-group {
	margin:0 auto 0 -9px;
	display:inline-block;
}

.radio-group input {
	display:none;
}

/* ラジオボタン指定 */
.radio-group2 {
	margin:0 auto 0 -17px;
	display:inline-block;
}

.radio-group2 input {
	display:none;
}

/* ラジオボタン指定 */
.radio-group3 {
	margin:0 auto 0 -17px;
	display:inline-block;
	position: relative;
	top: 2px;
}

.radio-group3 input {
	display:none;
}

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 -19px;
width:297px;
height:46px;
font-size: 17px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,ffffff+43 */
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 0%, #fff 43%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d6d6d6 0%,#fff 43%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d6d6d6 0%,#fff 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
border:thin;
border-style:solid;
}

/* ニックネーム入力 */
.textarea_2{
height: 45px;
margin: 0 auto 0 -16px;
width: 148px;
font-size: 15px;
font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,ffffff+43 */
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 0%, #fff 43%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d6d6d6 0%,#fff 43%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d6d6d6 0%,#fff 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
border:thin;
border-style:solid;
}



/* メールアドレス入力 */
.textnamebox{
margin: -46px 0 0 256px;
position: relative
}

/* メールアドレス入力 */
.textmailbox{
margin: -46px 0 0 256px;
position: relative
}


/* フォーム項目 */
img.form_k{
    margin: 0 45px 0 -1px;
    position: relative;
    vertical-align: bottom;
}
/* フォーム項目 */
img.form_kk{
    margin: 3px 45px 0 0;
    position: relative;
    vertical-align: bottom;
}

/* フォーム項目 */
img.form_kkk{
    margin: 6px 45px 0 0;
    position: relative;
    vertical-align: bottom;
}

img.zen_8{
	width:20%;
	margin:0 auto;
	vertical-align:middle;
}

img.y{
    left: 2px;
    margin: 0 auto;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

img.m{
    left: 1px;
    margin: 0 auto;
    position: relative;
	vertical-align:middle;
}

img.d{
	margin: 0 0 0 -2px;
	vertical-align:middle;
}

img.at{
	margin: -6px 0 0 -3px;
	position: relative;
	vertical-align:middle;
}

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

/* 誕生年 */
.y_select{
height: 49px;
margin: 1px auto 0 -17px;
width: 96px;
font-size: 18px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,ffffff+43 */
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 0%, #fff 43%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d6d6d6 0%,#fff 43%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d6d6d6 0%,#fff 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
border:thin;
border-style:solid;
}

/* 誕生月 */
.m_select{
height: 49px;
margin: 0 0 0 4px;
width: 57px;
font-size: 18px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,ffffff+43 */
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 0%, #fff 43%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d6d6d6 0%,#fff 43%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d6d6d6 0%,#fff 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
border:thin;
border-style:solid;


}

/* 誕生日 */
.d_select{
height: 49px;
margin: 0 0 0 4px;
width: 57px;
font-size: 18px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,ffffff+43 */
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 0%, #fff 43%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d6d6d6 0%,#fff 43%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d6d6d6 0%,#fff 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
border:thin;
border-style:solid;

}

/* メアド選択 */
.mail_select{
margin: 0 0 0 -2px;
position: relative;
width: 125px;
height:50px;
font-size: 15px;
font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,ffffff+43 */
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 0%, #fff 43%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d6d6d6 0%,#fff 43%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d6d6d6 0%,#fff 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
border:thin;
border-style:solid;

}

/* フォーム入力項目全体 */
div.f_input{
    margin: 0 auto;
    padding-bottom: 6px;
    padding-left: 100px;
    padding-top: 24px;
    text-align: left;
    width: 898px;
}

/* フォーム入力項目全体 */
div.f_input2{
    margin: 0 auto;
    padding-bottom: 6px;
    padding-left: 97px;
    padding-top: 15px;
    text-align: left;
    width: 898px;
}
/* ここまで */

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

footer li{
	list-style:none;
	display:inline-block;
	color:#fff;
	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;
}

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

a:visited { /* 既に見たリンク */
color: #fff;
text-decoration: none/* 下線を消す */
}
a:active { color: #fff; } /* クリック時のリンク */
a:hover {/* カーソルが上にある時のリンク */
color: #fff;
text-decoration: none/* 下線を消す */
}

.site_n{
	color:#fff;
	font-size:0.6em;
}

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