@charset "utf-8";
/* CSS Document */

/* 100704 kaimot marge */

/* PF08  *******************************************************/
/* /purifier/member/index.html */


#pf08 #Article{
 background:url(../../purifier/member/img/pf08_intro_bg.jpg) right top no-repeat;
}

#pf08 #Intro,#pf08 #Member,#pf08 #NonRegister{
 clear:both;
 margin-bottom:30px;
}

#pf08 .hgroup{
 position:relative;
 overflow:hidden;
 _zoom:1;
 margin-bottom:-5px;
}

#pf08 .inbox,
#pf08 .inbox02{
 padding:10px;
 background-color:#fff;
 border:#ccc 1px solid;
}

#pf08 .rbox h4{
 margin-bottom:10px;
}

#pf08 .btnArea{
 width:382px;
 margin:0 auto;
}

#pf08 .goRule{
 padding-left:30px;
 border-left:#1d64ab 1px dotted;
 background:url(../img/icon_link_arrow.gif) 10px center no-repeat;
}


/*導入*/
#pf08 #Intro .catch{
 margin:20px 0 30px 0;
}

#pf08 #Intro .txt{
 width:346px;
 margin-bottom:20px;
}

#pf08 #Intro .non{
 margin-top:-50px;
 text-align:right;
}

/*定期交換メンバー*/
#pf08 #Member .hgroup{
 height:95px;
 margin-bottom:-25px;
}

#pf08 #Member .label{
 position:absolute;
 left:395px;
 top:0;
 z-index:2;
}

#pf08 #Member .flow{
 position:absolute;
 left:493px;
 top:35px;
 z-index:1;
}

#pf08 #Member .rbox .st{
 height:15px;
 background:url(../../purifier/member/img/pf08_bg_box.gif) left top no-repeat;
}

#pf08 #Member .rbox .ed{
 height:15px;
 background:url(../../purifier/member/img/pf08_bg_box.gif) 0 -15px no-repeat;
}

#pf08 #Member .rbox .bd{
 padding:0 10px;
 background-color:#d2ebfa;
 overflow:hidden;
 _zoom:1;
}

#pf08 .serv01{
 margin-bottom:10px;
 background:url(../../purifier/member/img/pf08_mem_fig01.gif) #fff 500px center no-repeat;
}

#pf08 .serv02{
 margin-bottom:10px;
 background:url(../../purifier/member/img/pf08_mem_fig02.gif) #fff 460px center no-repeat;
}

#pf08 .serv03{
 min-height:80px;
 background:url(../../purifier/member/img/pf08_mem_fig03.gif) #fff 374px center no-repeat;
}

#pf08 .serv04{
 float:left;
 width:318px;
}

#pf08 .serv05{
 float:right;
 width:318px;
}

#pf08 .serv06 dl{
 width:600px;
 min-height:50px;
 padding-left:60px; 
}

#pf08 .serv01 dl,
#pf08 .serv02 dl,
#pf08 .serv03 dl{
 width:340px;
 min-height:50px;
 padding-left:60px; 
}

#pf08 .serv01 dt,
#pf08 .serv02 dt,
#pf08 .serv03 dt,
#pf08 .serv06 dt{
 padding:5px 0;
}

#pf08 .serv01 dl{
 background:url(../../purifier/member/img/pf08_bg_icon.gif) 0 0 no-repeat;
}

#pf08 .serv06 dl{
 background:url(../../purifier/member/img/pf08_bg_icon.gif) 0 -70px no-repeat;
}

#pf08 .serv02 dl{
 background:url(../../purifier/member/img/pf08_bg_icon.gif) 0 -142px no-repeat;
}

#pf08 .serv03 dl{
 background:url(../../purifier/member/img/pf08_bg_icon.gif) 0 -194px no-repeat;
}

#pf08 .serv04 dl{
 background:url(../../purifier/member/img/pf08_mem_ph01.jpg) right bottom no-repeat;
}

#pf08 .serv05 dl{
/* background:url(../../purifier/member/img/pf08_mem_ph02.jpg) right bottom no-repeat;*/
}

#pf08 .serv04 dt,
#pf08 .serv05 dt{
 height:50px;
 padding-top:8px;
 padding-left:60px; 
}

#pf08 .serv04 dt{
 background:url(../../purifier/member/img/pf08_bg_icon.gif) 0 -280px no-repeat;
}

#pf08 .serv05 dt{
 background:url(../../purifier/member/img/pf08_bg_icon.gif) 0 -350px no-repeat;
}

#pf08 .serv04 dd{
 width:160px;
}
#pf08 .serv05 dd{
 width: 318px;
}

#pf08 .plus{
 margin-top:-25px;
 margin-bottom:-15px;
 text-align:center;
 position:relative;
 z-index:1;
}


#pf08 #Member .goRegist{
 margin-bottom:20px;
 padding-top:50px;
 background:url(../../purifier/member/img/pf08_bg_arw.gif) center top no-repeat;
}


/*ユーザー登録*/
#pf08 #User{
 margin-bottom:40px;
}


#pf08 #User .hgroup{
 padding-top:10px;
}

#pf08 #User .label{
 position:absolute;
 right:10px;
 top:0px;
}

#pf08 #User .inbox{
 margin-bottom: 10px;
 background:url(../../purifier/member/img/pf08_mem_fig01.gif) #fff 500px center no-repeat;
}



#pf08 #User .inbox dl{
 min-height:50px;
 padding-left:60px;
 background:url(../../purifier/member/img/pf08_bg_icon.gif) 0 0px no-repeat;
}

#pf08 #User .inbox02 dl{
 min-height:50px;
 padding-left:60px;
 background:url(../../purifier/member/img/pf08_bg_icon.gif) 0 -70px no-repeat;
}

#pf08 #User .inbox dt{
 padding:5px 0;
}

#pf08 #User .inbox02 dt{
 padding:5px 0;
}

#pf08 #User .goRegist{
 margin-bottom:20px;
 padding-top:50px;
 background:url(../../purifier/member/img/pf08_bg_arw.gif) center -90px no-repeat;
}

#pf08 #User .rbox .st{
 height:15px;
 background:url(../../purifier/member/img/pf08_bg_box.gif) 0 -30px no-repeat;
}

#pf08 #User .rbox .ed{
 height:15px;
 background:url(../../purifier/member/img/pf08_bg_box.gif) 0 -45px no-repeat;
}

#pf08 #User .rbox .bd{
 padding:0 10px;
 background-color:#f6dfb8;
}


/*未登録*/
#pf08 #NonRegister .inbox{
 min-height:30px;
 margin-bottom:10px;
 padding-top:20px;
 background:url(../../purifier/member/img/pf08_mem_fig01.gif) #fff 500px center no-repeat;
}

#pf08 #NonRegister .rbox .st{
 height:15px;
 background:url(../../purifier/member/img/pf08_bg_box.gif) 0 -60px no-repeat;
}

#pf08 #NonRegister .rbox .ed{
 height:15px;
 background:url(../../purifier/member/img/pf08_bg_box.gif) 0 -75px no-repeat;
}

#pf08 #NonRegister .rbox .bd{
 padding:0 10px;
 background-color:#dddede;
}


/*モーダル１：蛇口機能*/
#Jaguchi{
 width:560px;
 height:440px;
}

#Jaguchi .fig{
 padding:25px 0;
 border-bottom:#ccc 1px solid;
}


/*モーダル２：ご登録のながれ*/
#RegistFlow{
 width:560px;
 height:1170px;
}

#RegistFlow h3{
 margin-top:20px;
 margin-bottom:10px;
}

#RegistFlow h4{
 margin-top:10px;
 margin-bottom:10px;
 padding-top:10px;
 border-top:#ccc 1px solid;
}

#RegistFlow p,
#RegistFlow li{
 line-height:1.2;
}

#RegistFlow .flow{
 margin:10px 0 5px 0;
}

#RegistFlow li.flow01,
#RegistFlow li.flow02{
 float:left;
 width:140px;
 padding-right:41px;
 background:url(../../purifier/member/img/pf08_m2_arw.gif) right top no-repeat;
}

#RegistFlow li.flow03{
 float:left;
 width:140px;
}

#RegistFlow .flow div{
 min-height:180px;
 padding:3px 4px;
 border:#ccc 1px solid;
 background-color:#fff;
}

#RegistFlow .note{
 margin-left:1em;
 text-indent:-1em;
 color:#666;
}

#RegistFlow .card{
 float:right;
 margin-left:10px;
}

#RegistFlow .Style01{
 margin:5px 0 10px 0;
}

#RegistFlow .Style01 th,
#RegistFlow .Style01 td{
 text-align:center;
}

#RegistFlow .Style01{
 margin-top:5px;
 width:518px;
}


/* PF09,PF10  *******************************************************/
/* /purifier/member/form_c.html */
/* /purifier/member/form_u.html */

#FormArea01,
#FormArea02,
#FormArea03,
#FormArea04{
 margin-top:20px;
}

.Style01{
 margin-top:5px;
 width:708px;
}

.Style01 th{
 width:158px;
}

.Style01 span.date{
 font-weight:bold;
}

.Style01 input{
 margin:0 5px;
}

.Style01 label{
 cursor:pointer;
}


.nextArea{
 margin-top:1px;
 text-align:center;
}

#name01, #name02, #kana01, #kana02,
#name01-2,#name02-2,#kana01-2,#kana02-2{
 width:85px;
 ime-mode:active;
}


 #tel01,#tel02,#tel03,
#mob01,#mob02,#mob03,
#tel01-2,#tel02-2,#tel03-2,
#mob01-2, #mob02-2,#mob03-2{
 width:85px;
 ime-mode:disabled;
}


#zip01,#zip01-2{
 width:53px;
 ime-mode:disabled;
}

#zip02,#zip02-2{
 width:75px;
 ime-mode:disabled;
}

#add01,#add02,#add03,
#add01-2,#add02-2,#add03-2,#maker{
 width:455px;
 ime-mode:active;
}

#mail,#mail_r,#mail-r,
#mail-2,#mail-r-2,
#mail_2,#mail_r_2{
 width:235px;
 ime-mode:disabled;
}

.ZipLine{
 float:left;
}

#prefecture{
 clear:left;
}

#msg{
 width:500px;
}
 
.FormAgree{
 text-align:center;
}

.FormBtn{
 margin:20px 0;
 text-align:center;
}

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

p.note02 {
	color:#c00;
	text-indent: -1em;
	margin-left: 1em;
}

p.img01 {
	text-align: center;
	margin: 10px 0;
}
div.areaLeft {
	width:48%;
	float:left;
}
div.areaRight {
	width:48%;
	float:right;
}
p.txtF {
	width:20px;
	float:left;
}

p.txtL {
	width:220px;
	float:left;
}

p.TextLine {
	background: url(../../purifier/member/img/pf09_dot.gif) repeat-x left bottom;
	padding-bottom: 5px;
	margin-bottom: 10px;	
}

p.txt01 {
	float: left;
	padding-top: 28px;
}
p.txt02 {
	float: left;
	padding-top: 10px;
}
p.img02 {
	float: left;
	padding: 0 10px;
}

p.number {
	float: left;
	text-align: center;
}

p.number img {
	margin-bottom: 10px;
}

.num02{
	width:200px;
	ime-mode:disabled;
}

.num03{
	width:200px;
	ime-mode:disabled;
}

.PayBox {
	margin-bottom:20px;
	border:#ccc 1px solid;
	padding:15px;
}

.PayBox dl {
}

.PayBox dt span {
	color: #3348a3;
}

.PayBox dd {
	margin-left: 14px;
}

.PayBox .Style01 {
	width: 100%;
	margin-bottom: 0;
	margin-top: 10px;
}

.c_name {
	width:200px;
	ime-mode:disabled;
}

.c_num {
	width:85px;
	ime-mode:disabled;
}

p#c_img {
	float: right;
	margin-bottom: 10px;
}

/* PF11  *******************************************************/
/* /purifier/member/rule.html */

#pf11 .Kiyaku p{
 margin-bottom:30px;
}

#pf11 .Kiyaku ol{
 margin:-10px 0 30px 0;
}

#pf11 .Kiyaku .note{
 padding:10px 0;
 border-top:#ccc 1px solid;
 border-bottom:#ccc 1px solid;
}
/* ここまで */

#Thanks{
 margin:20px 0 100px;
}






/*120904追加*/
/*purifier/member/index_導線追加.html*/

#pf08 #Member .rbox {
	position: relative;
}
#pf08 #Member .inner_btn {
	position: absolute;
	top: 162px;
	right: 37px;
}