/*===========================================
	#contents
=============================================*/
/*div#contents {
	width: 760px;
	margin: 0px auto 50px  auto;
	padding: 0px;
	float:right;
}
*/
h2 {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	clear: both;
}
div#contents h2.grayTitleBar {
	/*	height: 34px;
	margin:10px 0 0;
	padding: 6px 10px 0px;
	background: url(/support/software/playmemories-home/images/h2_title_gray_bg.gif) repeat-x;
	font-size:123.1%;*/
	
	border-bottom: 1px solid #D0D0D0;
	clear: both;
	color: #000000;
	/*font-size: 18px;*/
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 0 0 5px 13px;
}
div#contents h3.middleTitleBar {
	margin: 0;
	padding: 7px 10px;
	background-color: #e3e3e3;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}
div#contents h4.TitleBar {
	margin: 30px 0 0;
	/*padding: 10px 7px;*/
	padding: 10px 7px 0;
	border-bottom: solid 2px #cccccc;
	/*font-size: 1em;*/
	font-size: 105%;
	font-weight: bold;
	clear: both;
}
div#contents h5.sTitleBar {
	margin: 30px 0 0;
	padding: 6px 7px;
	background-color: #e3e3e3;
	font-size: 100%;
	font-weight: bold;
	clear: both;
}

/* 2015-03-30 追加 */
div#contents h6.sTitle {
	margin: 30px 0 0;
	padding: 0 15px 3px 15px;
	font-size: 100%;
	font-weight: bold;
	background: url(../images/ico_square.gif) no-repeat 2px 3px;
	border-bottom: dotted 1px #cccccc;
}

/* anchorBtn アンカーボタン */
ul.anchorBtn {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}
ul.anchorBtn li {
	margin:0 0 10px 0;
	padding: 0px;
	border: solid 1px #CCCCCC;
	list-style:none;
	
	/* behavior: url(./css/PIE.htc); */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.anchorBtn li a {
	border: solid 1px #fff;
	background: url(/support/software/playmemories-home/operation/pc/images/bg_gradation_off.gif) repeat-y;
	padding: 0px;
	color: #333;
	padding: 10px;
	display: block;
	
	/* behavior: url(./css/PIE.htc); */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.anchorBtn li span {
	background: url(/support/software/playmemories-home/operation/pc/images/arrow_black-b.png) no-repeat 0 0.5em;
	padding: 0 0 0 13px;
}
ul.anchorBtn li p {
	margin-left:13px;
}
ul.anchorBtn li a:hover {
	background: url(/support/software/playmemories-home/operation/pc/images/bg_gradation_on.gif) repeat-y;
	text-decoration: none;
	color: #C41230;
}

/*===========================================
	operateProcedure
=============================================*/
ol.operateProcedure {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.procedureList {
	margin: 15px 0 0;
	padding: 0 0 15px 25px;
	background: url(../images/dotline.gif) repeat-x bottom;
}
li.procedureList p.top {
	padding-left: 5px;
	font-weight: bold;
}
li.procedureList p.top img.number {
	margin: 0 5px 0 -30px;
}
li.procedureList div.contents {
	padding: 5px 0 0 5px;
}
li.procedureList2 {
	margin: 15px 0 0;
	padding: 0 0 15px 20px;
	background: url(../images/dotline.gif) repeat-x bottom;
}
li.procedureList2 p.top {
	padding-left: 5px;
	font-weight: bold;
}
li.procedureList2 p.top img.number {
	margin: 0 5px 0 -25px;
}
li.procedureList2 div.contents {
	padding: 5px 0 0 5px;
}
/*===========================================
	stepArea 
=============================================*/
ul.stepArea {
	width: 720px;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
	list-style: none;
	background: url(../images/dotline.gif) repeat-x bottom;
	clear: both;
}
ul.stepArea_solid {
	width: 720px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	list-style: none;
	border-bottom: #CCC 2px solid;
	clear: both;
}
ul.stepArea_noLine {
	width: 720px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	clear: both;
}
li.no {
	width: 25px;
	margin: 0px;
	padding: 0px;
	float: left;
}
li.contents {
	width: 690px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
}
li.contents ul.zoom {
	width: 690px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
li.contents ul.zoom li {
	width: 220px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: left;
}
li.contents ul.zoom li p {
	width: 220px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}
li.contents ul.zoom li div.img_zoom {
	width: 220px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}
li.contents p.top {
	margin: 4px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
}
li.contents div.photo, div.pregArea_01 div.photo {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
/*===========================================
	Sub Contents
=============================================*/
div.pregArea_02 dl.sub_contents {
	margin: 0;
	padding: 0;
}
div.pregArea_02 dl.sub_contents dt {
	margin: 25px 0 0;
	padding: 0 15px 0 13px;
	font-weight: bold;
	background: url(../images/ico_square.gif) no-repeat 0px 3px;
}
div.pregArea_02 dl.sub_contents dd {
	margin: 10px 0 0 13px;
}
/*===========================================
	IndexArea
=============================================*/
div.IndexArea {
	margin: 15px 0 0;
	padding: 5px 10px 10px;
	border: #CCC 1px solid;
	clear: both;
}
div.IndexArea ul.IndexLink {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.IndexArea ul.IndexLink li {
	margin: 5px 15px 0 0;
	padding: 0 0 0 13px;
	background: url(../images/ico_anchorlink2.gif) no-repeat 0 5px;
}
div.IndexArea ul.IndexLink li a {
	font-weight: bold;
}
div.IndexArea ul.IndexLink-normal li a {
	font-weight: normal;
}
div.IndexArea ul.IndexLink li ul {
	list-style: none;
}
/*===========================================
	AttentionArea
=============================================*/
div.AttentionArea {
	margin: 15px auto 0px auto;
	padding: 15px;
	background: #F5F5F5;
	border: #CCC 1px solid;
	clear: both;
}
div.AttentionArea table {
	margin: 5px 0 10px;
	background-color: #ffffff;
	border: 1px #CCC solid;
	border-collapse: collapse;
	border-spacing: 0;
}
div.AttentionArea th {
	padding: 10px;
	border: 1px #CCC solid;
	border-spacing: 0;
	font-size: 93%;
	font-weight: bold;
	color: #ffffff;
	background-color: #666666;
	text-align: center;
	white-space: nowrap;
}
div.AttentionArea td {
	padding: 10px;
	font-size: 93%;
	border: 1px #CCC solid;
	border-spacing: 0;
}
/*===========================================
	extensionArea
=============================================*/
div.extensionArea {
	width: 720px;
	margin: 20px auto 0px auto;
	padding: 0px;
	text-align: right;
}
/*===========================================
	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.contentsArea {
	width: 640px;
	margin: 0px;
	padding: 0px;
	float: right;
}
div.contentsArea_step {
	width: 610px;
	margin: 0px;
	padding: 0px;
	float: right;
}
/*===========================================
	AttentionArea
=============================================*/
dl.AttentionArea {
	margin: 15px 0 0;
	padding: 15px 15px 15px 60px;
	border: solid 1px #cccccc;
	background: #f5f5f5 url(../images/ico_attention.gif) no-repeat 15px 15px;
}
/*===========================================
	OnepointArea
=============================================*/
dl.OnepointArea {
	margin: 15px 0 0;
	padding: 15px 15px 15px 60px;
	border: solid 1px #faf5c8;
	background: #faf5c8 url(../images/ico_onepoint.gif) no-repeat 15px 15px;
}

/*===========================================
	AttentionArea & OnepointArea
=============================================*/
dt.AttentionTitle, dt.OnepointTitle {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
dd.AttentionContents, dd.OnepointContents {
	margin: 5px 0 0;
	padding: 0;
}
dd.AttentionContents dl.disc dt, dd.OnepointContents dl.disc dt {
	margin: 10px 0 0;
	padding: 0 15px 0 10px;
	background: url(../images/ico_disc.gif) no-repeat 0px 6px;
}
dd.AttentionContents dl.disc dd, dd.OnepointContents dl.disc dd {
	margin: 5px 0 0;
	padding: 0 15px 0 10px;
}
@media (max-width:640px) {
div.contentsArea {
	width: 100%;
	float: none;
}
dl.AttentionArea,
dl.OnepointArea {
	margin: 35px 0 0;
	padding: 15px 15px 15px 15px;
}
dt.AttentionTitle, dt.OnepointTitle {
	height:30px;
	padding: 0px 0px 0px 45px;
}

li.contents {
	width: 95%;
	float: none;
}
ul.stepArea {
	width: 100%;
}
}
/*===========================================
	LineArea
=============================================*/
div.LineArea {
	margin: 15px auto 0px auto;
	padding: 15px;
	border: #7EB0FF solid 2px;
	clear: both;
	overflow: hidden;
}
/*===========================================
	GrayArea
=============================================*/
div.GrayArea {
	margin: 15px auto 0px auto;
	padding: 15px;
	background: #F5F5F5;
	border: solid 1px #cccccc;
	clear: both;
}
/*===========================================
	GrayLineArea
=============================================*/
.GrayLineArea {
	margin: 0px auto;
	padding: 15px;
	border: 1px #CCC solid;
	clear: both;
}
/*===========================================
	bg-blue
=============================================*/
p.bg-blue {
	background: #C8E6FA;
	margin: 0px;
	padding: 5px 10px;
	font-weight: bold;
}
/*===========================================
	partsArea
=============================================*/
p.sTitleBar {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	border-bottom: 2px solid #CCC;
	clear: both;
}
p.sTitleBar span {
	font-size:15px;
	margin: 0px;
	padding: 0px 5px 5px 5px;
	font-weight: bold;
}
div.partsArea {
	width: 700px;
	margin: 15px 10px 0px 10px;
	padding: 0px;
}
/*===========================================
	Gray
=============================================*/
p.Gray {
	background: #E5E5E5;
	margin: 15px auto 0px auto;
	padding: 5px 10px;
	font-weight: bold;
	clear: both;
}
p.Gray span {
	margin: 0px 0px;
	padding: 0px;
}
/*===========================================
	partsTbl
=============================================*/
table.partsTbl {
	margin: 15px 0px 0px 0px;
	border: 1px #CCC solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table.partsTbl th {
	width: 5%;
	padding: 10px 5px;
	border: #CCC solid;
	border-width: 0px 0px 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
table.partsTbl td {
	padding: 10px 5px;
	border: 1px #CCC solid;
	border-width: 0px 0px 1px 1px;
}
table.partsTbl td.icon {
	width: 5%;
	text-align: center;
}
table.partsTbl td.bold {
	width: 25%;
	text-align: left;
	font-weight: bold;
}
/*===========================================
	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(../images/ico_disc.gif) no-repeat 0px 6px;
}
ul.disc li.space15 {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../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(../images/ico_disc.gif) no-repeat 0px 6px;
	float: left;
}
ul.disc li ul {
	list-style: none;
}
.ico_disc {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../images/ico_disc.gif) no-repeat 0px 6px;
}
dl.disc dt {
	margin: 15px 0 0;
	padding: 0 15px 0 10px;
	font-weight: bold;
	background: url(../images/ico_disc.gif) no-repeat 0px 6px;
}
dl.disc dd {
	margin: 5px 0 0;
	padding: 0 15px 0 10px;
}
/*===========================================
	Square
=============================================*/
ul.Square {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.Square li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background: url(../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(../images/ico_disc.gif) no-repeat 0px 6px;
}
dl.Square dt {
	margin: 15px 0 0;
	padding: 0 15px 0 13px;
	font-weight: bold;
	background: url(../images/ico_square.gif) no-repeat 0px 3px;
}
dl.Square dd {
	margin: 5px 0 0;
	padding: 0 15px 0 13px;
}
/*===========================================
	anchorlink
=============================================*/
ul.anchorlink {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.anchorlink li {
	margin: 5px 15px 0px 0px;
	padding: 0px 0px 0px 13px;
	background: url(../images/ico_anchorlink.gif) no-repeat 0px 5px;
	font-weight: bold;
	float: left;
}
.txtAnchorlink {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background: url(../images/ico_anchorlink.gif) no-repeat 0px 5px;
	font-weight: bold;
}
ul.anchorlink2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.anchorlink2 li {
	margin: 5px 15px 0px 0px;
	padding: 0px 0px 0px 13px;
	background: url(../images/ico_anchorlink2.gif) no-repeat 0px 5px;
	font-weight: bold;
	float: left;
	width: auto;
	white-space: nowrap;
}
.txtAnchorlink2 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background: url(../images/ico_anchorlink2.gif) no-repeat 0px 5px;
	font-weight: bold;
}
.txtAnchorlink2_normal {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background: url(../images/ico_anchorlink2.gif) no-repeat 0px 5px;
}
/*===========================================
	num
=============================================*/
.num_no {
	padding: 0px 0px 0px 25px;
}
.num_01 {
	margin: 20px 0px 0px 0px;
	padding: 1px 0px 5px 25px;
	background: url(../images/num_01.gif) no-repeat 0px 0px;
}
.num_02 {
	margin: 20px 0px 0px 0px;
	padding: 1px 0px 5px 25px;
	background: url(../images/num_02.gif) no-repeat 0px 0px;
}
.num_03 {
	margin: 20px 0px 0px 0px;
	padding: 1px 0px 5px 25px;
	background: url(../images/num_03.gif) no-repeat 0px 0px;
}
.num_04 {
	margin: 20px 0px 0px 0px;
	padding: 1px 0px 5px 25px;
	background: url(../images/num_04.gif) no-repeat 0px 0px;
}
.num_05 {
	margin: 20px 0px 0px 0px;
	padding: 1px 0px 5px 25px;
	background: url(../images/num_05.gif) no-repeat 0px 0px;
}
.num_06 {
	margin: 20px 0px 0px 0px;
	padding: 1px 0px 5px 25px;
	background: url(../images/num_06.gif) no-repeat 0px 0px;
}
.num_07 {
	margin: 20px 0px 0px 0px;
	padding: 1px 0px 5px 25px;
	background: url(../images/num_07.gif) no-repeat 0px 0px;
}
.num_08 {
	margin: 20px 0px 0px 0px;
	padding: 1px 0px 5px 25px;
	background: url(../images/num_08.gif) no-repeat 0px 0px;
}
/*===========================================
	ulModelName
=============================================*/
ul.ulModelName {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}
ul.ulModelName li {
	width: 100px;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
}
/*===========================================
	textLine
=============================================*/
.textLine {
	margin-left: 3px;
	margin-right: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
}
/*===========================================
	txtlink
=============================================*/
.txtlink {
	padding: 0 0 0 13px;
	background: url(/support/share/images/arrow_black.gif) no-repeat left 0.4em;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}
.txtlink_normal {
	padding: 0 0 0 13px;
	background: url(/support/share/images/arrow_black.gif) no-repeat left 0.4em;
	margin: 5px 0px 0px 0px;
}
ul.txtlink {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
ul.txtlink li {
	margin: 3px 0px 0px 0px;
	padding: 0 0 0 13px;
	background: url(/support/share/images/arrow_black.gif) no-repeat left 0.4em;
	font-weight: bold;
	display:block;
	float:none;
}
/*===========================================
	indent
=============================================*/
.kome_indent dt {
	width: 15px;
}
.kome_indent dd {
	margin-left: 1.5em;
	margin-top: -1.5em;
}
.number {
	margin: 5px 0px 0px 0px;
}
.number dt {
	width: 15px;
}
.number dd {
	margin-left: 1.5em;
	margin-top: -1.5em;
	width: 595px;
}
/*===========================================
	NomalList
=============================================*/
ul.NomalList {
	margin: 0;
	padding: 0 0 0 30px !important;
}
ul.NomalList li {
	margin-top: 5px;
	padding: 0 !important;
	background: none !important;
	list-style: disc !important;
}
ul.NomalList li ul li {
	list-style: circle !important;
}
ul.NomalList li ul li ul li {
	list-style: square !important;
}
/*===========================================
	clearfix 
=============================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/*===========================================
	clear_both
=============================================*/
.clear_both {
	clear: both;
}
/*===========================================
	Space
=============================================*/
.mt_00 {
	margin-top: 0 !important;
}
.mt_02 {
	margin-top: 2px !important;
}
.mt_03 {
	margin-top: 3px !important;
}
.mt_05 {
	margin-top: 5px !important;
}
.mt_10 {
	margin-top: 10px !important;
}
.mt_15 {
	margin-top: 15px !important;
}
.mt_20 {
	margin-top: 20px !important;
}
.mt_25 {
	margin-top: 25px !important;
}
.mt_30 {
	margin-top: 30px !important;
}
.mt_35 {
	margin-top: 35px !important;
}
.mt_40 {
	margin-top: 40px !important;
}
.mt_45 {
	margin-top: 45px !important;
}
.mt_50 {
	margin-top: 50px !important;
}
.ml_00 {
	margin-left: 0 !important;
}
.ml_05 {
	margin-left: 5px !important;
}
.ml_10 {
	margin-left: 10px !important;
}
.ml_15 {
	margin-left: 15px !important;
}
.ml_20 {
	margin-left: 20px !important;
}
.ml_25 {
	margin-left: 25px !important;
}
.ml_30 {
	margin-left: 30px !important;
}
.ml_35 {
	margin-left: 35px !important;
}
.ml_40 {
	margin-left: 40px !important;
}
.ml_45 {
	margin-left: 45px !important;
}
.ml_50 {
	margin-left: 50px !important;
}
/*===========================================
	color
=============================================*/
.red {
	color: #C61B38;
}
/*===========================================
	bold
=============================================*/
.bold {
	font-weight: bold !important;
}
/*===========================================
	normal
=============================================*/
.txtNormal {
	font-weight: normal !important;
}
.txt_10 {
	font-size: 10px !important;
}
/*===========================================
	trademarkBox
=============================================*/
.trademarkBox {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	clear: both;
}
/*===========================================
	pagetopBox
=============================================*/
.pagetopBox {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	clear: both;
}
/*===========================================
	targetOS
=============================================*/
div.targetOS {
	width: 720px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}
div.targetOS div {
	margin: 15px 0 0;
}
div.targetOS div img {
	margin: 0 0 0 10px;
}
div.targetOS p {
	margin: 5px 0 0;
	font-size: 80%;
}
/*===========================================
	
=============================================*/
.title {
	border-bottom: 1px solid #D0D0D0;
	clear: both;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 0 0 5px 13px;
	/*width: 100%;*/
}

@media (max-width:640px) {
	div.pregArea_01,
	div.contentsArea_step,
	ul.stepArea {
		width:100%;
	}
	.onlymobile img,
	.photo img {
		width:auto;
		max-width:100%;
		height:auto;
	}
}


/*===========================================
	2019/06/11追加
=============================================*/
#contents span.link_out {
	background: url(/support/software/share/images/icon_blank.gif) no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 0;
	overflow: hidden;
	padding: 9px 0 0;
	vertical-align: baseline;
	width: 11px;
	margin-left: 3px;
}