@charset "shift-jis";
/*=========================================================

	Site Name   SONY Tablet App Select App
	File Name   page.css

	Create Date 2011/08/12

==========================================================*/

.mod-subTitle {}
.mod-subTitle h2 { background:none}
.bottom30 {margin-bottom:30px}
/*�H�Ԉꎞ�ۗ�
.floatSwitch {}
.floatSwitch ul {padding:30px 0 0 10px; overflow:hidden}
.floatSwitch li{margin:0 auto; padding:0 25px 30px 0}
.floatSwitch li img {margin:0 auto !important}
*/


.floatSwitch {margin:0 0 0 10px;}
.floatSwitch ul {margin:0 auto; padding:30px auto; overflow:hidden;}
.floatSwitch li{float:left; margin:0 auto; padding:0 10px 30px 5px; width:337px; *display:inline;}
.floatSwitch li img {margin:0 auto}




.mod-featureSection-body {padding-left:0 !important; margin-bottom:50px}		/* share */
.mod-featureSection-body#touch P { float:left; width:375px;}
.mod-featureSection-body#touch img { float:right; width:335px; display:block}
.sp{display:none !important}

.mod-column2-main .mod-brandTopImage{		/*share*/
	margin:10px auto 40px
}
.mod-column2-main .mod-featureSection{		/*share*/
	margin:0px 0 22px;
}
.mod-featureSection-body p{
	margin-bottom:20px
}

.mod-featureSection-body li{
	color:#333;
}

.mod-featureSection-body-fullWidthImage{		/* share */
	margin:35px 0 0 !important;
}

@media (max-width:640px) {
	.sp{display:block !important}
	.pc{display:none !important}
	.mod-featureSection-body {width:100%; overflow:hidden; padding:0 !important}
	.mod-featureSection-body#touch img { margin:0 auto; float:none}
	.floatSwitch {display:none !important}
	.floatSwitch ul {padding-left:0px}
	.floatSwitch li{float:none; padding:0px 0 30px; width:auto;}
	.floatSwitch li img{max-width:100%!important; width:auto!important; height:auto;}
}

.mod-featureSection .mod-featureSection-body .mod-featureSection-body-fullWidthImage-figure img {
	display:block;
 margin: 0 auto !important;
 /* float:none !important;	*/
}

.forie6{
	*display:inline!important;
	*width:337px;
}


#spWrap{
	width:715px;
 margin:0 auto 30px!important;
}
#spTop{
	height:65px;
}
#spBottom{
	width:715px;
 background:url(../images/selectapp_colomn_bottom.jpg) no-repeat left bottom;
	padding:0 0 20px;
}
#spMiddle{
	width:715px;
	height:295px;
 background:url(../images/selectapp_colomn_bg.jpg) no-repeat left top;
	overflow:hidden;
}

#spMiddle a{
	color:#fff;
}
#spMiddle ul{
	width:715px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#spMiddle ul li{
	width:332px;
	/*margin:0 auto 10px;*/
	*display:inline;
	float:left;
	/*margin:0 0 10px 20px;*/
}

#spMiddle ul li h4{
	margin: 0 0 5px;
	color:#fff;
	font-size:110%;
}

#spMiddle ul li p{
	margin:10px 0 0;
	color:#fff;
}
#spMiddle ul li.aa{
	margin:0 0 10px 15px;
}

#spMiddle ul li.bb{
	margin:0 0 10px 11px;
}
#spMiddle ul li.cc{
	position:relative;
	margin:0 0 0 18px;
	z-index:0;
}
#spMiddle ul li.dd{
	position:relative;
	margin:0 0 0 12px;
	z-index:0;
}

#spMiddle ul li.last{
	padding:0 0 40px;
}

@media (max-width:640px) {
	#spMiddle ul{
		width:auto;
	}
	#spMiddle ul li {
		width:100% !important;
	}
	#spMiddle ul li img {
		width:100% !important;
		height:auto;
	}
	#spMiddle ul li.aa,#spMiddle ul li.bb,#spMiddle ul li.cc,#spMiddle ul li.dd{
		margin:0 0 10px 0px;
	}
	#spMiddle ul li h4{
		margin:10px 0 ;
		color:#000;
		font-size:100%;
	}
	
	#spMiddle ul li p{
		margin:10px 0 0;
		color:#000;
	}
	#spMiddle a {
		color:#333;
	}
#spWrap{
	width:auto;
 margin:0 auto!important;
}
#spTop{
	height:auto;
}
#spBottom{
	width:auto;
 background:none;
}
#spMiddle{
	width:auto;
	height:auto;
 background:none;
	overflow:visible;
}
#spMiddle ul{
	margin:0;
	padding:0 0 20px;
	overflow:visible;
}
#spMiddle ul li{
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto 10px;
}
#spMiddle ul li.last{
	padding:0 0 40px;
}
}

#spWrap {}
#spWrap #spTop {
    height: 65px;
}
#spWrap h3 {
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}