@charset "Shift_JIS";
/*
	================================================================================================
		support software playmemories-home dialogue dual-rec css index.css
	================================================================================================
*/
/*===========================================
	pregArea_01
=============================================*/
div#pregArea_01 {
	width: 745px;
	margin: 3px auto 0px auto;
	padding: 0px;
}
div#pregArea_01 div.pregBox {
	width: 745px;
	margin: 15px auto 0px auto;
	padding: 0px;
}
@media (max-width: 640px) {
	div#pregArea_01 {
	    width: 94%;
		margin: 0px auto;
	}
	div#pregArea_01 div.pregBox {
		width: 94%;
		margin: 10px auto 0px auto;
		padding: 0px;
	}
}
/*===========================================
	ol_ul
=============================================*/
#contents .answerGlayArea ol{
	margin: 0;
	padding: 0 0 0 30px;
}

#contents .answerGlayArea ol li{
	margin-top:20px;
}

#contents .answerGlayArea ul {
	margin: 0;
	padding: 0 0 0 30px;
}

#contents .answerGlayArea ul li{
	margin-top: 5px;
	list-style: disc;
}



#contents div.mainCntArea div.onePointArea div.onePointBox  ul{
	list-style:none;
	margin-bottom:30px;
}

#contents div.mainCntArea div.onePointArea div.onePointBox ul li{
	margin-left:1.2rem;
	margin-bottom:10px;
}

#contents div.mainCntArea div.onePointArea div.onePointBox ul li:nth-child(1){
	margin-left:0;
}




@media screen and (max-width: 640px) {
#contents .section div.pct img {
	margin: 10px auto 20px auto;
}
div.img300 {max-width: 300px;}
div.img360 {max-width: 360px;}
div.img380 {max-width: 380px;}
div.img400 {max-width: 400px;}
div.img420 {max-width: 420px;}
div.img440 {max-width: 440px;}
div.img460 {max-width: 460px;}
div.img480 {max-width: 480px;}
div.img500 {max-width: 500px;}
div.img520 {max-width: 520px;}
div.img540 {max-width: 540px;}
div.img560 {max-width: 560px;}
div.img580 {max-width: 580px;}
div.img600 {max-width: 600px;}
}