@charset "utf-8";


/*-------------------
     MM
-------------------*/

#mm{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 500px;
	height: 600px;
	background-image: url(/mm/img/bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 left;
	font-size: 12px;
	line-height: 140%;
	margin:0px;
	color: #666666;
}
#mm h2,p{
    margin:0px;
}
#mm .waku{
    border:1px solid #CCCCCC;
    padding:10px; 

}

#mm #entry{
	position: absolute;
	left: 30px;
	top: 150px;
	width:440px;
	text-align:left;
	padding:0px;
}
#mm #entry h2 {
    background-image: url(/mm/img/t_entry.gif);
    background-repeat: no-repeat;
    overflow: hidden;
	text-indent: -999px;
	height: 29px;
}
#mm #onestep{
	position: absolute;
	left: 30px;
	top: 270px;
	width:440px;
	text-align:left;
	padding:0px;
}
#mm #onestep h2 {
    background-image: url(/mm/img/t_entry2.gif);
    background-repeat: no-repeat;
    overflow: hidden;
	text-indent: -999px;
	height: 29px;
}

#mm #kaijo{
	position: absolute;
	left: 30px;
	top: 405px;
	text-align:left;
	width: 440px;
	padding:0px;
}
#mm #kaijo h2 {
    background-image: url(/mm/img/t_kaijo.gif);
    background-repeat: no-repeat;
    overflow: hidden;
	text-indent: -999px;
	height: 29px;
}

#mm #message{
	position: absolute;
    left: 25px;
	top: 200px;
	width:440px;
	text-align:center;
	padding:0px;
	font-weight:bold;
	font-size:14px;
}


#mm .fm{
	width: 180px;
	text-align:left;
	border:1px solid #CCCCCC;
	background-color:#FFF;
	color:#666;
}
#mm .btn{
	border:1px ridge #8C8C8C;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#666666;
	height: 18px;
	font-size: 12px;
	letter-spacing: 2px;
}

#mm #foot{
	position: absolute;
	left:215px;
	top: 540px;
}
#mm #foot2{
	position: absolute;
	left:200px;
	top: 350px;
	width: 54px;
}

/*MOBILE------------------------------------------------------MOBILE*/

#mobile{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 500px;
	height: 600px;
	background-image: url(/mb/img/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	line-height: 140%;
	margin:0px;
	color: #666666;
}

#mobile h2,p{
    margin:0px;
}
#mobile .waku{
    border:1px solid #CCCCCC;
    padding:10px; 
	width:255px;
}


#mobile .btn{
	border:1px ridge #8C8C8C;
	background-color:#FFFFFF;
	color:#666666;
	height: 18px;
	font-size: 11px;
	letter-spacing: 2px;
	
	}
#mobile #preview_title{
	position: absolute;
	left: 12px;
	top: 115px;
}

#mobile #preview{
	position: absolute;
	left: 20px;
	top: 126px;
	width: 175px;
	height:600px;
	text-align:center;
	padding:3px;
}
#mobile #preview h2 {
    background-image: url(/mb/img/t_prev.gif);
    background-repeat: no-repeat;
    overflow: hidden;
	text-indent: -999px;
	height: 29px;
	width:280px;
}



#mobile #preview #mobilewaku{
	border:1px solid #CCCCCC;
	margin:0px 0px 2px 0px;
	}

#mobile #text{
	position: absolute;
	left: 32px;
	top: 676px;
	width:160px;
	height: 50px;
}


#mobile #qr{
	position: absolute;
	left: 305px;
	top: 126px;
	width:280px;
	height:126px;
	padding:2px;
}

#mobile #qr h2 {
    background-image: url(/mb/img/t_qr.gif);
    background-repeat: no-repeat;
    overflow: hidden;
	text-indent: -999px;
	height: 29px;
}


#mobile  #subtitle_qr{
	position: absolute;
	left: 211px;
	top: 116px;
}

#mobile #qrtext{
	position: absolute;
	left: 124px;
	top: 67px;
	width:139px;
}
#mobile #qrcode{
	position: absolute;
	left: 7px;
	top: 45px;
	width:110px;
}

#mobile #soushin{
	position: absolute;
	left: 305px;
	top: 298px;
	width:280px;
	height:380px;
	padding:2px;
	text-align:center;
}
#mobile #soushin h2 {
    background-image: url(/mb/img/t_url.gif);
    background-repeat: no-repeat;
    overflow: hidden;
	text-indent: -999px;
	height: 29px;
}

#mobile  #subtitle_soushin{
	position: absolute;
	left: 210px;
	top: 282px;
	width:60px;
}

#mobile_message{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 500px;
	height: 600px;
	background-image: url(/mb/img/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	line-height: 140%;
}
#mobile_message #message{
	position: absolute;
	left: 56px;
	top: 145px;
	width:400px;
	text-align: center;
}
#mobile_message #message .msg{
	color:#CC0000;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
}

#mobile .fm{
	width: 136px;
	text-align:left;
	border:1px solid #CCCCCC;
	color:#666;
	background-color:#fff;
}
#mobile #foot{
	position: absolute;
	left:274px;
	top: 735px;
	width: 61px;
	font-size:10px;
}

#mobile_message #foot{
	position: absolute;
	left:225px;
	top: 409px;
	width: 61px;
	font-size:10px;
}