@charset "Shift_JIS";
/*
	================================================================================================
		support softwere playmemories-camera-apps ready pc.css
	================================================================================================
*/

/*=========================================================================================
	tab page
===========================================================================================*/
#contents ul.tabBtn {
	background: url(/support/software/playmemories-camera-apps/ready/images/btn_tab_bg.png) repeat-x left bottom;
	margin: 0;
	padding: 0;
}
#contents ul.tabBtn li {
	margin: 0;
}
.tabArea{
		margin-top: 20px;	
}
.tabArea#tabLeftArea{
}
.tabArea#tabRightArea{
	display:none;
}
	.tabArea h3.title{
		display:none;
	}
	.title-2,
	.tabArea .title-2 {
		clear: both;
		width:auto;
		color: #000;
		margin-top: 20px;
		margin-bottom: 0;
		border-bottom: 1px dotted #D0D0D0;
		padding-top: 0px;
		padding-right: 0;
		padding-bottom: 5px;
		padding-left: 13px;
		font-size: 15px;
		font-weight: bold;
	}
	.txt15,
	.tabArea .txt15 {
		font-size: 123.1%;
	}
	
	ul.list,
	.tabArea ul.list{
	}
		ul.list li,
		.tabArea ul.list li {
			width: 110px;
			margin: 10px 0px 0px 10px;
			padding: 0px;
			float: left;
			list-style:none;
		}
		ul.list-2 li,
		.tabArea ul.list-2 li {
			width: 140px;
			margin: 10px 0px 0px 10px;
			padding: 0px;
			float: left;
			list-style:none;
		}

	.st {
		margin-top: 20px;
		color: #333;
		border-bottom: 2px solid #333;
		padding-left: 5px;
		padding-bottom: 5px;
		clear: both;
	}
		.st img {
			padding-right: 3px;
			padding-left: 3px;
			vertical-align: bottom;
		}

/*====================================
		table
====================================*/

th {
	width: 250px;
}

.ico_Square {
	background: url("/support/software/playmemories-camera-apps/ready/images/ico_square.png") no-repeat left 0.3em;
	padding: 0 0 0 15px;
}

/*====================================
		button
====================================*/
.buttonD.wide {
	width: 548px;
}

@media (max-width: 640px){
	ul.tabBtn{
		display:none;
	}
	.mod-pageMenuNav{
		margin-top:10px;
	}
		.mod-pageMenuNav li:last-child {
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 4px;
		}
	.tabArea#tabLeftArea,
	.tabArea#tabRightArea{
		display:block!important;
	}
		.tabArea h3.title{
			display:block;
			font-size: 123.1%;
		}


/*------------------------------------
		table
------------------------------------*/

th {
	width: 30%;
}

/*------------------------------------
		button
------------------------------------*/

.buttonD.wide {
	width: 94%;
 }
}

/*====================================
	������
====================================*/
div.dotArea div.stepArea div.one-half {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
}
div.dotArea div.stepArea div.fltRight {
	border-left: dotted 1px #ccc;
}
/* for IE7 */
*:first-child+html div.dotArea div.stepArea div.one-half {
	width: 49%;
}
@media screen and (max-width: 640px) {
	#contents .fltLeft, #contents .fltRight {
		float: none;
	}
	div.dotArea div.stepArea div.fltRight {
		border-left: none;
	}
	div.dotArea div.stepArea div.one-half {
		width: auto;
	}
}