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

	Site Name   SONY Tablet App ƒŠƒ‚ƒRƒ“
	File Name   page.css

	Create Date 2011/08/12

==========================================================*/
.rColumn {
	margin: 0 16px;
	padding-bottom: 24px;
	background: url(../images/petamap_column_bottom.gif) no-repeat left bottom;
}
.rColumnInner {
	padding-top: 24px;
	background: url(../images/petamap_column_top.gif) no-repeat left top;
}
.rColumnContents {
	padding: 0 20px;
	background: url(../images/petamap_column_side.gif) repeat-y left top;
}

.box1,
.box2 {
	display: table-cell;
	vertical-align: middle;
}
	/* IE6 */
	* html .box1,
	* html .box2 {
		display: inline;
		zoom: 1;
	}
	
	/* IE7 */
	*:first-child+html .box1,
	*:first-child+html .box2 {
		display: inline;
		zoom: 1;
	}

.rColumnContents .box1 {
	width: 137px;
	padding-right: 15px;
}
.rColumnContents .box2 {
	width: 531px;
}
.rColumnContents .link {
	margin-top: 10px;
}
.operatingCompany {
	text-align: right;
}

/* to android market button */
.androidmarketBtn {
	margin-top: 15px;
	
}
.androidmarketBtn a {
	display: block;
	width: 224px;
	height: 43px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/google_button.gif) no-repeat left bottom;
	outline: 0;
	text-indent: -9999px;
}

.androidmarketBtn a:hover {
	background: url(../images/google_button.gif) no-repeat left -45px;
}
.androidmarketBtn a:active {
	background: url(../images/google_button.gif) no-repeat left -1px;
}

/* added Feb12 29*/

.mod-subTitle {}
.mod-subTitle h2 { background:none}
.mod-featureSection-body {padding-left:0 !important}
.mod-featureSection-body#touch P { float:left; width:375px;}
.mod-featureSection-body#touch img { float:right; width:335px; display:block}

.lifeBox {*height:100%;border:1px solid #ccc; padding:20px 10px 15px; overflow:hidden; -webkit-border-radius:3px;-moz-border-radius:3px; margin:0 25px 48px;}
.lifeBox img {display:block; float:left; padding:20px 0 0}
.lifeBox .rgt3 { width:525px; float:right}
.lifeBox .btm { float:right; margin-bottom:0; margin-top:-10px}

.link a{ padding-right:15px; background:url(/share2/images/mod-sideLinkBox/ico_01.png) no-repeat right center}
.sp { display:none !important}

.mod-column2-main .mod-brandTopImage{		/*share*/
	margin:10px auto 40px
}
.mod-column2-main .mod-featureSection{		/*share*/
	margin:0px 0 50px;
}

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

.mod-featureSection-body-multiCol img{ display:block; float:right;}
.floatSwitch {width:720px;overflow:hidden; margin:0 auto;}
.floatSwitch ul {padding:25px 0 0; overflow:hidden; width:720px; margin-bottom:0;}
.floatSwitch li{*display:inline; float:left; margin:0 0 0 70px;}
.floatSwitch li.right{float:right; margin:0 50px 0 0;}

.floatSwitch2 {width:720px;overflow:hidden; margin:0 auto;}
.floatSwitch2 ul {padding:25px 0 0; overflow:hidden; margin-bottom:0;}
.floatSwitch2 li{float:left; padding:0;}
.floatSwitch2 li.right{float:right; padding:0;}

.floatSwitch653 {width:653px;overflow:hidden; margin:0 auto}
.floatSwitch653 ul {padding:5px 0 0; overflow:hidden; width:693px; margin-bottom:0}
.floatSwitch653 li{float:left; padding:0 40px 0px 0; margin-bottom:0}
.floatSwitch653 li.psc {display:block; margin:50px 0 0}

.rgt3 {}
.rgt3 .link{margin-top:10px}

.btnWrap{
width:755px;
overflow:hidden;
}

.leftBtn{
float:left;
width:350px;
*display:inline;
margin:0 0 0 5px;
}

.RightBtn{
float:right;
width:350px;
*display:inline;
}
p.imgCenter br {
		display:inline;
	}

@media (max-width:640px) {
	p.imgCenter {
		text-align:left;
	}
	p.imgCenter br {
		display:none;
	}
	.btnWrap{
		width:100%;
		overflow:hidden;
	}
	.leftBtn{
		float:none;
		width:100%;
		*display:inline;
		margin:0;
	}
	.RightBtn{
		float:none;
		width:100%;
		*display:inline;
	}

	.sp { display:block !important}
	.pc { display:none !important}
	.mod-featureSection-body {width:100%; overflow:hidden}
	.mod-featureSection-body#touch img { margin:0 auto; float:none}
	
	.lifeBox {border:1px solid #ccc; padding:10px 10px 10px; overflow:hidden; -webkit-border-radius:3px;-moz-border-radius:3px; margin:0}
	.lifeBox img {display:block; float:left; padding:0px 0 5px}
	.lifeBox .rgt3 { width:100%; clear:both}
	.lifeBox .rgt3 .link { margin:10px 0}
	.lifeBox .rgt3 .link a{ height:40px}
	.lifeBox .btm { float:right}
	
	.mod-featureSection-body-multiCol img{ margin:15px auto; float:none}
	.floatSwitch {width:100%}
	.floatSwitch ul {width:100%}
	.floatSwitch li{float:none; margin:0px 0 30px}
	.floatSwitch li img {float:none; margin:0 auto; display:block}
	.floatSwitch li.right{float:none; margin:0 auto; display:block}

	.floatSwitch2 {width:100%}
	.floatSwitch2 ul {width:100%}
	.floatSwitch2 li {float:none; padding:0px 0 30px!important}
	.floatSwitch2 li img {max-width:100%; width:auto; height:auto; padding:0 auto; display:block!important}
	.floatSwitch2 li.right{float:none; padding:0px 0 30px!important}

	.floatSwitch653 {width:100%}
	.floatSwitch653 ul {width:100%}
	.floatSwitch653 li{float:none; padding:0px 0 30px}
	.floatSwitch653 li img {float:none; margin:0 auto; display:block}
	.floatSwitch653 li.psc {display:block; margin:0}


.link a{ padding-right:25px; background:url(/share2/images/mod-sideLinkBox/ico_04.png) no-repeat right center !important}
}


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

.btnWrap .imgCenter {
	height:25px;
}