@charset "shift_jis";
/* CSS Document */

div.pregArea_01 {
	margin: 15px auto 0px auto;
	padding: 0px;
}
	div.pregArea_01 p{
		/*margin-left: 15px;*/
	}
	div.pregArea_01 .pregBox{
		width:600px;
		margin:20px auto 0 auto;
		padding:0;
	}
		div.pregArea_01 .pregBox .notes ul li{
			list-style:none;
			text-indent:-1em;
			margin-left:1em;
			margin-bottom:10px;
		}
		div.pregArea_01 .pregBox .dl_btn{
			text-align:center;
		}

.grayArea {
	margin-top: 10px;
}

div.pregArea_02 {
	margin: 15px auto 0px auto;
	padding: 0px;
}
	div.pregArea_02 .pregBox{
		width:600px;
		margin:20px auto 0 auto;
		padding:0;
	}


@media(max-width: 640px){
	div.pregArea_01 {
	}
		div.pregArea_01 p{
			margin-left: 0!important;
		}
		div.pregArea_01 .pregBox{
			width:auto;
			margin:20px auto 0 auto;
			padding:0;
		}
	
	div.pregArea_02 {
	}
		div.pregArea_02 .pregBox{
			width:auto;
			margin:20px auto 0 auto;
			padding:0;
		}

}

.box {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom:15px;
}

.pregArea_01{
}
	
	.pregArea_01 .pregBox div.leftArea{
		width:60%;
	}
		.pregArea_01 .pregBox .leftArea ul{
			margin:10px 0 15px 20px;
		}
	.pregArea_01 .pregBox div.rightArea{
		width:35%;
	}
		.pregArea_01 .pregBox div.rightArea .imageArea{
			text-align:center;
		}
		.pregArea_01 .commentBelow{
			text-align:right;
		}
		
.pregArea_02{
}
	.pregArea_02 .pregBox .box {
		width:80%;
		border: 2px solid #ccc;
		margin:0 auto 15px auto;
		padding:30px 10px;
		border-radius:5px;
		background:#F8F8F8;
		text-align:center;
	}
		.pregArea_02 .pregBox .box form{
			display:inline-block;
			/display:inline;
			/zoom:1;
			width:80%;
			max-width:80%;
			margin:0 auto;
		}
			.pregArea_02 .pregBox .box textarea {
				display:inline-block;
				/display:inline;
				/zoom:1;
				font-family: monospace;
				border:1px solid rgb(169, 169, 169);
				white-space: pre-wrap;
				word-wrap: break-word;
				font-size: 13px;
				line-height: 1.5;
				padding: 2px 0px 0px 2px;
				resize: vertical;
				max-width:100%;
				width:100%;
			}
		
.pregBox{
	margin:10px 0;
}
	.pregBox ul{
		list-style: none;
	}
	.pregBox ul.indent li{
		text-indent:-1em;
		margin-left:1em;
	}
	.pregBox .reten{		
		background:url("/support/handycam/images/download/avchd_sound/reten.gif") no-repeat left 3px;
		padding-left:23px;
		min-height:15px;
	}
	.pregBox .attention{
		position:relative;
		overflow:visible;
		border-radius:5px;
		margin-top:20px;
		margin-bottom:10px;
	}
		.pregBox .attention img.tyu_ttl{
			position:absolute;
			top:-10px;
			left:0;
		}
		.pregBox .attention ul{
			margin-left:20px;
		}
		
	.pregBox .imageArea{
		text-align:center;
		margin:10px 0;
	}
		
	.pregBox h4.title{
		font-size:14px;
		padding-left:0;
	}
	.pregBox h5{
		font-size:14px;
		margin:10px 0;	
	}
	.pregBox .cinnabar{
		color:#FF6600;
	}
	.pregBox img.txtLine{
		vertical-align:baseline;
	}
	
@media(max-width: 640px){
	.pregBox h4.title{
		border-bottom: 1px solid #D0D0D0;
		padding-bottom: 5px;
	}
	.pregArea_01{
	}
		.pregArea_01 h3.title{
			text-align: left;
		}
		.pregArea_01 .pregBox{
			margin: 30px auto 0 auto;
		}
			.pregArea_01 .pregBox div.leftArea{
				width:auto;
				float:none;
			}
			.pregArea_01 .pregBox div.rightArea{
				width:auto;
				float:none;
				margin-top:10px;
				margin-bottom:20px;
			}
				.pregArea_01 .pregBox div.rightArea .imageArea{
					text-align:center;
				}

		.pregArea_02{
		}
			.pregArea_02 .pregBox{
				margin: 30px auto 0 auto;
			}
				.pregArea_02 .pregBox .box {
					width:auto;
				}
					.pregArea_02 .pregBox .box form{
							display:inline-block;
							width:100%;
							max-width:100%;
					}
						.pregArea_02 .pregBox .box textarea {
							display:inline-block;
							width:100%;
							max-width:100%;
						}
		.pregBox .imageArea img{
			width:auto;
			max-width:100%;
			height:auto;
		}

}