@charset "UTF-8";

table {
    margin: 0;
    padding: 0;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    text-align: left;
}


.submit_mds {
margin:30px 0;
}


#submit-wrapper{
	margin:30px;
}




/** Landing page */
#form_landing {
    width: 880px;
	text-align: center;
}

h2#form_checkout_title{
	display:none;
}

#form_payment{
    width: 880px;
    margin-top: 20px;
 }

/*
#form_payment_method {
 }
*/

#form_payment table {
    width: 590px;
 }

/*
#form_payment_method div{
    width: 100%;
    text-align: left;
 }
*/

div#form_payment_method_credit {
/*    background-image:url(./image/f_card.gif);*/
    background-repeat: no-repeat;
    background-position: 95% 0%;
    height: 270px;
 }

/*
div#form_payment_method_credit_form {
    clear: both;
    float: left;
    width: 590px;
 }
*/

#creditcards {
    float: right;
    padding-top: 20px;
    padding-right: 20px;
	line-height:18px;
 }

#agreement {
    clear:both;
    width: 800px;
    padding: 10px;
    margin: 50px 0;
    background-color: #EEEEEE;
 }
#agreement strong{
	font-weight:bold;
}
#agreement div {
	text-align: left;
	padding: 8px;
}

/** Upsell page */
#upsell_form {
    margin-top: 10px;
    width: 880px;
}

#upsell_form_inner {
    /*float: right;*/
}

#upsell_form_inner table {
    margin-top: 0px;
    border: 1px solid #999999;
    border-collapse: collapse;
    width: 99%;
    margin-bottom: 15px;
}

#upsell_form_inner tr{
    line-height: 18px;
}

#upsell_form_inner th{
    padding: 10px 5px;
    border: 1px solid #999999;
    background-color: #fffaf0;
	width:18em;
}

#upsell_form_inner td{
    padding: 10px 5px;
    border: 1px solid #999999;
 }

 /* upsell申込み内容確認画面 */
 #order_info_order,#order_info_customer,#order_info_payment {
     margin-bottom: 20px;
 }

#order_info {
    width: 885px;
    background-color: #FFFFFF;
 }

#order_info table {
    width: 99%;
    border: 1px solid #999999;
    line-height: 28px;
}

 #order_info table td.order_info_title {
     width: 25%;
     background-color: #fffaf0;
     text-align: left;
     vertical-align: top;
     border-right: 1px solid #999999;
 }

 table#order_info_inner {
     width: 100%;
     border: 1px solid #FFFFFF;
 }

 #order_info_customer table{
     border-collapse: collapse;
 }

 #order_info_customer table td{
     border-bottom: 1px solid #999999;
 }

 #order_info_payment table {
     border-collapse: collapse;
     border-bottom: 1px solid #999999;
 }

/* error */
div.error-message {
    padding: 1px 3px;
    margin: 2px;
    color: white;
    font-size: 12px;
    line-height: 18px;
    background-color: red;
 }

#duplicate_error {
    width: 92%;
 }

/* 数量選択 */
/*
table#product_qty {
    width: 880px;
    height: 100px;
    border-collapse: collapse;
    border: 1px solid #C3C3C3;
 }

#product_qty tr {
    border-bottom: 1px solid #C3C3C3;
    line-height: 18px;
 }

#product_qty th {
    padding: 5px;
    border-right: 1px solid #b4b0ad;
    background-color: #ffffcb;
 }

table#product_qty {
    width: 880px;
    border-collapse: collapse;
    border: 1px solid #C3C3C3;
    background-position: right top;
    background-repeat: no-repeat;
 }
*/

 /* 申し込むフォーム */
 #form_checkout_message {
     width: 880px;
     text-align: left;
 }



table#landing_form {
    width: 820px;
    border-collapse: collapse;
    border: 1px solid #C3C3C3;
    background-image:url(../pc_images/form_aojiru.jpg);
	background-position: right 30%;
    background-repeat: no-repeat;
	font-size: 0.9em;
	letter-spacing: 0.1em;
 }

#landing_form tr {
    line-height: 28px;
 }
#landing_form tr p{
font-size: 14px;
margin:0;
padding:0;
}

#landing_form th {
	padding: 10px;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	background-color: #FEE7EF;
	text-align: left;
	width:220px;
 }

#landing_form td {
	border-bottom: 1px solid #C3C3C3;
	width: 590px;
	padding: 10px;
	text-align: left;
 }

#form_payment th {
    vertical-align: top;
 }

/*
#form_payment_method_select {
    margin: 10px 10px 10px 10px;
    padding-left: 5px;
 }
*/

/** NP表示枠は初期は非表示 **/
#form_payment_method_np {
    clear: both;
    display: none;
    width: 820px;
 }

div#form_payment_method_np_form{
    padding: 10px;
    width: 468px;
    border: 1px solid #CCCCCC;
	margin:0 auto;
	line-height: 18px;
	font-size:14px;

}
.c01 {
color: #FF0000;
}

#upsell_payment_method_np div#form_payment_method_np{
    padding-right: 20px;
}

div#np_note {
    margin-top:1.0em;
    text-align : left;
}

div#np_note .np_description {
    width: auto;
    padding: 0 12px;
}

/** クレジットカード入力情報は初期は非表示 **/
#form_payment_method_credit {
    clear: both;
    display: none;
 }

#form_payment_method_credit table{
	margin-bottom:20px;
}


#form_payment_method_credit th{
	vertical-align:baseline;
	border:1px solid #ccc;
	background-color:#FEE7EF;
	font-weight:bold;
	padding:10px;
 }




#form_payment_method_credit td{
    line-height:1.4em;
	font-size:14px;
	padding:10px;
	border:1px solid #ccc;
 }


#form_payment_method_credit #form_payment_method_credit_form .c01 {
color: #000000;
}



 img.required_image {
     vertical-align: middle;
     margin-left: 3px;
 }

/* 確認ボタン.swf */
div#confirm_button {
    clear: both;
    width: 880px;
	margin:0 auto;
 }

/* 生年月日 */
input#OrderBirthdayYear {
    width: 4em;
 }

/* IME-MODE */
input.ime_active {
    ime-mode:active;
 }

input.ime_inactive {
    ime-mode:inactive;
 }

input.ime_disabled {
    ime-mode:disabled;
 }

/* 住所 */
input.address {
    width: 20em;
 }

/* メールアドレス */
input.email {
    width: 20em;
 }

/* 郵便番号 */
input.zip1 {
    width: 3em;
 }
input.zip2 {
    width: 4em;
 }

/* 電話番号 */
input.tel_no {
    width: 4em;
 }

/* フリースペース */
textarea.extra_textarea {
    width: 20em;
 }

/* カード日付 */
input.card_date {
    width: 3em;
 }

 /* 確認画面＋サンクス画面のSTEP画像 */
 .step_image {
     margin-bottom:30px;
 }

 /* 確認画面＋サンクス画面の注意書き */
 .caution_message {
     margin-top: 20px;
     margin-bottom: 20px;
 }

 #landing_box{
    width: 880px !important;
}

.landing_blocks {
    width: 880px !important;
}

#landing_form-wrapper {
    width: 880px !important;
}

#form_landing {
    width: 880px !important;
}

.landing-small-button {
	text-align:right;
	padding:20px 20px 10px 0;
}

#form_enq {
    background: none repeat scroll 0 0 #FFFCD3;
    border: 3px solid #FFC501;
    margin-bottom: 20px;
    padding: 5px;
    text-align: left;
    width: 730px;
}

#form_enq ul li {
	list-style-type:none;
	margin-left:-2em;
}

#form_enq h3 {
	color:#F00;
	font-size:18px;
	margin-left:1em;
}

#form_enq p span.bg_y {
	background-color:#FF0;
}

#form_enq p span.txt_r {
	color:#F00;
	font-weight:bold;
	font-size:larger;
	}

#form_enq p.countUpBlock {
	text-align:right;
}

/** FSP 追記 */

 .head {
	 text-align:left;
	 padding:5px 20px;
	 border-top:solid #b7dbf6 5px;
	 border-bottom:solid #cccccc 1px;
 }

 .ttl {
	 margin:20px auto 10px auto;
	 }

.submit_btn{
	margin-top:30px;
	margin-bottom:50px;
}

/*--------------------
	margn
--------------------*/

 .mt30 {
	 margin-top:30px;
	 }

 .mt20 {
	 margin-top:20px;
	 }

 .mt10 {
	 margin-top:10px;
	 }

 .center {
	 text-align:center;
	 }


#honki-check-wrapper {
    margin: 0;
    padding: 0;
    text-align: center;
}
#honki-check-frame {
    width: 734px;
    margin: 30px auto;
    padding: 15px;
    border: solid 3px #FFC600;
    background: #FFFCD3;
    text-align: left;
}
#honki-check-box {
    width: 734px;
    margin: 0;
    padding: 0;
}
#honki-check-box .honki-check-checkbox {
    width: 100%;
    margin: 0;
}
#honki-check-box .honki-check-checkbox td.check {
    width: 35px;
    text-align: center;
    vertical-align: top;
    padding: 10px 0;
    border-bottom: solid 1px #D7CFA8;
}
#honki-check-box .honki-check-checkbox td.question {
    width: auto;
    text-align: left;
    vertical-align: top;
    padding: 10px 0;
    font-weight: bold;
    border-bottom: solid 1px #D7CFA8;
}
#honki-check-box .honki-check-checkbox td.question img {
    vertical-align: middle;
}
#honki-check-enquete-description {
    font-weight: bold;
}
#honki-check-enquete-description img {
    vertical-align: middle;
}
#honki-check-enquete-textarea textarea {
    width: 99%;
    height: 130px;
}
#honki-check-enquete-countdown-wrapper {
    text-align: right;
    font-weight: bold;
}
#honki-check-enquete-countdown {
    color: #FF0000;
}

#product_qty {
    width: 880px;
    height: 100px;
    border-collapse: collapse;
    border: 1px solid #C3C3C3;
    background-position: right top;
    background-repeat: no-repeat;
    margin-top: 20px;
}

#product_qty tr {
    line-height: 28px;
 }

#product_qty th {
	padding: 10px;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	background-color: #fffaf0;
	text-align: left;
 }

#product_qty td {
	border-bottom: 1px solid #C3C3C3;
	width: 628px;
	padding: 10px;
 }

#form_landing_customer{
    margin-top: 20px;
}

span.required_image {
     display:inline-block;
     float:right;
     height:19px;
     width:40px;
     vertical-align:top;
 }

span.required_image img {
     vertical-align: middle;
     margin-left: 3px;
 }


#form_payment{
	background-image: url("https://d3561rmn4biss.cloudfront.net/1136/pc_images/naiyo_title03.gif");
	background-repeat: no-repeat;
	margin-top:20px;
	margin-left:-30px;
	padding-top:42px;
}
h2#form_payment_title{
	display:none;
 }


#form_payment_method {
    width: 820px;
    margin-top: 10px;
	margin-left:30px;
 }

#form_payment_method .form-single-payment-method strong {
    width: 98%;
    margin: 0 5px 10px 5px;
    border: 1px solid #999999;
    padding: 10px 5px;
    text-align: left;
    display: block;
}

#form_payment_method_select {
    width: 98%;
    margin: 0 5px 10px 5px;
    padding: 10px 5px;
    text-align: left;
}

#upsell_payment_method {
    width: 880px;
 }

#form_payment_method_credit_form {
    clear: both;
    float: left;
    width: 590px;
}

#form_payment_method_credit_form table {
    width: 590px;
 }




/*==========================================
 required
===========================================*/

th span.form_required,#agreement span.form_notice{
    color: #ff0000!important;
}

#OrderGivenKana + span.form_notice{
    margin-right:-10px;
}

#landing_form-wrapper {
    position: relative;
}

#efo_required_box {
    display: none;
    margin: 20px 0 0 0;
    padding: 15px 25px;
    background-color: #F75793;
    color: #FFFFFF;
    text-align: left;
    white-space: nowrap;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    position: absolute;
    top: -15px;
    left: 15px;
    box-shadow: 4px 4px 4px rgba(6,6,6,0.3);

	line-height: 18px;
letter-spacing: 0.1em;
}
html > body #efo_required_box {
    background-image: url("../images/icon_efo_required_box.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}
#efo_required_box.complete {
    background-color: #008000;
}
#efo_required_box.complete #efo_required_remaining {
    font-weight: bold;
    font-size: 14px;
}
#efo_required_box strong {
    font-weight: bold;
    font-size: 14px;
}



/*==========================================
 input
===========================================*/


.efo_input_glay{
    background-color:#D4D4D4;
}

.efo_input_white{
    background-color:#FFFFFF;
}

.efo_input_border_red{
    border: 2px solid #F75793;
}

.efo_input_border_gray{
    border: 1px solid #999999;
}

.honki_efo_input_glay{
    background-color:#D4D4D4;
}

.honki_efo_input_border_gray{
    border: 1px solid #999999;
}

/*==========================================
 tipsy
===========================================*/

.tipsy{cursor:pointer !important;position:absolute !important;z-index:100000 !important; line-height:28px;}
.ureru-efo-baloon-wrapper{width:auto !important;padding:0 !important;}
.ureru-efo-baloon-baloon{width:auto !important;border-collapse:collapse !important;border:none !important;border-spacing:0 !important;}
.ureru-efo-baloon-baloon td{border:none !important;padding:0 !important;}
.ureru-efo-baloon-baloon-0,.ureru-efo-baloon-baloon-1,.ureru-efo-baloon-baloon-2{height:4px !important;}
.ureru-efo-baloon-baloon-3,.ureru-efo-baloon-baloon-4,.ureru-efo-baloon-baloon-5{height:auto !important;}
.ureru-efo-baloon-baloon-6,.ureru-efo-baloon-baloon-7,.ureru-efo-baloon-baloon-8{height:15px !important;}
.ureru-efo-baloon-baloon-0,.ureru-efo-baloon-baloon-3,.ureru-efo-baloon-baloon-6{width:23px !important;}
.ureru-efo-baloon-baloon-1,.ureru-efo-baloon-baloon-4,.ureru-efo-baloon-baloon-7{width:auto !important;}
.ureru-efo-baloon-baloon-2,.ureru-efo-baloon-baloon-5,.ureru-efo-baloon-baloon-8{width:8px !important;}
.ureru-efo-baloon-baloon-0{background-image:url('../images/ureru-efo-baloon-0.png');background-position:left top !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-0{background-image:url('../images/ureru-efo-baloon-0.gif')\9;}
.ureru-efo-baloon-baloon-1{background-image:url('../images/ureru-efo-baloon-1.png');background-position:center top !important;background-repeat:repeat-x !important;}
.ureru-efo-baloon-baloon-1{background-image:url('../images/ureru-efo-baloon-1.gif')\9;}
.ureru-efo-baloon-baloon-2{background-image:url('../images/ureru-efo-baloon-2.png');background-position:right top !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-2{background-image:url('../images/ureru-efo-baloon-2.gif')\9;}
.ureru-efo-baloon-baloon-3{background-image:url('../images/ureru-efo-baloon-3.png');background-position:left center !important;background-repeat:repeat-y !important;}
.ureru-efo-baloon-baloon-3{background-image:url('../images/ureru-efo-baloon-3.gif')\9;}
.ureru-efo-baloon-baloon-4{background-image:url('../images/ureru-efo-baloon-close.png');background-color:#F75793 !important;background-position:right top !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-4{background-image:url('../images/ureru-efo-baloon-close.gif')\9;}
.ureru-efo-baloon-baloon-5{background-image:url('../images/ureru-efo-baloon-5.png');background-position:right center !important;background-repeat:repeat-y !important;}
.ureru-efo-baloon-baloon-5{background-image:url('../images/ureru-efo-baloon-5.gif')\9;}
.ureru-efo-baloon-baloon-6{background-image:url('../images/ureru-efo-baloon-6.png');background-position:left bottom !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-6{background-image:url('../images/ureru-efo-baloon-6.gif')\9;}
.ureru-efo-baloon-baloon-7{background-image:url('../images/ureru-efo-baloon-7.png');background-position:center bottom !important;background-repeat:repeat-x !important;}
.ureru-efo-baloon-baloon-7{background-image:url('../images/ureru-efo-baloon-7.gif')\9;}
.ureru-efo-baloon-baloon-8{background-image:url('../images/ureru-efo-baloon-8.png');background-position:right bottom !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-8{background-image:url('../images/ureru-efo-baloon-8.gif')\9;}
.ureru-efo-baloon-comment{margin:0 0 0 -15px !important;padding:3px 25px 0px 0px !important;max-width:400px !important;font-size:14px !important;font-weight:bold !important;color:#FFFFFF !important;}
html*.ureru-efo-baloon-comment{margin-left:0 !important;}


/*==========================================
必須画像
===========================================*/
#landing_form th strong{
}
span.form_required {
display:inline-block;
float: right;
height: 19px;
width: 40px;
vertical-align: top;
text-indent:-9999px;
background:url(../images/required.png) left top no-repeat;
}
#agreement .form_notice{
display:inline-block;
height: 19px;
width: 40px;
vertical-align: top;
text-indent:-9999px;
background:url(../images/required.png) left top no-repeat;
vertical-align: middle;
margin-left: 3px;
}

/*==========================================
フォームリセット
===========================================*/
input, input[type="password"], input[type="search"] {
-webkit-appearance: textfield;
padding: 1px;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
box-sizing: border-box;
}
input[type="radio"] {
-webkit-appearance: radio;
box-sizing: border-box;
}
input[type="radio"], input[type="checkbox"] {
margin: 3px 0.5ex;
padding: initial;
background-color: initial;
border: initial;
}
#OrderExtra1{ime-mode : disabled}

span.red{
	font-size: 1.1em;
	color: #FF0000;
	font-weight:bold;
}
