@charset "utf-8";

.hidePc{
	display:none;
}
.taCL{
	text-align:center;
}
.taRC{
	text-align:right;
}

#CONTENTS{
	width:950px;
 margin:0 auto;
	padding:0;
 text-align:left;
}

/* ステップ画像（画像置換）
-------------------------------------------------------------------------*/
h1{
	height:72px;
	text-align:center;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
}
/* お支払い方法の選択 */
.checkStep1{	background:url(../img/check_step1.gif) no-repeat top center;}
.checkStep2{	background:url(../img/check_step2.gif) no-repeat top center;}
.checkStep3{	background:url(../img/check_step3.gif) no-repeat top center;}
.checkStep99{	background:url(../img/check_step99.gif) no-repeat top center;}

/****** 汎用決済申込 ******/
/* お支払い方法選択 */
.checkFPStep1{	background:url(../img/check_fp_pc_step1.gif) no-repeat top center;}
/* 内容確認 */
.checkFPStep2{	background:url(../img/check_fp_pc_step2.gif) no-repeat top center;}
/* 申込完了 */
.checkFPStep3{	background:url(../img/check_fp_pc_step3.gif) no-repeat top center;}
/* エラー */
.checkFPStep99{	background:url(../img/check_fp_pc_step99.gif) no-repeat top center;}

/* お支払い方法の選択（3Dセキュア） */
.check3dStep1{	background:url(../img/check3d_step1.gif) no-repeat top center;}
.check3dStep2{	background:url(../img/check3d_step2.gif) no-repeat top center;}
.check3dStep3{	background:url(../img/check3d_step3.gif) no-repeat top center;}
.check3dStep4{	background:url(../img/check3d_step4.gif) no-repeat top center;}
/* キャッシュの購入 */
.checkCashStep1{	background:url(../img/checkcash_step1.gif) no-repeat top center;}
/* ご利用停止画面 */
.cancelStep1{	background:url(../img/checkout_stop_step1.gif) no-repeat top center;}
.cancelStep2{	background:url(../img/checkout_stop_step2.gif) no-repeat top center;}

/* サブミットボタン
-------------------------------------------------------------------------*/
/* 赤枠付きボタン */
.submitBtnRed{
	margin:40px 0;
	text-align:center;
}
* html .submitBtnRed { /* for IE6 */
	margin:20px 0;
	padding:20px;
}
.submitBtnRed span{
	padding:20px;
	background-color:#bf0000;
	border:1px solid #770000;
}

*:first-child+html .submitBtnRed { /* for IE7 */
    margin:20px 0;
    padding:20px;
}

/*=========================================================================

 opt_00_01

=========================================================================*/

/* ワンタイムパスワードの確認入力
-------------------------------------------------------------------------*/
.otpInput p.hideIphone{
	padding:5px 6px;
	background-color:#ccc;
}
.otpInput{
	margin-top:10px;
}
.otpInput dt{
	float:left;
	width:15em;
	height:3.5em;
	padding:0.5em;
	background-color:#ebebeb;
	border:1px solid #ccc;
}
.otpInput dd{
	height:3.5em;
	margin-left:16em;
	padding:0.5em;
	padding-left:15px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
*+html body .otpInput dd { /* for IE7 */
	margin-left:0;
}
* html .otpInput dd { /* for IE6 */
	margin-left:0;
	padding-left:18px;
}
* html .otpInput dt{
	margin-right:-5px;
}


/* smsOTPの確認入力
-------------------------------------------------------------------------*/
#smsOtpAuthBody{
	margin-bottom:70px;
}

.errorSmsInputBox{
	margin:15px -5px -80px -5px;
	padding:15px 10px;
	background-color:#ffffce;
	color:#bf0000;
	text-align:left;
}

.errorSmsInputBox em{
	font-size:150%;
}

.errorSmsInputBox .mark{
	float:left;
	width:30px;
	margin-left:60px;
}

.errorSmsInputBox .msg{
	margin-left:100px;
}

.errorPhone{
	padding:25px 10px;
}

#smsAuthTitle{
	margin:100px auto 30px auto;
	font-size:150%;
	font-weight:bold;
	text-align:center;
}


#challenger{
	position:relative;
	text-align:center;
}

.pin-verifyphone-txt{
	text-indent:-9999px;
}

.pin-verifyphone-txt::after{
	text-indent:0px;
	display:block;
	content:'認証コードが受信できる携帯電話番号を入力して\A「認証コードを送信」を押してください。';
	white-space:pre;
}

.phonehelp-txt{
	text-indent:-9999px;
	width:250px;
	margin:auto;
}

.phonehelp-txt::after{
	text-indent:0px;
	text-align:left;
	display:block;
	content:'※ハイフン（-）なしで入力してください';
	white-space:pre;
	font-size:80%;
	color:#9b9b9b;
}

input.c-pin-input, input.pin-verifyphone-input{
	-webkit-appearance:none;
	border:1px solid #bbb;
	border-radius:1px;
	position:relative;
	display:block;
	width:230px;
	background:transparent;
	color:#333;
	padding:10px;
}

input.pin-verifyphone-input{
	margin:5px auto 30px auto;
}

input.pin-verifyphone-input.error{
	background:#FEDBE5;
	color:#bf0000;
}

input.c-pin-input{
	margin:20px auto 0 auto;
}

.pin-text{
	text-indent:-9999px;
	margin-bottom:20px;
}

.pin-text::after{
	text-indent:0px;
	display:block;
	content:'以下の携帯番号に認証コードを送信いたしました。\A届いた「認証コード」を入力し、お支払い手続きにお進みください。';
	white-space:pre;
	margin:auto;
}

.phone-value{
	display:inline-block;
}

.pin-modifyPhone-txt{
	display:inline-block;
	color:blue;
	cursor:pointer;
}

.pin-send-txt, .pin-resend-txt{
	border:none;
	margin:0 auto;
	width:250px;
}

.pin-send-txt::before{
	display:block;
	content:' ';
	white-space:pre;
	text-align:left;
	height:20px;
	margin-top:-20px;
}

.pin-send-txt.error::before{
	content:'電話番号を正しく入力してください';
	color:#bf0000;
}

.pin-send-btn{
	display:block;
	border:none;
	cursor:pointer;
	text-align:center;
	width:250px;
	padding:10px 0;
	margin:5px auto;
}

.pin-resend-btn{
	display:block;
	border:none;
	cursor:pointer;
	width:180px;
	text-align:center;
	padding:5px 0;
	margin:5px auto;
}

.smshelp-txt{
	text-indent:-9999px;
	margin:auto;
}

.smshelp-txt::after{
	text-indent:0px;
	display:block;
	content:'携帯電話に認証コードが届かない場合は\A以下のボタンから再度リクエストしてください。';
	white-space:pre;
	font-size:80%;
	color:#9b9b9b;
}

.pin-disabled{
	background:#D0D0D0;
	color:white;
}

.pin-enabled{
	background:#f9b137;
	color:white;
}

.countrycode-txt{
	display:inline-block;
}

#smsVerifyBtn{
	-webkit-appearance:none;
	-webkit-border-radius:0;
	display:block;
	border:none;
	cursor:pointer;
	vertical-align:middle;
	width:250px;
	text-align:center;
	color:white;
	margin:40px auto 0 auto;
	padding:12px 0;
}

.verify-enabled{
	background:#bf0000;
}

.verify-disabled{
	background:#D0D0D0;
}

.pin-threshold-txt{
	text-indent:-9999px;
	margin:30px auto;
	font-size:125%;
	font-weight:bold;
	color:#bf0000;
}

.pin-threshold-txt::after{
	text-indent:0px;
	display:block;
	content:'認証コードの使用期限が切れました。\A再度認証コードをリクエストしてください。';
	white-space:pre;
}

#loadChallenger, .ttl-expired-txt, .phone-blocked-txt{
	margin:100px auto;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	color:#bf0000;
}

.ttl-expired-txt{
	text-indent:-9999px;
}

.ttl-expired-txt::after{
	text-indent:0px;
	display:block;
	content:'セッションの有効期限が切れています。\Aページを再読込してください。';
	white-space:pre;
}

/*=========================================================================

 STEP_01_02

=========================================================================*/

/* お買い物内容
-------------------------------------------------------------------------*/
h3.shop{
	padding:7px;
	background-color:#bf0000;
	border-top:1px solid #ff0000;
	border-left:1px solid #ff0000;
	font-weight:bold;
	color:#fff;
}

/* 汎用決済用申込名表示 */
h3.subscriptionName{
	padding:7px;
	background-color:#d9d9d9;
	border-top:1px solid #faf5f5;
	border-bottom:1px solid #faf5f5;
	font-weight:normal;
	color:#000;
}

/* 201106 */
.commodity{
	margin-top:10px;
	border:1px solid #ccc;
}
.commodity dl{
	background:url(../img/bg_commodity_01.gif) no-repeat bottom left;
}
.commodity dt{
	display:table-cell;
	width:524px;
	padding:8px;
	word-break: break-all;
}
.commodity dd{
	display:table-cell;
	width:119px;
	padding:8px;
	text-align:center;
}
*:first-child+html .commodity dt,
*:first-child+html .commodity dd { /* for IE7 */
	float:left;
}
* html .commodity dt,
* html .commodity dd { /* for IE6 */
	float:left;
}
/*.commodity dd.price,
.commodity dd.subtotal{
	text-align:right;
}*/
.commodity .hideIphone{
	padding-bottom:1px;
}
.commodity .hideIphone dt{
	background-color:#ffffcc;
	font-weight:bold;
}
.commodity .hideIphone dd{
	border-left:1px solid #ccc;
	background-color:#ffffcc;
	font-weight:bold;
}
.commodity dd span{
	display:none;
}
/* clearfix */
.commodity dl:after{
	content:".";
	display:block;
 visibility:hidden;
	height:0;
	clear:both;
}
.commodity dl{
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.commodity p{
	padding:8px 10px;
}
/* 楽天クーポン */
.commodity dl.raCoupon{
	color: #bf0000;
}

/* 注文合計
-------------------------------------------------------------------------*/
.commodity .total dt{
	width:800px;
	background-color:#eee;
	border-bottom:1px solid #ccc;
	text-align:right;
	font-weight:bold;
}
.commodity .total dd{
	background-color:#eee;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:right;
	font-weight:bold;
}

/* ポイント利用の選択/クレジットの選択
-------------------------------------------------------------------------*/
.section{
	position:relative;
	padding:5px 15px 25px 15px;
	border-left:2px solid #bf0000;
	border-right:2px solid #bf0000;
	border-bottom:2px solid #bf0000;
}
.section p{
	margin-left:25px;
}

/* 楽天ポイントクラブ（画像置換）
-------------------------------------------------------------------------*/
.pointClub{
	height:34px;
	margin-top:40px;
	background:url(../img/txt_pointclub.png) no-repeat 0 0;
	border:2px solid #bf0000;
	font-size:1px;
	line-height:1px;
}

/* ポイント入力の例
-------------------------------------------------------------------------*/
.pointExm{
	margin-left:7.5em !important;
}

/* ポイント利用のご注意
-------------------------------------------------------------------------*/
ul.pointNote{
	margin-top:8px;
	margin-left:25px;
}

/* 別のカードを選択
-------------------------------------------------------------------------*/
.selectCard{
	position:absolute;
	top:1.5em;
	right:20px;
}



/*=========================================================================

 STEP_01_03_01

=========================================================================*/

/* セキュリティコードについて
-------------------------------------------------------------------------*/
.scode{
	width:760px;
	margin:10px auto 0;
	padding:10px 15px;
	background-color:#f9f9f9;
}
.scode dl{
	float:left;
	width:330px;
}
.scode dt{
	padding:3px 0 3px 28px;
	background:url(../img/icn_question.gif) no-repeat 0 0;
	font-weight:bold;
	color:#bf0000;
}
.scode dd{
	margin-top:8px;
}
.scode p{
	float:right;
	width:415px;
	margin-top:30px;
}
/* clearfix */
.scode:after{
	content:".";
	display:block;
 visibility:hidden;
	height:0;
	clear:both;
}
.scode{
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* 「この内容で注文する」ボタン下の注意書き
-------------------------------------------------------------------------*/
.orderNote{
	text-align:center;
	color:#ff0000;
}

table.orderNoteLayout {
	border-style: none;
}

td.orderNoteLayout {
	width: 250px;
}

/* 「この内容で注文する」ボタン下の注意書き(分割利用時)
-------------------------------------------------------------------------*/
table.installmentPaymentLayout {
	border-style: none;
}

td.installmentPaymentLayout {
	width: 250px;
}

/* 注文者情報
-------------------------------------------------------------------------*/
.orderer{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.orderer dt{
	clear:left;
	float:left;
	width:14em;
	padding:7px 10px;
	background-color:#eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}
.orderer dd{
	margin-left:15em;
	padding:7px 10px 7px 20px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* 獲得ポイント情報
-------------------------------------------------------------------------*/
.pointInfo li{
	margin-top:6px;
	text-align:right;
	font-weight:bold;
}

/* クレジットカード決済
-------------------------------------------------------------------------*/
h3.settle{
	padding:7px;
	background-color:#bf0000;
	border-top:1px solid #ff0000;
	border-left:1px solid #ff0000;
	font-weight:bold;
	color:#fff;
}
.cardSettle{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.cardSettle dt{
	clear:left;
	float:left;
	width:14em;
	padding:7px 10px;
	background-color:#eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}
.cardSettle dd{
	margin-left:15em;
	padding:7px 10px 7px 20px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.onTheSpotSettle{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px 10px;
}


/* メールマガジン
-------------------------------------------------------------------------*/
.mailmag p{
	padding:8px 10px;
	border:1px solid #ccc;
}
.mailmag ul{
	padding:8px 0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.mailmag li{
	display:inline;
	padding:11px 220px 12px 10px;
	border-left:1px solid #ccc;
}
*:first-child+html .mailmag li { /* for IE7 */
	padding:10px 220px 8px 10px;
}
* html .mailmag li { /* for IE6 */
	padding:10px 220px 8px 10px;
}
.mailmag li input{
	vertical-align:middle;
}

.mailmag .ternary{
	padding:11px 100px 12px 10px;
}
*:first-child+html .mailmag .ternary { /* for IE7 */
	padding:10px 100px 8px 10px;
}
* html .mailmag .ternary { /* for IE6 */
	padding:10px 100px 8px 10px;
}



/*=========================================================================

 STEP_01_04

=========================================================================*/

/* 完了メッセージ
-------------------------------------------------------------------------*/
.conpleteMsg{
	margin-top:20px;
	padding:20px 0;
	border-top:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	text-align:center;
	font-size:125%;
}
.conpleteMsg .em{
	margin-bottom:20px;
	font-weight:bold;
	color:#ff0000;
}

/* メルマガの配信停止
-------------------------------------------------------------------------*/
.mailStop{
	width:45%;
	margin:50px auto 0;
	border:3px solid #888;
	color:#ff0000;
}
.mailStop p{
	padding:4px;
	background-color:#ddd;
}
.mailStop ul{
	padding:4px 6px;
}



/*=========================================================================

 STEP_01_15

=========================================================================*/

/* 楽天キャッシュ情報
-------------------------------------------------------------------------*/
.cashInfo{
	padding:20px 0;
	border-top:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	text-align:center;
}
.cashInfo .infoWrap{
	width:950px;
	margin:0 auto;
}
.pointLack{
	font-weight:bold;
	font-size:140%;
	color:#ff0000;
}
.pointLack p.em{
	font-size:130%;
}
.cashBuy{
	margin-top:20px;
	border:1px solid #0f218b;
}
.cashBuy .buyWrap{
	padding:10px;
	border:1px solid #444;
}
.cashInfo .cashDetail{
	padding:20px 225px 0 225px;
	text-align:left;
	font-size:125%;
}

/* オンライン電子マネー楽天キャッシュ
-------------------------------------------------------------------------*/
.onlineMoney{
	padding:15px;
}
.onlineMoney p.logo{
	float:left;
	width:89px;
}
.onlineMoney div{
	float:right;
	width:787px;
}
.onlineMoney .catch{
	margin-top:10px;
	font-size:140%;
	font-weight:bold;
}
.cashBuy .taCenter{
	margin-top:20px;
}
.cashBuy .taCL{
	margin-bottom:15px;
}



/*=========================================================================

 STEP_01_32

=========================================================================*/

/* 3Dセキュアについて
-------------------------------------------------------------------------*/
.secure3d{
	width:760px;
	margin:10px auto 0;
	padding:10px 15px;
	background-color:#f9f9f9;
}
.secure3d dl{
	float:left;
	width:345px;
}
.secure3d dt{
	padding:3px 0 3px 28px;
	background:url(../img/icn_question.gif) no-repeat 0 0;
	font-weight:bold;
	color:#bf0000;
}
.secure3d dd{
	margin-top:8px;
}
.secure3d p.img{
	float:right;
	width:400px;
	margin-top:30px;
}
/* clearfix */
.secure3d:after{
	content:".";
	display:block;
 visibility:hidden;
	height:0;
	clear:both;
}
.secure3d{
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*=========================================================================

 CANCEL_03_03

=========================================================================*/

/* お買い物内容
-------------------------------------------------------------------------*/
/* ご利用停止画面 */
.commodity.cancelOparation{
	border-bottom:none;
}
.commodity.cancelOparation dl{
	background:url(../img/bg_commodity_checkout_stop.gif) no-repeat bottom left;
}
.commodity.cancelOparation dt{
	width:765px;
}
.commodity.cancelOparation dd{
	width:150px;
}

/* 201106 追加
-------------------------------------------------------------------------*/
.commodity dl.separation{
	border-bottom:1px solid #ccc;
	background:none no-repeat bottom left;
}
.commodity .separation div{
	height: 5px;
}

*:first-child+html .commodity .separation div { /* for IE7 */
	height: 5px;
}
* html .commodity .separation div { /* for IE6 */
	height: 5px;
	font-size:1px;
}

.commodity .multipleTotal dt{
	background-color:#fbfbfb;
	width:524px;
}

.commodity .multipleTotal dd{
	background-color:#fbfbfb;
}

/* PIN POINT
-------------------------------------------------------------------------*/
.pinInput p.hideIphone{
    padding:5px 6px;
    background-color:#ccc;
    margin-left: 0px;
    margin-bottom: 18px;
}
.pinInput{
    margin-top:10px;
    margin-left:25px;
}
.pinInput dt{
    float:left;
    width:15em;
    min-height:1.8em;
    padding:0.5em;
    background-color:#ebebeb;
    border:1px solid #ccc;
}
.pinInput dd{
    min-height:1.8em;
    margin-left:16em;
    padding:0.5em;
    padding-left:15px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.pinInput dd.pinNote{
    height:auto;
    margin-left:16em;
    padding:0.5em;
    border:0px;
    margin-top:-0.4em;
}
.pinInput dl{
    margin-top: 0px;
    width: 50%;
}
#myc-points-pin-mail-submit{
    font-size:0px;
    background-image: url(../img/btn_send_pin.png);
    background-repeat: no-repeat;
    width: 300px;
    height: 37px;
    border: 0px;
}
*+html body .pinInput dd { /* for IE7 */
    margin-left:0;
}
* html .pinInput dd { /* for IE6 */
    margin-left:0;
    padding-left:18px;
}
* html .pinInput dt{
    margin-right:-5px;
}

#myc-points-pin-submit{
	margin-bottom:10px;
}

.cardDetail .normalNote{
	margin-left:1em;
}

/* Login */
h3.loginRed {
    padding: 7px;
    background-color: #bf0000;
    border-top: 1px solid #ff0000;
    border-left: 1px solid #ff0000;
    font-weight: bold;
    color: #fff;
}

.captchaLogin{
	border: 1px solid #cccccc;
	margin-top: 15px;
}

fieldset, #about, h3#loginTitle{
	display:none;
}

#extra{
	border-left: 1px solid #cccccc;
	padding-left:20px;
}