@charset "utf-8";

/* common */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote {margin:0;padding:0;} 
fieldset,img{border:0;} 
table{border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 

body{padding:0;
margin:0;
position:relative;
}

a:link{
  color:#0274bb
}

.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {min-height:1px;}
* html .clearfix {
  height:1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear{
  clear:both;
  display:block;
  height:0;
  font-size:0;
  line-height:0;
  visibility:hidden;
}

#wrapper {margin:0 auto; padding:0; height:auto; width:950px; background-color:#FFF;}

/* EMG */
.emg{margin:0 auto 10px auto; padding:0; width:950px; text-align:center;}
.emg table{margin:0 auto;}
/* /EMG */
/* /common */

div.yjmthloginarea {
  margin:6px 0 0 20px !important;
  color: #fff !important;
  font-size:90% !important;
}

div.yjmthloginarea a{
  color:#FFFFFF;
}

div.yjmthloginarea b{
  color:#FFFFFF;
}

/* header */
#header {
	width: 890px;
	margin: 0 auto 15px;
	padding-top: 5px;
}

#header img{
  display:block;
  float:left;
}

#campText{
  float:right;
  font-size:90%;
}

#campText strong{
  display:block;
  font-weight:bold;
}

#campText p{
  display:block;
  text-align: right;
  margin:4px 0 0 0;
}

/* bookmark */
#sbm{
  margin:10px 0;
  padding:0;
  text-align:left;
}

#sbm ul{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  display: block;
  float: right;
}

#sbm li {
  display:block;
  float:left;
  margin-top:0;
  padding:0 3px;
}

.f85 {
font-size:85%;
line-height:140%;
font-weight:normal;
}

.f70 {
  font-size:70%;
  line-height:130%;
  float: right;
  display: block;
}

/* /bookmark */


/* main */
body {
	background: url("http://i.yimg.jp/images/bb/promo/cpn/morahapi/body_bg.png");
}

.mainSide{
  display:block;
  margin:0;
}


#kv {
	display: block;
	width: 890px;
	height: 85px;
	margin: 0 auto;
	background: url("http://i.yimg.jp/images/bb/promo/cpn/morahapi/title.png");
	text-indent: -9999px;
}

#kvImage{
  width:890px;
  margin:12px auto 15px auto;
}

#image3DS {
	margin: 0 14px;
}
/* /main */


/* join */
.joinTitle{
  display:block;
  margin:0 auto;
}

.joinModule{
  width:844px;
  border-right:3px solid #000;
  border-bottom:3px solid #000;
  border-left:3px solid #000;
  margin:0 auto;
}

.joinModule img{
  display:block;
  margin:0 auto;
}

.joinModuleInner{
  width:810px;
  margin:-10px auto 0 auto;
}

.joinModuleInner img{
  display:block;
  margin:0 auto 3px auto;
}

.joinModuleWii, .joinModule3DS, .joinModuleEPSON{
  float:left;
  width:228px;
}

.joinModuleWii{
  padding:10px 0 0 0;
}

.joinModule3DS{
  margin:0 63px;
  padding:10px 0 0 0;
}

.joinTelModule{
  width:780px;
  margin:0 0 10px 40px;
}



.telTitle{
  display:block;
  float:left;
  margin:0 150px 0 0;
}

.joinTelDetail{
  float:left;
  margin:0 0 0 150px;
}

.joinTelDetail img{
  display:block;
  float:left;
}

.joinTelDetail span{
  display:block;
  float:left;
}

.tel{
  display:block;
  float:left;
  font-weight:bold;
  margin:5px 0 0 10px;
  color:#222222;
  font-size:130%;
}

.telTime{
  display:block;
  float:left;
  font-size:90%;
  margin:10px 0 0 25px;
}

.barDot{
  display:block;
  margin:10px 0 !important;
}

.linkAttention{
  width:400px;
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/attention_link_bg.png);
  padding:3px 8px;
  font-size:90%;
  position:relative;
  top:-39px;
  left:420px;
  border-top:1px solid #dcbb00;
}

.textPC{
  display:block;
  position:relative;
  top:-5px;
  left:40px;
  margin:0 !important;

}

.linkAttention2{
  width:330px;
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/body_bg.png);
  padding:3px 8px;
  font-size:90%;
  position:relative;
  top:-5px;
  left:490px;
}
/* join */


/* sbm */
#sbm{
  width:850px;
  margin:5px auto;
}
/* /sbm */


.caution{
  display:block;
  width:850px;
  color:#777777;
  margin:0 auto;
  font-size:90%;
}

.cautionText{
  float:left;
  display:block;
}

.AboutcautionLink{
  float:right;
  font-weight:bold;
  padding:1em 1em 0 0;
}
/* /join */


.bar{
  display:block;
  margin:10px auto;
}


/* step */
#step{
  width:850px;
  margin:0 auto;
}

#step h3{
  display:block;
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/text1.png);
  background-repeat:no-repeat;
  text-indent:-9999px;
  width:334px;
  margin:0 0 10px 0;
  height:20px;
}

#wallet{
  width:587px;
  margin:10px auto;
  border:1px solid #cccccc;
  font-size:90%;
}

#wallet h4 {
	display: block;
	width: 392px;
	height: 21px;
	margin: 4px 0 4px 8px;
	background: url("http://i.yimg.jp/images/bb/promo/cpn/morahapi/text2.png") no-repeat; 
	text-indent: -9999px;
}

#walletText{
  display:block;
  margin:0 8px 5px 8px;
}

.walletLinkDetail{
  display:block;
  margin:0 8px 5px 8px;
  text-align:right;
}

#walletCaution{
  display:block;
  width:650px;
  font-size:80%;
  color:#777777;
  margin:0 auto;
}
/* /step */

/* price */
#price{
  width:850px;
  margin:0 auto;
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/bg2.png);
  background-repeat:repeat-y;
}

#priceTitle{
  display:block;
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/title3.png);
  background-repeat:no-repeat;
  width:830px;
  height:33px;
  margin:0 auto;
  text-indent:-9999px;
}

.priceTable{
  border:3px solid #000;
  margin:0 0 10px 0;
}

.priceTable h4{
  display:block;
  border-bottom:1px solid #bcbcbc;
  background-color:#ffffff;
  margin:0 0 1px 0;
  color:#222222;
  padding:10px 0 10px 18px;
  font-size:90%;
  font-weight:bold;
}

.priceTable table{
  display:block;
  border-top:1px solid #bcbcbc;
  text-align:center;
}

.priceTable table td{
  text-align:center;
  font-size:90%;
}

.tdTitle{

}

.tdTitle2{
  width:100px;
}

.tdTitle3{
  width:150px;
}

.tdTitle4{
  width:425px;
}

.tdTitle, .tdTitle2, .tdTitle3, .tdTitle4{
  background-color:#ececec;
}

.tdBorderBottom{
  border-bottom:1px solid #bcbcbc;
}

.tdBorderLeft{
  border-left:1px solid #bcbcbc;
}

.speedType{
  font-weight:bold;
  padding:3px 0;
  background-color:#cffff0;
}

.tdSpec{
  text-align:left !important;
  padding:5px 15px;
  background-color:#FFFFFF;
}

.tdPrice{
  width:120px;
  padding:20px 0;
  background-color:#FFFFFF;
}

.tdPrice2{
  width:425px;
  padding:20px 0;
  background-color:#FFFFFF;
}

#cmpExplanation{
  display:block;
  margin:0 auto;
}

#priceCaution{
  display:block;
  font-size:80%;
  color:#777777;
  width:800px;
  margin:0 auto;
  padding:20px 0 10px 0;
}

/* /price */

/* otherService */
#otherService{
  width:850px;
  margin:20px auto;
}

#optionModule{
  width:413px;
  float:left;
}

#optionModule h3{
  display:block;
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/title_option.png);
  background-repeat:no-repeat;
  text-indent:-9999px;
  width:413px;
  height:32px;
  margin:0 0 10px 0;
}

#optionModule strong{
  display:block;
  font-weight:bold;
  margin:10px 0 10px 20px;
}

#optionModule p{
  display:block;
  margin:0 0 5px 20px;
  font-size:90%;
}

#optionModule .serviceLink{
  text-align:right;
  padding:5px 15px 5px 0;
  font-weight:bold;
  font-size:90%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #optionModule .serviceLink {font-size:85%;}
}


#optionArrow{
  display:block;
  margin:0 auto;
}

#aboutBBPhone{
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  border-left:1px solid #cccccc;
  margin:0 auto;
  width:402px;
  font-size:90%;
  padding:5px 0;
}

#aboutBBPhone img{
  display:block;
  margin:0px auto 10px auto;
}

#aboutBBPhone p{
  margin:5px 10px;
}

#optionCaution{
  display:block;
  font-size:80%;
  margin:5px 10px;
  color:#777777;
}



#otherServiceLine{
  display:block;
  width:1px;
  height:376px;
  border:none;
  margin:27px 11px 0 11px;
  background-color:#222222;
  float:left;
}


#ybbPrivilegeModule{
  width:413px;
  float:left;
}

#ybbPrivilegeModule h3{
  display:block;
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/title_perks.png);
  background-repeat:no-repeat;
  width:413px;
  height:32px;
  text-indent:-9999px;
}

.ybbPrivilege{
  width:394px;
  margin:10px auto 30px auto;
}

.ybbPrivilege img{
  display:block;
  float:left;
}

.ybbPrivilegeText{
  width:293px;
  float:right;
  font-size:90%;
}

.ybbPrivilege strong{
  font-weight:bold;
}

.ybbPrivilege .serviceLink{
  text-align:right;
  margin:20px 0 0 0;
  font-weight:bold;
}
/* /otherService */


/* otherLink */
#checkOtherCPModule{
  width:630px;
  margin:20px auto;
}

#checkOtherCPTitle1{
  text-align:center;
  font-weight:bold;
  background-color:#cccccc;
  padding:3px 0;
  margin:0;
}

#checkOtherCPTitle2{
  text-align:center;
  font-weight:bold;
  background-color:#cccccc;
  padding:3px 0;
  margin:0;
}

.otherServiceArrow{
  display:block;
  margin:0 auto 5px auto;
}


.caution2{
  display:block;
  font-size:80%;
  margin:10px auto;
  width:890px;
  line-height:1.3em;
  color:#777777;
}

.Link{
  display:block;
  text-align:center;
  font-size:90%;
  margin:10px 0 5px 0;
 
}

.CpLink{
 margin:0 0 20px 20px;
}

.CpLink img{
  float:left;
  display:block;
}

.txt{
  float:left;
  width:280px;
  font-size:90%;
  margin:0 0 20px 35px;
  _margin:0 0 20px 20px;
  display:block;
  _padding:0 0 20px 0;
}

.txt p{
  display:block;
  margin:0;
}

#TxtLink{
  display:block;
  text-align:right;
  font-weight:bold;
}

/* Footer */
div.Footer {

  font-size:90%;
  margin:10px auto 0;
  padding:10px 0 20px 0;
  text-align:center;
}
/* /Footer */




/* attention */
#attKv{
  display:block;
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/attention_title.png);
  background-repeat:no-repeat;
  width:890px;
  height:25px;
  margin:0 auto 20px auto;
  text-indent: -9999px;
}

#attentionModule{
  width:890px;
  margin:0 auto;
}

#condition, #timing, #caution{
  display:block;
  background-repeat:no-repeat;
  width:850px;
  height:30px;
  text-indent:-9999px;
  margin:0 auto 20px auto;
}

#condition{
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/att_title1.png);
}

#timing{
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/att_title2.png);
}

#caution{
  background-image:url(http://i.yimg.jp/images/bb/promo/cpn/moraeru/att_title3.png);
}

.attConditionText{
  display:block;
  color:#222222;
  line-height:1.2em;
  margin:0 auto 10px auto;
  width:800px;
}

.attConditionCaution{
  display:block;
  font-size:80%;
  line-height:1.2em;
  margin:0 auto 10px auto;
  color:#777777;
  width:800px;
}

#yjBreadcrumbs {
	font-size: 90%;
	padding: 0 0 10px 10px;
}