@charset "utf-8";
/* ===================================================================
CSS information

 file name  :recmail.css
 style info :Emailモバイル会員募集中CSS
=================================================================== */

/*--------------------------------
	reset
--------------------------------*/

* {
	margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:lighter;
}

img {
	border-width:0px;
	border-style:none;
}
p {
	margin:0px;
	padding:0px;
}

ul, li {
	margin:0px;
	padding:0px;
	list-style:none;
}

hr {
	display:none;
}

/*--------------------------------
	ここから
--------------------------------*/

/*	背景画像のテキスト消し
--------------------------------------------*/
h3 span,
h4 span,
h5 span,
.allow span,
.sallow span,
#dhr-head span,
#dhr-foot span,
#detailtit span,
.step1 span,
.step2 span,
.step3 span,
.steptop span{
	visibility:hidden;
	font-size:0;
}


#cotwap{
	width:701px;
}

/*	見出し部分
--------------------------------------------*/
h3{
	width:701px;
	height:270px;
	background: url(../img/mainhead.jpg) no-repeat bottom;
}

h4{
	width:701px;
	margin-top:18px;
}

h4#tit1{
	height:86px;
	background: url(../img/bar-tit.jpg) no-repeat;
}

ol#ball{
	width:701px;
	height:234px;
	margin-top:46px;
	background: url(../img/threeboll.jpg) no-repeat;
}

ol#ball li{
	font-size:0;
	margin:0;
	padding:0;
}

ol li span{
	visibility:hidden;
}

h4#tit2{
	height:114px;
	background: url(../img/bar-usetit.jpg) no-repeat;
}

.allow{
	width:57px;
	height:61px;
	margin:0 auto;
	background: url(../img/allow.jpg) no-repeat;
}

h5{
	width:701px;
	height:50px;
	background: url(../img/bar-boxtit.jpg) no-repeat;
}

#boxmid{
	width:639px;
	padding:0 30px;
	border-left:#b4c4d3 solid 1px;
	border-right:#b4c4d3 solid 1px;
}

#mobox{
	padding-top:24px;
	float:left;
}

#qrf{
	width:188px;
	height:154px;
	padding:16px 6px 0 6px;
	margin-bottom:10px;
	text-align:center;
	background: url(../img/waku.gif) no-repeat;
}

#qrf p{
	font-size:10px;
	line-height:16px;
	margin-top:14px;
	text-align:center;
}

#qrf p#url{
	color:#3399cc;
	margin-top:6px;
	height:16px;
	line-height:16px;
	text-align:left;
	text-indent:20px;
	background: url(../img/iconmob.gif) no-repeat 6px -1px;
}
/*
#qrf p#url span{
	margin-bottom:20px;
	border:red solid 1px;
}*/

.step{
	width:350px;
	padding-bottom:9px;
	background: url(../img/stepbot.gif) no-repeat left bottom;
	float:right;
	position:relative;
	margin-bottom:-10px;
}

.steptop{
	margin-top:30px;
	width:350px;
	height:9px;
	background: url(../img/steptop.gif) no-repeat;
	clear:both;
}

#boxmid p.stepmid{
	width:318px;
	padding:10px 16px;
	background-color:#e2f2fe;
	line-height:22px;
}

.step1{
	width:68px;
	height:62px;
	background: url(../img/bal-setp1.gif) no-repeat left bottom;
	position:absolute;
	top:28px;
	left:-62px;
}

.step2{
	width:68px;
	height:62px;
	background: url(../img/bal-setp2.gif) no-repeat left bottom;
	position:absolute;
	top:28px;
	left:-62px;
}

.step3{
	width:68px;
	height:62px;
	background: url(../img/bal-setp3.gif) no-repeat left bottom;
	position:absolute;
	top:28px;
	left:-62px;
}

.sallow{
	width:25px;
	height:26px;
	background: url(../img/allow-s.gif) no-repeat left bottom;
	position:absolute;
	left:162px;
}

.stepaten{
	font-size:10px;
	line-height:16px;
	color:#FF0000;
	width:350px;
	float:right;
	margin-top:20px;
}

.useaten{
	clear:both;
	color:#666666;
	padding:16px 0;
	line-height:20px;
}

#use{
width:639px;
background-color:#99CCCC;
padding:12px 0;
/*background-color:#f7f7f7;*/
/*height:164px;
*/
}

#use #texbox{
overflow-y:scroll;
width:596px;
height:124px;
margin:0 auto;
padding:4px 12px 12px 12px;
font-size:12px;
line-height:20px;
}

#use #texbox dl dd{
line-height:20px;
}

#use #texbox h6{
width:572px;
text-align:center;
font-weight:bold;
margin-bottom:20px;
}

#qraten{
margin-top:10px;
font-size:10px;
color:#666666;
}

#pagetop{
	width:701px;
	padding-top:26px;
	background: url(../img/box-bot.jpg) no-repeat;
	text-align:right;
}