@charset "shift_jis";
/*===========================================
	popupArea
=============================================*/
div#popupArea {
	width: 850px;
	margin: 5px auto 0px auto;
	padding: 0px;
}

/*===========================================
	Title 
=============================================*/
p.popup_Title {
	width: 795px;
	margin: 20px auto 0px auto;
	padding: 0px 0px 3px 5px;
	border-bottom: #CCC 1px solid;
	font-weight: bold;
	text-align: left;
}
p.subTitle_popup {
	margin: 0px;
	padding: 5px 10px;
	background: #E1E1E1;
	font-weight: bold;
	clear: both;
}


/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	text-align:left;
}
div.pregArea_01 div.pregBox {
	width: 550px;
	margin: 20px auto 0px auto;
	padding: 0px;
}
div.pregArea_01 div.pregBox_inquiry {
	width: 770px;
	margin: 30px auto 0px auto;
	padding: 0px;
	text-align: left;
	clear: both;
}
	div.pregArea_01 div.pregBox_inquiry .pregInner {
		margin: 15px 0px 0px 0px;
		padding: 0px;
		clear: both;
	}
div.pregArea_01 div.pregBox_inquiry div.leftArea {
	width:370px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.pregBox_inquiry div.rightArea {
	width:370px;
	margin: 0px;
	padding: 0px;
	float:right;
}
div.pregArea_01 div.pregBox_inquiry div.contensArea {
	margin: 10px 10px 0px 10px;
	padding: 0px;
}
div.pregArea_01 div.pregBox_inquiry div.contensArea div.leftArea {
	width:450px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.pregBox_inquiry div.contensArea div.rightArea {
	width:255px;
	margin: 0px;
	padding:15px;
	background:#FAF5C8;
	float:right;
}
div.pregArea_01 div.pregBox_inquiry div.img_zoom {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align:center;
}
/*===========================================
	ico
=============================================*/
.ico_01 {
	background:url(/support/software/images/ico_01.gif) no-repeat;
	padding: 0px 0px 0px 27px;
}
.ico_02 {
	background:url(/support/software/images/ico_02.gif) no-repeat;
	padding: 0px 0px 0px 27px;
}
.ico_03 {
	background:url(/support/software/images/ico_03.gif) no-repeat;
	padding: 0px 0px 0px 27px;
}
.ico_04 {
	background:url(/support/software/images/ico_04.gif) no-repeat;
	padding: 0px 0px 0px 27px;
}

/*===========================================
	GrayLineArea
=============================================*/
.GrayLineArea {
	width:738px;
	margin: 20px auto 0;
	padding: 15px;
	border:1px #CCC solid;
	clear:both;
}
/*===========================================
	stepArea_inquiry
=============================================*/
ul.stepArea_inquiry {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.stepArea_inquiry li {
	margin:10px 0px 0px 0px;
	text-align:left;
}
/*===========================================
	OnepointArea
=============================================*/
div.OnepointArea {
	margin: 15px auto 0px auto;
	padding:15px;
	background:#FAF5C8;
	clear:both;
}
div.iconArea {
	width:40px;
	margin:0px;
	padding:0px;
	float:left;
}
div.OnepointBox {
	width:690px;
	margin:0px;
	padding:0px;
	float:right;
}
/*===========================================
	disc
=============================================*/
ul.disc {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.disc li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background:url(../../playmemories-home/images/ico_disc.gif) no-repeat 0px 6px;
}
ul.disc li.space15 {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background:url(../../playmemories-home/images/ico_disc.gif) no-repeat 0px 6px;
}
ul.disc_line {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.disc_line li {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 10px;
	background:url(../../playmemories-home/images/ico_disc.gif) no-repeat 0px 6px;
	float:left;
}


.ico_disc {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background:url(../../playmemories-home/images/ico_disc.gif) no-repeat 0px 6px;
}



ul.Square {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.Square li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../../playmemories-home/images/ico_square.gif) no-repeat 0px 3px;
}
ul.Square li ul.disc li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background:url(../../playmemories-home/images/ico_disc.gif) no-repeat 0px 6px;
}

ul.anchorlink {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.anchorlink li {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../../playmemories-home/images/ico_anchorlink.gif) no-repeat 0px 5px;
	font-weight:bold;
	float:left;
}
.anchorlink {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../../playmemories-home/images/ico_anchorlink.gif) no-repeat 0px 5px;
	font-weight:bold;
}
ul.anchorlink2 {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.anchorlink2 li {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../../playmemories-home/images/ico_anchorlink2.gif) no-repeat 0px 5px;
	font-weight:bold;
	float:left;
	width:auto;
	white-space:nowrap;
}

.pmh_version .pregInner .pregLeft,
.pmh_version .pregInner .pregCenter,
.pmh_version .pregInner .pregRight {
	float: left;
	width: 240px;
}
.pmh_version .pregInner .pregCenter {
	margin: 0 20px;
}
.pmh_version .pregInner .imageArea {
	min-height: 200px;
}
.pmh_version .pregInner .headerTitle {
	min-height: 60px;	
}

@media(max-width: 640px){
	div#popupArea {
		width: auto;
	}
	div.pregArea_01 {
		width: auto;
		padding: 0 10px;
	}
	div.pregArea_01 div.pregBox {
		width: auto;
	}
		div.pregArea_01 div.pregBox img,
		div.pregArea_01 div.pregBox_inquiry img {
			width:auto;
			max-width:100%;
			height:auto;
		}
	div.pregArea_01 div.pregBox_inquiry {
		width: auto;
	}
		div.pregArea_01 div.pregBox_inquiry div.rightArea,
		div.pregArea_01 div.pregBox_inquiry div.leftArea,
		div.pregArea_01 div.pregBox_inquiry div.contensArea div.leftArea,
		div.pregArea_01 div.pregBox_inquiry div.contensArea div.rightArea {
			width: auto;
			float: none;
		}
		div.pregArea_01 div.pregBox_inquiry div.contensArea div.rightArea {
			margin-top: 20px;
		}
	#popfooter {
		width: auto!important;
		padding: 10px 10px 0 10px!important;
	}
	p.popup_Title {
		width: auto;
	}
	p.subTitle_popup {
		margin-top: 20px;
	}
	.GrayLineArea {
		width: auto;
	}
	.pmh_version .pregInner .pregLeft,
	.pmh_version .pregInner .pregCenter,
	.pmh_version .pregInner .pregRight {
		float: none;
		width: 100%;
		border-bottom: 1px dashed #CCC;
	}
	.pmh_version .pregInner .pregCenter,
	.pmh_version .pregInner .pregRight {
		margin: 20px 0 0;
	}
	.pmh_version .pregInner .imageArea {
		min-height: inherit;
	}
	.pmh_version .pregInner .headerTitle {
		min-height: inherit;	
	}
	
	.pmh_version div.OnepointBox {
		width: auto;
		float: none;
	}
		.pmh_version div.OnepointBox p {
			margin-top: .5em;
		}
		.pmh_version div.OnepointBox ul.disc {
			clear: both;
		}
}