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

	Site Name   SONY Tablet App ネットフォトフレーム by Life-X
	File Name   page.css

	Create Date 2011/08/12

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

/* Grid pattern */
.grid1 .col1of2 {
	width: 437px;
}
.grid1 .col2of2 {
	width: 288px;
}
.grid2 .col1of2 {
	width: 337px;
}
.grid2 .col2of2 {
	width: 288px;
}

/* Sub section */
.subSection {
	margin-top: 50px;
	padding: 0 20px;
	clear:both;
}
/* Sub section Headline */
.subSection h3 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(../images/title_bg_m.gif) no-repeat center bottom;
}
.subSection p {
	margin-bottom:40px
}
.subSection div {
	width:100%;
	overflow:hidden;
	clear:both;
}

/* Two images side by side */
.img3column {
	margin-top: 20px;
	padding: 0 12px;
}
.img3column .col1of3,
.img3column .col2of3,
.img3column .col3of3 {
	width: 175px;
	font-size: 85%;
}
.img3column .col1of3 {
	float: left;
	margin-right: 53px;
}
.img3column .col2of3 {
	float: left;
}
.img3column .col3of3 {
	float: right;
}
.img3column .col1of3 p,
.img3column .col2of3 p,
.img3column .col3of3 p {
	margin-top: 5px;
}

/* Round Column */
.rColumn {
	margin: 0 16px;
	padding-bottom: 24px;
	background: url(../images/npf_column_bottom.gif) no-repeat left bottom;
}
.rColumnInner {
	padding-top: 24px;
	background: url(../images/npf_column_top.gif) no-repeat left top;
}
.rColumnContents {
	padding: 0 20px;
	background: url(../images/npf_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: 30px;
}
.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;
}

/* add Feb12 29 */

.mod-subTitle {}
.mod-subTitle h2 { background:none}
.mod-featureSection-body{padding-left:0 !important}

.sp { display:none !important}

.rgt {display:block; float:right}
.rgt2 { float:right; width:290px}
.lft2 { float:left ; width:445px}
.rgt4 { float:right; width:274px; padding-bottom:50px}
.lft4 { float:left ; width:421px}
.lft4 span,.lft2 span {color: #666666;font-size: 0.846em;}

.link a{ padding-right:15px;  no-repeat right center}

.lifeBox {border:1px solid #ccc; padding:2px 15px 15px; overflow:hidden; -webkit-border-radius:3px;-moz-border-radius:3px; margin:0 22px 48px}
.lifeBox img {display:block; float:left; padding:35px 0 0}
.lifeBox .rgt3 { width:530px; float:right}
.lifeBox .rgt3 p { margin:10px 0 0}
.lifeBox .btm { float:right; margin-top:-10px}

#fadePhoto {}

#viewer {
	margin: 0 auto;
	width: 100%;
	height: 298px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}

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

.mTop35 {margin-top:35px !important}
.mBtm55 {margin-bottom:55px !important}
.mBtm5 {margin-bottom:5px !important}
.mBtm {margin-bottom:35px !important}

.inc-3features {margin-top:0}
.inc-3features-items {margin:0px 20px 25px  !important}
.inc-3features-items li span{font-size:.75em}

.mod-recommendMain {margin:55px 0 35px !important;}


.mod-brandTopImage-main {
	position:relative;
}
.btnMovie {
	position:absolute;
	top:225px;
	left:425px;
	width:161px;
	height:50px;
}
.oversea {
	text-align:center;
	padding:10px 0 0;
	color:black;
	
	
}


@media (max-width:320px){
.rgt {display:block; float:none; clear:both; width:100%; height:auto}	
}

@media (max-width:640px){
.subSection { width:100%; padding:0}
.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}
.link a{ padding-right:25px;  no-repeat right center}
.rgt {display:block; float:none; clear:both; margin:0 auto; height:auto}
.rgt2 {display:block; float:none; clear:both; margin:0 auto; height:auto}
.rgt4 {display:block; float:none; clear:both; margin:0 auto; height:auto}
.lft2 { float:left ; width:100%}
.lft4 { float:left ; width:100%}
.sp { display:block !important}
.pc { display:none !important}
.readerProgram {border:solid #720c31 1px;-webkit-border-radius:3px;-moz-border-radius:3px; padding:10px; overflow:hidden}
.readerProgram .rgt {width:100%; float:right}
.readerProgram .rgt h3 {color:#720c31; font-size:1.25em}
.readerProgram .rgt p {font-size:0.9em;}
.readerProgram .rgt p.subs {color:#720c31; font-size:1.0em; font-weight:normal}
.readerProgram .rgt span{ float:none; margin:10px auto}
.readerProgram .lft {width:100%; float:none; clear:both; padding-bottom:10px}
.readerProgram .lft img {margin:0 auto; display:block}
	
.mod-featureSection-body-multiCol img{ margin:15px auto}

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

.readerProgram .rgt span { font-size:.9em}

.btnMovie {
	position:absolute;
	top:70%;
	left:55%;
	width:25% !important;
	height:10% !important;
}
.oversea {
	text-align:left;
	padding:10px 0 0
	
	
}
}

h2.common {clear:both}