@charset "Shift_JIS";
/*
	================================================================================================
		support softwere playmemories-camera-apps ready wi-fi.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;
		}
/*====================================
		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%;
		}
/*------------------------------------
		button
------------------------------------*/

.buttonD.wide {
	width: 94%;
 }

}