@charset "UTF-8";

	/*Base Setting
	-------------------------------------------*/
	body,select,input,textarea{-webkit-text-size-adjust: none;}

	/* font family
	------------------------------------------------*/
	#contentAll, #contentBodyMain, form textarea{
		font-family:Helvetica, Arial, Verdana, sans-serif;
	}

	/*img*/
	#contentAll img{border:0px;}
	#contentAll .imageLeft  {float:left;  margin:0px 10px 5px 0px; }
	#contentAll .imageRight {float:right; margin:0px 0px 5px 10px;}
	
	#contentAll .imageLeft:after,
	#contentAll .imageRight:after{
		display: block;
		content: " ";
		clear: both;
	}
	html*#contentAll .imageLeft:after{ zoom: 1; } /* IE6,7 */
	html*#contentAll .imageRight:after{ zoom: 1; } /* IE6,7 */

	/* text align
	------------------------------------------------*/
	#contentAll .txtAlignL, #contentAll table.txtAlignL th, #contentAll table.txtAlignL td {text-align:left   !important;}
	#contentAll .txtAlignC, #contentAll table.txtAlignC th, #contentAll table.txtAlignC td {text-align:center !important;}
	#contentAll .txtAlignR, #contentAll table.txtAlignR th, #contentAll table.txtAlignR td {text-align:right  !important;}
	

/* howto SP
===========================================*/
@media only screen and (max-width: 767px){


/* body */
body{ margin: 0; padding: 0;}

/* contentBodyMain */
#contentBodyMain{
	background: url(../img/app/how_mainbg.png) 0 0 repeat;
	-webkit-background-size: 80px 80px;
	background-size: 80px 80px;
	width: 100%;
	font-size: 13px;
	color: #e7308b;
	padding-bottom: 30px;
}

#contentBodyMain p{
	margin: 5px 0 15px;
}

/* head */
#contentBodyMain .headAria{
	background: url(../img/app/how_headbg.png) 0 0 repeat;
	-webkit-background-size: 80px 80px;
	background-size: 80px 80px;
	padding: 10px 3% 15px;
	position: relative;
}
#contentBodyMain .headAria02{
	background: url(../img/app/how_headbg.png) 0 0 repeat;
	-webkit-background-size: 80px 80px;
	background-size: 80px 80px;
	padding: 15px 3% 15px;
	position: relative;
	margin-top: 30px;
}

#contentBodyMain .headAriaInr{
	background-color: #ffe0ee;
	background-repeat: repeat-x;
	background-image: url(../img/app/how_titbgtop.png), url(../img/app/how_titbgbtm.png);
	background-position: top left, bottom left;
	-webkit-background-size: 28px auto;
	background-size:28px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	padding: 44px 15px 25px;
	margin: 30px auto 15px;
	width: auto;
}

#contentBodyMain .headrbn{
	text-align: center;
	margin-top: -65px;
}

#contentBodyMain .headrbn img{
	width: 110px;
}

#contentBodyMain .headAria h1.how{
	font-size: 19px;
	color: #6d2c89;
	margin: 5px 0;
	font-weight: normal;
}

#contentBodyMain .headAria h1.ply,
#contentBodyMain .headAria02 h1.ply{
	font-size: 19px;
	color: #6d2c89;
	margin: 5px 0 0;
	color: #6d2c89;
}
	

/* contentBodyMainInner */
#contentBodyMain .contentBodyMainInner{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

#contentBodyMain .contentBodyMainInner:last-child{
	padding: 10px 10px 0;
}

#contentBodyMain .contentBodyMainInner p{
	margin: 5px 0 10px;
	line-height: 1.4;
}

#contentBodyMain .contentBodyMainInner h2.how{
	background: url(../img/app/how_stiticm.png) 0 0 no-repeat;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	padding-left:  20px;
	font-size: 19px;
	color: #6d2c89;
	font-weight: normal;
	margin: 10px 0 5px;
}

#contentBodyMain .contentBodyMainInner h2.ply{
	background: none;
	padding-left: 0;
	font-size: 19px;
	color: #6d2c89;
	font-weight: normal;
	margin: 10px 0 5px;
}

#contentBodyMain .contentBodyMainInner h3{
	font-size: 19px;
	color: #6d2c89;
	font-weight: normal;
	margin: 0;
}

#contentBodyMain .contentBodyMainInner .mainAreaBlock{
	background: url(../img/app/how_line.gif) 0 0 repeat-x;
	-webkit-background-size: auto 3px;
	background-size: auto 3px;
	padding-top: 15px;
	margin-top: 10px;
}

#contentBodyMain p.ply{
	color: #666;
}

#contentBodyMain ul.ply{
	margin: 0 0 15px 0 ;
	padding: 0;
	color: #666;
	line-height: 1.4;
	list-style: none;
}

#contentBodyMain ul.ply li{
	text-indent: -1.0em;
	padding-left: 1.0em;
	margin-bottom: 5px;
}

#contentBodyMain ul.ply li ul.ply{
	margin: 0 ;
	padding: 0;
	color: #666;
	line-height: 1.4;
	list-style: none;
}

#contentBodyMain ul.ply li ul.ply li{
	text-indent: -1.0em;
	padding-left: 1.0em;
	margin-bottom: 5px;
}

#contentBodyMain .attention{
	font-size: 10px;
	color: #6d2c89;
	text-align: right;
}

#contentBodyMain .Warn{
	color: #df0000;
}



}