@charset "utf-8";

*	{margin: 0;
	padding: 0;
}

body{background: #fff;
	color: #666;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	margin: 0 auto;
	line-height: 1.7;
}

img{border: 0;
}

ul li{list-style: none;
}

ol li{list-style: none;
}



/*==============================会員登録／ご利用規約===========================*/


#register1_box1{
	margin: 33px 20px 30px 20px;
	width: 960px;
	overflow: hidden;
	display: inline;
	float:left;
}

h1#register1_h1{
	width: 960px;
	height: 45px;
	margin-top: 0px;
	background-image: url(../images/member_register1_title.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#member_flow1{
	margin-top: 30px; 
}
#magEmail,.text_bor{ width:300px; }

h2#register1_osusumeh2{
	float: left;
	font-size: 15px;
	margin: 10px auto 0px 20px;
	padding-left: 46px;
	padding-top: 3px;
    background: url(../images/ribbon.gif) no-repeat 10px 0.5em;
}

#register1_osusume{
	float: left;
	width: 960px;
	margin-top: 10px;
}

#register1_osusume1{
	clear: both;
	float: left;
	width: 750px;
	margin-left: 55px;
}

#register1_osusume2{
	clear: both;
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-left: 55px;
}

#register1_osusume p.osusumetitile{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}

#register1_rules h2#register1_rules_h2{
	border-top: solid 3px #198700;
	float: left;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 40px;
	width: 960px;
	
}

#register1_rules h2 span{
	color: #198700;
	margin-right: 5px;
}

#register1_rules_box1{
	width: 870px;
	height: 300px;
	overflow: auto;
	border: solid 1px #999;
	float: left;
	margin: 10px auto 30px 25px;
	padding: 10px;
	display: inline;
}

#register1_btns{
	float: left;
	width: 400px;
	margin: 10px 60px 40px 295px;
	overflow: hidden;
	display: inline;
}

#register1_noagree_btn{
	float: left;
	overflow: hidden;
	display: inline;
}

#register1_agree_btn{
	float: left;
	margin-left: 50px;
	overflow: hidden;
	display: inline;
}


/*=========================ここまで！会員登録／ご利用規約=======================*/




/*==============================会員登録／会員情報の入力===========================*/


#register2_p{
	float: left;
	margin: 20px auto 20px 10px;
}

#register2_privacy h2#register2_privacy_h2{
	border-top: solid 3px #198700;
	float: left;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 10px;
	width: 960px;
}

#register2_privacy h2 span{
	color: #198700;
	margin-right: 5px;
}

#register2_privacy_box1{
	width: 870px;
	height: 180px;
	overflow: auto;
	border: solid 1px #999;
	float: left;
	margin: 10px auto 10px 25px;
	padding: 10px;
	display: inline;
}

#register2_privacy2 h2#register2_privacy2_h2{
	clear: both;
	border-top: solid 3px #198700;
	float: left;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 5px;
	width: 960px;
	
}

#register2_privacy2 h2 span{
	color: #198700;
	margin-right: 5px;
}

#register2_table1{
	clear: both;
	float: left;
	margin: 10px auto auto 25px;
	border: solid 1px #CCC;
	border-collapse: collapse;
}

table#register2_table1 th{
	width: 200px;
	background-color: #F3F3F3;
	border: solid 1px #CCC;
	border-collapse: collapse;
}

table#register2_table1 td{
	padding: 10px;
	border: solid 1px #CCC;
	border-collapse: collapse;
}

td p.male{
	float: left;
	margin-left: 10px;
}

td p.female{
	margin-left: 50px;
}
	
table#register2_table1 td.register2_mailmagazine li p.select1{
	float: left;
	margin-left: 10px;
}

table#register2_table1 td.register2_mailmagazine li p.select2{
	float: left;
	margin-left: 30px;
}

ul.brand_mailmagazine{
	margin-top: 10px;
}

ul.brand_mailmagazine li{
	margin-top: 5px;
}

#register2_privacy2{
	float: left;
}

#register2_privacy2 h2#register2_privacy2_h2{
	margin-top: 30px;
	float: left;
}

#register2_privacy2 p#register2_privacy2_caution{
	clear: both;
	margin-left: 10px;
}

#register2_table2{	
	clear: both;
	float: left;
	margin: 10px auto auto 25px;
	border: solid 1px #CCC8BB;
	border-collapse: collapse;
	width: 900px;
}

#register2_table2 th{
	background-color: #F4F5F7;
	border: solid 1px #CCC;
	border-collapse: collapse;
	width: 23%;

}

#register2_table2 td{
	padding: 10px;
	border: solid 1px #CCC;
	border-collapse: collapse;
}

#register2_table2 td.textarea{
	width: 77%;
}


#register2_btn{
	float: left;
	margin: 30px auto 30px 420px;
	width: 200px;
	overflow: hidden;
	display: inline;
}






/*=========================ここまで！会員登録／会員情報の入力=======================*/




/*==============================会員登録／会員情報の確認===========================*/


#register2_p{
	float: left;
	margin: 20px auto 20px 10px;
}

#register3_confirm h2#register3_confirm_h2{
	border-top: solid 3px #198700;
	float: left;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 10px;
	width: 960px;	
}

#register3_confirm h2 span{
	color: #198700;
	margin-right: 5px;
}

#register3_confirm2 h2#register3_confirm2_h2{
	clear: both;
	border-top: solid 3px #198700;
	float: left;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 5px;
	width: 960px;
}

#register3_confirm2 h2 span{
	color: #198700;
	margin-right: 5px;
}

#register3_table1{
	clear: both;
	float: left;
	margin: 10px auto auto 25px;
	border: solid 1px #CCC;
	border-collapse: collapse;
}

table#register3_table1 th{
	width: 200px;
	background-color: #F3F3F3;
	border: solid 1px #CCC;
	border-collapse: collapse;
}

table#register3_table1 td{
	padding: 10px;
	border: solid 1px #CCC;
	border-collapse: collapse;
}

	

#register3_confirm2{
	float: left;
	width: 800px;
}

#register3_confirm2{
	clear: both;
	float: left;
}


#register3_confirm2 h2#register3_confirm2_h2{
	clear: both;
	margin-top: 30px;
}

#register3_confirm2 p#register3_confirm2_caution{
	clear: both;
	float: left;
	margin-left: 10px;
	width: 780px;
	height: 30px;
	overflow: hidden;
	display: inline;
}

#register3_table2{	
	clear: both;
	float: left;
	margin: 10px auto auto 25px;
	border: solid 1px #CCC8BB;
	border-collapse: collapse;
	width: 900px;
}

#register3_table2 th{
	background-color: #F4F5F7;
	border: solid 1px #CCC;
	border-collapse: collapse;
	width: 23%;

}


#register3_table2 td{
	padding: 10px;
	border: solid 1px #CCC;
	border-collapse: collapse;
}

#register3_table2 td.textarea{
	width: 77%;
}


#register3_btns{
	float: left;
	width: 400px;
	margin: 30px 60px 40px 310px;
	overflow: hidden;
	display: inline;
}

#register3_return_btn{
	float: left;
	overflow: hidden;
	display: inline;
}

#register3_go_register_btn{
	float: left;
	margin-left: 60px;
	overflow: hidden;
	display: inline;
}




/*=========================ここまで！会員登録／会員情報の確認======================*/






/*==============================会員登録／仮登録完了===========================*/

#register4_confirm_h2{
	border-top: solid 8px #198700;
	float: left;
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
	padding-top: 20px;
	width: 960px;
	color: #F60;	
}

p#register4_confirm{
	float: left;
	margin-left: 270px;
	margin-top: 10px;
	text-align: center;
	width: 450px;
	overflow: hidden;
	display: inline;
}

p#register4_confirm span{
	color: #35B558;
	font-weight: bold;
}

#register4_returntop_btn{
	float: left;
	margin-left: 410px;
	margin-top: 20px;
	overflow: hidden;
	display: inline;
}


p#register4_caution{
	clear: both;
	float: left;
	padding-left: 10px;
	width: 930px;
	border-top: #DBDBDB solid 1px;
	margin-top: 20px;
	font-size: 11px;
	color: #F60;
	padding-top: 10px;
}

p#register4_p{
	clear: both;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 930px;
	font-size: 11px;
	border-bottom: #DBDBDB solid 1px;
	margin-bottom: 30px;
}



/*=========================ここまで！会員登録／仮登録完了=======================*/



p#register5_p{clear: both;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 930px;
	font-size: 11px;
	border-bottom: #DBDBDB solid 1px;
	margin-bottom: 80px;
}

p#register5_confirm{
	float: left;
	margin-left: 180px;
	margin-top: 10px;
	text-align: center;
	width: 600px;
	overflow: hidden;
	display: inline;
}




/*==============================会員登録／登録完了===========================*/

/*=========================ここまで！会員登録／登録完了=======================*/




/*==============================ログイン===========================*/


#login_1_box a,
#login_2_box a{
	text-decoration: none;
}

#login_h1{
	border-top: solid 8px #198700;
	float: left;
	font-size: 16px;
	margin-top: 30px;
	padding-left: 15px;
	padding-top: 5px;
	width: 960px;
	font-weight: bold;
	background-repeat: no-repeat;
}

#login_h1 span{
	paddin-top: -9px;
	margin-right: 3px;
}

#login_message{
	width: 920px;
	float: left;
	padding-left: 10px;
	margin-top: 10px;
	padding-bottom: 15px;
	border-bottom: #DBDBDB solid 1px;
	padding-left: 42px;
}

#login_1_box{
	float: left;
	width: 450px;
	overflow: hidden;
	display: inline;
}

#login_1{
	clear: both;
	float: left;
	width: 280px;
	height: 150px;
	margin-top: 20px;
	margin-left: 80px;
	padding-top: 35px;
	padding-left: 20px;
	background-color: #D7EED5;
	border: 1px solid #B1DAC1;
}


#login_1 li#login_1_pw{
	margin-top: 18px;
}

#login_1_btn{
	margin-top: 20px;
	margin-left: 137px;
	overflow: hidden;
	display: inline;
}

#login_1_f{
	float: left;
	margin-top: 10px;
	margin-left: 90px;
	font-size: 11px;
}
	
#login_2_box{
	float: left;
	width: 450px;
	height: 350px;
	margin-left: 40px;
	overflow: hidden;
	display: inline;
}

#login_2{clear: both;
	float: left;
	width: 300px;
	height: 190px;
	margin-top: 20px;
	margin-left: 50px;
	background-color: #D7EED5;
	border: 1px solid #B1DAC1;
	position: relative;
}

#login_2_hosi{
	position: absolute;
	top: 24px;
	left: 53px;
}

#login_2 h2{
	position: absolute;
	font-size: 16px;
	top: 35px;
	left: 100px;
}

p#login_2_p{
	position: absolute;
	top: 70px;
	left: 38px;
	width: 240px;
}

#no-register{
	clear: both;
	float: left;
	margin: 30px auto 30px 52px;
	padding: 12px;
	border: solid 1px #C6CEC4;
	overflow: hidden;
	display: inline;
}



/*=========================ここまで！ログイン=======================*/



/*=========================お届け先の入力=======================*/

#register6_p{
	float: left;
	margin: 15px auto 20px 10px;
}

#register6_h2{
	clear: both;
	border-top: solid 1px #DBDBDB;
	float: left;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 5px;
	width: 950px;
}

#register6_h2 span{
	color: #198700;
	margin-right: 5px;
}

#register2_privacy2 h2 span{
	color: #198700;
	margin-right: 5px;
}

#register6_table{
	margin-left: 20px;
}

#register6_table span{
	color: #999;
	font-size: 12px;
}

#register6_name_kanji li{
	float: left;
}

li#register6_name_1_1,
li#register6_name_2_2{
	margin-left: 5px;
}

li#register6_name_2{
	margin-left: 10px;
}

#register6_name_kana li{
	float: left;
}

li#register6_name_3_1,
li#register6_name_4_2{
	margin-left: 5px;
}

li#register6_name_4{
	margin-left: 10px;
}

li#register6_name_4_3{
	clear: both;
	margin-left: 20px;
	font-size: 12px;
}

#postnumber li{
	float: left;
	overflow: hidden;
	display: inline;
}

li#post2{
	margin-left: 3px;
}

li#post3{
	clear: both;
}

li#post4{
	float: left;
	width: 370px;
	margin-top: -23px;
	margin-left: 80px;
	line-height: 1.6;
	font-size: 12px;
}

#register6_phone li{
	float: left;
}

#register6_phone li#phone2li{
	margin-left: 20px;
	font-size: 12px;
}

#register6_btn{
	float: left;
	margin: 30px auto 30px 420px;
	overflow: hidden;
	display: inline;
}

/*=========================ここまで！お届け先の入力=======================*/



/*============================IDPWを忘れた方へ==========================*/


#forgetidpw_box1{
	margin: 30px 20px 30px 20px;
	width: 960px;
	overflow: hidden;
	display: inline;	
}

h1#forgetidpw_h1{
	width: 960px;
	height: 45px;
	background-image: url(../images/forget_idpw_title.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#forgetidpw_p{
	float: left;
	margin: 20px auto 20px 10px;
	width: 900px;
}

#forgetidpw_btn{
	float: left;
	margin: 30px auto 30px 420px;
	overflow: hidden;
	display: inline;
}

/*=========================ここまで！IDPWを忘れた方へ=======================*/



/*=========================IDPWを忘れた方へ2=======================*/
#forgetidpw2_box1{
	margin: 30px 20px 30px 20px;
	width: 960px;
	overflow: hidden;
	display: inline;	
}

h1#forgetidpw2_h1{
	margin-top: 30px;
	width: 960px;
	height: 45px;
	background-image: url(../images/forget_idpw_title.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
}

p#forgetidpw2{
	float: left;
	margin-left: 270px;
	margin-top: 10px;
	text-align: center;
	width: 450px;
	overflow: hidden;
	display: inline;
}


/*=========================ここまで！IDPWを忘れた方へ2=======================*/


/*=========================IDPWを忘れた方へ3・4=======================*/

h1#forgetidpw3_h1{
	width: 960px;
	height: 45px;
	margin-top: 30px;
	background-image: url(../images/forget_idpw2_title.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
}

p#forgetidpw4{
	float: left;
	margin-left: 180px;
	margin-top: 10px;
	text-align: center;
	width: 600px;
	font-size: 16px;
	color: #339;
	font-weight: bold;
	overflow: hidden;
	display: inline;	
}

p#forgetidpw4_1{
	float: left;
	margin-left: 180px;
	margin-top: 10px;
	text-align: center;
	width: 600px;
	overflow: hidden;
	display: inline;
}
/*=========================ここまで！IDPWを忘れた方へ3・4=======================*/


/*=========================仮登録お知らせメールの再送=======================*/

#register_again_table{
	clear: both;
	float: left;
	margin: 10px auto auto 25px;
	border: solid 1px #CCC;
	border-collapse: collapse;
}

table#register_again_table th{
	width: 200px;
	background-color: #F3F3F3;
	border: solid 1px #CCC;
	border-collapse: collapse;
	padding-top: 10px;
	padding-bottom: 10px;
}

table#register_again_table td{
	padding: 10px;
	border: solid 1px #CCC;
	border-collapse: collapse;
}

#register_again li#register_again2{
	font-size: 12px;
	margin-top: 2px;
}



/*=========================ここまで！仮登録お知らせメールの再送=======================*/