<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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 */
h3 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	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: 60px !important;
}
.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 {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*/
	overflow:hidden;
	margin:0px 0 25px;
}

.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:0px 0 35px !important;}

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

/* 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;
}

ul.mod-featureSection-body {}
ul.mod-featureSection-body li {float:left; width:170px; padding:0 9px}
ul.mod-featureSection-body li img {}
ul.mod-featureSection-body li img p {}

@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}

	.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}

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

ul.mod-featureSection-body {}
ul.mod-featureSection-body li {width:100%; padding:0 0 25px; clear:both; overflow:hidden}
ul.mod-featureSection-body li img {display:block; margin:0 auto}
ul.mod-featureSection-body li p {}

.imgCenter img{max-width:100%; width:auto; height:auto;}

}
/*
strong { display:block; padding:5px 0 15px}
*/
.mod-featureSection-body-fullWidthImage {margin:20px 0 55px !important}

.mod-column2-main p span {
    color: #666666;
    font-size: 0.846em;
}

h2.common {clear:both}</pre></body></html>