@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:      mod_form.css
Update:         2014/01/14
Style Info:     会員登録・ヘルプ／サポート用フォーム設定

	01. 入力フォーム
	02. FAQ用
	03. 会員登録用
	04. 友だち紹介キャンペーン

----------------------------------------------------------- */



/* ----------------------------------------------------------------------
  01. 入力フォーム
---------------------------------------------------------------------- */

#formBox {
	padding: 15px;
	border: 5px solid #eee;
	width: 650px; /* IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 610px; /* IE5以外 */
}


#inviteFormBox {
	padding: 15px;
	border: 5px solid #eee;
	width: 650px; /* IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 610px; /* IE5以外 */
	background: url("/image/regist/bg_invitefinish.gif") no-repeat bottom right;
}


.upper_formStyle {
	margin-bottom: 5px;
	padding-left: 8px;
	background: url("/image/regist/ico_essentialsign.gif") no-repeat 0 5px;
	float: right;
	font-size: 10px;
	clear: both;
}


/* テーブル用
------------------------------------------- */
.formStyle {
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	clear: both;
}

.formStyle input,
.formStyle textarea {
	color: #777;
}

.formStyle th {
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
	padding: 7px;
	width: 145px;
	color: #777;
	background-color: #eee;
}

.formStyle th.errorArea {
	background-color: #f8d8d8;
}

.formStyle th.faq {
	width: 100%;
}

.formStyle td {
	border: 1px solid #ccc;
	text-align: left;
	padding: 7px;
	color: #777;
}

.formStyle td.extra {
	text-align: center;
	/*width: 80px;*/
}

.formStyle .icon {
	position: relative;
	padding-left: 8px;
	background: url("/image/regist/ico_essentialsign.gif") no-repeat 0 5px;
}


.formStyle td p {
	margin-bottom: 3px;
	padding: 2px 0 0;
}


.formStyle .noFrame,
.formStyle .noFrame th,
.formStyle .noFrame td {
	border: none;
}

.formStyle td div.indentTxt{
    padding-left: 1em;
    text-indent: -1em;
	color:#E65C5C;
	font-size:11px;
}





/* テキストスタイル
------------------------------------------- */
.formStyle p.comment {
	font-size: 10px;
	font-weight: normal;
}

.formStyle p.notice_comment {
	color: #e00;
	font-size: 10px;
	font-weight: normal;
}


.formStyle span {
	word-break: break-all;
	padding-left: 5px;
	font-size: 10px;
}

.formStyle span.kind {
	font-size: 12px;
	padding-left: 10px;
}

.formStyle .errorTxt {
	color:#f00 !important;
}

.formStyle .okTxt {
	color:#090 !important;
}



/* 入力フォーム系スタイル
------------------------------------------- */
.formStyle input {
	height: 15px;
}

.formStyle input.inpForm {
	width: 160px;
	padding: 1px;
	border: 1px solid #ccc;
}


.formStyle input.inpShortForm {
	width: 80px;
	padding: 1px;
	border: 1px solid #ccc;
}


.formStyle input.inpLongForm {
	width: 300px;
	padding: 1px;
	border: 1px solid #ccc;
}


.formStyle input.inpPassForm {
	width: 100px;
	padding: 1px;
	border: 1px solid #ccc;
}


.formStyle input.inpRadio {
	margin: -2px 3px 0 0;
	vertical-align: middle;
}

.formStyle select {
	margin: 0 3px 0 0;
	border: 1px solid #ccc;
}

.formStyle option {
	padding-right: 5px;
}

.formStyle optgroup {
	background: #eee;
	color: #000;
}

.formStyle optgroup option {
	padding-left: 10px;
	background: #fff;
}

.formStyle textarea {
	padding: 2px;
	width: 298px;
	height: 120px;
	font-size: 12px;
	border: 1px solid #ccc;
	font-family: Tahoma, sans-serif;
	overflow:scroll;
}

.formStyle input.check {
	position: relative;
	top: -1px;
	vertical-align: middle;
	margin-right: 1px; /* IE */
}

html>/**/body .formStyle input.check {
	margin-right: 4px; /* IE7以外のモダンブラウザ */
}





/* フォーム系ボタンスタイル
------------------------------------------- */
.formBtn {
	position: relative;
	text-align: center;
	margin:10px 0 20px 0;
}

.formBtn_wide {
	position: relative;
	text-align: center;
	margin-top: 50px;
}





/* ----------------------------------------------------------------------
  02. FAQ用
---------------------------------------------------------------------- */

.faqList {
}

.faqList li {
	margin-bottom: 5px;
	padding: 0 0 4px;
	line-height: 15px;
	background: url("/image/common/line_dot.gif") bottom left repeat-x;
}

.faqList li.last {
	background: none;
	margin: 0;
	padding: 0;
}

.faqList li span.question {
	margin-left: 5px;
	padding: 1px 0 5px 20px;
	background: url("/image/common/ico_q.gif") no-repeat 0 0;
}

.faqList span.new {
	margin-left: 3px;
	padding: 1px 0 5px 20px;
	background: url("/image/common/ico_faqnew.gif") no-repeat 0 0;
}

.faqList span.up {
	margin-left: 3px;
	padding: 1px 0 5px 20px;
	background: url("/image/common/ico_faqup.gif") no-repeat 0 0;
}

/* テーブル内の場合 */
.formStyle div.question {
	padding-left: 20px;
	background: url("/image/common/ico_q.gif") no-repeat 0 3px;
}

.formStyle p.answer {
	padding: 1px 0 0 20px;
	background: url("/image/common/ico_a.gif") no-repeat 0 3px;
}

body#help .searchBox {
	margin-bottom: 15px;
	width: 650px;
}
body#help .searchBox dl {
	background-color:#EEEEEE;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}
body#help .searchBox dt {
	border-top: solid 1px #CCCCCC;
	padding: 25px 0;
	text-indent:12px;
	width:150px;
	float:left;
}
body#help .searchBox dd {
	background-color:#FFFFFF;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	margin-left: 150px;
	padding: 5px 12px;
}
body#help .searchBox dd input {
	border: 1px solid #CCCCCC;
	color: #777777;
	height: 18px;
	line-height: 1.2;
	margin: 0 5px;
	padding: 2px 2px 1px;
	width: 385px;
}
body#help p.searchComment {
	font-size: 10px;
	font-weight: normal;
	margin: 4px 7px 0;
}


/* ----------------------------------------------------------------------
  03. 会員登録用
---------------------------------------------------------------------- */

/* member-regist(背景パターン)
------------------------------------------- */
body#regist.member-regist {
	background: url("../image/regist/nicotto/bg_pattern.jpg") repeat-x 0 29px;
}


body#regist.member-regist #container {
	background: url("../image/regist/nicotto/bg_picture.jpg") no-repeat 0 29px;
}



/* registHeaderArea
------------------------------------------- */
#registHeaderArea {
	position: relative;
	width: 830px;
	height: 225px;
}

#registHeaderArea h2 {
	position: absolute;
	top: 0;
	left: 90px;
}

#registHeaderArea #regist-5stepBox,
#registHeaderArea #regist-4stepBox {
	position: absolute;
	top: 49px;
	left: 90px;
}



/* regist-5stepBox
------------------------------------------- */
#regist-5stepBox,
#regist-4stepBox,
#regist-3stepBox {
	width: 650px;
}

#regist-5stepBox img,
#regist-4stepBox img,
#regist-3stepBox img {
	vertical-align: bottom;
}

#regist-5stepBox ul,
#regist-4stepBox ul,
#regist-3stepBox ul {
	width: 640px;
	margin-left: 5px;
}

#regist-5stepBox ul:after,
#regist-4stepBox ul:after,
#regist-3stepBox ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#regist-5stepBox li {
	float: left;
	margin-left: 7px;
}

#regist-4stepBox li,
#regist-3stepBox li {
	float: left;
	margin-left: 8px;
}

#regist-5stepBox li.first,
#regist-4stepBox li.first,
#regist-3stepBox li.first {
	margin-left: 0;
}

#regist-5stepBox p.balloon,
#regist-4stepBox p.balloon,
#regist-3stepBox p.balloon {
	margin-left: 5px;
}



/* contentsArea
------------------------------------------- */
#contentsArea h3.error {
	color: #e00;
	font-size: 16px;
}

#contentsArea #formBox h4.title {
	margin: 0 0 8px 0;
	padding: 0 0 3px 5px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}

#contentsArea #formBox h4.title span.codicil {
	margin-left: 10px;
	font-size: 12px;
	font-weight: normal;
}

#contentsArea #formBox .box-outer {
	margin-bottom: 20px;
}

#contentsArea #formBox ul.btnList li.extraBtn {
	width: 40%;
	text-align: center;
}

#contentsArea #formBox p.bottomTxt {
}

#contentsArea #formBox p.bottomTxt a:link,
#contentsArea #formBox p.bottomTxt a:visited {
	color: #c18d26;
	text-decoration: none;
}

#contentsArea #formBox p.bottomTxt a:hover {
	color: #ebac2d;
	text-decoration: underline;
}



/* beigeBox
------------------------------------ */
#contentsArea #formBox .beigeBox {
	background: #f7f4ef;
	padding: 9px;
}

#contentsArea #formBox .beigeBox .formStyle {
	margin-bottom: 0;
}

#contentsArea #formBox .beigeBox .formStyle td {
	background: #fff;
}



/* kiyakuBox
------------------------------------------- */
#kiyakuBox {
	width: 608px;
	background: #f7f7f7;
	border: 1px solid #eee;
}

#kiyakuBox h4 {
	margin: 10px 0 0 10px;
	padding-left: 8px;
	background: url("/image/regist/ico_essentialsign.gif") no-repeat 0 5px;
}

#kiyakuBox iframe {
 background: #fff;
 margin: 5px 10px;
 text-align: center;
}

#kiyakuBox .agreeCheck {
	margin: 0 0 10px 10px;
}

#kiyakuBox .agreeCheck input {
	margin-right: 5px;
}

#kiyakuBox .agreeCheck_em {
	width: 275px;
	padding: 4px;
	_padding: 3px 3px 5px;
	margin: 5px 0 10px 150px;
	background: #fd9cc4;
	color: #fff;
}

#kiyakuBox .agreeCheck_em input {
	margin-left: 5px;
	margin-right: 5px;
}



/* 初期アバター・マイホーム選択スタイル
------------------------------------------- */

/* guideComment */
#formBox .guideComment01 {
	margin-bottom: 15px;
	width: 610px;
	height: 80px;
	background: url("/image/regist/bg_comment01.gif") no-repeat 0 0;
}

#formBox .guideComment02 {
	margin-top: 20px;
	margin-bottom: 15px;
	width: 610px;
	height: 80px;
	background: url("/image/regist/bg_comment02.gif") no-repeat 0 0;
}

#formBox .guideComment01 p,
#formBox .guideComment02 p {
	padding: 25px 0 0 100px;
	width: 470px;
	text-align: center;
}


/* selecthome */
#homeselectArea{
	overflow:hidden;
}

.homedisp{
	width:363px;
	float:left;
}

.homedispR{
	width:228px;
	float:right;
}

.selecthome{
	margin:0 0 8px 0;
	overflow:hidden;
}

.selecthome li {
	margin-left: 3px;
	float: left;
}

.selecthome li.first {
	margin-left: none;
}

.selecthome dt{
	height:28px;
}

.selecthome dl dt,
.selecthome dl dd{
	width:36px;
	display: block;
	text-align: center;
}


#confImgArea{
	overflow:hidden;
	margin-bottom:25px;
}

.confHomeArea{
	float:left;
	width:280px;
}

.confaveatarArea{
	float:right;
	width:280px;
}

.confHome, .conavatar{
	height:187px;
	width:259px;
	background: url("../image/regist/bg_confhome.gif") no-repeat;
	padding:4px 0 0 4px;
	margin-left:12px;
	position:relative;
}

.conavatar embed,
.conavatar object{
	position:absolute;
	width:180px;
	top:4px;
	left:39px;
}

.txtRetouch{
	text-align:right;
}


#contentsArea #formBox ul.btnregist li.main{
	 text-align: left;
}

#contentsArea #formBox ul.btnregist li.main02{
	 text-align: left;
}

#contentsArea #formBox ul.btnList li.extraBtn{
	 text-align: right;
	 width: 33%;
	 margin-right:25px;
}

#contentsArea #formBox ul.btnList li.extraBtn02{
	 text-align: right;
	 width: 52%;
	 margin-right:25px;

}

/* アバターの「ヘアスタイル・顔のパーツ」選択画面
------------------------------------------- */

#contentsArea #faceflashBox{
   border: 5px solid #EEEEEE;
   padding: 10px;
   width: 778px;
}

#faceflashBox h4{
	margin-bottom:18px;
}







/* selectDefault */
.selectDefault,.selecthome {
	width: 100%;
}

.selectDefault li {
	margin-left: 3px;
	float: left;
}

.selectDefault li.first {
	margin-left: none;
}

.selectDefault dl {
	width: 148px;
}

.selectDefault dl.avatarBox {
	height:380px;
	background: url("../image/regist/bg_defaultavatar.gif") no-repeat;
}

.selectDefault dl.homeBox {
	height: 171px;
	background: url("../../image/regist/bg_defaulthome.gif") no-repeat;
}

.selectDefault dl.avatarBox dt {
	padding: 4px 0 0 4px;
}

.selectDefault dl.homeBox dt {
	padding: 4px 0 0 4px;
}

.selectDefault dl.avatarBox dd,
.selectDefault dl.homeBox dd,
.selecthome dl.homeBox dd{
	display: block;
	text-align: center;
}



/* コインプレゼント枠
------------------------------------------- */

#formBox .coinPresent {
	margin: 40px 0 0 0;
	width: 610px;
	height: 40px;
	background: url("/image/regist/bg_coinpresent.gif") no-repeat 0 0;
}


#formBox .coinPresent p {
	padding: 8px 0 0 0;
	font-size: 17px;
	color: #88565a;
	font-weight: bold;
	text-align: center;
}

#formBox .coinPresent p s {
	text-decoration: line-through;
	margin-right: 5px;
}

#formBox .coinPresent p span {
	color: #ff1985;
}



/* balloonBox
------------------------------------------- */

#contentsArea #formBox .balloonBox {
	position: relative;
	width: 610px;
	height: 300px;
	margin-bottom: 10px;
	background: url("/image/regist/cocolog/bg_staffballoon.gif") no-repeat;
}

#contentsArea #formBox .balloonBox p {
	position: absolute;
	top: 100px;
	left: 60px;
	width: 430px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

#contentsArea #formBox .balloonBox p strong {
	color: #d02d7c;
}

#contentsArea #formBox .balloonBox p.bottomBtn {
	top: 200px;
	text-align: center;
}

#contentsArea #formBox .balloonBox p.bottomBtn a:link,
#contentsArea #formBox .balloonBox p.bottomBtn a:visited {
	color: #fff;
	text-decoration: none;
}

#contentsArea #formBox .balloonBox p.bottomBtn a:hover {
	color: #fff;
	text-decoration: underline;
}


/* --------------------------------------------------
  03. 会員登録 （電話番号による認証時の画面）
----------------------------------------------------- */

/* registcomp_sns
------------------------------------------- */

#registcomp_sns{
	position: relative;
	width:610px;
	height:405px;
	margin-bottom:10px;
	background: url("../image/regist/nicotto/pic_registcomp_sns.gif") no-repeat;
}

#registcomp_sns .txt_Sns01{
	position:absolute;
	width:610px;
	text-align:center;
	top:192px;
	font-size:14px;
	font-weight:bold;
}

#registcomp_sns .txt_Sns02{
	position:absolute;
	width:610px;
	text-align:center;
	top:244px;
	font-size:14px;
	font-weight:bold;
}

#registcomp_sns .txt_Sns03{
	position:absolute;
	width:610px;
	text-align:center;
	top:374px;
	font-size:12px;
	font-weight:bold;
}

#registcomp_sns .txt_Sns03 a:link,
#registcomp_sns .txt_Sns03 a:visited{
	color:#C18D26;
	text-decoration:underline;
}

#registcomp_sns .txt_Sns03 a:hover {
	color:#ebac2d;
	text-decoration:underline;
}

#registcomp_sns .txt_Sns03 span{
	font-weight:normal;
}


#registcomp_sns .btnSns{
	position:absolute;
	display:block;
	width:243px;
	height:63px;
	top:297px;
	left:185px;
}

#registcomp_sns .btnSns a{
	display:block;
	width:243px;
	height:63px;
	text-indent:-999em;
}



/* ----------------------------------------------------------------------
  04. 友だち紹介キャンペーン用
---------------------------------------------------------------------- */

/* リスト共通
------------------------------------------- */
ul.registStep {
	margin-top: 20px;
	margin-left: 5px;
}

ul.registStep li {
	padding-left: 15px;
	margin-right: 4px;
	background: url("/image/regist/ico_step.gif") no-repeat 0 center;
	float: left;
}

ul.registStep li.first {
	padding: 0;
	background: none;
}



/* inviteStepBox
------------------------------------------- */
#inviteStepBox {
	width: 650px;
	height: 100px;
}

#inviteStepBox .swfContent {
	margin: 0;
	padding: 0;
}

#inviteStepBox ul.registStep {
	margin: 0 auto;
	padding-top: 10px;
	width: 560px;
	height: 70px;
}

#inviteStepBox ul.registStep li {
	height: 70px;
}

#inviteStepBox ul.registStep li img {
	padding-top: 10px;
}

#inviteStepBox ul.registStep li img.selected {
	padding-top: 0;
}



/* campaignTerm
------------------------------------------- */
#canpaignTerm {
	margin: 5px 0 10px 110px;
	width: 437px;
	height: 30px;
	background: url("/image/regist/bg_campaignterm120112.gif") no-repeat 0 0;
}

#canpaignTerm p.date {
	margin-left: 80px;
	padding-top: 3px;
	font-size: 15px;
	font-weight: bold;
	color: #996;
}



/* completionNumber
------------------------------------------- */
.completionNumber dl {
	margin-bottom: 15px;
	position: relative;
	width: 650px;
	height: 48px;
	background: url('/image/regist/bg_friendinvite_number140116.gif') top left no-repeat;
}

.completionNumber dt {
	display: none;
}

.completionNumber dd.number {
	position: absolute;
	top: 12px;
	left: 210px;
	width: 47px;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	color: #777;
}


.completionNumber dd.exp {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 11px;
}

/* benefitBox - 後で消去 -
------------------------------------------- */
#benefitBox01,
#benefitBox02 {
	position: relative;
	width: 320px;
	height: 271px;
}

#benefitBox01 {
	background: url("/image/regist/bg_benefit01.gif") no-repeat;
}

#benefitBox02 {
	background: url("/image/regist/bg_benefit02.gif") no-repeat;
}

#benefitBox01 dl,
#benefitBox02 dl {
	margin: 0 0 10px 11px;
	height: 100px;
}

#benefitBox01 dd,
#benefitBox02 dd {
	margin: -95px 0 0 90px;
}

#benefitBox01 p.comment {
	position: absolute;
	top: 145px;
	left: 35px;
	width: 170px;
	height: 50px;
}

/* 10/8追加分 */
#benefitBox01 p.caution {
	position: absolute;
	bottom: 7px;
	left: 25px;
	width: 260px;
	height: 35px;
	font-size: 10px;
	line-height: 1.4;
}

#benefitBox01 p.caution strong {
	color: #e60000;
}

#benefitBox01 p.caution a:link,
#benefitBox01 p.caution a:visited {
	color: #e96440;
	font-weight: bold;
	text-decoration: none;
}

#benefitBox01 p.caution a:hover {
	color: #e96440;
	text-decoration: underline;
}



#benefitBox02 ul.benefitItemlist {
	margin-left: 12px;
}

#benefitBox02 ul.benefitItemlist li {
	float: left;
	margin-right: 3px;
}

#benefitBox02 ul.caution {
	width: 294px;
	margin: 2px 0 0 12px;
	zoom: 1;
}

#benefitBox02 ul.caution li {
	margin: 0;
	padding: 0 0 1px 8px;
	background: url("/image/common/ico_list_info.gif") no-repeat 2px 7px;
	font-size: 10px;
	line-height: 15px;
	color: #777;
}



/* ----------------------------------------------------------------------
  04-2. 友だち紹介キャンペーン用[4周年記念SMS認証]
---------------------------------------------------------------------- */
/* registSMSHeaderArea
------------------------------------------- */
#registSMSHeaderArea {
	position: relative;
	width: 830px;
	height: 144px;
}

#registSMSHeaderArea h2 {
	position: absolute;
	top: 0;
	left: 90px;
}

#registSMSHeaderArea #regist-5stepBox,
#registSMSHeaderArea #regist-4stepBox {
	position: absolute;
	top: 49px;
	left: 90px;
}



/* invite4haed
------------------------------------------- */

#invite4haed{
	width:742px;
	margin: 10px auto 0;
}

#invite4haed h2{
	background:url("../image/regist/anniversary/invite4_head.jpg") no-repeat;
	width:742px;
	height:324px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#invite4haed #benefitArea{
	background:url("../image/regist/anniversary/invite4_benefit.gif") no-repeat center 0;
	width:757px;
	height:177px;
}

#invite4haed #benefitArea p{
	display:none;
}


/* invite4area
------------------------------------------- */
#contentsArea #invite4haed #benefitArea.invite4Area{
	width:650px;
	
}

#contentsArea #contents-inner.invite4Area .note01{
	text-align:right;
	margin:10px 0;
	
}

#contentsArea #contents-inner.invite4Area{
}

#contentsArea #contents-inner.invite4Area .completionNumber{
	background:url(../image/regist/anniversary/bg_friendinvite.gif) no-repeat;
	width:650px;
	height:50px;
	position:relative;
}

#contentsArea #contents-inner.invite4Area .completionNumber p.number{
	position:absolute;
	top:9px;
	left:69px;
	font-size:20px;
	font-weight:bold;
	color:#e16a6a;
}

#contentsArea #contents-inner.invite4Area .note02{
	margin:10px 0 20px;	
}

#contentsArea #contents-inner.invite4Area .btnHelp{
	display:block;
	text-align:center;
	margin:14px 0 25px;
}

#contentsArea #contents-inner.invite4Area .comment10{
	font-size:10px;
	letter-spacing:0.7px;
}

#contentsArea #contents-inner.invite4Area .commentCcode{
	font-size:10px;
	margin:-5px 0 0 2px;
}

#contentsArea #contents-inner.invite4Area .comment13{
	font-size:13px
}

#contentsArea #contents-inner.invite4Area .comment15{
	font-size:15px
}

#contentsArea #contents-inner.invite4Area .comment18{
	font-size:18px
}

#contentsArea #contents-inner.invite4Area .subtitle{
	font-size:15px;
	font-weight:bold;
}

#contentsArea #contents-inner.invite4Area p span{
	color:#ff0000;
}

.mb20{
	margin-bottom:20px;
}

#contentsArea #contents-inner.invite4Area .noticeBox{
	background:#eeeeee;
	padding:10px 8px 10px;
	font-size:11px;
}

#contentsArea #contents-inner.invite4Area .noticeBox a:link,
#contentsArea #contents-inner.invite4Area .noticeBox a:visited{
	color:#978356;
}

#contentsArea #contents-inner.invite4Area .noticeBox a:hover{
	color:#978356;
	text-decoration:underline;
}

#contentsArea #contents-inner.invite4Area .note02 a:link,
#contentsArea #contents-inner.invite4Area .note02 a:visited{
	color:#c18d26;
}

#contentsArea #contents-inner.invite4Area .note02 a:hover{
	color:#c18d26;
	text-decoration:underline;
}

#contentsArea #contents-inner.invite4Area .btnInvite4{
	margin:17px 0 27px;
}

#contentsArea #contents-inner.invite4Area .btnInvite4_2{
	margin:39px 50px;
}

#contentsArea #contents-inner.invite4Area .btnInvite4_3{
	margin:46px 0 26px;
}

#contentsArea #contents-inner.invite4Area .btnbox-outer{
	width:490px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

#contentsArea #contents-inner.invite4Area .btnbox-mg02{
	margin-top:27px;
	margin-bottom:33px;
}

#contentsArea #contents-inner.invite4Area .btnbox-mg03{
	margin-top:36px;
	margin-bottom:49px;
}

#contentsArea #contents-inner.invite4Area .comlink{
	margin-top:13px;
	margin-bottom:13px;
}

#contentsArea #contents-inner.invite4Area div.alertBox{
  background-color: #F8F8F0;
  border: 1px solid #E4E2DC;
	margin-top:20px;
	padding:10px 8px;
}

#contentsArea #contents-inner.invite4Area div.alertBox .sTit{
	font-size:16px;
}



/*#contentsArea #contents-inner.invite4Area .btnbox-outer{
	width:490px;
	overflow:hidden;
	margin:36px auto 43px;
}*/

#contentsArea #contents-inner.invite4Area .btnbox-outer div.btn234_L{
	float:left;
	width:234px;
}

#contentsArea #contents-inner.invite4Area .btnbox-outer div.btn234_R{
	float:right;
	width:234px;	
}

#contentsArea #contents-inner.invite4Area ul.noticeList002 li{
	text-indent:-0.5em;
	padding-left:0.8em;
	line-height:1.7;
}

#contentsArea #contents-inner.invite4Area .phoneBox{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	clear: both;
	margin-bottom: 10px;
	padding:4px 34px;
}

#contentsArea #contents-inner.invite4Area .phoneBox dl{
	position:relative;
	width:534px;
}

#contentsArea #contents-inner.invite4Area .phoneBox dl dt{
	font-size:35px;
}

#contentsArea #contents-inner.invite4Area .phoneBox dl dd{
	font-size:11px;
	position:absolute;
	right:-15px;
	top:12px;
	
}

#contentsArea #contents-inner.invite4Area #benefitcoinArea{
	background:#fff8ee;
	padding:30px 0;
	text-align:center;
}

#contentsArea #contents-inner.invite4Area .btnmypage{
	text-align:center;
	margin:50px 0 34px 0;
}


/* 入力フォーム系スタイル
------------------------------- */
#contentsArea #contents-inner.invite4Area .formStyle input.inpForms{
	width: 75px;
	padding: 1px;
	border: 1px solid #ccc;
	margin-bottom:2px;
}

#contentsArea #contents-inner.invite4Area .formStyle input.inpFormCcode{
	width: 40px;
	padding: 1px;
	border: 1px solid #ccc;
	margin-bottom:2px;	
}









/* clearfix
------------------------------------------- */
#formBox:after,
.selectDefault:after,
ul.registStep:after,
#benefitBox01 ul.benefitItemlist:after,
#benefitBox02 ul.benefitItemlist:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}