@charset "utf-8";

/************************************************

	page unique

************************************************/

/*--------------------
	index
--------------------*/
.contents .unit-a{
}
	.contents .unit-a .box-a,
	.contents .unit-a .box-c{
		float:left;
	}
	.contents .unit-a .box-b{
		float:right;
	}
		.contents .unit-a .box-b p{
			padding:5px 7px;
			font-size:12px;
			background:#FFE7E7;
		}
		
		.contents .unit-a .box-c p{
			padding:5px 10px;
			font-size:12px;
			background:#FFE7E7;
			border:1px solid #F07BA2;
		}
		
.contents .bookmark table{
	width:890px;
	margin:0 auto 25px auto;
}
	.contents .bookmark th{
		padding-right:10px;
		font-size:14px;
		font-weight:normal;
		text-align:right;
	}
	.contents .bookmark td{
		width:1%;
		white-space:nowrap;
		font-size:14px;
	}

.contents .notes{
	text-align:right;
	font-size:12px;
	padding-right:30px;
}

/*--------------------
	confirm
--------------------*/
#confirm .class{
}


/*--------------------
	form-section
--------------------*/

/* 02 */
.form-section02{
	width:890px;
	margin:0 auto;
}

.form-section03{
	width:890px;
	margin:0 auto;
	padding-bottom:20px;
}

#form_checkout_message {
    font-weight: bold;
    margin: 8px 0 15px 22px;
}

/*--------------------
	p4
--------------------*/

#p4 .section{
	margin-bottom:20px;
}
	#p4 .section h2{
		text-align:center;
	}

#p4 .unit-a{
	width:920px;
	margin:0 auto 20px;
}
	#p4 .unit-a .box-a{
		float:left;
		width:440px;
	}
	#p4 .unit-a .box-b{
		float:right;
		width:440px;
	}
	
#p4 .url{
        width:920px;
        margin:0 auto 30px;
        border:1px solid #F07BA2;
        background:#FFE7E7;
    }
        #p4 .url-inner{
            padding:10px;
            /*background:url(img_bg_url-inner.jpg) 0 0 no-repeat*/;
        }
            #p4 .url-inner p{
                font-weight:bold;
                color:#FF0000;
                text-align:center;
            }

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

#p2{
}

#p3-conf{
}
	
#p3-upsell{
}

#p4{
}

#p3-finish{
}

#p17-conf{
}
	
#p17-upsell{
}

#p17-finish{
}

/*-----------------
	teiki
-----------------*/
body#teiki{
	text-align:center;
	background:#FFFFFF;
	font-family: "?l?r ?o?S?V?b?N","Arial";
	font-size:0.9em;
}

	#teiki .contents{
		width:724px;
		margin:0 auto;
		background:none;
		padding:15px 0;
	}
	
	#teiki .closed{
		padding:20px 0;
	}



/************************************************

	section

************************************************/

/*--------------------
	section
--------------------*/
.section{
	text-align:left;
	margin:0 auto 12px auto;
}

#p2 .section{
		font-size:0;
}

/*--------------------
	form-section
--------------------*/

.form-section{
	width:890px;
	margin:0 auto 20px auto;
	text-align:left;
}
	.form-section h2{
		margin-bottom:10px;
	}
	.form-section p{
		margin:20 20px 15px 20px;
		font-size:14px;
		line-height:155%;
	}
	
/************************************************

	form_title

************************************************/

.form_title{
	height:60px;
	width:890px;
	display:block;
	margin-bottom:10px;
	text-indent:-9999px;
}

	#form_checkout_title{
		background:url(../img/bf010000_ttl_delivery01.jpg) 0 0 no-repeat;
	}
	
	#p16 #form_checkout_title{
		background:url(../img/ttl_delivery02.jpg) 0 0 no-repeat;
	}
	
	#p0 #form_checkout_title{
		background:url(../img/ttl_delivery02.jpg) 0 0 no-repeat;
	}
	
	#p3 #form_checkout_title,
	#p3-conf #form_checkout_title,
	#p17-conf #form_checkout_title{
		display:none;
	}
	
	#form_payment_title,
	#order_info_payment_title{
		background:url(../img/bf010000_ttl_payment.jpg) 0 0 no-repeat;
	}
	
	#form_delivery_title{
		background:url(../img/img_delivery_ttl01.jpg) 0 0 no-repeat;
	}
	
	#order_info_order_title{
		background:url(../img/ttl_offer.jpg) 0 0 no-repeat;
	}
	
	#order_info_checkout_title{
		background:url(../img/ttl_delivery02.jpg) 0 0 no-repeat;
	}
	
	

/************************************************

	table

************************************************/
	
#enq-section{
	clear:both;
	width:870px;
	margin:0 auto;
	background:#FFE7E7;
	/*background:url(img_bg_enq-section.jpg) 0 0 repeat-y;*/
}
	#enq-section-inner{
		padding:15px;
	}
			#enq-section-inner2{
				margin:0 auto;
				padding:15px;
				/*background:url(img_bg_enq-section-inner2.jpg) 0 bottom no-repeat;*/
				background: url(p14_form_imgbg.jpg) no-repeat #ffffff;
				/*border:15px solid #FFE7E7;*/
			}
				#enq-section-inner2 table{
					width:100%;
					border-collapse:collapse;
				}
					#enq-section-inner2 th,
					#enq-section-inner2 td{
						padding:5px 0 5px 5px;
						font-size:12px;
					}
					#enq-section-inner2 th{
						text-align:center;
					}
					#enq-section-inner2 td{
						border-top:1px dotted #892559;
					}
						#enq-section-inner2 tr.first-child td{
							border-top:none;
						}
						#enq-section-inner2 td.cel-num{
							width:36px;
						}
						#enq-section-inner2 td.cel-question{
							width:470px;
						}
						#enq-section-inner2 td.cel-radio{
							width:25px;
							text-align:center;
						}
						#enq-section-inner2 td.cel-att{
							width:162px;
						}
						#enq-section-inner2 td.cel-answer{
							width:252px;
							font-weight:bold;
						}

/************************************************

	form-req

************************************************/

#product_qty th span,
#landing_form th span,
#agreement div span,
#deli_form th span{
    background: url("icon_req.gif") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 19px;
    margin-left: 10px;
    text-indent: -9999px;
    width: 39px;
}						
/************************************************

	enq

************************************************/

#enq{
	width:800px;
	margin:10px auto 20px auto;
	padding:18px 15px;
	background:#E0ECFA;
	border:2px solid #2C5AB8;
	text-align:left;
}

#enq .enq-ttl{
	margin-bottom:10px;
}

#enq .enq-ttl2{
	margin-bottom:15px;
	margin-top:15px;
}

#enq p {
    margin-bottom: 6px;
}

.marker {
    background: none repeat scroll 0 0 #FFFF00;
}

#enq ul{
	border-bottom:1px solid #CCC;
}

#enq li:first-child{
	padding-bottom: 0;
}

#enq li{
	padding:12px 10px;
}

#enq label{
	padding-left:10px;
}

.numchara{
	margin-bottom:8px;
}

#p2 .numchara span{
	background:#FF0;
}

#countUpBlock{
	text-align:right;
}

#countUp{
	font-weight:bold;
	font-size:16px;
	color:#F00;
	padding:0 4px;
}

.alert,
.must{
	color:#F00;
}

/*--------------------
	landing-form
--------------------*/
table#landing_form {
    width:890px;
		margin:0 8px 20px 0;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    background:url(../img/p2_s_form_bg.jpg) right top no-repeat;
}

#p16 table#landing_form {
    width:890px;
		margin:0 8px 20px 0;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    background:url(../img/p16_form_bg.jpg) right top no-repeat;
}

#p0 table#landing_form {
    width:890px;
		margin:0 8px 20px 0;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    background:url(../img/p0_form_bg.jpg) right top no-repeat;
}

	#landing_form tr {
		line-height: 18px;
	}	
	#landing_form th,
	#landing_form td{
		padding:13px 11px;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
	}		
	#landing_form th {
		background-color: #e2f6fd;
		text-align:left;
		vertical-align:top;
	}
	#landing_form td {
		width: 594px;
	}
	
	#landing_form td table {
		width: 580px;
		border-top:1px solid #999999;
		border-right:1px solid #999999;
	}
	
	#landing_form td table td {
		width: 100%;
	}
	
	#landing_form td table td.consent{
		width: 300px;
	}
	
	#landing_form td table td p{
		font-weight:bold;
	}
	
	#landing_form td table td p.form_notice{
		font-weight:normal;
	}
	
	#landing_form td table td span {
		color:#FF0000;
	}
	
	#landing_form td table td .underline{
		text-decoration:underline;
	}
	
	#landing_form label{
		padding-left:8px;
	}
	
/* ????@??\??*/

#product_qty{
	display:none;
}

/*--------------------
	form_payment
--------------------*/

#form_payment {
	margin:25px 0;
}

#form_payment_method{
	margin:0 0px 20px 0px;
	background:#E0ECFA;
	padding: 15px;
	border:1px solid #999999;
}

	#form_payment th {
		vertical-align:top;
	}
	#form_payment_method_select {
	}


/** ?N???W?b?g?J?[?h?????????????\?? **/

#form_payment_method_credit {
	margin: 7px 0px 0px;
	clear: both;
	display: none;
}

	#form_payment_method_credit_form {
		overflow: hidden;
	}
	
	#form_payment_method_credit table {
		border-top: 1px solid #999999;
		border-right: 1px solid #999999;
		float: left;
	}
	
		#form_payment_method_credit tr{
			line-height: 18px;
		}
		#form_payment_method_credit th,
		#form_payment_method_credit td{
			padding: 8px 11px;
			border-bottom: 1px solid #999999;
			border-left: 1px solid #999999;
		}
		#form_payment_method_credit th{
			vertical-align:top;
			background-color: #E0ECFA;
			text-align:left;
		}
/*--------------------
	deli-form
--------------------*/
table#deli_form {
    width:890px;
	margin:0 8px 20px 0;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
}
	#deli_form tr {
		line-height: 18px;
	}	
	#deli_form th,
	#deli_form td{
		padding:13px 11px;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
	}		
	#deli_form th {
		background-color: #FF8DAE;
		text-align:left;
		vertical-align:top;
	}
	#deli_form td {
		width: 594px;
	}
	
	#deli_form td table {
		width: 580px;
		border-top:1px solid #999999;
		border-right:1px solid #999999;
	}
	
	#deli_form td table td {
		width: 100%;
	}
	
	#deli_form td table td.consent{
		width: 300px;
	}
	
	#deli_form td table td p{
		font-weight:bold;
	}
	
	#deli_form td table td p.form_notice{
		font-weight:normal;
	}
	
	#deli_form td table td span {
		color:#FF0000;
	}
	
	#deli_form td table td .underline{
		text-decoration:underline;
	}
	
	#deli_form label{
		padding-left:8px;
	}
	
/* ?????O ??肪?? */
input#OrderFamilyName,
input#OrderGivenName,
input#OrderFamilyKana,
input#OrderGivenKana {
	width: 14em;
}

/* ???N???? */
input#OrderBirthdayYear {
    width: 4em;
 }

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

input.ime_disabled {
    ime-mode:disabled;
 }

/* ?Z?? */
input.address {
    width: 20em;
 }

#OrderAddress1,
#OrderAddress2,
#OrderEmail,
#OrderEmailConfirm{
	width:300px;
}

/* ???[???A?h???X */
input.email {
    width: 20em;
 }

/* ?X???? */
input.zip1 {
    width: 3em;
 }
input.zip2 {
    width: 4em;
 }

/* ?d?b??? */
input.tel_no {
    width: 4em;
 }

/* ?t???[?X?y?[?X */
textarea.extra_textarea {
    width: 20em;
 }

/* ?J?[?h???t */
input.card_date {
    width: 3em;
}

#agreement {
    clear:both;
    width: 870px;
    padding: 10px;
	margin:20px auto 2px;
    background-color: #E0ECFA;
}
	#agreement div {
		text-align: left;
		padding: 5px;
	}
		#agreement div.error-message {
			padding: 0;
		}
	
#agreement-msg {
    width: 870px;
	margin:20px auto 20px auto;
}
	#agreement-msg p {
		margin-bottom:10px;
		font-size:12px;
	}
		#agreement-msg p#promise {
			font-size:14px;
			font-weight:bold;
			color:#FF0000;
			text-align:center;
		}
			#agreement-msg p#promise strong {
				margin-right:6px;
				padding:3px 5px;
				color:#FFFFFF;
				background:#FF0000;
			}
/*120925 ???*/	
#annotation {
	padding:10px;
	background:#E4D2D0;
}
#annotation p {
	font-size:12px;
	margin-bottom:0;
}
#annotation p span {
	color:#F00;
	text-decoration:underline;
}


/*????*/
#input_sex td input{
	margin:0 2px;
}

#input_sex td input#OrderSex1{
	margin-left:15px;
}

/*???????????*/
.payment-note{
	padding-top:4px;
	text-align:right;
	font-size:12px;
}



/************************************************

	other

************************************************/

.att-msg{
	font-weight:bold;
	color:#FF0000;
	background:#FFE7E7;
}

.error-message{
	margin-bottom:4px;
	font-weight:bold;
	color:#FF0000;
	background:#FFE7E7;
}

.red{
	color:#FF0000;
}

.movie01{
	width:870px;
	margin:35px auto;
}

.jikaiNote{
	padding-bottom:5px;
}

	.jikaiNote input{
		padding-right:2px;
	}


/*--------------------
	order_info_order
--------------------*/

table#order_info_order {
    width:890px;
	margin:0;
	margin-bottom:20px;
    border-collapse: collapse;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    background-position: right top;
    background-repeat: no-repeat;
}
	#order_info_order tr {
		line-height: 18px;
	}	
	#order_info_order th,
	#order_info_order td{
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		padding:8px 10px;
	}		
	#order_info_order th {
		background-color: #E0ECFA;
		text-align:left;
	}
	#order_info_order td{
		text-align:right;
	}
	
	#order_info_product_title th{
		text-align:center;
	}
	
	#order_info_product_info td:first-child {
		text-align:left;
	}
	
	#order_info_total_inc td{
		font-weight:bold;
		color:#F00;
	}

/*--------------------
	order_info_checkout
--------------------*/

table#order_info_checkout {
    width:890px;
	margin:0;
	margin-bottom:20px;
    border-collapse: collapse;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    background-position: right top;
    background-repeat: no-repeat;
}
	#order_info_checkout tr {
		line-height: 18px;
	}	
	#order_info_checkout th,
	#order_info_checkout td{
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		padding: 8px 10px;
	}		
	#order_info_checkout th {
		width:165px;
		background-color: #E0ECFA;
		text-align:left;
		vertical-align:top;
	}
	#order_info_checkout td{
		width: 584px;
		text-align:left;
	}
	
/*--------------------
	order_info_payment
--------------------*/

table#order_info_payment {
    width:890px;
	margin:0;
	margin-bottom:20px;
    border-collapse: collapse;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    background-position: right top;
    background-repeat: no-repeat;
}
	#order_info_payment tr {
		line-height: 18px;
	}	
	#order_info_payment th,
	#order_info_payment td{
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		padding: 8px 10px;
	}		
	#order_info_payment th {
		width:163px;
		background-color: #E0ECFA;
		text-align:left;
	}
	#order_info_payment td{
		width: 584px;
		text-align:left;
	}
	
/*--------------------------
	upsell
-------------------------*/
.contents .upsell-unit{
		width:960px;
		margin:0 auto 25px auto;
	}
		.contents .upsell-unit .box-a{
			width:430px;
			float:left;
			margin-left:22px;
			padding-top:40px;
		}
		.contents .upsell-unit .box-b{
			width:480px;
			float:right;
		}

/*******************
	#form_upsell
*******************/

/*#p17-conf #form_upsell{
	display:none;
}*/

/*********************************************

	button
	
***********************************************/

.cbtn{
	padding:10px 0;
	text-align:center;
}

.sbtn{ 
	text-align:right;
	padding:20px 15px 30px 0;
}

/************************************************

	clear

************************************************/

.contents .unit-a,
.section{
	zoom:1;
}

.contents .unit-a:after,
.section:after{
	content:''; display:block; clear:both; overflow:hidden;
}

/* or */
.clear{
	clear:both;
}

/*Link*/
a:link {
    color: #004B91;
}
a:visited {
    color: #004B91;
}
a:hover {
    color: #004B91;
    text-decoration: none;
}

/************************************************

	other

************************************************/

.mrgnbtm-20{
	margin-bottom:20px;
}

.mrgnbtm-30{
	margin-bottom:30px;
}

/*p2*/
#finish .unit-a:after, #confirm .unit-a:after, .section:after,
#finish .unit-b:after, #confirm .unit-b:after, .section:after {
    clear: both;
    content: "";
    display: block;
    overflow: hidden;
}

/*#banner02 {
    padding: 0 0 10px 0;
}*/
#product_qty th span, #landing_form th span {
    background: url("../img/icon_must.gif") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 19px;
    text-indent: -9999px;
    width: 39px;
	float:right;
}

#agreement div span {
    background: url("../img/icon_must.gif") no-repeat scroll 0 0 transparent;
}

/************************************************

	other

************************************************/

.att-msg{
	font-weight:bold;
	color:#FF0000;
	background:#FDD0D2;
}

.marker{
	background:#FFFF00;
}

.red{
	color:#FF0000;
	
}

.underline{
	text-decoration:underline;
}

/************************************************

	table

************************************************/

/*--------------------
	product_qty
--------------------*/

table#product_qty {
    width:100%;
	margin-bottom:20px;
    border-collapse: collapse;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
}
	#product_qty tr {
		line-height: 18px;
	}
	#product_qty th,
	#product_qty td{
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		padding:8px 10px;
	}
	#product_qty th {
	width: 217px;
	background-color: #ECE8DF;
	text-align:left;
	}
/*-------------------------
	form_checkout_message
---------------------------*/
#form_checkout_message{
	margin:0px 0 10px 10px !important;
	font-weight:bold;
}

/*--------------------
	landing-form
--------------------*/
table#landing_form {
    width:874px;
	margin:0 8px;
	margin-bottom:5px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
}
	#landing_form tr {
		line-height: 18px;
	}	
	#landing_form th,
	#landing_form td{
		padding:13px 11px;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
	}		
	#landing_form th {
	background-color: #E0ECFA;
	text-align:left;
	vertical-align:top;
	}
	
	#landing_form th strong {
				float:left;
	}
	
	#landing_form td {
		width: 584px;
	}
	
	#landing_form td table {
		width: 570px;
		border-top:1px solid #999999;
		border-right:1px solid #999999;
	}
	
	#landing_form td table td {
		width: 100%;
	}
	
	#landing_form td table td.consent{
		width: 300px;
	}
	
	#landing_form td table td p{
		font-weight:bold;
	}
	
	#landing_form td table td p.form_notice{
		font-weight:normal;
	}
	
	#landing_form td table td span {
		color:#FF0000;
	}
	
	#landing_form td table td .underline{
		text-decoration:underline;
	}
	
	#landing_form label{
		padding-left:8px;
	}
	#landing_form .name-child{
		border-left: none;
		padding-left:0;
	}

/************************************************

	efo

************************************************/
#confirm_button_disable {
    height: 100px;
		margin: 20px 0px 40px;
    position: relative;
    z-index: 2000;
}

#confirm_button_disable img {
    left: 250px;
    position: absolute;
    top: -5px;
    z-index: 1000;
}

#confirm_button,
.confirm_button-inner{
	zoom:1;
}


#confirm_button {
    /*clear: both;*/
    height: 190px;
    position: relative;
    text-align: center;
    width: 890px;
		margin: 20px 0px 40px;
    z-index: 1;
}

.confirm_button-inner{
	position:absolute;
	clear:both;
	height:75px;
	left:170px;
}

body.p16-position #btn01 {
    /*position: absolute;
    right: 170px;
		height:75px;
		clear: both;*/
		width:550px;
}


#p2_03_02_01{
	width: 960px;
	height: 1620px;
	background: url(../../aoj_p2/p2_03_02_01.jpg) no-repeat;
}

#p2_03_02_01 iframe{
	position: relative;
	top: 100px;
	left: 117px;
}

/*?v???[???pEFO?_?~?[*/
#form_checkout_message {
	position:static;
	margin-bottom:-45px;
}
#p2 #form_checkout_message {
	position:static;
}

#nokori {
	position:relative;
	top:20px;
	left:350px;
	z-index:10;
}
#p2 #nokori {
	position:relative;
	top:-5px;
	left:350px;
	z-index:10;
}

/************************************************

	NP????BOX

************************************************/

#np_area {
  background: none repeat scroll 0 0 #FAFAFA;
  border: 1px solid #DADADA;
  margin: 10px 0px;
  padding: 10px 10px 5px 10px;
  width: 862px;
}

#np_area_inner{
	background: none repeat scroll 0 0 #f1f1f1;
  border: 1px solid #DADADA;
  margin:0 0 5px 0;
  padding: 10px;
  width: 840px;
}

#np_area p {
	font-size: 0.8em;
	line-height: 1.5;
	margin: 10px;
}

/************************************************

	???p?K??BOX

************************************************/

#agreement_box{
	margin: 20px 0 0 0;
	padding: 15px;
	width: 850px;
	height: 200px;
	font-size: 0.8em;
	overflow-y: scroll;
	border: 2px solid #DADADA;
	line-height: 1.5;
}

#agreement_box .agreement_ttl{
	margin: 0 0 10px 0;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

#agreement_box dl dt{
	margin: 20px 0 0 0;
	font-size: 110%;
	font-weight: bold;
}

#agreement_box dl dd{
	margin: 5px 0;
}

/************************************************

	???i???BOX

************************************************/

#itemdetail_box{
	margin: 20px 0 0 0;
	padding: 15px;
	width: 850px;
	font-size: 0.9em;
	border: 2px solid #2C5AB8;
	background: #E0ECFA;
	line-height: 1.5;
}

#itemdetail_box .itemdetail_ttl{
	margin: 0 0 10px 0;
	padding: 3px;
	font-size: 110%;
	text-align: center;
	background: #2C5AB8;
	color: #ffffff;
	border-radius: 2px;
}

#itemdetail_box dl dt{
	margin: 10px 0 0 0;
	font-size: 110%;
	font-weight: bold;
}

#itemdetail_box dl dd{
	margin: 5px 0 5px 10px;
}

/*---------------------------------------
	?t?H?[?????p?S?p????iIE?EFirefox???j
---------------------------------------*/
#OrderFamilyKana,
#OrderGivenKana {
	ime-mode: active;
}

#OrderZip1,
#OrderZip2 {
	ime-mode: disabled;
}

#OrderTelNo1,
#OrderTelNo2,
#OrderTelNo3,
#OrderEmail,
#OrderEmailConfirm,
#OrderBirthdayYear {
	ime-mode: disabled;
}