@charset "UTF-8";
/* CSS Document */

article h3.caption { 
	background-image:url(../images/caption.gif);
	height:27px;
}
article h3.caption_order { 
	display:block;
	background-image:url(../images/caption_order.gif);
	background-repeat:no-repeat;
	width:0;
	height:27px;
	padding-left:640px;
	margin-top:36px;
	margin-bottom:20px;
	overflow:hidden;
}
/*article h4.lead { 
	background-image:url(../images/lead.gif);
	height:42px;
}
*/
article strong{
	color:#d63034;
	font-weight:bold;
	margin-left:2px;
	}
	
/* box_privacy */
article section.box_privacy {
	clear:both;
	width:600px;
	margin:0 auto 24px;
	padding:20px 20px 10px;
	border:1px dotted #ccc;
	overflow:hidden;
}
	article section.box_privacy h4 {
		margin:0 0 10px;
		padding:5px;
		width:100%;
		font-size:108%;
		font-weight:bold;
		background:#999;
		color:#fff;
		overflow:hidden;
	}
	article section.box_privacy p{
		margin:0 0 10px;
	}
	article section.box_privacy p input{
		margin:0 5px 0 0;
	}

	article section.box_privacy p.cybertrust{
		margin:0;
		padding:0 10px 0 0;
		width:121px;
		height:72px;
		display:block;
		float:left;
		/*background:url(../images/cybertrust.gif) no-repeat;*/
		border-left:1px solid #fff;
	}
	
	article section.box_privacy ul{
		float:left;
		margin:0 0 25px;
		width:444px;
		overflow:hidden;
	}
	article section.box_privacy ul li{ 
		margin:10px 0;
	}
	article section.box_privacy li.ssl_text{
		line-height:120%;
		font-size:85%;
		}
	article section.box_privacy ul li a{ 
		display:block;
		background-repeat:no-repeat;
		width:0;
		height:16px;
		padding-left:154px;
		margin:0;
		overflow:hidden;
	}
	article section.box_privacy ul li.privacy a{ background-image:url(../images/privacy.gif);	}
	article section.box_privacy ul li a:hover{ background-position:0 -16px;}

/* box_error */
article section.box_error {
	clear:both;
	width:29em;
	margin:0 auto 24px;
	overflow:hidden;
}
article section.box_error.box_error_wide {
	width:86%;
}
	article section.box_error p {
		margin:0;
		padding-left:38px;
		height:24px;
		background:url(../images/attention.gif) no-repeat;
		overflow:hidden;
		color:#cc0000;
		font-size:108%;
	}
	article section.box_error span{
		display:block;
		float:left;
		margin:0 5px 0 0;
		padding-left:30px;
		width:0;
		height:1.5em;
		background:#EFE9E9;
		border:1px solid #d3d3d3;
		overflow:hidden;
	}

/* section#form */
section#form {
	clear:both;
	margin:0 auto 48px;
	width:640px;
}
	section#form table{
		border-collapse: collapse;
		border-spacing:1px;
		border:1px solid #d3d3d3;
		margin:0;
		width:100%;
		color:#111;
	}
		section#form table th{
		border:1px solid #d3d3d3;
			background:#f7f7f7;
			padding:0 10px;
			width:171px;
			vertical-align: middle;
			line-height:24px;
		}

		section#form table td{
			border:1px solid #d3d3d3;
			padding:20px 20px 10px;
			vertical-align:middle;
		}
		section#form table td.error{
			background:#EFE9E9;
		}
			section#form table td.error p{
				color:#cc0000;
			}

section#form input[type="text"],
section#form input[type="tel"],
section#form input[type="email"] {
	padding:0 10px;
	background:#fff;
	border:solid 1px #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	width:123px;
	height:26px;
	line-height:26px;
}
section#form input.input01 { width:140px; }
section#form input.input02 { width:350px; }
section#form input.input_no { width:60px; }
section#form select{
	padding:0 0 0 5px;
	background:#fff;
	border:solid 1px #dddddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	width:auto;
	height:28px;
	line-height:28px;
}
section#form input.checkbox02 { margin:0 0 0 20px; }

section#form textarea.input02 { 
	background:#fff;
	border:solid 1px #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	padding:10px;
	height:80px;
	line-height:26px;
}

section#form span.formhyphen { margin:10px; text-align:center; }
section#form p i { font-size:77%;	font-style:normal; }

		/* confirm.html --------------------------------------------------*/

		/* td span.confirm2 */
			section#form table td span.confirm2{margin:0 0 0 30px;}
							
		/* index.html --------------------------------------------------*/
		/* inf_confirm.html --------------------------------------------------*/

		/* btn_area */
		section#form section.btn_area{
			clear:both;
			margin:0 auto;
			padding:50px 0 0;
			width:312px;
			overflow:hidden;
		}
			section#form p.btn_confirm,
			section#form p.btn_reset,
			section#form p.btn_submit,
			section#form p.btn_back{
				float:left;
				width:144px;
				margin:0 auto;
				overflow:hidden;
				}
			section#form p.btn_reset,
			section#form p.btn_back{margin:0 0 0 24px;}
			
				section#form p.btn_confirm a,
				section#form p.btn_reset a,
				section#form p.btn_submit a,
				section#form p.btn_submit button,
				section#form p.btn_back a{
					display:block;
					width:0;
					padding-left:144px;
					height:48px;
					overflow:hidden;
					border: none;
					cursor: pointer;
				}
				section#form p.btn_confirm a{ background:url(../images/btn_confirm.gif) no-repeat; }
				section#form p.btn_reset a{ background:url(../images/btn_reset.gif) no-repeat; }
				section#form p.btn_back a{ background:url(../images/btn_back.gif) no-repeat; }
				section#form p.btn_submit a,
				section#form p.btn_submit button
				{
					background:url(../images/btn_submit.gif) no-repeat;
				}

section#form .ja{ ime-mode:active; }
section#form .en{ ime-mode:disabled; }