@charset "UTF-8";
/* ==============================================================

  - pmem/index.html : Member Registration

LastUpdate: 2016-01-06 14:40 [YM]
// LastUpdate: 2016-01-06 14:40 [YM]
============================================================== */

/* ----------------------------------------
MEMBER REGISTRATION
---------------------------------------- */
ul {
	list-style:none;
}
img{
	max-width:100%;
	height:auto;

	border: 0;
	vertical-align: bottom;
}
.header_inner{
}
#header p.sub_h1{
	width:124px;
	margin-bottom:30px;
	padding-top:20px;
}
#contents h1{
	font-size:24px;
	font-weight:normal;
	padding-bottom:5px;
	border-bottom:4px solid #ececec;
	margin-bottom:25px;
}
#contents h1 span{
	font-size:16px;
}
.pmem_flow{
	width:440px;
	margin:0 auto 35px;
}

#pet_info{
	width:900px;
	margin:0 auto;
}

ul.kind_select{

}
ul.kind_select li{
	float:left;
	margin-right:20px;
}
.ex_kind_input {
	display:none;
}
.ex_kind_input input{
	width:318px;
	height:66px;
	margin-top:10px;
}
#add_pet_info{
	width:900px;
	margin:0 auto;
	display: none;
}
#add_pet_info_btn{
	width:220px;
	height:32px;
	background:#e4e4e4;
	margin-bottom:40px;
	text-align:center;
	line-height:32px;
	cursor:pointer;
	font-size:16px;

    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#add_pet_info_btn:after{
	content: '\f078';
	font-family: FontAwesome;
	margin-left:10px;
}
#add_pet_info_btn:hover{
	color: #fff;
	background: #ff4747;
}
/*メルマガ*/
.mmg_bn_area{

}
.mmg_bn_area ul li{
	float:left;
	margin-right:20px;
	width:200px;
	height:100px;
}

/* CONTENTS -------------------- */


.mail_guide {
	margin-top: 5px;
	margin-bottom: 3px;
	font-weight: bold;
}

#BackBtn {
	float:left;
	font-size:16px;
	padding-top:30px;
}



#ErrMsg {
	margin-bottom: 20px;
	padding: 20px 20px 20px 70px;
	border: 1px solid #DFDFDF;
	background: #ECF6FF url(https://image.peppynet.com/img/web/pc/pmem/pmem/images/ico_attention01.gif) 20px 20px no-repeat;
	color: #003EC9;
}

#ErrMsgBnr {
	margin-bottom: 20px;
	padding: 20px 20px 20px 70px;
	border: 1px solid #DFDFDF;
	background: #ECF6FF url(https://image.peppynet.com/img/web/pc/pmem/pmem/images/ico_attention01.gif) 20px center no-repeat;
	color: #003EC9;
}

tr.ErrItem td {
	background-color: #FFEDEA;
}

tr.ErrItem td.Necessary {
	background-color: #FFC6C6;
}

tr.ErrItem td.Option {
	background-color: #D7D7D7;
	color: #666;
}

tr.ErrItem td.Auto {
	background-color: #FFCC57;
}

p.ErrMsg {
	padding: 0 0 5px 20px;
	background: url(https://image.peppynet.com/img/web/pc/pmem/pmem/images/ico_attention02.gif) 0 0 no-repeat;
	color: #E72231;
	font-weight: bold;
	text-align: left;
}


#CompGuide p {
	padding: 0 0 3px 15px;
	background: url(https://image.peppynet.com/img/web/pc/pmem/pmem/images/ico_round.gif) 0 3px no-repeat;
}

#CompBtnArea {
	margin-bottom: 20px;
	text-align: center;
}

#CompBtnArea ul li{
	list-style: none;
	margin-bottom: 10px;
}

/* Member Regist  */

#Regulation {
	overflow: auto;
	height: 80px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px inset #CCC;
}

#RegPopup {
	text-align: right;
}

#RegPopup a {
	padding-left: 12px;
	background: url(https://image.peppynet.com/img/web/pc/pmem/pmem/images/shp_mem_arrow.gif) 0 4px no-repeat;
}




/* KAKUNIN
------------------------------ */

#Member #ConfTit{
	width: 770px;
	height: 38px;
	background: #FF7170 url(https://image.peppynet.com/img/web/pc/pmem/pmem/images/in_title02.gif) no-repeat;
	color: #FFF;
	text-indent: -9999px;
}

#ConfMsg01 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

#ConfMsg02 {
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #DFDFDF;
	background: #ECF6FF ;
}

div.FormBox .Rewrite {
	width: 770px;
	background: url(https://image.peppynet.com/img/web/pc/pmem/pmem/images/txt_bg.gif) no-repeat;
}

div.FormBox .Rewrite .LayoutTbl td{
	vertical-align: top;
	padding: 12px 0 9px 0;
}

div.FormBox .Rewrite h2{
	margin-right: 20px;
	padding: 0 0 0 25px;
	background: none;
	font-weight: bold;
	font-size: 12px;
}

div.FormBox .Rewrite p{
	float: left;
	margin-top: -4px;
	padding: 0 0 0 10px;
	background: url(https://image.peppynet.com/img/web/pc/pmem/images/arrow_red.gif) no-repeat left  ;
}




/* ----------------------------------------
CMEM
---------------------------------------- */
ul.CheckCus,
ul.CheckCus li,
ul.CmemCatType,
ul.CmemCatType li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


ul.CmemCatType li {
	background:url(https://image.peppynet.com/img/web/pc/pmem/images/sns_arrow.png) 0 50% no-repeat;
	padding-left:15px;
	color: #555;
	font-size: 12px;
}

ul.CmemCatType li em {
	text-decoration: underline;
	font-style: normal;
}

ul.CmemCatType li span {
	padding-left: 20px;
	color: #999;
}


ul.CmemCatType li.Selected {
	background:url(https://image.peppynet.com/img/web/pc/pmem/images/sns_arrow02.png) 0 50% no-repeat;
}

ul.CheckCus li {
	display:block;
	float:left;
	padding-bottom:5px;
	padding-right:15px;
	color: #555;
	font-size: 12px;
	white-space: nowrap;
}

div#CatTypeList h2 {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-top: 15px;
	background: none;
	padding: 0 0 5px 0;
	color: #764c11;
}

/*		131210add 		*/
.FormBox .caution01 {
	margin: 20px 0;
	font-weight: 700;
}

.FormBox .caution01 span {
	color: #ff8483;
}

.FormBox .member,
.FormBox .privacy {
	margin-bottom: 20px;
}

.FormBox .member h3,
.FormBox .privacy h3,
.FormBox .privacy h4 {
	margin-bottom: 5px;
}

.FormBox .member .scrollBox01,
.FormBox .privacy .scrollBox01 {
	height: 80px;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #777;
	overflow: auto;
}

.privacyPage .txtBox01 dl,
.FormBox .privacy .scrollBox01 dl,
#Regulation dl {
	margin-left: 20px;
}

.privacyPage .txtBox01 dd,
.FormBox .privacy .scrollBox01 dd,
#Regulation dd {
	margin-bottom: 20px;
}

.privacyPage .txtBox01 .text01,
.FormBox .privacy .scrollBox01 .text01,
#Regulation .text01 {
	margin-bottom: 10px;
	text-align: right;
}

.privacyPage .txtBox01 .title01,
.FormBox .privacy .scrollBox01 .title01,
#Regulation .title01 {
	margin-bottom: 20px;
	text-align: center;
}

.privacyPage .txtBox01 .box01,
.FormBox .privacy .scrollBox01 .box01,
#Regulation .box01 {
	width: 360px;
	margin-left: auto;
	padding: 10px;
	border: 1px solid #777 ;
	font-size: 12px;
}

.FormBox .anotherWindow {
	text-align: right;
}

.FormBox .anotherWindow a {
	padding-left: 10px;
	background: url("/pmem/images/shp_mem_arrow.gif") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
}

.FormBox .agreement01 {
	text-align: center;
	width:275px;
	margin:0 auto;
	font-size:11px;
}

.fbmb20 {
	margin-bottom: 20px;
}

.privacyPage .txtBox01 {

}

.scrollBox01 ol {
list-style:none;
}