@charset "euc-jp";

/*
 netkeiba会員になる
*/
/* =======================================================
1. 登録情報の入力
======================================================= */


#register{
	text-align:left;
}

span.error{
	color	:	#f00;
	font-size: 13px;
}

.wakubox input,
.wakubox select,
.wakubox textarea {
	font-size	:	100%;
	padding: 4px;
}
.wakubox {
	border: 2px solid #A3B3D1;
	text-align: center;
}

.title_head {
	border: 2px solid #fff;
	background: url("../image/bg_user_add_title_head.png") repeat-x 0px 0px;
	height:31px;
}
.title_head_02 {
	border: 2px solid #fff;
	background: url("../image/bg_user_add_title_head_02.png") repeat-x 0px 0px;
	height:31px;
}

#register table {
	width:800px;
	margin-top:6px;
	margin-left:-4px;
	background-color: #fff;
	border-collapse	:	separate;
	font-size	:	110%;
}
#register table th {
	width:12em;
	padding-left	:	14px;
	color: #333;
	font-weight: bold;
	background-color: #e8eaf3;
	vertical-align:middle;
}
#register table th span{
	font-weight: normal;
}
#register table th.password {
	height:110px;
}
#register table td {
	padding	:	10px 0 10px 15px;
	background-color: #eeeeee;
	vertical-align:middle;
	text-align:left;
	border-left	:	5px solid #fff;
}
#register table td p{
	line-height:1.4;
}
img.step {
	display	:	inline;
	text-align:center;
	margin: 15px auto;
}
#register .registerbox {
	margin :0 30px;
}
#register .registerbox img{
	margin: 25px 0px 25px -22px;
}
#register .registerbox #netkeiba_info img{
	margin-bottom:10px;
}
#register .registerbox p{
	text-align:left;
}
#register .registerbox #user_info {
	margin:40px 0;
}
#register .btn_submit {
	margin: 20px 0px 60px;
}
#register .mail_infobox {
	font-size	:	85%;
	margin:30px 30px 30px 0;
	padding:20px 20px 20px ;
	background-color: #eeeeee;
}

#register .mail_infobox dt{
	font-weight	:	bold;
	margin-bottom	:	5px;
}

#register .mail_infobox img {
	padding:20px 0 0;
	margin:0 0 15px ;
}
#register .mail_infobox p {
	margin-bottom:0.2em !important;
	margin-left:1em;
	text-indent:-1em;
}
#register span.check_box {
	padding:10px;
	border: 1px solid #ccc;
	background-color: #eee;
}
#register span.check_box , x:-moz-any-link {
	padding:12px 10px 8px;
}

/* -- 友だち紹介からのフロー --*/
p.friend_invite_info {
	color	:	#45693e;
	font-size	:	1.15em;
	font-family	:	'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-weight	:	bold;
	text-align	:	left;
}
/* =======================================================
3. メール送信画面
======================================================= */
#mail_info {
	font-size	:	120%;
}

#mail_info p{
	margin-bottom	:	0.6em;
	line-height	:	1.4;
}

/* =======================================================
5. 登録完了ページ
======================================================= */
#register05{
	font-size	:	110%;
}

#register05 img{
	display	:	inline;
}

#register05 {
	text-align:left;
}
#register05 .register05box {
	text-align	:center
}


#register05 .completion {
	margin:20px;
}

#register05 .completion dl {
	font-family	:	'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-weight	:	bold;
	font-size	:	1.15em;
	color	:	#333;
	line-height	:	1.6;
	margin-bottom	:	1em;
}
#register05 .completion dl dt {
	color	:	#45693e;
}
#register05 .completion p{
	margin-bottom	:	1em;
	font-family	:	'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-weight	:	bold;
	font-size	:	1.15em;
	color	:	#333;
}
#register05 .completion p em{
	color	:	#45693e;
	font-weight	:	bold;
}



/*-- プロフィール紹介 20110907 takimoto --*/
#register05 .comp_info_box {
	margin	:	0 0 40px 52px;
}
.comp_info_box .prof_regist_info,
.comp_info_box .premium_regist_info {
	width	:	394px;
	float	:	left;
	margin	:	0 30px 0 0;
}
.comp_info_box .prof_regist_info h3,
.comp_info_box .premium_regist_info h3 {
	text-align	:	center;
	padding	:	23px 0 0;
	margin	:	0 0 10px;
}
.comp_info_box .prof_regist_info p ,
.comp_info_box .premium_regist_info p {
	text-align	:	right;
}
.comp_info_box .prof_regist_info div {
	position	:	relative;
	width	:	394px;
	height	:	192px;
	background	:	url("../image/prof_regist_info_bg.png") no-repeat 0 0 ;
	margin	:	0 0 10px;
}
.comp_info_box .premium_regist_info div {
	position	:	relative;
	width	:	394px;
	height	:	192px;
	background	:	url("../image/premium_regist_info_bg.png") no-repeat 0 0 ;
	margin	:	0 0 10px;
	
}
.comp_info_box .prof_regist_info div p,
.comp_info_box .premium_regist_info div p {
	text-align	:	left;
	margin	:	0 24px;
	font-size	:	13px;
}
.comp_info_box .prof_regist_info div a,
.comp_info_box .premium_regist_info div a {
	position	:	absolute;
	display	:	block;
	width	:	394px;
	top	:	0;
	left	:	0;
	height	:	0pt;
	overflow	:	hidden;
	padding-top	:	192px;
}
.comp_info_box .prof_regist_info div a {
	background	:	url("../image/prof_regist_info_btn.gif") no-repeat 0 0 ;
}
.comp_info_box .premium_regist_info div a  {
	background	:	url("../image/premium_regist_info_btn.gif") no-repeat 0 0 ;
}
.comp_info_box .prof_regist_info div a:hover,
.comp_info_box .premium_regist_info div a:hover {
	background-position	:	0 -192px;
}


/*--プレミアムサービス案内 0419s-yoshida */
#register05 .premium_info{
	text-align	:	left;
	margin	:	0 auto 20px;
	width	:	858px;
	background	:	url("../image/bg_premiuminfo_b.png") no-repeat left bottom ;
}

#register05 .premium_info .inner{
	padding	:	12px 30px;
	background	:	url("../image/bg_premiuminfo_t.png") no-repeat left top ;
}

#register05 .premium_info h2{
	text-align	:	center;
	margin-bottom	:	12px;
}

#register05 .premium_info p{
	margin-bottom	:	12px;
}

#register05 .premium_info h3{
	background-color	:	#05369a;
	margin-bottom	:	12px;
	padding	:	4px 0;
	color	:	#fff;
	text-align	:	center;
}

#register05 #premium_now{
	margin	:	0	30px;
}

#register05 .premium_info table {
	border-collapse	:	separate;
	border-spacing	:	3px;
	border	:	1px solid #888;
	background-color: #fff;
	margin-bottom	:	25px;
}

#register05 table th {
	color: #fff;
	font-weight: bold;
	background-color: #888;
	padding	:	6px;
}

#register05 table td {
	border	:	1px solid #ccc;
	background-color: #fff;
	text-align:left;
	padding	:	6px;
}

#register05 .premium_info h4{
	background-color	:	#888888;
	margin-bottom	:	4px;
	padding	:	4px 0;
	color	:	#fff;
	text-align	:	center;
}

#register05 .premium_info ul.kessai li{
	display	:	inline;
	float	:left;
}

#register05 .premium_info ul.kessai li.kessai01{
	margin-left	:	10px;
	width	:	222px;
}

#register05 .premium_info ul.kessai li.kessai02{
	margin-left	:	30px;
	width	:	381px;
}





/*-- 登録が必要ですボックス 0415_m.Kobayashi(0513takimoto) -- */
.service_information{
	width	:	960px;
	margin	:	0 auto 20px;
	background	:	url("../image/bg_service_info_bottom.png") no-repeat 0 bottom ;
	color	:	#333;
}
.service_information h1{
	padding	:	12px 16px;
	font-size	:	120%;
	text-align	:	left;
	font-weight	:	bold;
	background	:	url("../image/bg_service_info_top.png") no-repeat 0 top ;
	line-height	:	1.4;
}
.service_information h1 strong{
	color	:	#0a50be;
}
.service_information p{
	text-align:left;
	padding:6px 0 0 0;
}
.wakubox {
	border: 1px solid #a3b3d1;
}

/*--構成変更になったログインボックス 0415_m.Kobayashi*//*
.member_select_box{
	background	:	url("../image/bg_member_select_box_bottom.png") no-repeat 0 bottom ;
}*/
.member_select_box .wakubox {
	border-top: 1px solid #a3b3d1;
	border-left: 1px solid #a3b3d1;
	border-right: 1px solid #a3b3d1;
	border-bottom: none;
}
.mem_login {
	width:470px;
	float: left;
}
.wakubox .loginbox {
	margin: 10px;
}
.wakubox .loginbox p{
	text-align:left;
	margin-bottom:6px;
}
.wakubox .loginbox p.detail_link{
	text-align:right;
}
.wakubox .loginbox p.detail_link img{
	display:inline;
}
.wakubox .loginbox a img{
	margin:0 auto;
	text-align:center;
}
.wakubox .loginbox table {
	width:100%;
	background-color: #fff;
	border-collapse	:	separate;
	border-spacing: 4px;
}
.wakubox .loginbox table th {
	width:33%;
	padding:6px 0;
	color: #fff;
	font-weight: bold;
	text-indent:5px;
	background-color: #999;
	vertical-align:middle;
}
.wakubox .loginbox table td {
	width:75%;
	padding:6px 0;
	background-color: #eee;
	vertical-align:middle;
}
.wakubox .loginbox table td input {
	width:14em;
	margin:0 6px;
}
.wakubox .loginbox table td.autologin {
	height:44px;
	background-color: #fff;
}
.wakubox .loginbox table td.autologin input {
	width:auto;
	margin	:	0 4px 0 0;
}
/*--無料会員登録ボックス 0415_m.Kobayashi*/
.regist_box{
	width:470px;
	float: right;
}
.regist_box p.premium_txt{
	margin:10px 0;
}
/*--無料会員サービス紹介 0415_m.Kobayashi*/
.free_service_box h3 img{
	margin:20px auto 10px auto;
}
.service_list_01{
	margin:0 0 10px 0;
	background	:	url("../image/bg_service_list_01.png") no-repeat 0 bottom ;
}
.service_list_02{
	margin:0 0 10px 0;
	background	:	url("../image/bg_service_list_02.png") no-repeat 0 bottom ;
}
.free_service_box ul li{
	float:left;
	width:314px;
	margin:0 9px 0 0;
}
.free_service_box ul li.last_child{
	margin:0;
}
.free_service_box .free_service_intro{
	margin:0 10px 10px 10px;
}
.free_service_box .free_service_intro img.service_tumb{
	float:left;
	width:100px;
	margin:0 6px 0 0;
}
.free_service_box .free_service_intro .txt_box{
	float:left;
	width:188px;
	text-align:left;
}
.free_service_box .free_service_intro .txt_box p{
	margin:0 0 1.0em 0;
}
.free_service_box .free_service_intro .txt_box p.detail_link{
	text-align:right;
	margin:0;
}
.free_service_box .free_service_intro .txt_box p.detail_link img{
	display:inline;
}
/*--ログインボタンボックス*/
.regist_btn_box{
	margin:20px 0;
}
.regist_btn_box img{
	margin:0 auto;
}
.regist_btn_box h3{
	margin:0 0 10px 0;
}
/*--プレミアムサービス導線*/
.regist_premium_intro{
	width:630px;
	height:118px;
	margin:0 auto 20px auto;
	text-align:left;
	background	:	url("../image/bg_premium_intro.png") no-repeat 0 0 ;
}
#register05 .regist_premium_intro {
	font-size	:	90%;
}

.regist_premium_intro h2{
	padding:10px 0 0 122px;
}
.regist_premium_intro p{
	padding:10px 20px 0 122px;
}
.regist_premium_intro p.detail_link{
	text-align:right;
	padding:10px 20px 0 122px;
}
.regist_premium_intro p.detail_link img{
	display:inline;
}

body#register_step01 .regist_premium_intro{
	margin-top	:	30px;
}

body#register_step01 .regist_premium_intro p{
	padding-top	:	3px !important;
}

/*--プレミアム購入2すてっぷ 0419 m.kobayashi*/
.premium_step_bg{
	width:960px;
	height:450px;
	background	:	url("../image/bg_premium_step.png") no-repeat 0 0 ;
}
.premium_step_box{
	margin:0 0 0 88px;
	text-align:left;
}
.step_01{
	position:relative;
	padding:22px 0 30px 0;
}
.step_01 p{
	text-align:left;
	margin:0 0 0 66px;
}
.step_01 a.Btn{
	position:absolute;
	top:20px;
	right:90px;
}
.step_02 p{
	margin:0 0 0 67px;
}


/*--決済完了ページ */
.contentslink{
	border-top	:	1px dotted #ccc;
	padding-top	:	12px;
}


/*--525⇒980案内ページ */
.payment_process{
	width	:	600px;
	border	:	1px solid #ccc;
	padding	:	8px;
	margin-bottom	:	1em;
}

.payment_process dl dt{
	display	:	inline;
	float	:	left;
	width	:	50px;
}


.payment_process dl dd{
	margin-left	:	65px;
	font-weight	:	normal !important;
}

/* --- ID・パスワード問い合わせ --- */
#register .title_head h1 {
	color: #fff;
	font-weight: bold;
	font-size:16px;
	padding:7px 0 0 15px;
}
#register .registerbox p.txt {
	margin-top:1em;
	line-height:1.7;
}
#register p.txt2 {
	margin: 2em 0;
	text-align:center;
}

/* --- 会員退会 --- */
.alertinfo_area{
	margin-top	:	15px;
	background-color:	#eff0f2;
}

.alertinfo_area .inner{
	padding	:	10px 15px;
}

.passwd_form_area{
	margin	:	15px 0;
	text-align	:	center;
}

.passwd_form_area .inner{
	width	:	400px;
	margin	:	0	auto;
	text-align	:	left;
}



.withdrawal {
	padding:1em;
	text-align:center;
}
.withdrawal strong{
	font-size:1.4em;
}
.withdrawal p{
	margin-top: 1em;
	text-align:center;
}




.member__loginBox {
	font-family:'メイリオ', 'Meiryo', sans-serif;
	overflow: hidden;
	margin-top: 45px;
	padding: 53px 100px 0px;
	background-color: #F5F4F1;
	color: #333333;
}

.title {
	color: #444444;
	font-size: 28px;
}

.memberTitle {
	margin: 0 0 30px;
}

.nomemberTitle {
	margin: 0;
	margin-bottom: 30px;
}

.mem_loginItem input {
	border: 1px solid #E0E0E0; 
	border-radius: 2px;
	width: 380px;
	height: 40px;
	font-weight: normal;
}


/*メアド・パス*/
ul.mem_loginList {
	list-style: none;
	padding: 0px;
	border-bottom: solid 1px #E5E4E1;
}

li.mem_loginItem {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 12px 5px;
  	border-top: solid 1px #E5E4E1;
}

li.mem_loginItem p {
}

li.mem_loginItem div {
	text-align: left;
	display: inline-block;
	width: 345px;
}

li.mem_loginItem span {
	margin-left: 5px;
	font-weight: normal;
	font-size: 11px;
	color: #707070;
}


/*ボタン*/
.btn,
a.btn {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 11px 0px 9px;
	width: 425px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    border-radius: 2px;
}

a.loginBtn {
    background-color: #326FC7;
    border-bottom: 5px solid #20487F;
}

a.loginBtn:hover {
    margin-top: 3px;
    background: #2B62B1;
    border-bottom: 2px solid #20487F;
}

.loginBtn {
    background-color: #326FC7;
    border-bottom: 5px solid #20487F;
}

.loginBtn:hover {
    margin-top: 3px;
    background: #2B62B1;
	border-bottom: 2px solid #20487F;
}

a.nologinBtn {
  background-color: #67B463;
  border-bottom: 5px solid #589D54;
}

a.nologinBtn:hover {
  margin-top: 3px;
  background: #5A9F56;
border-bottom: 2px solid #589D54;
}

.loginBtn__wrap input:hover {
	opacity: 0.8;
}

.nologinBtn__wrap img:hover {
	opacity: 0.8;
}

/*ボタン*/



.loginMsg {
	display: block;
	margin-top: 18px;
	color: #062E95;
	text-decoration: none;
	font-size: 13px;
}

.loginBtn__wrap {
	border-bottom: 1px solid #E0E0E0; 
	padding: 20px 0 43.5px;
}

.loginBtn__wrap input {
	margin-bottom: 4px;
}

.nologinBtn__wrap {
	padding: 19px 0 60px;
		padding-top: 45px;
}

.nologinBtn__wrap img {
	width: 424px;
	margin: auto;
}

.inductionImg {
	margin: 30px auto 0;
	width: 792px;
}

.inductionImg img {
	width: 100%;
}

.mem_loginItem input {
	padding-left: 11px;
	background-color: #fff !important;
}


input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset;
}