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

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

	Create Date 2011/08/12

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

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

.mod-column1-main .mod-brandTopImage{		/*share*/
	margin:10px auto 0px
}
.mod-column1-main .mod-featureSection{		/*share*/
	margin:0;
	padding:0px 0 10px;
	overflow:hidden;
}

.bannerArea {
	margin-bottom:10px;
}
.mod-pageTop{margin-top:25px !important}

@media (max-width:640px) {

	.mod-subTitle {}
	.mod-featureSection-body { overflow:hidden; padding:0 !important;}
	.mod-featureSection-body#touch img { margin:0 auto; float:none}
	
	.mod-featureSection { padding:10px 0 !important}
	
}

/* for nasne content */
.pc {display:block}
.sp {display:none !important}
.subSection {
    margin: 45px 0 55px;
    padding: 0 50px;
}
.subSection img {
	float:none;
	margin:0 auto;
	display:block;
	padding-bottom:15px
}
.subSection h3 {
    background: url("../images/title_bg_s.gif") no-repeat scroll left bottom transparent;
    margin-bottom: 40px;
    padding-bottom: 10px;
}
.mod-featureSection .mod-featureSection-body .mod-featureSection-body-multiCol {
	margin-bottom:50px !important;
}
.mod-featureSection-body-multiCol img {
	float:right;
}
.mod-featureSection-body-fullWidthImage-figure {padding:25px 0 0;}	
.bordered {
	padding:29px !important;
	margin-bottom:90px;
	border:1px solid #cccccc;
}
.bordered h3 {
	font-size:1.10em;
	padding-bottom:25px;
	
}

.mod-brandTopImage-main {}
.mod-brandTopImage-main img {
	float:left;
}
.enjoy {
	width:950px;
}
.enjoy h2 { padding:40px 0 30px}
.enjoy h2 img {}
.inner {
	padding:0 20px 30px;
}
.upper {
	overflow:hidden;
	padding-bottom:30px
}
.upper .lft {
	width:525px;
		float:left
}
.upper .rgt {
	width:367px;
		float:right
}
.bottom {
	overflow:hidden;
	padding-bottom:10px;
}
.bottom img {
	display:block;
	margin:0 auto;
}
.inner ul {}
.inner ul li {
	padding-left:20px;
	text-indent:-20px;
}
.inner .common {
	margin-top:60px;
}
.blueLine {
	width:655px;
	margin:0 auto;
}
.blueLine .pc {

}
.blueLine img {
	display:block;
}
.blueLine ul {
	background: url("../images/ttl02_pct02_sideline.jpg") repeat-y;
	padding:15px 25px 10px !important;
	margin:0
}

br { letter-spacing:0;}
@media (max-width:640px) {
.pc {display:none !important}
.sp {display:block !important}
.enjoy h2 { padding:15px 0}
h2 .sp {
	border-width:4px 0 4px 0;
	border-color:#EEE;
	border-style:solid;
	line-height:140%;
	padding:20px 0.4em;
	font-size:1.15em;
}
h2 .first { color:#ff6f00;}
h2 .second {color:#158fc7;}
.inner ul li {
	padding-left:25px;
	text-indent:-25px;
}
.inner {
	padding:0 10px;
}
.lft,.rgt,.bottom {
	width:100% !important;
}
.lft img,.rgt img,.bottom img {
	width:100%;
	height:auto;
}
.subSection {
    margin-top: 45px;
    padding: 0 0px;
    
}
.blueLine {
	width:98%;
	border:5px #cfe8f4 solid;
	padding:25px 0 0
}
.blueLine img.sp {
	width:95%;
	height:auto;
	margin:0 auto 25px;
}
.blueLine ul {
	background:none;
	padding:10px 10px 0!important
}
.subSection img {
	width:100%;
	height:auto;
}
.mod-featureSection-body-multiCol img {
	float:none;
	width:100%; height:auto;
	
}
ul.mod-listMarkNone { margin-bottom:10px;}

.mod-featureSection .mod-featureSection-body .mod-featureSection-body-multiCol {
	margin-bottom:0px !important;
}
.bordered {
	padding:14px !important;
	border:1px solid #cccccc;
}
.enjoy {
	width:100%;
}
.mod-brandTopImage-main img {
	float:left;
	width:50% !important;
	height:auto !important;
}

}
.nasneBnr {
	padding:0 !important;
}
.nasneBnr .mod-featureSection-body-fullWidthImage {
	margin:0 0 0px !important;
}
.nasneBnr .mod-featureSection-body-fullWidthImage .mod-featureSection-body-fullWidthImage-figure{
	padding:0;
}
.download {
	width:655px;
	margin:40px auto;
	background:#FFF;
}
.download h3 {
	font-weight:normal;
}

.download table {
	background:#FFF;
	margin-top:5px;
	width:100%;
}

.download th {
	background:#158fc7;
	font-weight:normal;
	color:#FFF;
	padding:10px 20px;
	text-align:center;
	border-right:1px solid #FFF;
}
.download td {
	background:#cfe8f4;
	color:#333;
	padding:15px 20px;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	text-align:center;
}
.download td p {
	font-size:0.75em;
	text-align:left;
	text-indent:-1.10em;
	padding-left:1.10em;
	padding-top:1.1em;
}
.download td.side {
	text-align:left;
}

@media (max-width:640px) {
	.download {
		width:100%;
		margin:40px auto;
		background:#FFF;
	}
	.download th {
		padding:10px 10px;
		font-weight:0.9em
	}
	.download td {
		padding:10px;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		text-align:center;
	}
	.download td p {
		font-size:0.70em;
	}
}