@charset "Shift_JIS";


/*===========================================
	ol
=============================================*/
div#contents ol {
	padding: 0px 0px 0px 20px;
}
div#contents ol li {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}


/*===========================================
	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;
}
div#pregArea_01 div.pregBox div#img02 {
	display: none;
}


/*===========================================
	imgFloat
=============================================*/
.imgFloatRight {
	margin: 0px 0px 7px 7px;
	float: right;
}


/*===========================================
	onePointArea
=============================================*/
div.onePointArea div.onePointBox div.leftArea {
	width: 300px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.onePointArea div.onePointBox div.midArea {
	width: 170px;
	margin: 0px 0px 0px 32px;
	padding: 0px;
	float: left;
}
div.onePointArea div.onePointBox div.rightArea {
	width: 190px;
	margin: 0px;
	padding: 0px;
	float: right;
}


/*===========================================
	tblGlay
=============================================*/
#tblGlay{
	width: 100%;
	border-collapse: collapse;
}
#tblGlay td,
#tblGlay th {
	padding: 6px;
	border: 1px solid #E3E3E3;
}
#tblGlay th {
	font-weight: bold;
	white-space: nowrap;
}
#tblGlay thead th {
	background: #F3F3F3;
}
#tblGlay tbody th {
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
/* nowrap */
.nowrap {
	white-space: nowrap;
}

/*===========================================
	丸数字のリスト 2014/12/25 追加
=============================================*/
div#contents ol.num-list {
	margin:0;
	padding:0;
	list-style:none;
}

div#contents ol.num-list li p.num_01 {
	background:url(../images/ico_no_01.png) no-repeat;
	padding-left:18px;
}
div#contents ol.num-list li p.num_02 {
	background:url(../images/ico_no_02.png) no-repeat;
	padding-left:18px;
}
div#contents ol.num-list li p.num_03 {
	background:url(../images/ico_no_03.png) no-repeat;
	padding-left:18px;
}
div#contents ol.num-list li div.contents_area {
	padding:5px 0 0 18px;
}


@media (max-width: 640px) {
	/* =======================================
		mod-mainContentContainer,pregArea_01
	======================================= */
	.mod-mainContentContainer , div#pregArea_01 {
	    width: 94%;
		margin: 0px auto;
	}
	
	/* pregBox */
	div#pregArea_01 div.pregBox {
		width: 94%;
		margin: 10px auto 0px auto;
		padding: 0px;
	}
	div#pregArea_01 div.pregBox div#img01 {
		display: none;
	}
	div#pregArea_01 div.pregBox div#img02 {
		display: block;
	}
	div#pregArea_01 div.pregBox div#img02 img {
		width: 94%;
	}
	
	
	/*===========================================
		imgFloat
	=============================================*/
	.imgFloatRight {
		margin: 0px 0px 7px 7px;
		display: block;
		float: none;
		text-align: center;
	}
	
	
	/*===========================================
		onePointArea
	=============================================*/
	div.onePointArea div.onePointBox div.leftArea {
		width: 94%;
		margin: 0px;
		padding: 0px;
		float: none;
	}
	div.onePointArea div.onePointBox div.midArea {
		width: 94%;
		margin: 20px auto 0px auto;
		padding: 0px;
		text-align: center;
		float: none;
	}
	div.onePointArea div.onePointBox div.rightArea {
		width: 94%;
		margin: 5px 0px 0px 0px;
		padding: 0px;
		float: none;
	}
	
	
	/*===========================================
		tblGlay
	=============================================*/
	#tblGlay {
		display: block;
	}
	#tblGlay thead {
		display: none;
	}
	#tblGlay tbody {
		display: block;
	}
	#tblGlay tbody tr {
		display: block;
		margin-bottom: 1.5em;
	}
	#tblGlay tbody th,
	#tblGlay tbody td {
		display: list-item;
		border: none;
		text-align: left;
	}
	#tblGlay tbody th {
		margin-bottom: 5px;
		list-style-type: none;
		color: #fff;
		background: #333;
		text-align: center;
		font-weight: bold;
	}
	#tblGlay tbody td {
		margin-left: 17px;
		padding: 0;
	}
	#tblGlay tbody td:nth-of-type(1):before { content: "説明："; font-weight: bold;}
	#tblGlay tbody td:nth-of-type(2):before { content: "PlayMemories Home Ver.5.2以降："; font-weight: bold;}
	#tblGlay tbody td:nth-of-type(3):before { content: "Windowsムービーメーカー2012："; font-weight: bold;}
}